@videojs/html 10.0.0-beta.10 → 10.0.0-beta.11

package/cdn/{volume-slider-Pd0AMTCH.js → volume-slider-DPeFF5tt.js}

@@ -1,8 +1,8 @@
-import{B as e,C as t,D as n,E as r,F as i,H as a,M as o,N as s,P as c,S as l,T as u,U as d,V as f,_ as p,a as m,b as ee,c as h,d as g,f as te,g as ne,h as re,i as ie,j as ae,l as _,m as oe,n as v,p as se,r as y,s as b,u as x,v as S,w as ce,x as le,y as C,z as w}from"./create-player-BTIU8EwT.js";import{i as T,o as ue,t as E}from"./predicate-Y9jDHLpX.js";import{i as de,r as D}from"./context-C_e06fGU.js";import{t as O}from"./safe-define-GrHW3P9e.js";function k(e,t){let n={...t};for(let t in e)ue(e[t])||(n[t]=e[t]);return n}function A(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}var fe=`video-player{display:contents}video-player video,video-player [slot=poster]{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);translate:0 var(--media-caption-track-y,0);z-index:1;font-family:inherit;scale:.98}`,pe=`media-tooltip-group{display:contents}:host{display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}`;const j=`__media-styles`;function me(){if(document.getElementById(j))return;let e=document.createElement(`style`);e.id=j,e.textContent=fe,document.head.appendChild(e)}const M=new CSSStyleSheet;M.replaceSync(pe);function he(e){class t extends e{static{this.shadowRootOptions={mode:`open`}}constructor(...e){if(super(...e),me(),!this.shadowRoot){let e=this.constructor;this.attachShadow(e.shadowRootOptions);let t=[M];e.styles&&t.push(e.styles),this.shadowRoot.adoptedStyleSheets=t,e.getTemplateHTML&&(this.shadowRoot.innerHTML=e.getTemplateHTML())}}}return t}function ge(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}O(ie);function N(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var _e=class e{static defaultProps={delay:500};state=d({visible:!1});#e={...e.defaultProps};#t=null;setProps(t){this.#e=k(t,e.defaultProps)}destroy(){this.#n()}update(e){let t=e.waiting&&!e.paused;t&&!this.state.current.visible&&!this.#t?this.#t=setTimeout(()=>{this.#t=null,this.state.patch({visible:!0})},this.#e.delay):t||(this.#n(),this.state.patch({visible:!1}))}#n(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}};const ve={visible:`data-visible`};var ye=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.subtitlesShowing?`Disable captions`:`Enable captions`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{subtitlesShowing:e.subtitlesShowing,availability:e.textTrackList.some(e=>e.kind===`captions`||e.kind===`subtitles`)?`available`:`unavailable`}}toggle(e){this.#e.disabled||e.toggleSubtitles()}};const be={subtitlesShowing:`data-active`,availability:`data-availability`};var xe=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const Se={visible:`data-visible`,userActive:`data-user-active`};var Ce=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.fullscreen?`Exit fullscreen`:`Enter fullscreen`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{fullscreen:e.fullscreen,availability:e.fullscreenAvailability}}async toggle(e){if(!this.#e.disabled&&e.fullscreenAvailability===`available`)try{e.fullscreen?await e.exitFullscreen():await e.requestFullscreen()}catch{}}};const we={fullscreen:`data-fullscreen`,availability:`data-availability`};var Te=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.muted?`Unmute`:`Mute`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{muted:e.muted||e.volume===0,volumeLevel:Ee(e)}}toggle(e){this.#e.disabled||e.toggleMuted()}};function Ee(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const De={muted:`data-muted`,volumeLevel:`data-volume-level`};var Oe=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.pip?`Exit picture-in-picture`:`Enter picture-in-picture`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{pip:e.pip,availability:e.pipAvailability}}async toggle(e){if(!this.#e.disabled&&e.pipAvailability===`available`)try{e.pip?await e.exitPictureInPicture():await e.requestPictureInPicture()}catch{}}};const ke={pip:`data-pip`,availability:`data-availability`};var Ae=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.ended?`Replay`:e.paused?`Play`:`Pause`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{paused:e.paused,ended:e.ended,started:e.started}}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const je={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var Me=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{rate:this.#t.playbackRate}}cycle(e){if(this.#e.disabled)return;let{playbackRates:t,playbackRate:n}=e;if(t.length===0)return;let r=t.indexOf(n),i=r===-1?t.find(e=>e>n)??t[0]:t[(r+1)%t.length];e.setPlaybackRate(i)}};const Ne={rate:`data-rate`};var P=class e{static defaultProps={side:`top`,align:`center`,modal:!1,closeOnEscape:!0,closeOnOutsideClick:!0,open:!1,defaultOpen:!1,openOnHover:!1,delay:300,closeDelay:0};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,modal:this.#e.modal,...N(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const Pe={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Fe=class{#e=null;setMedia(e){this.#e=e}getState(){return{visible:!this.#e.started}}};const Ie={visible:`data-visible`};var F=class e{static defaultProps={seconds:30,label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{seeking:this.#t.seeking,direction:this.#e.seconds<0?`backward`:`forward`}}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const Le={seeking:`data-seeking`,direction:`data-direction`};var I=class e{static defaultProps={label:``,step:1,largeStep:10,orientation:`horizontal`,disabled:!1,thumbAlignment:`center`,value:0,min:0,max:100};static defaultInput={pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1};#e={...e.defaultProps};#t={...e.defaultInput};get props(){return this.#e}get input(){return this.#t}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setInput(e){this.#t=e}getSliderState(e){let{orientation:t,disabled:n,thumbAlignment:r}=this.#e,{pointerPercent:i,dragging:a,pointing:o,focused:s}=this.#t;return{value:e,fillPercent:this.percentFromValue(e),pointerPercent:i,dragging:a,pointing:o,interactive:a||o||s,orientation:t,disabled:n,thumbAlignment:r}}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return``}getAttrs(e){return{role:`slider`,tabIndex:e.disabled?-1:0,autoComplete:`off`,"aria-label":this.getLabel(e),"aria-valuemin":this.#e.min,"aria-valuemax":this.#e.max,"aria-valuenow":e.value,"aria-orientation":e.orientation,"aria-disabled":e.disabled?`true`:void 0}}valueFromPercent(e){let{min:t,max:n,step:r}=this.#e;return ee(C(t+e/100*(n-t),t,n),r,t)}rawValueFromPercent(e){let{min:t,max:n}=this.#e;return C(t+e/100*(n-t),t,n)}percentFromValue(e){let{min:t,max:n}=this.#e;return n===t?0:(e-t)/(n-t)*100}getStepPercent(){let{step:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}getLargeStepPercent(){let{largeStep:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}adjustPercentForAlignment(e,t,n){if(this.#e.thumbAlignment===`center`||n===0)return e;let r=t/n*100/2,i=r,a=100-r;return i+e/100*(a-i)}};const L={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},R={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function Re(e,t){let n=e.trim().split(`#`),r=n[0]??``,i=n[1],a=t?new URL(r,t).href:r;if(!i)return{url:a};let o=i.indexOf(`=`);if(o===-1)return{url:a};let s=i.slice(0,o),c=i.slice(o+1).split(`,`).map(Number),l={};for(let e=0;e<s.length;e++){let t=s[e],n=c[e];t&&T(n)&&!Number.isNaN(n)&&(l[t]=n)}let u={url:a};return T(l.w)&&(u.width=l.w),T(l.h)&&(u.height=l.h),T(l.x)&&T(l.y)&&(u.coords={x:l.x,y:l.y}),u}function ze(e,t){let n=[];for(let r of e){let e=Re(r.text,t),i={url:e.url,startTime:r.startTime,endTime:r.endTime};e.width&&(i.width=e.width),e.height&&(i.height=e.height),e.coords&&(i.coords=e.coords),n.push(i)}return n}const z=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function B(e){return T(e)&&Number.isFinite(e)}function V(e,t){return`${e} ${e===1?z[t]?.singular:z[t]?.plural}`}function H(e,t){if(!B(e))return`0:00`;let n=e<0,r=Math.abs(e),i=Math.floor(r/3600),a=Math.floor(r/60%60),o=Math.floor(r%60),s=t?Math.abs(t):0,c=Math.floor(s/3600),l=Math.floor(s/60%60),u=i>0||c>0,d=u||l>=10,f=u?`${i}:`:``,p=`${d&&a<10?`0`:``}${a}:`,m=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${p}${m}`}function U(e){if(!B(e))return``;let t=e<0,n=Math.abs(e),r=Math.floor(n/3600),i=Math.floor(n/60%60),a=Math.floor(n%60);return n===0?`${V(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?V(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function Be(e){if(!B(e))return`PT0S`;let t=Math.abs(e),n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=`PT`;return n>0&&(a+=`${n}H`),r>0&&(a+=`${r}M`),(i>0||a===`PT`)&&(a+=`${i}S`),a}const Ve={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var W=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setMedia(e){this.#t=e}#n(){let e=this.#t,{type:t}=this.#e;switch(t){case`current`:return e.currentTime;case`duration`:return e.duration;case`remaining`:return e.currentTime-e.duration;default:return 0}}#r(){let e=this.#t,t=this.#n();return H(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return U(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return Be(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return Ve[this.#e.type]}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-valuetext":e.phrase}}getState(){let e=this.#n();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#r(),phrase:this.#i(),datetime:this.#a()}}};const He={type:`data-type`};var G=class e extends I{static defaultProps={...I.defaultProps,label:`Seek`,commitThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps),super.setProps({...t,min:0})}setMedia(e){this.#t=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t,{dragging:i,dragPercent:a}=this.input;super.setProps({...this.#e,min:0,max:e});let o=i?C(a/100*e,0,e):t,s=super.getSliderState(o),c=r.length>0?r[r.length-1][1]:0,l=e>0?c/e*100:0;return{...s,currentTime:t,duration:e,seeking:n,bufferPercent:l}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=U(e.value),r=U(e.duration),i=r?`${n} of ${r}`:n;return{...t,"aria-valuetext":i}}};const Ue={...L,seeking:`data-seeking`};var K=class e{static defaultProps={side:`top`,align:`center`,open:!1,defaultOpen:!1,delay:600,closeDelay:0,disableHoverablePopup:!0,disabled:!1};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,...N(e.status)}}getTriggerAttrs(e,t){return{"aria-describedby":e.open?t:void 0}}getPopupAttrs(e){return{popover:`manual`,role:`tooltip`}}};const q={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},We={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var J=class e{static defaultProps={delay:600,closeDelay:0,timeout:400};#e={...e.defaultProps};#t=0;#n=!1;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}get delay(){return this.#e.delay}get closeDelay(){return this.#e.closeDelay}shouldSkipDelay(){return this.#n?!0:Date.now()-this.#t<this.#e.timeout}notifyOpen(){this.#n=!0}notifyClose(){this.#n=!1,this.#t=Date.now()}},Y=class e extends I{static defaultProps={...I.defaultProps,label:`Volume`};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(k(t,e.defaultProps))}setMedia(e){this.#e=e}getState(){let e=this.#e,{volume:t,muted:n}=e,r=n||t===0,{dragging:i,dragPercent:a}=this.input,o=t*100,s=i?this.valueFromPercent(a):o,c=super.getSliderState(s);return{...c,fillPercent:r?0:c.fillPercent,volume:t,muted:r,availability:e.volumeAvailability}}getLabel(e){return super.getLabel(e)||`Volume`}getAttrs(e){let t=super.getAttrs(e),n=`${Math.round(e.value)} percent${e.muted?`, muted`:``}`;return{...t,"aria-valuetext":n}}};const X={...L,availability:`data-availability`};var Z=class extends m{constructor(...e){super(...e),this.disabled=!1,this.label=``}static{this.properties={label:{type:String},disabled:{type:Boolean}}}#e=null;connectedCallback(){super.connectedCallback(),this.#e=new AbortController;let e=r({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});x(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(!t)return;this.core.setMedia(t);let n=this.core.getState();x(this,this.core.getAttrs?.(n)??{}),_(this,n,this.stateAttrMap)}},Q=class extends m{update(e){super.update(e);let t=this.consumer.value;t&&_(this,t.state,t.stateAttrMap)}};O(class extends Z{constructor(...e){super(...e),this.core=new Te,this.stateAttrMap=De,this.mediaState=new v(this,D,i)}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}}),O(class extends Z{constructor(...e){super(...e),this.core=new Ae,this.stateAttrMap=je,this.mediaState=new v(this,D,ae)}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}}),O(class extends Z{constructor(...e){super(...e),this.core=new Me,this.stateAttrMap=Ne,this.mediaState=new v(this,D,o)}static{this.tagName=`media-playback-rate-button`}activate(e){this.core.cycle(e)}}),O(class extends m{constructor(...e){super(...e),this.open=P.defaultProps.open,this.defaultOpen=P.defaultProps.defaultOpen,this.side=P.defaultProps.side,this.align=P.defaultProps.align,this.modal=P.defaultProps.modal,this.closeOnEscape=P.defaultProps.closeOnEscape,this.closeOnOutsideClick=P.defaultProps.closeOnOutsideClick,this.openOnHover=P.defaultProps.openOnHover,this.delay=P.defaultProps.delay,this.closeDelay=P.defaultProps.closeDelay}static{this.tagName=`media-popover`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},modal:{type:Boolean},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},openOnHover:{type:Boolean,attribute:`open-on-hover`},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new P;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=0;#c=null;#l=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.#t=u({transition:g(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,openOnHover:()=>this.openOnHover,delay:()=>this.delay,closeDelay:()=>this.closeDelay}),this.#t.setPopupElement(this),x(this,this.#t.popupProps,{signal:this.#r.signal}),this.#n?this.#n.track(this.#t.input):this.#n=new y(this,this.#t.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#t?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#m(),this.#r?.abort(),this.#r=null}destroyCallback(){this.#m(),this.#f(),this.#t?.destroy(),super.destroyCallback()}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#t&&e.has(`open`)){let{active:e}=this.#t.input.current;this.open!==e&&(this.open?this.#t.open():this.#t.close())}}update(n){if(super.update(n),!this.#t)return;let r=this.#u();this.#d(r);let i=this.#t.input.current;this.#e.setInput(i);let o=this.#e.getState();if(x(this,this.#e.getPopupAttrs(o)),_(this,o,Pe),o.open?f(this):e(this),this.#a&&(x(this.#a,this.#e.getTriggerAttrs(o,this.id)),w(this.#a,le(this.id))),!o.open){this.#m();return}let s={side:o.side,align:o.align};if(a())w(this,l(this.id,s));else{let e=this.#a?.getBoundingClientRect(),n=t(this),r=document.documentElement.getBoundingClientRect(),i=ce(this);w(this,l(this.id,s,e,n,r,i))}this.#p()}#u(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#d(e){e!==this.#a&&(this.#m(),this.#f(),this.#a=e,this.#t?.setTriggerElement(e),e&&this.#t&&(this.#i=new AbortController,x(e,this.#t.triggerProps,{signal:this.#i.signal})))}#f(){this.#a&&(x(this.#a,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#a.style.removeProperty(`anchor-name`)),this.#i?.abort(),this.#i=null,this.#a=null}#p(){if(a())return;let e=this.#a;if(!e||this.#o&&this.#l===e)return;this.#m(),this.#o=new AbortController,this.#l=e;let{signal:t}=this.#o,n=()=>{cancelAnimationFrame(this.#s),this.#s=requestAnimationFrame(()=>{t.aborted||this.requestUpdate()})};window.addEventListener(`scroll`,n,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,n,{signal:t}),typeof ResizeObserver==`function`&&(this.#c=new ResizeObserver(()=>{n()}),this.#c.observe(e),this.#c.observe(this)),n()}#m(){this.#o?.abort(),this.#o=null,this.#l=null,cancelAnimationFrame(this.#s),this.#s=0,this.#c?.disconnect(),this.#c=null}}),O(class extends Z{constructor(...e){super(...e),this.seconds=F.defaultProps.seconds,this.core=new F,this.stateAttrMap=Le,this.mediaState=new v(this,D,c)}static{this.tagName=`media-seek-button`}static{this.properties={...Z.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}});var Ge=class extends m{static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e=new W;#t=new v(this,D,c);#n=document.createElement(`span`);#r=document.createTextNode(``);constructor(){super(),this.type=W.defaultProps.type,this.negativeSign=W.defaultProps.negativeSign,this.label=W.defaultProps.label,this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r)}connectedCallback(){super.connectedCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();this.#n.hidden=!n.negative,this.#n.textContent=n.negative?this.negativeSign:``,this.#r.textContent=n.text,x(this,this.#e.getAttrs(n)),_(this,n,He)}},Ke=class extends m{static{this.tagName=`media-time-group`}},qe=class extends m{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}};O(Ge),O(Ke),O(qe);const $=de(Symbol(`@videojs/slider`));var Je=class extends Q{constructor(...e){super(...e),this.consumer=new h(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},Ye=class extends Q{constructor(...e){super(...e),this.consumer=new h(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},Xe=class extends m{constructor(...e){super(...e),this.overflow=`clamp`}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e=new h(this,{context:$,subscribe:!0});#t=null;#n=0;connectedCallback(){super.connectedCallback(),this.#t=new ResizeObserver(([e])=>{this.#n=e.contentRect.width,this.#r()}),this.#t.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null}#r(){w(this,ne(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&_(this,t.state,t.stateAttrMap),this.#r()}},Ze=class extends m{static{this.tagName=`media-slider-thumb`}#e=new h(this,{context:$,subscribe:!0});#t=null;#n=!1;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;t&&(!this.#n&&this.#t&&(x(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),x(this,t.thumbAttrs),_(this,t.state,t.stateAttrMap))}},Qe=class extends m{static{this.tagName=`media-thumbnail`}static{this.properties={time:{type:Number},crossOrigin:{type:String,attribute:`crossorigin`},loading:{type:String},fetchPriority:{type:String,attribute:`fetchpriority`}}}#e=new oe;#t=document.createElement(`img`);#n=new v(this,D,s);#r=[];#i;#a;#o=null;constructor(){super(),this.time=0;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
+import{B as e,C as t,D as n,E as r,F as i,H as a,M as o,N as s,P as c,S as l,T as u,U as d,V as f,_ as p,a as m,b as ee,c as h,d as g,f as te,g as ne,h as re,i as ie,j as ae,l as _,m as oe,n as v,p as se,r as y,s as b,u as x,v as S,w as ce,x as le,y as C,z as w}from"./create-player-s_qISCpw.js";import{i as T,o as ue,t as E}from"./predicate-Y9jDHLpX.js";import{i as de,r as D}from"./context-CUBywtsB.js";import{t as O}from"./safe-define-GrHW3P9e.js";function k(e,t){let n={...t};for(let t in e)ue(e[t])||(n[t]=e[t]);return n}function A(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}var fe=`video-player{display:contents}video-player video,video-player [slot=poster]{width:100%;height:100%;display:block}video-player video::-webkit-media-text-track-container{transition:translate var(--media-caption-track-duration,0) ease-out;transition-delay:var(--media-caption-track-delay,0);translate:0 var(--media-caption-track-y,0);z-index:1;font-family:inherit;scale:.98}`,pe=`media-tooltip-group{display:contents}:host{display:grid}.media-popover--volume:has(media-volume-slider[data-availability=unsupported]){display:none}`;const j=`__media-styles`;function me(){if(document.getElementById(j))return;let e=document.createElement(`style`);e.id=j,e.textContent=fe,document.head.appendChild(e)}const M=new CSSStyleSheet;M.replaceSync(pe);function he(e){class t extends e{static{this.shadowRootOptions={mode:`open`}}constructor(...e){if(super(...e),me(),!this.shadowRoot){let e=this.constructor;this.attachShadow(e.shadowRootOptions);let t=[M];e.styles&&t.push(e.styles),this.shadowRoot.adoptedStyleSheets=t,e.getTemplateHTML&&(this.shadowRoot.innerHTML=e.getTemplateHTML())}}}return t}function ge(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}O(ie);function N(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var _e=class e{static defaultProps={delay:500};state=d({visible:!1});#e={...e.defaultProps};#t=null;setProps(t){this.#e=k(t,e.defaultProps)}destroy(){this.#n()}update(e){let t=e.waiting&&!e.paused;t&&!this.state.current.visible&&!this.#t?this.#t=setTimeout(()=>{this.#t=null,this.state.patch({visible:!0})},this.#e.delay):t||(this.#n(),this.state.patch({visible:!1}))}#n(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}};const ve={visible:`data-visible`};var ye=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.subtitlesShowing?`Disable captions`:`Enable captions`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{subtitlesShowing:e.subtitlesShowing,availability:e.textTrackList.some(e=>e.kind===`captions`||e.kind===`subtitles`)?`available`:`unavailable`}}toggle(e){this.#e.disabled||e.toggleSubtitles()}};const be={subtitlesShowing:`data-active`,availability:`data-availability`};var xe=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const Se={visible:`data-visible`,userActive:`data-user-active`};var Ce=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.fullscreen?`Exit fullscreen`:`Enter fullscreen`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{fullscreen:e.fullscreen,availability:e.fullscreenAvailability}}async toggle(e){if(!this.#e.disabled&&e.fullscreenAvailability===`available`)try{e.fullscreen?await e.exitFullscreen():await e.requestFullscreen()}catch{}}};const we={fullscreen:`data-fullscreen`,availability:`data-availability`};var Te=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.muted?`Unmute`:`Mute`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{muted:e.muted||e.volume===0,volumeLevel:Ee(e)}}toggle(e){this.#e.disabled||e.toggleMuted()}};function Ee(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const De={muted:`data-muted`,volumeLevel:`data-volume-level`};var Oe=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.pip?`Exit picture-in-picture`:`Enter picture-in-picture`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{pip:e.pip,availability:e.pipAvailability}}async toggle(e){if(!this.#e.disabled&&e.pipAvailability===`available`)try{e.pip?await e.exitPictureInPicture():await e.requestPictureInPicture()}catch{}}};const ke={pip:`data-pip`,availability:`data-availability`};var Ae=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return e.ended?`Replay`:e.paused?`Play`:`Pause`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){let e=this.#t;return{paused:e.paused,ended:e.ended,started:e.started}}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const je={paused:`data-paused`,ended:`data-ended`,started:`data-started`};var Me=class e{static defaultProps={label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return`Playback rate ${e.rate}`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{rate:this.#t.playbackRate}}cycle(e){if(this.#e.disabled)return;let{playbackRates:t,playbackRate:n}=e;if(t.length===0)return;let r=t.indexOf(n),i=r===-1?t.find(e=>e>n)??t[0]:t[(r+1)%t.length];e.setPlaybackRate(i)}};const Ne={rate:`data-rate`};var P=class e{static defaultProps={side:`top`,align:`center`,modal:!1,closeOnEscape:!0,closeOnOutsideClick:!0,open:!1,defaultOpen:!1,openOnHover:!1,delay:300,closeDelay:0};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,modal:this.#e.modal,...N(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const Pe={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var Fe=class{#e=null;setMedia(e){this.#e=e}getState(){return{visible:!this.#e.started}}};const Ie={visible:`data-visible`};var F=class e{static defaultProps={seconds:30,label:``,disabled:!1};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;let n=Math.abs(this.#e.seconds);return e.direction===`backward`?`Seek backward ${n} seconds`:`Seek forward ${n} seconds`}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-disabled":this.#e.disabled?`true`:void 0}}setMedia(e){this.#t=e}getState(){return{seeking:this.#t.seeking,direction:this.#e.seconds<0?`backward`:`forward`}}async seek(e){this.#e.disabled||await e.seek(e.currentTime+this.#e.seconds)}};const Le={seeking:`data-seeking`,direction:`data-direction`};var I=class e{static defaultProps={label:``,step:1,largeStep:10,orientation:`horizontal`,disabled:!1,thumbAlignment:`center`,value:0,min:0,max:100};static defaultInput={pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1};#e={...e.defaultProps};#t={...e.defaultInput};get props(){return this.#e}get input(){return this.#t}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setInput(e){this.#t=e}getSliderState(e){let{orientation:t,disabled:n,thumbAlignment:r}=this.#e,{pointerPercent:i,dragging:a,pointing:o,focused:s}=this.#t;return{value:e,fillPercent:this.percentFromValue(e),pointerPercent:i,dragging:a,pointing:o,interactive:a||o||s,orientation:t,disabled:n,thumbAlignment:r}}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return``}getAttrs(e){return{role:`slider`,tabIndex:e.disabled?-1:0,autoComplete:`off`,"aria-label":this.getLabel(e),"aria-valuemin":this.#e.min,"aria-valuemax":this.#e.max,"aria-valuenow":e.value,"aria-orientation":e.orientation,"aria-disabled":e.disabled?`true`:void 0}}valueFromPercent(e){let{min:t,max:n,step:r}=this.#e;return ee(C(t+e/100*(n-t),t,n),r,t)}rawValueFromPercent(e){let{min:t,max:n}=this.#e;return C(t+e/100*(n-t),t,n)}percentFromValue(e){let{min:t,max:n}=this.#e;return n===t?0:(e-t)/(n-t)*100}getStepPercent(){let{step:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}getLargeStepPercent(){let{largeStep:e,min:t,max:n}=this.#e,r=n-t;return r>0?e/r*100:0}adjustPercentForAlignment(e,t,n){if(this.#e.thumbAlignment===`center`||n===0)return e;let r=t/n*100/2,i=r,a=100-r;return i+e/100*(a-i)}};const L={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},R={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function Re(e,t){let n=e.trim().split(`#`),r=n[0]??``,i=n[1],a=t?new URL(r,t).href:r;if(!i)return{url:a};let o=i.indexOf(`=`);if(o===-1)return{url:a};let s=i.slice(0,o),c=i.slice(o+1).split(`,`).map(Number),l={};for(let e=0;e<s.length;e++){let t=s[e],n=c[e];t&&T(n)&&!Number.isNaN(n)&&(l[t]=n)}let u={url:a};return T(l.w)&&(u.width=l.w),T(l.h)&&(u.height=l.h),T(l.x)&&T(l.y)&&(u.coords={x:l.x,y:l.y}),u}function ze(e,t){let n=[];for(let r of e){let e=Re(r.text,t),i={url:e.url,startTime:r.startTime,endTime:r.endTime};e.width&&(i.width=e.width),e.height&&(i.height=e.height),e.coords&&(i.coords=e.coords),n.push(i)}return n}const z=[{singular:`hour`,plural:`hours`},{singular:`minute`,plural:`minutes`},{singular:`second`,plural:`seconds`}];function B(e){return T(e)&&Number.isFinite(e)}function V(e,t){return`${e} ${e===1?z[t]?.singular:z[t]?.plural}`}function H(e,t){if(!B(e))return`0:00`;let n=e<0,r=Math.abs(e),i=Math.floor(r/3600),a=Math.floor(r/60%60),o=Math.floor(r%60),s=t?Math.abs(t):0,c=Math.floor(s/3600),l=Math.floor(s/60%60),u=i>0||c>0,d=u||l>=10,f=u?`${i}:`:``,p=`${d&&a<10?`0`:``}${a}:`,m=o<10?`0${o}`:`${o}`;return`${n?`-`:``}${f}${p}${m}`}function U(e){if(!B(e))return``;let t=e<0,n=Math.abs(e),r=Math.floor(n/3600),i=Math.floor(n/60%60),a=Math.floor(n%60);return n===0?`${V(0,2)}${t?` remaining`:``}`:`${[r,i,a].map((e,t)=>e>0?V(e,t):null).filter(Boolean).join(`, `)}${t?` remaining`:``}`}function Be(e){if(!B(e))return`PT0S`;let t=Math.abs(e),n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=`PT`;return n>0&&(a+=`${n}H`),r>0&&(a+=`${r}M`),(i>0||a===`PT`)&&(a+=`${i}S`),a}const Ve={current:`Current time`,duration:`Duration`,remaining:`Remaining`};var W=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``};#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setMedia(e){this.#t=e}#n(){let e=this.#t,{type:t}=this.#e;switch(t){case`current`:return e.currentTime;case`duration`:return e.duration;case`remaining`:return e.currentTime-e.duration;default:return 0}}#r(){let e=this.#t,t=this.#n();return H(Math.abs(t),e.duration)}#i(){let{type:e}=this.#e,t=this.#n();return U(e===`remaining`?t<0?t:-Math.abs(t):t)}#a(){let e=this.#n();return Be(Math.abs(e))}getLabel(e){let{label:t}=this.#e;if(E(t)){let n=t(e);if(n)return n}else if(t)return t;return Ve[this.#e.type]}getAttrs(e){return{"aria-label":this.getLabel(e),"aria-valuetext":e.phrase}}getState(){let e=this.#n();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#r(),phrase:this.#i(),datetime:this.#a()}}};const He={type:`data-type`};var G=class e extends I{static defaultProps={...I.defaultProps,label:`Seek`,commitThrottle:100};#e={...e.defaultProps};#t=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps),super.setProps({...t,min:0})}setMedia(e){this.#t=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t,{dragging:i,dragPercent:a}=this.input;super.setProps({...this.#e,min:0,max:e});let o=i?C(a/100*e,0,e):t,s=super.getSliderState(o),c=r.length>0?r[r.length-1][1]:0,l=e>0?c/e*100:0;return{...s,currentTime:t,duration:e,seeking:n,bufferPercent:l}}getLabel(e){return super.getLabel(e)||`Seek`}getAttrs(e){let t=super.getAttrs(e),n=U(e.value),r=U(e.duration),i=r?`${n} of ${r}`:n;return{...t,"aria-valuetext":i}}};const Ue={...L,seeking:`data-seeking`};var K=class e{static defaultProps={side:`top`,align:`center`,open:!1,defaultOpen:!1,delay:600,closeDelay:0,disableHoverablePopup:!0,disabled:!1};#e={...e.defaultProps};constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}#t=null;setInput(e){this.#t=e}getState(){let e=this.#t;return{open:e.active,status:e.status,side:this.#e.side,align:this.#e.align,...N(e.status)}}getTriggerAttrs(e,t){return{"aria-describedby":e.open?t:void 0}}getPopupAttrs(e){return{popover:`manual`,role:`tooltip`}}};const q={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},We={open:`data-open`,side:`data-side`,align:`data-align`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var J=class e{static defaultProps={delay:600,closeDelay:0,timeout:400};#e={...e.defaultProps};#t=0;#n=!1;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}get delay(){return this.#e.delay}get closeDelay(){return this.#e.closeDelay}shouldSkipDelay(){return this.#n?!0:Date.now()-this.#t<this.#e.timeout}notifyOpen(){this.#n=!0}notifyClose(){this.#n=!1,this.#t=Date.now()}},Y=class e extends I{static defaultProps={...I.defaultProps,label:`Volume`};#e=null;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(k(t,e.defaultProps))}setMedia(e){this.#e=e}getState(){let e=this.#e,{volume:t,muted:n}=e,r=n||t===0,{dragging:i,dragPercent:a}=this.input,o=t*100,s=i?this.valueFromPercent(a):o,c=super.getSliderState(s);return{...c,fillPercent:r?0:c.fillPercent,volume:t,muted:r,availability:e.volumeAvailability}}getLabel(e){return super.getLabel(e)||`Volume`}getAttrs(e){let t=super.getAttrs(e),n=`${Math.round(e.value)} percent${e.muted?`, muted`:``}`;return{...t,"aria-valuetext":n}}};const X={...L,availability:`data-availability`};var Z=class extends m{constructor(...e){super(...e),this.disabled=!1,this.label=``}static{this.properties={label:{type:String},disabled:{type:Boolean}}}#e=null;connectedCallback(){super.connectedCallback(),this.#e=new AbortController;let e=r({onActivate:()=>this.activate(this.mediaState.value),isDisabled:()=>this.disabled||!this.mediaState.value});x(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(!t)return;this.core.setMedia(t);let n=this.core.getState();x(this,this.core.getAttrs?.(n)??{}),_(this,n,this.stateAttrMap)}},Q=class extends m{update(e){super.update(e);let t=this.consumer.value;t&&_(this,t.state,t.stateAttrMap)}};O(class extends Z{constructor(...e){super(...e),this.core=new Te,this.stateAttrMap=De,this.mediaState=new v(this,D,i)}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}}),O(class extends Z{constructor(...e){super(...e),this.core=new Ae,this.stateAttrMap=je,this.mediaState=new v(this,D,ae)}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}}),O(class extends Z{constructor(...e){super(...e),this.core=new Me,this.stateAttrMap=Ne,this.mediaState=new v(this,D,o)}static{this.tagName=`media-playback-rate-button`}activate(e){this.core.cycle(e)}}),O(class extends m{constructor(...e){super(...e),this.open=P.defaultProps.open,this.defaultOpen=P.defaultProps.defaultOpen,this.side=P.defaultProps.side,this.align=P.defaultProps.align,this.modal=P.defaultProps.modal,this.closeOnEscape=P.defaultProps.closeOnEscape,this.closeOnOutsideClick=P.defaultProps.closeOnOutsideClick,this.openOnHover=P.defaultProps.openOnHover,this.delay=P.defaultProps.delay,this.closeDelay=P.defaultProps.closeDelay}static{this.tagName=`media-popover`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},modal:{type:Boolean},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},openOnHover:{type:Boolean,attribute:`open-on-hover`},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new P;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=0;#c=null;#l=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#r=new AbortController,this.#t=u({transition:g(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,openOnHover:()=>this.openOnHover,delay:()=>this.delay,closeDelay:()=>this.closeDelay}),this.#t.setPopupElement(this),x(this,this.#t.popupProps,{signal:this.#r.signal}),this.#n?this.#n.track(this.#t.input):this.#n=new y(this,this.#t.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#t?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#m(),this.#r?.abort(),this.#r=null}destroyCallback(){this.#m(),this.#f(),this.#t?.destroy(),super.destroyCallback()}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#t&&e.has(`open`)){let{active:e}=this.#t.input.current;this.open!==e&&(this.open?this.#t.open():this.#t.close())}}update(n){if(super.update(n),!this.#t)return;let r=this.#u();this.#d(r);let i=this.#t.input.current;this.#e.setInput(i);let o=this.#e.getState();if(x(this,this.#e.getPopupAttrs(o)),_(this,o,Pe),o.open?f(this):e(this),this.#a&&(x(this.#a,this.#e.getTriggerAttrs(o,this.id)),w(this.#a,le(this.id))),!o.open){this.#m();return}let s={side:o.side,align:o.align};if(a())w(this,l(this.id,s));else{let e=this.#a?.getBoundingClientRect(),n=t(this),r=document.documentElement.getBoundingClientRect(),i=ce(this);w(this,l(this.id,s,e,n,r,i))}this.#p()}#u(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#d(e){e!==this.#a&&(this.#m(),this.#f(),this.#a=e,this.#t?.setTriggerElement(e),e&&this.#t&&(this.#i=new AbortController,x(e,this.#t.triggerProps,{signal:this.#i.signal})))}#f(){this.#a&&(x(this.#a,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#a.style.removeProperty(`anchor-name`)),this.#i?.abort(),this.#i=null,this.#a=null}#p(){if(a())return;let e=this.#a;if(!e||this.#o&&this.#l===e)return;this.#m(),this.#o=new AbortController,this.#l=e;let{signal:t}=this.#o,n=()=>{cancelAnimationFrame(this.#s),this.#s=requestAnimationFrame(()=>{t.aborted||this.requestUpdate()})};window.addEventListener(`scroll`,n,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,n,{signal:t}),typeof ResizeObserver==`function`&&(this.#c=new ResizeObserver(()=>{n()}),this.#c.observe(e),this.#c.observe(this)),n()}#m(){this.#o?.abort(),this.#o=null,this.#l=null,cancelAnimationFrame(this.#s),this.#s=0,this.#c?.disconnect(),this.#c=null}}),O(class extends Z{constructor(...e){super(...e),this.seconds=F.defaultProps.seconds,this.core=new F,this.stateAttrMap=Le,this.mediaState=new v(this,D,c)}static{this.tagName=`media-seek-button`}static{this.properties={...Z.properties,seconds:{type:Number}}}activate(e){this.core.seek(e)}});var Ge=class extends m{static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String}}}#e=new W;#t=new v(this,D,c);#n=document.createElement(`span`);#r=document.createTextNode(``);constructor(){super(),this.type=W.defaultProps.type,this.negativeSign=W.defaultProps.negativeSign,this.label=W.defaultProps.label,this.#n.setAttribute(`aria-hidden`,`true`),this.#n.hidden=!0,this.appendChild(this.#n),this.appendChild(this.#r)}connectedCallback(){super.connectedCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();this.#n.hidden=!n.negative,this.#n.textContent=n.negative?this.negativeSign:``,this.#r.textContent=n.text,x(this,this.#e.getAttrs(n)),_(this,n,He)}},Ke=class extends m{static{this.tagName=`media-time-group`}},qe=class extends m{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}};O(Ge),O(Ke),O(qe);const $=de(Symbol(`@videojs/slider`));var Je=class extends Q{constructor(...e){super(...e),this.consumer=new h(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},Ye=class extends Q{constructor(...e){super(...e),this.consumer=new h(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-fill`}},Xe=class extends m{constructor(...e){super(...e),this.overflow=`clamp`}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e=new h(this,{context:$,subscribe:!0});#t=null;#n=0;connectedCallback(){super.connectedCallback(),this.#t=new ResizeObserver(([e])=>{this.#n=e.contentRect.width,this.#r()}),this.#t.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=null}#r(){w(this,ne(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&_(this,t.state,t.stateAttrMap),this.#r()}},Ze=class extends m{static{this.tagName=`media-slider-thumb`}#e=new h(this,{context:$,subscribe:!0});#t=null;#n=!1;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;t&&(!this.#n&&this.#t&&(x(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),x(this,t.thumbAttrs),_(this,t.state,t.stateAttrMap))}},Qe=class extends m{static{this.tagName=`media-thumbnail`}static{this.properties={time:{type:Number},crossOrigin:{type:String,attribute:`crossorigin`},loading:{type:String},fetchPriority:{type:String,attribute:`fetchpriority`}}}#e=new oe;#t=document.createElement(`img`);#n=new v(this,D,s);#r=[];#i;#a;#o=null;constructor(){super(),this.time=0;let e=this.attachShadow({mode:`open`}),t=document.createElement(`style`);t.textContent=`:host {
   display: inline-block;
   overflow: hidden;
 }
 img {
   display: block;
 }`,e.appendChild(t),this.#t.alt=``,this.#t.setAttribute(`part`,`img`),this.#t.setAttribute(`aria-hidden`,`true`),this.#t.setAttribute(`decoding`,`async`),e.appendChild(this.#t)}get thumbnails(){return this.#i}set thumbnails(e){this.#i=e,this.requestUpdate()}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#o=se({getContainer:()=>this,getImg:()=>this.#t,onStateChange:()=>this.requestUpdate()}))}disconnectedCallback(){super.disconnectedCallback()}destroyCallback(){this.#o?.destroy(),super.destroyCallback()}update(e){if(super.update(e),this.#i)this.#r=this.#i;else{let e=this.#n.value;e!==this.#a&&(this.#a=e,this.#r=e&&e.thumbnailCues.length>0?ze(e.thumbnailCues,e.thumbnailTrackSrc??void 0):[])}let t=this.#e.findActiveThumbnail(this.#r,this.time);if(x(this.#t,{crossorigin:this.crossOrigin||void 0,loading:this.loading,fetchpriority:this.fetchPriority}),this.#o?.updateSrc(t?.url),!t){this.#t.removeAttribute(`src`),this.#c();let e=this.#e.getState(!1,!1,void 0);x(this,this.#e.getAttrs(e)),_(this,e,R);return}this.#t.getAttribute(`src`)!==t.url&&(this.#t.src=t.url);let n=this.#o,r=this.#e.getState(n?.loading??!1,n?.error??!1,t);if(x(this,this.#e.getAttrs(r)),_(this,r,R),n?.naturalWidth&&n.naturalHeight){let e=n.readConstraints(),r=this.#e.resize(t,n.naturalWidth,n.naturalHeight,e);r&&this.#s(r)}}#s(e){this.style.width=`${e.containerWidth}px`,this.style.height=`${e.containerHeight}px`;let t=this.#t.style;t.width=`${e.imageWidth}px`,t.height=`${e.imageHeight}px`,t.maxWidth=`none`,t.transform=e.offsetX||e.offsetY?`translate(-${e.offsetX}px, -${e.offsetY}px)`:``}#c(){this.style.width=``,this.style.height=``;let e=this.#t.style;e.width=``,e.height=``,e.maxWidth=``,e.transform=``}},$e=class extends Qe{static{this.tagName=`media-slider-thumbnail`}#e=new h(this,{context:$,subscribe:!0});update(e){let t=this.#e.value;t&&(this.time=t.pointerValue),super.update(e)}},et=class extends Q{constructor(...e){super(...e),this.consumer=new h(this,{context:$,subscribe:!0})}static{this.tagName=`media-slider-track`}},tt=class extends m{constructor(...e){super(...e),this.type=`current`}static{this.tagName=`media-slider-value`}static{this.properties={type:{type:String}}}#e=new h(this,{context:$,subscribe:!0});connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-live`,`off`)}update(e){super.update(e);let t=this.#e.value;if(!t)return;let n=this.type===`pointer`?t.pointerValue:t.state.value;this.textContent=t.formatValue?t.formatValue(n,this.type):String(Math.round(n)),_(this,t.state,t.stateAttrMap)}};O(class extends m{constructor(...e){super(...e),this.label=G.defaultProps.label,this.commitThrottle=G.defaultProps.commitThrottle,this.step=G.defaultProps.step,this.largeStep=G.defaultProps.largeStep,this.orientation=G.defaultProps.orientation,this.disabled=G.defaultProps.disabled,this.thumbAlignment=G.defaultProps.thumbAlignment}static{this.tagName=`media-time-slider`}static{this.properties={label:{type:String},commitThrottle:{type:Number,attribute:`commit-throttle`},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e=new G;#t=new b(this,{context:$});#n=new v(this,D,c);#r=new v(this,D,n);#i=null;#a=null;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#a=new AbortController;let e=this.#a.signal;this.#i=S({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>A(this),isDisabled:()=>this.disabled||!this.#n.value,getPercent:()=>{let e=this.#n.value;return e?this.#e.percentFromValue(e.currentTime):0},getStepPercent:()=>this.#e.getStepPercent(),getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueCommit:e=>{let t=this.#n.value;t&&t.seek(this.#e.rawValueFromPercent(e))},commitThrottle:this.commitThrottle,onDragStart:()=>{this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()}),x(this,this.#i.rootProps,{signal:e}),w(this,this.#i.rootStyle),this.#i.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this.#a?.abort(),this.#a=null}destroyCallback(){this.#i?.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){if(super.update(e),!this.#i)return;let t=this.#n.value,n=this.#r.value;if(!t)return;this.#e.setInput(this.#i.input.current);let r={...t,...n??{buffered:[],seekable:[]}};this.#e.setMedia(r);let i=this.#e.getState(),a=p(this.#i.adjustForAlignment(i));w(this,a),_(this,i,Ue),this.#t.setValue({state:i,stateAttrMap:Ue,pointerValue:this.#e.valueFromPercent(i.pointerPercent),thumbAttrs:this.#e.getAttrs(i),thumbProps:this.#i.thumbProps,formatValue:e=>H(e,i.duration)})}}),O(Je),O(Ye),O(Xe),O(Ze),O($e),O(et),O(tt);const nt=de(Symbol(`@videojs/tooltip-group`));O(class extends m{constructor(...e){super(...e),this.open=K.defaultProps.open,this.defaultOpen=K.defaultProps.defaultOpen,this.side=K.defaultProps.side,this.align=K.defaultProps.align,this.delay=K.defaultProps.delay,this.closeDelay=K.defaultProps.closeDelay,this.disableHoverablePopup=K.defaultProps.disableHoverablePopup,this.disabled=K.defaultProps.disabled}static{this.tagName=`media-tooltip`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},disableHoverablePopup:{type:Boolean,attribute:`disable-hoverable-popup`},disabled:{type:Boolean}}}#e=new K;#t=new h(this,{context:nt});#n=null;#r=null;#i=null;#a=null;#o=null;#s=null;#c=0;#l=null;#u=null;connectedCallback(){super.connectedCallback(),this.#i=new AbortController,this.#n=te({transition:g(),onOpenChange:(e,t)=>{this.open=e,this.dispatchEvent(new CustomEvent(`open-change`,{detail:{open:e,...t}}))},delay:()=>this.delay,closeDelay:()=>this.closeDelay,disableHoverablePopup:()=>this.disableHoverablePopup,disabled:()=>this.disabled,group:()=>this.#t.value}),this.#n.setPopupElement(this),x(this,this.#n.popupProps,{signal:this.#i.signal}),this.#r?this.#r.track(this.#n.input):this.#r=new y(this,this.#n.input)}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#n?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#h(),this.#p(),this.#n?.destroy(),this.#n=null,this.#i?.abort(),this.#i=null}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#n&&e.has(`open`)){let{active:e}=this.#n.input.current;this.open!==e&&(this.open?this.#n.open():this.#n.close())}}update(n){if(super.update(n),!this.#n)return;let r=this.#d();this.#f(r);let i=this.#n.input.current;this.#e.setInput(i);let o=this.#e.getState();if(x(this,this.#e.getPopupAttrs(o)),_(this,o,We),o.open?f(this):e(this),this.#o&&(x(this.#o,this.#e.getTriggerAttrs(o,this.id)),w(this.#o,le(this.id))),!o.open){this.#h();return}let s={side:o.side,align:o.align};if(a())w(this,l(this.id,s,void 0,void 0,void 0,void 0,q));else{let e=this.#o?.getBoundingClientRect(),n=t(this),r=document.documentElement.getBoundingClientRect(),i=ce(this,q);w(this,l(this.id,s,e,n,r,i,q))}this.#m()}#d(){return this.id?this.getRootNode().querySelector(`[commandfor="${this.id}"]`):null}#f(e){e!==this.#o&&(this.#h(),this.#p(),this.#o=e,this.#n?.setTriggerElement(e),e&&this.#n&&(this.#a=new AbortController,x(e,this.#n.triggerProps,{signal:this.#a.signal})))}#p(){this.#o&&(x(this.#o,{"aria-describedby":void 0}),this.#o.style.removeProperty(`anchor-name`)),this.#a?.abort(),this.#a=null,this.#o=null}#m(){if(a())return;let e=this.#o;if(!e||this.#s&&this.#u===e)return;this.#h(),this.#s=new AbortController,this.#u=e;let{signal:t}=this.#s,n=()=>{cancelAnimationFrame(this.#c),this.#c=requestAnimationFrame(()=>{t.aborted||this.requestUpdate()})};window.addEventListener(`scroll`,n,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,n,{signal:t}),typeof ResizeObserver==`function`&&(this.#l=new ResizeObserver(()=>{n()}),this.#l.observe(e),this.#l.observe(this)),n()}#h(){this.#s?.abort(),this.#s=null,this.#u=null,cancelAnimationFrame(this.#c),this.#c=0,this.#l?.disconnect(),this.#l=null}}),O(class extends m{constructor(...e){super(...e),this.delay=J.defaultProps.delay,this.closeDelay=J.defaultProps.closeDelay,this.timeout=J.defaultProps.timeout}static{this.tagName=`media-tooltip-group`}static{this.properties={delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},timeout:{type:Number}}}#e=new J;#t=new b(this,{context:nt,initialValue:this.#e});update(e){super.update(e),this.#e.setProps(this),this.#t.setValue(this.#e)}}),O(class extends m{constructor(...e){super(...e),this.label=Y.defaultProps.label,this.step=Y.defaultProps.step,this.largeStep=Y.defaultProps.largeStep,this.orientation=Y.defaultProps.orientation,this.disabled=Y.defaultProps.disabled,this.thumbAlignment=Y.defaultProps.thumbAlignment}static{this.tagName=`media-volume-slider`}static{this.properties={label:{type:String},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e=new Y;#t=new b(this,{context:$});#n=new v(this,D,i);#r=null;#i=null;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#i=new AbortController;let e=this.#i.signal;this.#r=S({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>A(this),isDisabled:()=>this.disabled||!this.#n.value,getPercent:()=>{let e=this.#n.value;return e?e.volume*100:0},getStepPercent:()=>this.#e.getStepPercent(),getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueChange:e=>{this.#a(e)},onValueCommit:e=>{this.#a(e)},onDragStart:()=>{this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()}),x(this,this.#r.rootProps,{signal:e}),w(this,this.#r.rootStyle),this.#r.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this.#i?.abort(),this.#i=null}destroyCallback(){this.#r?.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){if(super.update(e),!this.#r)return;let t=this.#n.value;if(!t)return;this.#e.setInput(this.#r.input.current),this.#e.setMedia(t);let n=this.#e.getState(),r=re(this.#r.adjustForAlignment(n));w(this,r),_(this,n,X),this.#t.setValue({state:n,stateAttrMap:X,pointerValue:this.#e.valueFromPercent(n.pointerPercent),thumbAttrs:this.#e.getAttrs(n),thumbProps:this.#r.thumbProps,formatValue:e=>`${Math.round(e)}%`})}#a(e){this.#n.value?.setVolume(this.#e.valueFromPercent(e)/100)}}),O(Ye),O(Xe),O(Ze),O(et),O(tt);export{ke as a,Ce as c,be as d,ye as f,ge as g,he as h,Fe as i,Se as l,_e as m,Z as n,Oe as o,ve as p,Ie as r,we as s,Q as t,xe as u};
-//# sourceMappingURL=volume-slider-Pd0AMTCH.js.map
+//# sourceMappingURL=volume-slider-DPeFF5tt.js.map