@videojs/html 10.0.0-beta.29 → 10.0.0-beta.30

package/docs/reference/title.md

@@ -0,0 +1,211 @@
+# media-title
+
+Displays the resolved content title for the current media
+
+## Anatomy
+
+html
+
+```
+<media-title></media-title>
+```
+
+## Behavior
+
+The component shows the name of what is playing. It writes its own text, so set the title on the player instead of passing children.
+
+html
+
+```
+<video-player content-title="Big Buck Bunny">
+  <video src="video.mp4"></video>
+  <media-title></media-title>
+</video-player>
+```
+
+A title can come from two places. The player uses the first one that has a value:
+
+1.  The title you set on the player.
+2.  The title the media reports about itself.
+
+If neither has a value, there is nothing to show and the title hides itself.
+
+The title is player input, not player state, so change it the way you set it in the first place. The store exposes the resolved `title` to read, and nothing to write.
+
+`title` already means the tooltip on an element, so the player takes the title as `content-title`, reflected by the `contentTitle` property:
+
+ts
+
+```
+const player = document.querySelector("video-player");
+
+player.contentTitle = "Sintel";
+```
+
+Set it to `null` to hand the title back to the media.
+
+The title shows whenever there is a title to show. It does not follow the controls or playback on its own — when you want it to come and go with the controls, style it against the controls in your own layout, the same way you would any other piece of chrome.
+
+## Styling
+
+When no title resolves, the element sets the native `hidden` attribute and `data-hidden`, so it takes up no space and a background or gradient never sits over empty space.
+
+To fade the title in and out with the controls, style it against a sibling `media-controls` rather than reaching for state on the title itself:
+
+css
+
+```
+media-title {
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+}
+
+media-controls[data-visible] ~ media-title {
+  opacity: 1;
+}
+```
+
+## Accessibility
+
+The title is ordinary text, so it reaches assistive technology as content with no ARIA of its own. The native `hidden` attribute it sets when there is no title also removes it from the accessibility tree, so nothing is announced when there is nothing to announce.
+
+Fading the title out with `opacity` leaves it readable by a screen reader while it is not painted. That is deliberate — the name of what is playing stays relevant whether or not the controls happen to be on screen.
+
+The component does not name the player. To give the player region an accessible name, set `aria-label` or `aria-labelledby` on the container yourself.
+
+## Examples
+
+### Basic Usage
+
+Play Pause
+
+index.html
+
+index.css
+
+index.ts
+
+```
+<video-player class="html-title-basic" content-title="Big Buck Bunny">
+    <video
+        src="https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4"
+        muted
+        playsinline
+        loop
+    ></video>
+    <media-title class="html-title-basic__title"></media-title>
+    <media-play-button class="html-title-basic__button">
+        <span class="show-when-paused">Play</span>
+        <span class="show-when-playing">Pause</span>
+    </media-play-button>
+</video-player>
+```
+```
+.html-title-basic {
+  position: relative;
+  display: block;
+}
+
+.html-title-basic video {
+  display: block;
+  width: 100%;
+}
+
+/* The element sets native `hidden` until a title resolves, so the gradient
+   never sits over empty space without this demo doing anything. */
+.html-title-basic__title {
+  position: absolute;
+  inset-inline: 0;
+  top: 0;
+  padding: 16px 20px 48px;
+  font-size: 16px;
+  font-weight: 500;
+  color: white;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+  pointer-events: none;
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
+}
+
+.html-title-basic__button {
+  position: absolute;
+  bottom: 10px;
+  left: 10px;
+  padding-block: 8px;
+  padding-inline: 20px;
+  color: black;
+  cursor: pointer;
+  background: rgba(255, 255, 255, 0.7);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  border-radius: 9999px;
+  backdrop-filter: blur(10px);
+}
+
+.html-title-basic__button .show-when-paused {
+  display: none;
+}
+
+.html-title-basic__button .show-when-playing {
+  display: none;
+}
+
+.html-title-basic__button[data-paused] .show-when-paused {
+  display: inline;
+}
+
+.html-title-basic__button:not([data-paused]) .show-when-playing {
+  display: inline;
+}
+```
+```
+import '@videojs/html/video/player';
+import '@videojs/html/ui/play-button';
+import '@videojs/html/ui/title';
+```
+
+## API Reference
+
+### State
+
+State is reflected as data attributes for CSS styling.
+
+Property
+
+Type
+
+Details
+
+`title`
+
+`string`
+
+▸
+
+Description
+
+The resolved content title. Empty when no source supplied one.
+
+`hidden`
+
+`boolean`
+
+▸
+
+Description
+
+Whether the component is hidden because no title is available.
+
+### Data attributes
+
+Attribute
+
+Type
+
+Details
+
+`data-hidden`
+
+▸
+
+Description
+
+Present when the element is hidden because no title is available.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/html",
   "type": "module",
-  "version": "10.0.0-beta.29",
+  "version": "10.0.0-beta.30",
   "description": "HTML library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -165,12 +165,12 @@
     }
   },
   "dependencies": {
-    "@videojs/core": "10.0.0-beta.29",
-    "@videojs/element": "10.0.0-beta.29",
-    "@videojs/media": "10.0.0-beta.29",
-    "@videojs/store": "10.0.0-beta.29",
-    "@videojs/utils": "10.0.0-beta.29",
-    "@videojs/spf": "10.0.0-beta.29"
+    "@videojs/element": "10.0.0-beta.30",
+    "@videojs/core": "10.0.0-beta.30",
+    "@videojs/media": "10.0.0-beta.30",
+    "@videojs/store": "10.0.0-beta.30",
+    "@videojs/utils": "10.0.0-beta.30",
+    "@videojs/spf": "10.0.0-beta.30"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -180,8 +180,8 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.10",
     "vjsc": "0.0.0",
-    "@videojs/skins": "10.0.0-beta.29",
-    "@videojs/icons": "10.0.0-beta.29"
+    "@videojs/skins": "10.0.0-beta.30",
+    "@videojs/icons": "10.0.0-beta.30"
   },
   "publishConfig": {
     "access": "public"

package/cdn/compounds-C4YYLyL2.js

@@ -1,8 +0,0 @@
-import{a as e,l as t,n,o as r,r as i,s as a,u as o}from"./predicate-LbFu-fPH.js";import"./i18n-CE4KxKuj.js";import{i as s,n as c,o as l}from"./attributes-CwICYz98.js";import{r as u,t as d}from"./translate-text-TzSgu_oe.js";import{n as f,t as p}from"./media-element-Cp5PrNre.js";import{a as m,i as h,r as g,t as _}from"./context-C2rsoDxk.js";import{a as v,c as y,l as b,n as x,o as S,r as C,s as ee}from"./container-element-Dd0ZCdhK.js";import{A as te,C as ne,D as re,E as ie,M as ae,N as oe,O as se,S as ce,T as le,_ as ue,b as de,c as fe,d as pe,f as me,g as he,h as ge,j as _e,k as w,l as ve,m as ye,n as T,p as be,r as xe,u as Se,v as Ce,w as we,x as Te,y as Ee}from"./create-player-BU8LDJDL.js";import{n as De}from"./casing-CxqC0yQL.js";import{t as E}from"./listen-4VrUltMW.js";import{t as Oe}from"./noop-Ch0IHcOP.js";import{n as ke}from"./text-track-CG8USvNG.js";import{t as D}from"./media-error-CtsbOTR1.js";import{t as Ae}from"./types-CtRpsVFF.js";import{isText as je,resolveText as Me,translateText as O}from"./i18n.js";function k(e,t){let n={...t};for(let r of Object.keys(t)){let t=e[r];o(t)||(n[r]=t)}return n}function Ne(e,t){let n=[];for(let r=0;r<e.children.length;r++){let i=e.children.item(r);i&&t(i,r)&&n.push(i)}return n}function Pe(e,t){for(let n=0;n<e.children.length;n++){let r=e.children.item(n);if(r&&t(r,n))return r}return null}function Fe(e,t){let n=[],r=new Set,i=e;for(;i&&!r.has(i);)n.push(i),r.add(i),i=t(i);return n}function Ie(e){let t=e.closest(`[dir]`)?.getAttribute(`dir`);return t?t.toLowerCase()===`rtl`:getComputedStyle(e).direction===`rtl`}function Le(){return typeof CSS<`u`&&CSS.supports(`anchor-name: --a`)}function Re(e){return e.startsWith(`--`)?e:De(e)}function ze(e){let t=e.style.getPropertyValue(`anchor-name`).trim();return!t||t===`none`?[]:t.split(`,`).map(e=>e.trim()).filter(Boolean)}function A(e,t){for(let[n,r]of Object.entries(t))typeof r==`string`&&e.style.setProperty(Re(n),r)}function Be(e,t){return[...t].map(t=>{let n=Re(t);return{property:n,value:e.style.getPropertyValue(n),priority:e.style.getPropertyPriority(n)}})}function Ve(e,t){for(let{property:n,value:r,priority:i}of t)r?e.style.setProperty(n,r,i):e.style.removeProperty(n)}function He(e,t,n){let r=Be(e,Object.keys(t));try{return A(e,t),n()}finally{Ve(e,r)}}function Ue(e,t,{source:n=`inline-or-computed`}={}){let r=Re(t),i=n!==`computed`&&e instanceof HTMLElement?e.style.getPropertyValue(r):``;return!i&&n!==`inline`&&(i=getComputedStyle(e).getPropertyValue(r)),i.trim()?We(e,i):null}function We(e,t){let n=t.trim();if(!n)return 0;let r=Number.parseFloat(n);if(!Number.isNaN(r)&&(/^-?\d*\.?\d+$/.test(n)||n.endsWith(`px`)))return r;let i=e.ownerDocument,a=i?.documentElement;if(!Number.isNaN(r)&&n.endsWith(`rem`))return r*(a&&Number.parseFloat(getComputedStyle(a).fontSize)||16);if(!Number.isNaN(r)&&n.endsWith(`em`))return r*(e instanceof HTMLElement&&Number.parseFloat(getComputedStyle(e).fontSize)||16);if(!i)return Number.isNaN(r)?0:r;let o=i.createElement(`div`);if(o.style.position=`absolute`,o.style.visibility=`hidden`,o.style.pointerEvents=`none`,o.style.inlineSize=n,!o.style.inlineSize)return 0;o.style.blockSize=`0`,o.style.padding=`0`,o.style.border=`0`,o.style.inset=`0`;let s=getComputedStyle(e);o.style.fontSize=s.fontSize;for(let e=0;e<s.length;e++){let t=s.item(e);t.startsWith(`--`)&&o.style.setProperty(t,s.getPropertyValue(t))}let c=i.body??i.documentElement;if(!c)return Number.isNaN(r)?0:r;if(c.appendChild(o),getComputedStyle(o).inlineSize===`auto`)return o.remove(),0;let l=o.getBoundingClientRect().width;return o.remove(),Number.isFinite(l)?l:Number.isNaN(r)?0:r}function Ge(e,{box:t=`bounding`,overflow:n=`none`}={}){let r=e.getBoundingClientRect(),i=t===`layout`&&e.offsetWidth||r.width,a=t===`layout`&&e.offsetHeight||r.height;return(n===`width`||n===`both`)&&(i=Math.max(i,e.scrollWidth)),(n===`height`||n===`both`)&&(a=Math.max(a,e.scrollHeight)),{width:i,height:a}}function Ke(e,t={}){let{styles:n,...r}=t,i=()=>Ge(e,r);return n?He(e,n,i):i()}function qe(e){let t=getComputedStyle(e);return{inlineStart:Number.parseFloat(t.paddingInlineStart)||0,inlineEnd:Number.parseFloat(t.paddingInlineEnd)||0,blockStart:Number.parseFloat(t.paddingBlockStart)||0,blockEnd:Number.parseFloat(t.paddingBlockEnd)||0}}function Je(e){return e.inlineStart+e.inlineEnd}function Ye(e){return e.blockStart+e.blockEnd}function Xe(e){if(e.length===0)return{width:0,height:0};let t=Math.max(...e.map(({offsetLeft:e,size:t})=>e+t.width)),n=e[0].offsetTop;return{width:t,height:e.some(({offsetTop:e})=>e!==n)?Math.max(...e.map(({offsetTop:e,size:t})=>e+t.height)):e.reduce((e,{size:t})=>e+t.height,0)}}function Ze(e,{children:t,includePadding:n=!1,maxWidth:r=null,measure:i=(e,t)=>Ke(e,t===void 0?void 0:{styles:{width:`${t}px`}}),resolveSize:a=Xe}={}){let o=[...t??Array.from(e.children).filter(e=>e instanceof HTMLElement)].filter(e=>!e.hidden),s=n?qe(e):{inlineStart:0,inlineEnd:0,blockStart:0,blockEnd:0},c=Je(s),l=Ye(s);if(o.length===0)return{width:c,height:l};let u=e=>o.map(t=>({element:t,size:i(t,e),offsetLeft:t.offsetLeft,offsetTop:t.offsetTop})),d=u(),f=a(d).width+c,p=r===null?f:Math.min(f,Math.max(0,r));return p<f&&(d=u(Math.max(0,p-c))),{width:p,height:a(d).height+l}}function Qe(e,t){if(!e||typeof document>`u`)return;let n=e;for(;n;){let e=t(n);if(!o(e))return e;n=n.parentElement}}function $e(e,t){if(typeof ResizeObserver>`u`)return Oe;let n=new ResizeObserver(t),r=Symbol.iterator in Object(e)?e:[e];for(let e of r)n.observe(e);return()=>n.disconnect()}function et({getElements:e,onChange:t,root:n,mutations:r}){let i=Oe,a=()=>{i(),i=$e(e(),t)};a();let o=null;return n&&r!==!1&&typeof MutationObserver<`u`&&(o=new MutationObserver(()=>{a(),t()}),o.observe(n,r??{childList:!0})),()=>{o?.disconnect(),i()}}function tt(){return typeof navigator<`u`&&/mac/i.test(navigator.userAgent)}const nt={sideOffset:0,boundaryOffset:0},rt={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function it(e,t,n,r){let i=r.boundaryOffset??0;switch(n){case`top`:return e.top-t.top-i-r.sideOffset;case`bottom`:return t.bottom-e.bottom-i-r.sideOffset;case`left`:return e.left-t.left-i-r.sideOffset;case`right`:return t.right-e.right-i-r.sideOffset}}function at(e,t,n,r,i=nt){let a=r.side,o=rt[a],s=a===`top`||a===`bottom`?t.height:t.width,c=it(e,n,a,i);return c>=s?a:it(e,n,o,i)>c?o:a}function ot(e){try{e?.showPopover?.()}catch{}}function st(e){try{e?.hidePopover?.()}catch{}}function ct(e){let t=null,n,r=(...r)=>{n=r,t===null&&(t=requestAnimationFrame(()=>{t=null,e(...n)}))};return r.cancel=()=>{t!==null&&(cancelAnimationFrame(t),t=null)},r}function lt(e){let t=globalThis.document;if(!t)return null;let n=t.createElement(`template`);return n.innerHTML=e,n}function ut(e){for(let t of e.children)if(t.localName===`template`&&`content`in t)return t;return null}function dt(e){let t=e.content.firstElementChild;return t&&!t.nextElementSibling?t:null}function ft(e,t=e.ownerDocument){return t.importNode(e,!0)}function pt(e,t){e.appendChild(e.ownerDocument.importNode(t.content,!0))}const j=`menu.`,mt={key:`${j}settings`,text:`Settings`},ht={key:`${j}quality`,text:`Quality`},gt={key:`${j}audio`,text:`Audio`},_t={key:`${j}speed`,text:`Speed`},vt={key:`${j}captions`,text:`Captions`},yt={key:`${j}playbackRate`,text:`Playback rate`},bt={key:`${j}off`,text:`Off`},xt={key:`${j}auto`,text:`Auto`},St={key:`${j}autoWithLabel`,text:`Auto ({label})`},Ct={key:`${j}subtitles`,text:`Subtitles`},wt={target:te,signals:new _e,get:te,set:te};function M(e){let t=e.state(wt),n=[...Object.keys(t),...Object.keys(e.derived??{})],r=n[0];return Object.assign(r?e=>{if(r in e)return l(e,n)}:()=>void 0,{displayName:e.name})}function Tt(e,t,n){let r=n?.leading??!1,i=null,a,o=!1;function s(){i=setTimeout(()=>{i=null,o&&(o=!1,e(...a),s())},t)}let c=(...n)=>{if(a=n,r)i===null?(e(...a),s()):o=!0;else{if(i!==null)return;i=setTimeout(()=>{i=null,e(...a)},t)}};return c.cancel=()=>{i!==null&&(clearTimeout(i),i=null),o=!1},c}const Et=se({name:`streamType`,state:()=>({streamType:Ae.UNKNOWN}),attach({target:e,signal:t,set:n}){let{media:r}=e;if(re(r)){let e=()=>n({streamType:r.streamType});e(),E(r,`streamtypechange`,e,{signal:t});return}if(!ie(r))return;let i=()=>{let{duration:e}=r;return e===1/0?Ae.LIVE:Number.isFinite(e)&&e>0?Ae.ON_DEMAND:Ae.UNKNOWN},a=()=>n({streamType:i()});a(),E(r,`durationchange`,a,{signal:t}),E(r,`loadedmetadata`,a,{signal:t}),E(r,`emptied`,a,{signal:t}),le(r)&&E(r,`progress`,a,{signal:t})}}),Dt=M(we),Ot=M(ne),kt=M(Te),At=M(de),jt=M(Ee),Mt=M(Ce),Nt=M(ue),Pt=M(he),N=M(ge),Ft=M(ye),It=M(be),Lt=M(me);M(pe),M(Et);const Rt=M(Se),zt=M(ve),Bt=M(fe),Vt={seekStep({store:e,value:t}){if(o(t))return;let n=zt(e.state);n&&n.seek(n.currentTime+t)},volumeStep({store:e,value:t}){if(o(t))return;let n=Bt(e.state);n&&n.setVolume(n.volume+t)},speedUp({store:e}){let t=Ft(e.state);if(!t)return;let{playbackRates:n,playbackRate:r}=t,i=n.indexOf(r),a=i<0||i>=n.length-1?0:i+1;t.setPlaybackRate(n[a])},speedDown({store:e}){let t=Ft(e.state);if(!t)return;let{playbackRates:n,playbackRate:r}=t,i=n.indexOf(r),a=i<=0?n.length-1:i-1;t.setPlaybackRate(n[a])}};function Ht(e){return e.startsWith(`toggle`)}const Ut={togglePaused({store:e}){let t=N(e.state);t&&(t.paused?t.play():t.pause())},toggleMuted({store:e}){Bt(e.state)?.toggleMuted()},toggleFullscreen({store:e}){let t=jt(e.state);t&&(t.fullscreen?t.exitFullscreen():t.requestFullscreen())},toggleSubtitles({store:e}){Rt(e.state)?.toggleSubtitles()},togglePictureInPicture({store:e}){let t=Pt(e.state);t&&(t.pip?t.exitPictureInPicture():t.requestPictureInPicture())},seekStep:Vt.seekStep,volumeStep:Vt.volumeStep,speedUp:Vt.speedUp,speedDown:Vt.speedDown,seekToPercent({store:e,value:t,key:n}){let r=zt(e.state);if(!r||r.duration<=0)return;let i;if(!o(t))i=t;else if(n>=`0`&&n<=`9`)i=Number(n)*10;else return;r.seek(i/100*r.duration)}};function Wt(e){return Ut[e]}const Gt={shift:`Shift`,ctrl:`Control`,alt:`Alt`,meta:`Meta`},Kt={shift:`Shift`,ctrl:`Ctrl`,alt:`Alt`,meta:`Meta`},qt=[`ctrl`,`shift`,`alt`,`meta`];function Jt(e){return e.map(e=>{let t=[];for(let n of qt)e.modifiers.has(n)&&t.push(Gt[n]);return t.push(e.originalKey),t.join(`+`)}).join(` `)}function Yt(e){let t=[];for(let n of qt)e.modifiers.has(n)&&t.push(Kt[n]);return t.push(Xt(e.originalKey)),t.join(`+`)}function Xt(e){return e.length===1?e.toUpperCase():e}var Zt=class{#e;#t=[];#n=0;#r=null;#i=null;#a=new Set;#o=new Set;#s=!1;constructor(e){this.#e=e}subscribe(e){return this.#a.add(e),()=>this.#a.delete(e)}subscribeShortcutChanges(e){return this.#o.add(e),()=>this.#o.delete(e)}add(e){let t={parsed:$t(e.keys),options:e,id:this.#n++};this.#t.push(t),this.#c(),e.target===`document`?this.#u():this.#l(),this.#h();let n=!1;return()=>{if(n)return;n=!0;let e=this.#t.indexOf(t);e!==-1&&this.#t.splice(e,1),this.#d(),this.#h()}}getAriaKeys(e){return this.getShortcut(e).aria}getShortcut(e,t){let n=this.#p(e,t);if(!n.length)return{};let r=n.flatMap(e=>e.parsed),i=n[n.length-1];return{aria:Jt(r),shortcut:this.#m(i)}}destroy(){this.#s||(this.#s=!0,this.#r?.abort(),this.#r=null,this.#i?.abort(),this.#i=null,this.#t=[],this.#h(),this.#a.clear(),this.#o.clear())}#c(){this.#t.sort((e,t)=>{let n=t.parsed[0].modifiers.size-e.parsed[0].modifiers.size;return n===0?e.id-t.id:n})}#l(){this.#r||(this.#r=new AbortController,E(this.#e,`keydown`,this.#f,{signal:this.#r.signal}))}#u(){this.#i||(this.#i=new AbortController,E(document,`keydown`,this.#f,{signal:this.#i.signal}))}#d(){let e=this.#t.some(e=>e.options.target!==`document`),t=this.#t.some(e=>e.options.target===`document`);e||(this.#r?.abort(),this.#r=null),t||(this.#i?.abort(),this.#i=null)}#f=e=>{if(e.key===`Unidentified`||oe(e)||e.defaultPrevented)return;let t=ae(e);for(let n of this.#t){let{options:r,parsed:i}=n;if(!r.disabled&&!(e.repeat&&r.repeatable===!1)&&r.target===`document`==(e.currentTarget===document)){for(let n of i)if(tn(n,e)&&!(t&&n.modifiers.size===0)){if(this.#a.size>0){let t={source:`hotkey`,action:r.action,value:r.value,event:e};for(let e of this.#a)try{e(t)}catch{}}e.preventDefault(),r.onActivate(e,n.originalKey);return}}}};#p(e,t){return this.#t.filter(n=>n.options.disabled||n.options.action!==e?!1:o(t)?!0:n.options.value===t).sort((e,t)=>e.id-t.id)}#m(e){return e.options.keys===`0-9`?e.options.keys:Yt(e.parsed[0])}#h(){for(let e of this.#o)e()}};const Qt=new Set([`shift`,`ctrl`,`alt`,`meta`]);function $t(e){if(e===`0-9`)return Array.from({length:10},(e,t)=>({modifiers:new Set,key:String(t),originalKey:String(t)}));let t=e.split(`+`),n=t.pop(),r=new Set;for(let e of t){let t=e.toLowerCase();t===`mod`?r.add(tt()?`meta`:`ctrl`):Qt.has(t)&&r.add(t)}return[{modifiers:r,key:n===`Space`?` `:n.toLowerCase(),originalKey:n}]}function en(e){return e.length===1&&!/[a-z]/i.test(e)}function tn(e,t){if(t.key===`Unidentified`||t.key.toLowerCase()!==e.key)return!1;let n=en(t.key),r=n?t.shiftKey&&e.modifiers.has(`shift`):t.shiftKey,i=n?t.altKey&&e.modifiers.has(`alt`):t.altKey;return r===e.modifiers.has(`shift`)&&t.ctrlKey===e.modifiers.has(`ctrl`)&&i===e.modifiers.has(`alt`)&&t.metaKey===e.modifiers.has(`meta`)}const nn=new WeakMap;function rn(e){let t=nn.get(e);return t||(t=new Zt(e),nn.set(e,t)),t}function an(e,t){return rn(e).add(t)}const on=`hotkey-shortcut-change`;function sn(e){let{transition:t}=e,n=t.state,r=new AbortController,i=null;function a(e){if(r.signal.aborted)return null;let{active:i,status:a}=n.current;return i&&a!==`ending`?null:(a===`ending`&&t.cancel(),t.open(e))}function o(e){let{active:i,status:a}=n.current;return r.signal.aborted||!i||a===`ending`?null:t.close(e)}function s(){if(c(),typeof document>`u`)return;i=new AbortController;let{signal:t}=i;E(document,`keydown`,l,{signal:t}),e.onDocumentActive?.(t)}function c(){i?.abort(),i=null}function l(t){t.key===`Escape`&&(t.defaultPrevented||n.current.active&&(e.closeOnEscape?.()??!0)&&e.onEscapeDismiss(t))}let u=n.subscribe(()=>{n.current.active?s():c()});r.signal.addEventListener(`abort`,()=>{u(),t.destroy(),c()});function d(){r.signal.aborted||r.abort()}return{input:n,open:a,close:o,signal:r.signal,destroy:d}}function cn(e){let{onOpenChange:t}=e,n=null,r=null,i=null,a=sn({transition:e.transition,closeOnEscape:e.closeOnEscape,onEscapeDismiss(e){e.stopPropagation(),c()}}),o=a.input;function s(){r=document.activeElement;let i=a.open();i&&(t(!0),requestAnimationFrame(()=>{a.signal.aborted||!o.current.active||n?.focus()}),i.then(()=>{a.signal.aborted||!o.current.active||e.onOpenChangeComplete?.(!0)}))}function c(){let i=a.close(n);i&&(t(!1),i.then(()=>{a.signal.aborted||(r&&=(r.focus(),null),e.onOpenChangeComplete?.(!1))}))}function l(){if(u(),!n)return;i=new AbortController;let{signal:e}=i;E(n,`click`,d,{signal:e})}function u(){i?.abort(),i=null}function d(e){e.target instanceof HTMLButtonElement&&c()}function f(e){n=e,l()}return a.signal.addEventListener(`abort`,()=>{u(),n=null,r=null}),{input:o,open:s,close:c,setElement:f,destroy:a.destroy}}function ln(e){let{onActivate:t,isDisabled:n}=e;return{role:`button`,tabIndex:0,onClick(e){if(n()){e.preventDefault();return}t(e)},onPointerDown(e){n()&&e.preventDefault()},onMouseDown(e){n()&&e.preventDefault()},onKeyDown(e){if(e.target===e.currentTarget){if(n()){e.key!==`Tab`&&e.preventDefault();return}e.key===`Enter`?(e.preventDefault(),t(e)):e.key===` `&&e.preventDefault()}},onKeyUp(e){e.target===e.currentTarget&&(n()||e.key===` `&&t(e))}}}const un={transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};function dn(e){return{transitionStarting:e===`starting`,transitionEnding:e===`ending`}}var fn=class{#e=null;#t;#n;constructor(e,t){this.#t=e,this.#n=t}arm(){this.clear(),this.#e=setTimeout(()=>{this.#e=null,this.#t()},this.#n())}clear(){this.#e!==null&&(clearTimeout(this.#e),this.#e=null)}close(){this.clear(),this.#t()}destroy(){this.clear()}},pn=class{#e=new Set;register(e){return this.#e.add(e),()=>this.#e.delete(e)}show(e){for(let t of this.#e)t!==e&&t.close()}};function mn(e){return e.closeDelay??800}function hn(e,t){return e.open||t.active}function gn(e,t,n){let r=e.open?e:t;return{...r,open:e.open&&n.active,generation:e.open?e.generation:r.generation,...dn(n.status)}}function _n(e){return{action:e.action,value:e.value,source:e.source,key:`key`in e.event?e.event.key:void 0}}function vn(e){if(!e)return{};let t=e.state,n=zt(t),r=Rt(t);return{paused:N(t)?.paused,volume:Bt(t)?.volume,muted:Bt(t)?.muted,playbackRate:Ft(t)?.playbackRate,fullscreen:jt(t)?.fullscreen,subtitlesShowing:r?.subtitlesShowing,subtitlesAvailable:r?(r.textTrackList??[]).some(ke):void 0,pip:Pt(t)?.pip,currentTime:n?.currentTime,duration:n?.duration,seeking:n?.seeking}}function yn(e,t){let n=e=>t(_n(e)),r=ce(e).subscribe(n),i=rn(e).subscribe(n);return()=>{r(),i()}}const bn=new WeakMap;function xn(e){let t=bn.get(e);return t||(t=new pn,bn.set(e,t)),t}function Sn(e){e?.getBoundingClientRect()}function Cn(e,t,n,r){let i=e+n,a=t+r;return{x:e,y:t,width:n,height:r,top:t,right:i,bottom:a,left:e,toJSON(){return{x:e,y:t,width:n,height:r,top:t,right:i,bottom:a,left:e}}}}function wn(e,t){let n=Math.max(e.left,t.left),r=Math.max(e.top,t.top),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return Cn(n,r,Math.max(0,i-n),Math.max(0,a-r))}function Tn(e){let t=document.documentElement.getBoundingClientRect();return e?wn(t,e.getBoundingClientRect()):t}function En(e,n={}){if(!e)return null;if(!t(e))return e;if(e===`viewport`)return null;if(e===`container`)return n.container??null;try{return(n.root??document).querySelector(e)}catch{return null}}function Dn(e){let{onOpenChange:t,closeOnOutsideClick:n}=e,r=null,i=null,a=null,o=new Set,s=!1,c=null,l=sn({transition:e.transition,closeOnEscape:e.closeOnEscape,onEscapeDismiss(e){e.preventDefault(),C(`escape`,e)},onDocumentActive(e){E(document,`pointerdown`,re,{capture:!0,signal:e})}}),u=l.input,d={close(e){C(e)},get triggerElement(){return r}};function f(){a!==null&&(clearTimeout(a),a=null)}function p(){return globalThis.matchMedia?.(`(hover: hover)`)?.matches??!1}function m(){return p()?globalThis.matchMedia?.(`(pointer: fine)`)?.matches??!1:!1}function h(){return!e.openOnHover?.()||p()}function g(){s=!1,c!==null&&(clearTimeout(c),c=null)}function _(){s=!0,c!==null&&clearTimeout(c),c=setTimeout(g,500)}function v(){return s?(g(),!0):!1}function y(){return r?r.hasAttribute(`disabled`)?!0:r.getAttribute(`aria-disabled`)===`true`:!1}function b(){let t=l.open(()=>i);t&&(e.group?.()?.open(d),t.then(()=>{l.signal.aborted||!u.current.active||u.current.status!==`idle`||e.onOpenChangeComplete?.(!0)}))}function x(){let t=l.close(i);t&&(e.group?.()?.close(d),t.then(()=>{l.signal.aborted||u.current.active||(st(i),e.onOpenChangeComplete?.(!1))}))}function S(n,r){if(l.signal.aborted)return;let{active:i,status:a}=u.current;i&&a!==`ending`||(t(!0,r?{reason:n,event:r}:{reason:n}),e.deferOpenChanges||b())}function C(n,r){if(l.signal.aborted)return;let{active:i,status:a}=u.current;!i||a===`ending`||(t(!1,r?{reason:n,event:r}:{reason:n}),e.deferOpenChanges||x())}function ee(e=`click`){S(e)}function te(e=`click`){f(),C(e)}function ne(t){e.deferOpenChanges&&(t?b():x())}function re(e){if(!n()||!u.current.active)return;let t=e.composedPath();if(r&&t.includes(r)||i&&t.includes(i)){_();return}g(),C(`outside-click`,e)}l.signal.addEventListener(`abort`,()=>{e.group?.()?.close(d),f(),g(),o.clear(),r=null,i=null});let ie={onClick(e){h()&&(y()||(u.current.active&&u.current.status!==`ending`?C(`click`,e):S(`click`,e)))},onPointerEnter(t){if(!e.openOnHover?.()||!p()||(f(),u.current.active))return;let n=e.delay?.()??300;a=setTimeout(()=>S(`hover`),n)},onPointerLeave(t){if(!e.openOnHover?.()||!p()||(f(),!u.current.active))return;let n=e.closeDelay?.()??0;a=setTimeout(()=>C(`hover`),n)},onFocusIn(t){if(e.openOnHover?.()){if(!m())return;S(`focus`)}},onFocusOut(t){let n=t.relatedTarget;n&&(r?.contains(n)||i?.contains(n))||e.openOnHover?.()&&C(`blur`)}},ae={onPointerEnter(t){e.openOnHover?.()&&f()},onPointerLeave(t){if(!e.openOnHover?.()||o.size>0||(f(),!u.current.active))return;let n=e.closeDelay?.()??0;a=setTimeout(()=>C(`hover`),n)},onGotPointerCapture(e){o.add(e.pointerId)},onLostPointerCapture(e){o.delete(e.pointerId)},onFocusOut(e){let t=e.relatedTarget;if(!(t&&(r?.contains(t)||i?.contains(t)))&&!v()){if(t!==null){C(`blur`);return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(!u.current.active||u.current.status===`ending`||u.current.status===`starting`)return;let e=document.activeElement;e&&(r?.contains(e)||i?.contains(e))||C(`blur`)})})}}};function oe(e){r=e}function se(e){!e&&i&&u.current.active&&st(i),i=e,e&&u.current.active&&ot(e)}return{input:u,triggerProps:ie,popupProps:ae,get triggerElement(){return r},setTriggerElement:oe,setPopupElement:se,open:ee,close:te,syncOpen:ne,destroy:l.destroy}}const On={width:`--media-menu-width`,height:`--media-menu-height`,availableWidth:`--media-menu-available-width`,availableHeight:`--media-menu-available-height`},P={item:`data-item`,highlighted:`data-highlighted`},F={sideOffset:`--media-popover-side-offset`,alignOffset:`--media-popover-align-offset`,boundaryOffset:`--media-popover-boundary-offset`,anchorWidth:`--media-popover-anchor-width`,anchorHeight:`--media-popover-anchor-height`,availableWidth:`--media-popover-available-width`,availableHeight:`--media-popover-available-height`};function kn(e){let{key:t}=e;return t===`ArrowDown`||t===`ArrowUp`||t===`ArrowLeft`||t===`ArrowRight`||t===`Home`||t===`End`||t===`Enter`||t===` `||t===`Escape`||t.length===1&&!e.ctrlKey&&!e.altKey&&!e.metaKey}function An(e,t){return!e||!t?null:{side:e,align:t}}const jn={...F,availableWidth:On.availableWidth,availableHeight:On.availableHeight};function Mn(e){e.close()}function Nn(e){let t=[],n=null,r=null,i=null,a=new Set,o=``,s=null,c=0,l=null;function u(e){let t=e.getAttribute(`data-availability`);return!!(e.hidden||e.hasAttribute(`data-hidden`)||e.getAttribute(`aria-hidden`)===`true`||t===`unavailable`||t===`unsupported`)}function d(){return t.filter(e=>!u(e))}function f(e){if(t.length===0)return null;let r=n?t.indexOf(n):e===1?-1:0;for(let n=1;n<=t.length;n++){let i=(r+e*n+t.length)%t.length,a=t[i];if(a&&!u(a))return a}return null}function p(t,r){if(t&&u(t)){t===n&&p(f(1),r);return}if(n===t){t?.setAttribute(P.highlighted,r?.pointer===!0?`pointer`:``);return}let i=n;i&&(i.tabIndex=-1),n=t,t?(t.tabIndex=0,t.setAttribute(P.highlighted,r?.pointer===!0?`pointer`:``),i&&ne(t,i)<0&&r?.pointer&&Sn(t.parentElement),i?.removeAttribute(P.highlighted),r?.focus!==!1&&(r?.preventScroll?t.focus({preventScroll:!0}):t.focus())):i?.removeAttribute(P.highlighted),e.onHighlightChange?.(t)}function m(){n&&(n.tabIndex=-1,n.removeAttribute(P.highlighted),n=null,e.onHighlightChange?.(null))}function h(e){p(d()[0]??null,e)}function g(e){l!==`imperative-action`&&l!==`group-open`&&l!==`blur`&&l!==`outside-click`&&(e?r?.focus(e):r?.focus())}function _(){let e=d();return e.find(e=>e.matches(`[role="menuitemradio"][aria-checked="true"], [aria-selected="true"]`))??e[0]??null}function v(){s!==null&&(clearTimeout(s),s=null),o=``}function y(){cancelAnimationFrame(c),c=requestAnimationFrame(()=>{c=0,!(!x.input.current.active||x.input.current.status===`ending`||n)&&p(_())})}function b(e){o=o.length===1&&o.toLowerCase()===e.toLowerCase()?e:o+e,s!==null&&clearTimeout(s),s=setTimeout(v,500);let t=d(),r=(n?t.indexOf(n):-1)+1,i=[...t.slice(r),...t.slice(0,r)],a=o.toLowerCase(),c=i.find(e=>(e.textContent?.trim().toLowerCase()??``).startsWith(a));c&&p(c)}let x=Dn({transition:e.transition,deferOpenChanges:!0,onOpenChange(t,n){l=t?null:n.reason,e.onOpenChange(t,n),t?y():(m(),v())},onOpenChangeComplete(t){e.onOpenChangeComplete?.(t),t||g()},closeOnEscape:e.closeOnEscape,closeOnOutsideClick:e.closeOnOutsideClick,...e.group?{group:e.group}:{}}),S={onFocusOut:x.popupProps.onFocusOut,onKeyDown(e){let{key:t}=e,r=d();if(t!==`Escape`&&kn(e)&&!e.defaultPrevented&&e.preventDefault(),r.length!==0)switch(t){case`ArrowDown`:e.preventDefault(),p(f(1));break;case`ArrowUp`:e.preventDefault(),p(f(-1));break;case`Home`:e.preventDefault(),p(r[0]??null);break;case`End`:e.preventDefault(),p(r[r.length-1]??null);break;case`Enter`:case` `:e.preventDefault(),n&&r.includes(n)&&n.click();break;default:t.length===1&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&b(t)}}};function C(e){let t=x.input.current;!t.active||t.status===`ending`||e.key!==`Escape`&&kn(e)&&(S.onKeyDown(e),e.stopPropagation())}function ee(e){r=e,x.setTriggerElement(e)}function te(e){i=e,x.setPopupElement(e)}function ne(e,t){if(e===t)return 0;let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING?-1:n&Node.DOCUMENT_POSITION_PRECEDING?1:0}function re(e){return e.tabIndex=-1,e.setAttribute(P.item,``),t.push(e),t.sort(ne),x.input.current.active&&x.input.current.status!==`ending`&&!n&&y(),()=>{let r=t.indexOf(e);r!==-1&&t.splice(r,1),n===e&&m()}}function ie(e){return a.add(e),()=>a.delete(e)}function ae(e){if(!e)for(let e of a)e.close(`imperative-action`);x.syncOpen(e)}function oe(){cancelAnimationFrame(c),c=0,v(),a.clear(),x.destroy()}return{input:x.input,triggerProps:{onClick:x.triggerProps.onClick,onKeyDown:C},contentProps:S,get triggerElement(){return r},get contentElement(){return i},setTriggerElement:ee,setContentElement:te,registerItem:re,registerSubmenu:ie,highlight:p,highlightFirstItem:h,restoreFocus:g,open:x.open,close:x.close,syncOpen:ae,destroy:oe}}const Pn=`data-submenu`,Fn=`data-submenu-expanded`,In=new WeakMap,Ln=new WeakMap;function Rn(e){return Pe(e,e=>e instanceof HTMLElement&&e.hasAttribute(Pn)&&!e.hidden)}function zn(e){return Ne(e,e=>e instanceof HTMLElement&&!e.hasAttribute(Pn))}function Bn(e,t){let n=In.get(e);if(t){n||In.set(e,s(e,[`aria-hidden`,`inert`])),e.setAttribute(`aria-hidden`,`true`),e.setAttribute(`inert`,``);return}n&&(c(e,n),In.delete(e))}function Vn(e,t){return Ke(e,{overflow:`both`,styles:{insetInlineStart:`0px`,insetInlineEnd:`auto`,width:t===void 0?`max-content`:`${t}px`,height:`auto`,minWidth:`0px`,maxWidth:`none`}})}function Hn(e){return Qe(e,e=>{let t=Ue(e,On.availableWidth);return t!==null&&t>0?t:void 0})??null}function Un(e,t){let n=Hn(e);return n===null?t:Math.min(t,Math.max(0,n))}function Wn(e,t){return Ze(e,{children:t,includePadding:!0,maxWidth:Hn(e),measure:Vn})}function Gn(e,t){let n=Vn(t),r=Un(e,n.width);return r>=n.width?n:{width:r,height:Vn(t,r).height}}function Kn(e){let t=Fe(e,e=>{let t=Rn(e);return t?.hasAttribute(`data-ending-style`)?null:t}),n=t[t.length-1],r=Rn(n),i=zn(n),a=Wn(n,i),o=n.hasAttribute(Pn)&&i.length===0?Gn(n,n):a;return r?.hasAttribute(`data-ending-style`)?Ln.get(n)??o:(Ln.set(n,o),o)}function qn(e){if(!e)return;let t=Rn(e),n=zn(e),r=t!==null;t?e.setAttribute(Fn,t.hasAttribute(`data-ending-style`)?`false`:`true`):e.removeAttribute(Fn);for(let e of n)Bn(e,r);let i=Kn(e);e.style.setProperty(On.width,`${Math.ceil(i.width)}px`),e.style.setProperty(On.height,`${Math.ceil(i.height)}px`)}function Jn(e){let t=e;for(;t;){qn(t);let e=t.parentElement;t=e?.getAttribute(`role`)===`menu`?e:null}}function Yn(e,t){return et({root:e,getElements:()=>{let t=Rn(e);return t&&!t.hasAttribute(`data-ending-style`)?[t]:zn(e)},mutations:{childList:!0},onChange:t})}function Xn(e,t){if(!t)return!1;if(i(e.composedPath))return e.composedPath().includes(t);let n=e.target;return n instanceof Node&&t.contains(n)}function I(e,t,n){return Math.max(t,Math.min(n,e))}function Zn(e,t,n){let r=n-t;return!Number.isFinite(r)||r<=0?0:I((e-t)/r*100,0,100)}function Qn(e,t,n){let r=Math.round((e-n)/t)*t+n,i=`${t}`.indexOf(`.`);return i===-1?r:Number(r.toFixed(`${t}`.length-i-1))}const $n={sideOffset:0,alignOffset:0,boundaryOffset:0},er={top:`bottom`,bottom:`top`,left:`right`,right:`left`};function tr(e){return`${I(e,0,1/0)}px`}function nr(e,t,n,r){let i=n-r;return i<t?t:I(e,t,i)}function rr(e,t,n,r,i,a,o,s){let c=a===`start`?e+o:a===`end`?t+o:e+n/2+o,l=a===`start`?`0px`:a===`end`?`-100%`:`-50%`;return{base:`${c}px`,translate:`clamp(${r+s-c}px, ${l}, calc(${i-s-c}px - 100%))`}}function ir(e,t,n,r,i,a,o=F){if(Le())return{...ar(e,t,o,n,i,a),...n&&i?or(n,i,t,a,o):{}};if(n&&r){let e=a??$n;return{position:`fixed`,margin:`0`,...sr(n,r,t,e,i),...i?or(n,i,t,e,o):{}}}return{}}function ar(e,t,n=F,r,i,a=$n){let o=`var(${n.sideOffset}, 0px)`,s=`var(${n.alignOffset}, 0px)`,{side:c,align:l}=t,u=a.boundaryOffset??0,d={positionAnchor:`--${e}`,position:`fixed`,inset:`auto`,margin:`0`,justifySelf:`normal`,alignSelf:`normal`,marginInlineStart:`0`,marginBlockStart:`0`,translate:`none`},f=er[c];if(c===`top`||c===`bottom`){if(d[f]=`calc(anchor(${c}) + ${o})`,r&&i){let{base:e,translate:t}=rr(r.left,r.right,r.width,i.left,i.right,l,a.alignOffset,u);return d.left=e,d.translate=`${t} 0`,d}l===`start`?d.left=`calc(anchor(left) + ${s})`:l===`end`?d.right=`calc(anchor(right) + ${s})`:(d.justifySelf=`anchor-center`,d.marginInlineStart=s)}else{if(d[f]=`calc(anchor(${c}) + ${o})`,r&&i){let{base:e,translate:t}=rr(r.top,r.bottom,r.height,i.top,i.bottom,l,a.alignOffset,u);return d.top=e,d.translate=`0 ${t}`,d}l===`start`?d.top=`calc(anchor(top) + ${s})`:l===`end`?d.bottom=`calc(anchor(bottom) + ${s})`:(d.alignSelf=`anchor-center`,d.marginBlockStart=s)}return d}function or(e,t,n,r=$n,i=F){let a={},{side:o}=n,s=r.boundaryOffset??0,c=t.left+s,l=t.right-s,u=t.top+s,d=t.bottom-s;if(a[i.anchorWidth]=`${e.width}px`,a[i.anchorHeight]=`${e.height}px`,o===`top`||o===`bottom`){let t=o===`top`?e.top-u:d-e.bottom;a[i.availableHeight]=tr(t-r.sideOffset),a[i.availableWidth]=tr(l-c)}else{let t=o===`left`?e.left-c:l-e.right;a[i.availableWidth]=tr(t-r.sideOffset),a[i.availableHeight]=tr(d-u)}return a}function sr(e,t,n,r={sideOffset:0,alignOffset:0},i){let{side:a,align:o}=n,{sideOffset:s,alignOffset:c}=r,l=0,u,d=0,f;if(a===`top`?u=`calc(100% - ${e.top}px + ${s}px)`:a===`bottom`?l=e.bottom+s:a===`left`?f=`calc(100% - ${e.left}px + ${s}px)`:d=e.right+s,a===`top`||a===`bottom`?d=o===`start`?e.left+c:o===`end`?e.right-t.width+c:e.left+(e.width-t.width)/2+c:l=o===`start`?e.top+c:o===`end`?e.bottom-t.height+c:e.top+(e.height-t.height)/2+c,i){let e=r.boundaryOffset??0;a===`top`||a===`bottom`?d=nr(d,i.left+e,i.right-e,t.width):l=nr(l,i.top+e,i.bottom-e,t.height)}return{top:a===`top`?`auto`:`${l}px`,bottom:u??`auto`,left:a===`left`?`auto`:`${d}px`,right:f??`auto`}}function cr(e,t=F){let n=getComputedStyle(e);return{sideOffset:We(e,n.getPropertyValue(t.sideOffset)),alignOffset:We(e,n.getPropertyValue(t.alignOffset)),boundaryOffset:We(e,n.getPropertyValue(t.boundaryOffset))}}function lr(e,t){let n=e.getBoundingClientRect(),r=Ge(e,{box:`layout`,overflow:t===`left`||t===`right`?`width`:`height`});return Cn(n.left,n.top,r.width,r.height)}const ur=[`position`,`inset`,`margin`,`margin-top`,`margin-right`,`margin-bottom`,`margin-left`,`justify-self`,`align-self`,`margin-inline-start`,`margin-block-start`,`translate`,`top`,`right`,`bottom`,`left`];var dr=class{#e=null;#t=null;#n=null;#r=null;#i=null;#a=!1;#o=null;#s=null;#c=ct(()=>this.#f());sync(e){let{anchorName:t,position:n,trigger:r,popup:i,boundary:a,container:o,cssVars:s=F}=e;if(!n||!r||!i){this.cleanup();return}let c=En(a,{container:o??null,root:i.getRootNode()}),l=this.#e;!l||l.anchorName!==t||l.trigger!==r||l.popup!==i||(l.cssVars??F)!==s||this.#t!==c?(l?.popup&&this.#m(l.popup),this.#u(),this.#e={...e,cssVars:s},this.#t=c,this.#l()):this.#e={...e,cssVars:s},this.#f()}cleanup(){this.#e&&(this.#e.popup&&this.#m(this.#e.popup),this.#u(),this.#e=null,this.#t=null)}#l(){let e=this.#e;if(!e?.trigger||!e.popup)return;this.#h(e.trigger,e.popup,e.anchorName),this.#n=new AbortController;let{signal:t}=this.#n;window.addEventListener(`scroll`,this.#d,{capture:!0,passive:!0,signal:t}),window.addEventListener(`resize`,this.#d,{signal:t});let n=[e.trigger,e.popup];this.#t&&n.push(this.#t),this.#r=$e(n,()=>this.#d())}#u(){this.#n?.abort(),this.#n=null,this.#r?.(),this.#r=null,this.#c.cancel(),this.#g()}#d=e=>{let t=this.#e?.popup;!t||e&&Xn(e,t)||this.#c()};#f(){let e=this.#e;if(!e?.position||!e.trigger||!e.popup)return;let t=e.trigger.getBoundingClientRect(),n=Tn(this.#t),r=cr(e.popup,e.cssVars),i=e.position,a=Le(),o=o=>{let s=at(t,o,n,i,r),{positionAnchor:c,...l}=ir(e.anchorName,{...i,side:s},t,a?void 0:o,n,r,e.cssVars);return{popupRect:o,side:s,style:l}},s=o(lr(e.popup,i.side));if(this.#p(e.popup,e.cssVars??F),A(e.popup,s.style),e.onSideChange?.(s.side),a||!e.onSideChange)return;let c=lr(e.popup,i.side);if(c.width===s.popupRect.width&&c.height===s.popupRect.height)return;let l=o(c);A(e.popup,l.style),l.side!==s.side&&e.onSideChange(l.side)}#p(e,t){if(this.#s)return;let n=[...ur,t.anchorWidth,t.anchorHeight,t.availableWidth,t.availableHeight];this.#s=Be(e,n)}#m(e){this.#s&&=(Ve(e,this.#s),null)}#h(e,t,n){if(!Le())return;let r=`--${n}`,i=this.#_(e,`anchor-name`);this.#o=this.#_(t,`position-anchor`);let a=ze(e);this.#i=r,this.#a=!a.includes(r),this.#a&&a.push(r),e.style.setProperty(`anchor-name`,a.join(`, `),i.priority),t.style.setProperty(`position-anchor`,r)}#g(){let e=this.#e;if(!(!e?.trigger||!e.popup)){if(this.#i&&this.#a){let t=this.#_(e.trigger,`anchor-name`),n=ze(e.trigger).filter(e=>e!==this.#i);this.#v(e.trigger,`anchor-name`,{value:n.join(`, `),priority:t.priority})}this.#o&&this.#v(e.popup,`position-anchor`,this.#o),this.#i=null,this.#a=!1,this.#o=null}}#_(e,t){let n=t.startsWith(`--`)?t:De(t);return{value:e.style.getPropertyValue(n),priority:e.style.getPropertyPriority(n)}}#v(e,t,n){let r=t.startsWith(`--`)?t:De(t);n.value?e.style.setProperty(r,n.value,n.priority):e.style.removeProperty(r)}};function fr(e,t,n,r){let i;return i=n===`vertical`?1-(e.clientY-t.top)/t.height:r?(t.right-e.clientX)/t.width:(e.clientX-t.left)/t.width,Number.isFinite(i)?I(i*100,0,100):0}function pr(t){let n=w({pointerPercent:0,dragPercent:0,dragging:!1,pointing:!1,focused:!1}),r=new AbortController,i=t.changeThrottle??0,a=!1,o=!1,s=null,c=null,l=0,u=!1,d=!1,f=i>0?Tt(e=>t.onValueChange?.(e),i,{leading:!0}):null;function p(e,n){n&&f?f(e):t.onValueChange?.(e)}function m(){if(e(c))return;let n=c;c=null;try{t.getElement().releasePointerCapture(n)}catch{}}function h(){if(!a)return;let e=u&&d;u||t.onValueCommit?.(l),a=!1,n.patch({dragging:!1,pointing:e}),t.onDragEnd?.(),u=!1,d=!1,g()}function g(){f?.cancel(),c=null,s=null}let _={onPointerDown(e){if(t.isDisabled())return;e.stopPropagation(),e.preventDefault();let r=t.getElement();s=r.getBoundingClientRect(),o=t.isRTL(),u=!1,d=!1,m(),c=e.pointerId,r.setPointerCapture(e.pointerId);let i=fr(e,s,t.getOrientation(),o);a=!0,l=i,n.patch({pointing:!0,dragging:!0,pointerPercent:i,dragPercent:i}),t.onDragStart?.(),t.onValueChange?.(i),t.getThumbElement?.()?.focus({preventScroll:!0,focusVisible:!1})},onPointerMove(r){if(t.isDisabled())return;if(!e(c)){if(r.pointerType!==`touch`&&r.buttons===0){h();return}let e=fr(r,s,t.getOrientation(),o);l=e,n.patch({dragPercent:e,pointerPercent:e}),p(e,!0);return}let i=fr(r,t.getElement().getBoundingClientRect(),t.getOrientation(),t.isRTL());n.patch({pointing:!0,pointerPercent:i})},onPointerUp(n){if(t.isDisabled()||(n.stopPropagation(),e(c)))return;let r=fr(n,s,t.getOrientation(),o),i=t.getElement().getBoundingClientRect();d=n.pointerType!==`touch`&&n.clientX>=i.left&&n.clientX<=i.right&&n.clientY>=i.top&&n.clientY<=i.bottom,f?.cancel(),t.onValueChange?.(r),t.onValueCommit?.(r),u=!0},onPointerLeave(){e(c)&&n.patch({pointing:!1})},onLostPointerCapture(){h()}},v={onKeyDown(e){if(t.isDisabled()){e.key!==`Tab`&&e.preventDefault();return}let r=t.getStepPercent(),i=t.getLargeStepPercent(),a=Qn(t.getPercent(),r,0),o=t.isRTL()?-1:1,s=e.shiftKey?i:r,c=null;switch(e.key){case`ArrowRight`:c=a+s*o;break;case`ArrowLeft`:c=a-s*o;break;case`ArrowUp`:c=a+s;break;case`ArrowDown`:c=a-s;break;case`PageUp`:c=a+i;break;case`PageDown`:c=a-i;break;case`Home`:c=0;break;case`End`:c=100;break}c!==null&&(e.preventDefault(),c=I(c,0,100),n.patch({pointerPercent:c,dragPercent:c,pointing:!1}),t.onValueChange?.(c),t.onValueCommit?.(c))},onFocus(){n.patch({focused:!0})},onBlur(){n.patch({focused:!1})}};function y(e){if(!t.adjustPercent||e.thumbAlignment!==`edge`)return e;let n=t.getElement(),r=t.getThumbElement?.();if(!r)return e;let i=e.orientation===`horizontal`,a=i?r.offsetWidth:r.offsetHeight,o=i?n.offsetWidth:n.offsetHeight;return{...e,fillPercent:t.adjustPercent(e.fillPercent,a,o),pointerPercent:t.adjustPercent(e.pointerPercent,a,o)}}let b=null;return t.onResize&&(b=$e(t.getElement(),()=>t.onResize())),{input:n,rootProps:_,rootStyle:{touchAction:`none`,userSelect:`none`},thumbProps:v,adjustForAlignment:y,destroy(){r.signal.aborted||(r.abort(),b?.(),m(),g())}}}const mr={fill:`--media-slider-fill`,pointer:`--media-slider-pointer`,buffer:`--media-slider-buffer`};function hr(e){return{[mr.fill]:`${e.fillPercent.toFixed(3)}%`,[mr.pointer]:`${e.pointerPercent.toFixed(3)}%`}}function gr(e){return{...hr(e),[mr.buffer]:`${e.bufferPercent.toFixed(3)}%`}}function _r(e,t){let n=e/2;return{position:`absolute`,left:t===`visible`?`calc(var(${mr.pointer}) - ${n}px)`:`min(max(0px, calc(var(${mr.pointer}) - ${n}px)), calc(100% - ${e}px))`,width:`max-content`,pointerEvents:`none`}}function vr(e=document){let t=ee(S(e)?e:e.ownerDocument);return t?.getAttribute(`role`)===`slider`?S(e)||v(e,t):!1}function yr(e,t){let n=!0,r=!1,i=e.target,a=0,o=()=>{i=e.target,r=!0;let o=++a;t.resetSnapshot(),queueMicrotask(()=>{!n||o!==a||(r=!1,i=e.target,i&&t.processSnapshot(vn(e)))})},s=e.subscribe(()=>{let n=e.target;if(n!==i){o();return}!n||r||t.processSnapshot(vn(e))});return o(),()=>{n=!1,s()}}function br(e){return!e||!vr(e)}function xr(e,t,n){let r=0,i=e.length-1,a=-1;for(;r<=i;){let o=r+i>>>1;n(e[o])<=t?(a=o,r=o+1):i=o-1}return a}function Sr(e,t,n){let r=xr(e,t,n);return r<0?void 0:e[r]}var Cr=class{findActiveThumbnail(e,t){return Sr(e,t,e=>e.startTime)}parseConstraints(e){let t=parseFloat(e.minWidth),n=parseFloat(e.maxWidth),r=parseFloat(e.minHeight),i=parseFloat(e.maxHeight);return{minWidth:Number.isFinite(t)?t:0,maxWidth:Number.isFinite(n)?n:1/0,minHeight:Number.isFinite(r)?r:0,maxHeight:Number.isFinite(i)?i:1/0}}calculateScale(e,t,n){let{minWidth:r,maxWidth:i,minHeight:a,maxHeight:o}=n,s=Math.min(i/e,o/t),c=Math.max(r/e,a/t);return Number.isFinite(s)&&s<1?s:Number.isFinite(c)&&c>1?c:1}resize(e,t,n,r){let i=e.width??t,a=e.height??n;if(!i||!a)return;let o=this.calculateScale(i,a,r),s=e.coords?.x??0,c=e.coords?.y??0,l=o===1?0:1;return{scale:o,containerWidth:Math.max(0,Math.floor(i*o)-l*2),containerHeight:Math.max(0,Math.floor(a*o)-l*2),imageWidth:Math.ceil(t*o),imageHeight:Math.ceil(n*o),offsetX:Math.ceil(s*o)+l,offsetY:Math.ceil(c*o)+l}}getState(e,t,n){return{loading:e,error:t,hidden:!e&&!n}}getAttrs(e){return{role:`img`,"aria-hidden":`true`}}};function wr(e){let{getContainer:t,getImg:n,onStateChange:r}=e,i=new Cr,a=new AbortController,o=a.signal,s=!1,c=!1,l=0,u=0,d=``,f=!1,p=null;function m(){let e=n();e&&(l=e.naturalWidth,u=e.naturalHeight),s=!1,c=!1,r()}function h(){s=!1,c=!0,r()}function g(e){E(e,`load`,m,{signal:o}),E(e,`error`,h,{signal:o})}function _(){if(!f){let e=n();e&&(g(e),f=!0)}if(!p){let e=t();e&&(p=$e(e,r))}}function v(e){_();let t=e??``;t!==d&&(d=t,t?(s=!0,c=!1):(s=!1,c=!1,l=0,u=0))}function y(){_();let e=n();e?.complete&&d&&(e.naturalWidth>0?(l=e.naturalWidth,u=e.naturalHeight,s=!1,c=!1):(s=!1,c=!0),r())}function b(){a.abort(),p?.(),p=null}return{get loading(){return s},get error(){return c},get naturalWidth(){return l},get naturalHeight(){return u},readConstraints(){let e=t();return e?i.parseConstraints(getComputedStyle(e)):{minWidth:0,maxWidth:1/0,minHeight:0,maxHeight:1/0}},updateSrc:v,connect:y,destroy:b}}const Tr={hover:`hover`,focus:`focus`,escape:`escape`,blur:`blur`,"imperative-action":`imperative-action`};function Er(e){let t={transition:e.transition,onOpenChange(t,n){let r=Tr[n.reason];if(!r)return;let i=e.group?.();t?i?.notifyOpen():i?.notifyClose();let a=n.event?{reason:r,event:n.event}:{reason:r};e.onOpenChange(t,a)},closeOnEscape:()=>!0,closeOnOutsideClick:()=>!1,openOnHover:()=>!0,delay:()=>{let t=e.group?.();return t?.shouldSkipDelay()?0:e.delay?.()??t?.delay??600},closeDelay:()=>{let t=e.group?.();return e.closeDelay?.()??t?.closeDelay??0}};e.onOpenChangeComplete&&(t.onOpenChangeComplete=e.onOpenChangeComplete);let n=Dn(t),r=!1,i,a;function o(){return i?.isOpenFor(n.triggerElement)??!1}function s(){let t=e.popupGroup?.();t!==i&&(a?.(),i=t,a=i?.subscribe(()=>{o()&&n.close(`imperative-action`)}))}function c(e){n.setTriggerElement(e),s(),o()&&n.close(`imperative-action`)}let{onClick:l,...u}=n.triggerProps,d={...u,onPointerDown(){s(),r=!0,n.close(`imperative-action`)},onPointerEnter(t){s(),!e.disabled?.()&&(o()||t.pointerType!==`touch`&&u.onPointerEnter(t))},onFocusIn(t){if(s(),!e.disabled?.()&&!o()){if(r){r=!1;return}u.onFocusIn(t)}}},f={...n.popupProps,onPointerEnter(t){e.disableHoverablePopup?.()||n.popupProps.onPointerEnter(t)}};return{...n,triggerProps:d,popupProps:f,get triggerElement(){return n.triggerElement},setTriggerElement:c,open:()=>{s(),o()||n.open(`hover`)},close:(e=`hover`)=>n.close(e),destroy(){a?.(),n.destroy()}}}function L(){let e=w({active:!1,status:`idle`}),t=!1,n=0,r=0,i=0,a=null;function o(){cancelAnimationFrame(n),cancelAnimationFrame(r),n=0,r=0}function s(){return i++,o(),a?.(),a=null,i}function c(e){if(e!==i)return;let t=a;a=null,t?.()}function l(o=null){if(t)return Promise.resolve();let l=s(),u=e.current.active;return u&&e.patch({status:`idle`}),e.patch({active:!0,status:`starting`}),new Promise(s=>{a=s,n=requestAnimationFrame(()=>{if(n=0,u){let e=Dr(o);kr(e),Or(e)}r=requestAnimationFrame(()=>{if(r=0,t||l!==i||!e.current.active)return c(l);e.patch({status:`idle`}),n=requestAnimationFrame(()=>{if(n=0,t||l!==i||!e.current.active)return c(l);Ar(Dr(o)).finally(()=>c(l))})})})})}function u(o){if(t)return Promise.resolve();let l=s();return e.patch({status:`ending`}),new Promise(s=>{a=s,n=requestAnimationFrame(()=>{n=0,r=requestAnimationFrame(()=>{if(r=0,t||l!==i)return c(l);Ar(o).finally(()=>{if(t||l!==i||e.current.status!==`ending`)return c(l);e.patch({active:!1,status:`idle`}),c(l)})})})})}function d(){i++,o(),a?.(),a=null,e.current.status!==`idle`&&e.patch({status:`idle`})}return{state:e,open:l,close:u,cancel:d,destroy(){t||(t=!0,d())}}}function Dr(e){return typeof e==`function`?e():e}function Or(e){e&&e.offsetHeight}function kr(e){let t=e?.getAnimations?.({subtree:!0})??[];for(let e of t)e.cancel()}function Ar(e){if(!e)return Promise.resolve();let t=e.getAnimations?.()??[];return t.length===0?Promise.resolve():Promise.all(t.map(e=>e.finished)).then(Oe,Oe)}function jr(e){return{onWheel(t){if(e.isDisabled())return;let n=Math.sign(t.deltaY);if(n===0)return;t.preventDefault();let r=e.getStepPercent(),i=I(e.getPercent()-n*r,0,100);e.onValueChange?.(i)}}}function R(e,t,n){let r=n?.signal;for(let[n,a]of Object.entries(t))i(a)&&n.startsWith(`on`)?E(e,n.slice(2).toLowerCase(),a,r?{signal:r}:void 0):o(a)||a===!1?e.removeAttribute(n):a===!0?e.setAttribute(n,``):e.setAttribute(n,String(a))}function z(e,t,n){for(let r in t){if(n&&!(r in n))continue;let i=n?.[r]??Mr(r),a=t[r];a===!0?e.setAttribute(i,``):a?e.setAttribute(i,String(a)):e.removeAttribute(i)}}function Mr(e){return`data-${e.toLowerCase()}`}function B(e,t){return i(e)?e(t)||void 0:e||void 0}var Nr=class{static defaultProps={open:!1,defaultOpen:!1};setProps(e){}#e=null;#t=void 0;#n=void 0;setInput(e){this.#e=e}setTitleId(e){this.#t=e}setDescriptionId(e){this.#n=e}getState(){let e=this.#e;return{open:e.active,status:e.status,titleId:this.#t,descriptionId:this.#n,...dn(e.status)}}getAttrs(e){return{role:`alertdialog`,"aria-modal":`true`,"aria-labelledby":e.titleId,"aria-describedby":e.descriptionId}}};const Pr={open:`data-open`,...un};var Fr=class e{static defaultProps={delay:500};state=w({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 Ir={visible:`data-visible`};var Lr=class{#e=null;setMedia(e){this.#e=e}getState(){let e=this.#e;return{visible:e.controlsVisible,userActive:e.userActive}}};const Rr={visible:`data-visible`,userActive:`data-user-active`};var zr=class extends Nr{setProps(){}};const Br=`common.`,Vr={key:`${Br}empty`,text:``},Hr={key:`${Br}ok`,text:`OK`},V=`errors.`,Ur={key:`${V}aborted`,text:`You stopped media playback before it finished.`},Wr={key:`${V}network`,text:`This media could not be loaded due to a network or server issue.`},Gr={key:`${V}decode`,text:`This media could not be played. It may be corrupted, or your browser may not support its format.`},Kr={key:`${V}source`,text:`This media could not be loaded. It may be unavailable, or your browser may not support its format.`},qr={key:`${V}encrypted`,text:`This media could not be played because it could not be decrypted.`},Jr={key:`${V}unplayable`,text:`This media is unsupported by the player.`},Yr={key:`${V}title`,text:`Something went wrong.`},Xr={key:`${V}unexpected`,text:`An unexpected error occurred.`},Zr={[D.MEDIA_ERR_ABORTED]:Ur,[D.MEDIA_ERR_NETWORK]:Wr,[D.MEDIA_ERR_DECODE]:Gr,[D.MEDIA_ERR_SRC_NOT_SUPPORTED]:Kr,[D.MEDIA_ERR_ENCRYPTED]:qr,[D.MEDIA_ERR_CUSTOM]:Vr,99001:Jr},Qr={[D.MEDIA_ERR_SRC_NOT_SUPPORTED]:[`Failed to open media`]};function $r(e){return e>=D.MEDIA_ERR_ABORTED&&e<=D.MEDIA_ERR_ENCRYPTED}function ei(){return Yr}function ti(){return Hr}function ni(){return Xr}function ri(e,t){if(e){let t=Zr[e.code],n=e.message?.trim();if(n){let r=D.defaultMessages[e.code];if(t&&r&&n===r)return t;let i=Qr[e.code];return t&&$r(e.code)&&!e.context&&i?.includes(n)?t:n}if(t)return t}return t?.trim()||Xr}const ii=`fullscreen.`,ai={key:`${ii}enter`,text:`Enter fullscreen`},oi={key:`${ii}exit`,text:`Exit fullscreen`},H=`status.`,si={key:`${H}captionsOn`,text:`Captions on`},ci={key:`${H}captionsOff`,text:`Captions off`},li={key:`${H}paused`,text:`Paused`},ui={key:`${H}playing`,text:`Playing`},di={key:`${H}fullscreen`,text:`Fullscreen`},fi={key:`${H}pip`,text:`Picture in picture`},pi={key:`${H}exitPip`,text:`Exit picture in picture`},mi={key:`${H}seekedTo`,text:`Seeked to {time}`},hi=`volume.`,gi={key:`${hi}mutedValue`,text:`{percent}, muted`},_i={key:`${hi}muted`,text:`Muted`},vi={key:`${hi}label`,text:`Volume`},yi={key:`${hi}value`,text:`Volume {value}`},bi={muted:d(_i),volume:d(vi),captionsOn:d(si),captionsOff:d(ci),paused:d(li),playing:d(ui),fullscreen:d(di),exitFullscreen:d(oi),pictureInPicture:d(fi),exitPictureInPicture:d(pi)};function xi(e){return{muted:e(_i),volume:e(vi),captionsOn:e(si),captionsOff:e(ci),paused:e(li),playing:e(ui),fullscreen:e(di),exitFullscreen:e(oi),pictureInPicture:e(fi),exitPictureInPicture:e(pi)}}function Si(e,t){return e?!t||t.includes(e):!1}var U=class e{static defaultProps={side:`bottom`,align:`start`,open:!1,defaultOpen:!1,closeOnEscape:!0,closeOnOutsideClick:!0};#e={...e.defaultProps};#t=null;get props(){return this.#e}constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setInput(e){this.#t=e}getState(){let e=this.#t,t=e.isSubmenu;return{open:e.active,status:e.status,side:t?void 0:this.#e.side,align:t?void 0:this.#e.align,isSubmenu:t,...dn(e.status)}}getTriggerAttrs(e,t){return{...!e.isSubmenu&&{tabIndex:0},"aria-haspopup":`menu`,"aria-expanded":e.open&&e.status!==`ending`?`true`:`false`,"aria-controls":t}}getContentAttrs(e){return{role:`menu`,tabIndex:-1,...!e.isSubmenu&&{popover:`manual`}}}};const W={open:`data-open`,side:`data-side`,align:`data-align`,isSubmenu:`data-submenu`,...un},Ci=`buttons.`,wi={key:`${Ci}play`,text:`Play`},Ti={key:`${Ci}pause`,text:`Pause`},Ei={key:`${Ci}replay`,text:`Replay`},Di={key:`${Ci}mute`,text:`Mute`},Oi={key:`${Ci}unmute`,text:`Unmute`};var ki=class e{static defaultProps={label:``,disabled:!1};state=w({muted:!1,volumeLevel:`off`,availability:`unavailable`,hidden:!0,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){return B(this.#e.label,e)||(e.muted?Oi:Di)}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,t=e.mutedAvailability;return this.state.patch({muted:e.muted||e.volume===0,volumeLevel:Ai(e),availability:t,hidden:t!==`available`}),this.state.patch({label:u(this.getLabel(this.state.current))}),this.state.current}toggle(e){this.#e.disabled||e.mutedAvailability!==`available`||e.toggleMuted()}};function Ai(e){return e.muted||e.volume===0?`off`:e.volume<.5?`low`:e.volume<.75?`medium`:`high`}const ji={muted:`data-muted`,volumeLevel:`data-volume-level`,availability:`data-availability`,hidden:`data-hidden`};var Mi=class e{static defaultProps={label:``,disabled:!1};state=w({paused:!0,ended:!1,started:!1,label:``});#e={...e.defaultProps};#t=null;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}getLabel(e){return B(this.#e.label,e)||(e.ended?Ei:e.paused?wi:Ti)}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 this.state.patch({paused:e.paused,ended:e.ended,started:e.started}),this.state.patch({label:u(this.getLabel(this.state.current))}),this.state.current}async toggle(e){if(!this.#e.disabled){if(e.paused||e.ended)return e.play();e.pause()}}};const Ni={paused:`data-paused`,ended:`data-ended`,started:`data-started`},Pi={key:`playback.rate`,text:`Playback rate {rate}`};var G=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,...dn(e.status)}}getTriggerAttrs(e,t){return{"aria-expanded":e.open&&e.status!==`ending`?`true`:`false`,"aria-haspopup":`dialog`,"aria-controls":t}}getPopupAttrs(e){return{popover:`manual`,role:`dialog`,"aria-modal":e.modal===!0?`true`:void 0}}};const Fi={open:`data-open`,side:`data-side`,align:`data-align`,...un},Ii=`data-popup`,Li=`[${Ii}]`,Ri=Intl.DurationFormat,zi=new Map;function Bi(e,t,n){if(e===`digital`){let e=new Intl.NumberFormat(n,{useGrouping:!1}),r=new Intl.NumberFormat(n,{minimumIntegerDigits:2,useGrouping:!1});return{format:n=>{let i=`${r.format(n.minutes??0)}:${r.format(n.seconds??0)}`;return t===`always`||n.hours!==void 0?`${e.format(n.hours??0)}:${i}`:i}}}let r=[[`hours`,`hour`],[`minutes`,`minute`],[`seconds`,`second`]];return{format:e=>r.filter(([t])=>e[t]!==void 0).map(([t,n])=>{let r=e[t]??0;return`${r} ${n}${r===1?``:`s`}`}).join(`, `)}}function Vi(e){return e===void 0?``:Array.isArray(e)?e.join(`:`):e}function Hi(e){let t=Array.isArray(e)?e[0]:e;return!t||t===`en`||t.startsWith(`en-`)}function Ui(e,t=`long`,n,r){let i=`${Vi(e)}:${t}:${n??``}:${r??``}`,a=zi.get(i);if(!a){if(Ri){let i={style:t};n!==void 0&&(i.hoursDisplay=n),r!==void 0&&(i.secondsDisplay=r),a=new Ri(e,i)}else a=Bi(t,n,e);zi.set(i,a)}return a}function Wi(e){return r(e)&&Number.isFinite(e)}function Gi(e,t,n){if(!Wi(e))return`0:00`;let r=e<0,i=Math.floor(Math.abs(e)),a=Math.floor(i/3600),o=Math.floor(i%3600/60),s=i%60,c=Wi(t??0)?Math.abs(t??0):0,l=Math.floor(c/3600),u=Math.floor(c/60%60),d=a>0||l>0,f=d||u>=10,p=d?{hours:a,minutes:o,seconds:s}:{minutes:o,seconds:s},{locale:m=`en`}=n??{},h=Ui(m,`digital`,d?`always`:`auto`).format(p);if(!f){let e=new Intl.NumberFormat(m,{useGrouping:!1}).format(0);h=h.replace(RegExp(`^${e}(?=\\p{Nd}\\D)`,`u`),``)}return`${r?`-`:``}${h}`}function Ki(e){if(!Wi(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}function K(e,t){if(!Wi(e))return``;let n=e<0,r=Math.floor(Math.abs(e)),i=Math.floor(r/3600),a=Math.floor(r%3600/60),o=r%60,s={};i>0&&(s.hours=i),a>0&&(s.minutes=a),(o>0||i===0&&a===0)&&(s.seconds=o);let c=r===0?`always`:void 0,l=Ui(t?.locale,t?.style??`long`,void 0,c).format(s);if(n){let e=t?.formatRemaining;return e?e(l):Hi(t?.locale)?`${l} remaining`:l}return l}function qi(e){return e===`seekStep`||e===`seekToPercent`}function Ji(e){return Gi(e.currentTime??0,e.duration)}function Yi(e){return e.value??e.currentTime}function Xi(e){return e.value===void 0?!e.key||e.key<`0`||e.key>`9`?null:Number(e.key)*10:I(e.value,0,100)}function Zi(e,t){if(e.action===`seekStep`&&e.value!==void 0){if(e.value>0)return`forward`;if(e.value<0)return`backward`}if(e.action===`seekToPercent`){let n=Xi(e);if(n===null||t.duration===void 0||t.duration<=0)return null;let r=n/100*t.duration,i=t.currentTime??0;if(r>i)return`forward`;if(r<i)return`backward`}return null}const Qi={open:!1,generation:0,direction:null,count:0,seekTotal:0,value:null,currentTime:`0:00`,transitionStarting:!1,transitionEnding:!1};var $i=class{state=w({...Qi});#e={};#t=null;#n=new fn(()=>{this.#t=null,this.state.patch({open:!1,direction:null,count:0,seekTotal:0,value:null})},()=>mn(this.#e));setProps(e){this.#e=e}destroy(){this.#n.destroy()}close(){this.#n.close()}processEvent(e,t){if(!qi(e.action))return!1;let n=this.state.current,r=Zi(e,t),i=n.open&&e.action===`seekStep`&&n.direction===r;i||(this.#t=t.currentTime??null);let a=this.#r(e,t,i),o=i?n.seekTotal+Math.abs(a):Math.abs(a);return this.state.patch({open:!0,generation:n.generation+1,direction:r,count:i?n.count+1:1,seekTotal:o,value:e.action===`seekStep`&&o>0?`${o}s`:null,currentTime:Ji(t)}),this.#n.arm(),!0}#r(e,t,n){if(e.action!==`seekStep`||e.value===void 0)return 0;if(!n||this.#t===null)return e.value;let r=this.#t,i=t.duration??1/0,a=this.state.current.seekTotal,o=Math.abs(e.value);return(e.value<0?Math.max(0,r-a):Math.max(0,i-r-a))>=o?e.value:0}};const ea={open:`data-open`,direction:`data-direction`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`};var ta=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){return B(this.#e.label,e)||``}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 Qn(I(t+e/100*(n-t),t,n),r,t)}rawValueFromPercent(e){let{min:t,max:n}=this.#e;return I(t+e/100*(n-t),t,n)}percentFromValue(e){let{min:t,max:n}=this.#e;return Zn(e,t,n)}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 na={dragging:`data-dragging`,pointing:`data-pointing`,interactive:`data-interactive`,orientation:`data-orientation`,disabled:`data-disabled`},ra={...bi,volumeWithValue:e=>d(yi,{value:e}),seekedTo:e=>d(mi,{time:K(e)}),playbackRate:e=>d(Pi,{rate:e})};function ia(e,t=`en`){return{...xi(e),volumeWithValue:t=>e(yi,{value:t}),seekedTo:n=>e(mi,{time:K(n,{locale:t})}),playbackRate:t=>e(Pi,{rate:t})}}function aa(e){return e===`toggleMuted`||e===`volumeStep`}function oa(e){return e<=0?`off`:e<=.5?`low`:`high`}function sa(e){return`${Math.round(I(e,0,1)*100)}%`}function ca(e){return e.value??``}function la(e,t){let n=t.muted===!0,r=t.volume??0;if(e.action===`toggleMuted`)return{snapshotVolume:r,nextMuted:!n,nextVolume:r};if(e.action===`volumeStep`){let t=I(r+(e.value??0),0,1);return{snapshotVolume:r,nextMuted:n&&t<=0,nextVolume:t}}return{snapshotVolume:r,nextMuted:n,nextVolume:r}}function ua(e,t,n=bi,r){let i=r??la(e,t),a=i.nextMuted?`off`:oa(i.nextVolume),o=i.nextMuted?`0%`:sa(i.nextVolume);return{status:a===`off`?`volume-off`:a===`low`?`volume-low`:`volume-high`,label:a===`off`?n.muted:n.volume,value:o,volumeLevel:a}}function da(e,t,n=ra){let r=[];return q(e.paused,t.paused)&&r.push(t.paused?n.paused:n.playing),q(e.subtitlesShowing,t.subtitlesShowing)&&t.subtitlesAvailable!==!1&&r.push(t.subtitlesShowing?n.captionsOn:n.captionsOff),q(e.fullscreen,t.fullscreen)&&r.push(t.fullscreen?n.fullscreen:n.exitFullscreen),q(e.pip,t.pip)&&r.push(t.pip?n.pictureInPicture:n.exitPictureInPicture),q(e.playbackRate,t.playbackRate)&&r.push(n.playbackRate(`${t.playbackRate}×`)),r.length>0?r.join(`. `):null}function fa(e,t,n=ra){if(!q(e.volume,t.volume)&&!q(e.muted,t.muted))return null;let r=t.volume??e.volume,i=t.muted??e.muted;return r===void 0&&i===void 0?null:i||(r??0)<=0?n.muted:n.volumeWithValue(sa(r??0))}function q(e,t){return e!==void 0&&t!==void 0&&!Object.is(e,t)}var pa=class{state=w({generation:0,label:null});#e={};#t=null;#n=null;#r=null;#i=null;#a=new fn(()=>this.state.patch({label:null}),()=>mn(this.#e));setProps(e){this.#e=e}resetSnapshot(){this.#t=null,this.#n=null,this.#r=null,this.#f(),this.#a.close()}destroy(){this.#f(),this.#a.destroy()}processSnapshot(e){let t=this.#t;if(this.#t=e,!t)return!1;let n=this.#o(),r=da(t,e,n),i=r!==null&&this.#s(r),a=this.#l(t,e,n,i),o=this.#c(t,e,n,i||a);return i||a||o}#o(){return{...ra,...this.#e.labels}}#s(e){return this.#f(),this.state.patch({generation:this.state.current.generation+1,label:e}),this.#a.arm(),!0}#c(e,t,n,r){let i=fa(e,t,n);return i===null||r||!this.#d()?!1:(this.#u(i),!0)}#l(e,t,n,r){if(e.seeking!==!0&&t.seeking===!0)return this.#n=e.currentTime??null,this.#r=t.currentTime??null,this.#f(),!1;if(t.seeking===!0)return this.#r=t.currentTime??this.#r,!1;if(e.seeking!==!0||t.seeking!==!1)return!1;let i=t.currentTime??this.#r,a=this.#n;return this.#n=null,this.#r=null,i==null||Object.is(i,a)||r||!this.#d()?!1:(this.#u(n.seekedTo(i)),!0)}#u(e){this.#f(),this.#i=setTimeout(()=>{this.#i=null,this.#d()&&this.#s(e)},200)}#d(){return this.#e.shouldAnnounce?.()!==!1}#f(){this.#i!==null&&(clearTimeout(this.#i),this.#i=null)}};function ma(e,t,n=bi){switch(e.action){case`togglePaused`:{let e=t.paused===void 0||!t.paused;return{status:e?`pause`:`play`,label:e?n.paused:n.playing,value:null}}case`toggleMuted`:case`volumeStep`:return ua(e,t,n);case`toggleSubtitles`:{if(t.subtitlesAvailable===!1)return null;let e=t.subtitlesShowing===void 0||!t.subtitlesShowing;return{status:e?`captions-on`:`captions-off`,label:e?n.captionsOn:n.captionsOff,value:null}}case`toggleFullscreen`:{let e=t.fullscreen===void 0||!t.fullscreen;return{status:e?`fullscreen`:`exit-fullscreen`,label:e?n.fullscreen:n.exitFullscreen,value:null}}case`togglePictureInPicture`:{let e=t.pip===void 0||!t.pip;return{status:e?`pip`:`exit-pip`,label:e?n.pictureInPicture:n.exitPictureInPicture,value:null}}default:return null}}function ha(e){return e.value??e.label??``}const ga={open:!1,generation:0,status:null,label:null,value:null,transitionStarting:!1,transitionEnding:!1};var _a=class{state=w({...ga});#e={};#t=new fn(()=>this.state.patch({open:!1,status:null,label:null,value:null}),()=>mn(this.#e));setProps(e){this.#e=e}destroy(){this.#t.destroy()}close(){this.#t.close()}processEvent(e,t){if(!Si(e.action,this.#e.actions))return!1;let n=ma(e,t,{...bi,...this.#e.labels});return n?(this.state.patch({open:!0,generation:this.state.current.generation+1,status:n.status,label:n.label,value:n.value}),this.#t.arm(),!0):!1}};const va={open:`data-open`,status:`data-status`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`},ya={loading:`data-loading`,error:`data-error`,hidden:`data-hidden`};function ba(e,t){let n=e.trim().split(`#`),i=n[0]??``,a=n[1],o=t?new URL(i,t).href:i;if(!a)return{url:o};let s=a.indexOf(`=`);if(s===-1)return{url:o};let c=a.slice(0,s),l=a.slice(s+1).split(`,`).map(Number),u={};for(let e=0;e<c.length;e++){let t=c[e],n=l[e];t&&r(n)&&!Number.isNaN(n)&&(u[t]=n)}let d={url:o};return r(u.w)&&(d.width=u.w),r(u.h)&&(d.height=u.h),r(u.x)&&r(u.y)&&(d.coords={x:u.x,y:u.y}),d}function xa(e,t){let n=[];for(let r of e){let e=ba(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 J=`time.`,Sa={key:`${J}current`,text:`Current time`},Ca={key:`${J}duration`,text:`Duration`},wa={key:`${J}remaining`,text:`Remaining`},Ta={key:`${J}elapsedSuffix`,text:`{duration} elapsed`},Ea={key:`${J}durationSuffix`,text:`{duration} duration`},Da={key:`${J}remainingSuffix`,text:`{duration} remaining`},Oa={key:`${J}showElapsed`,text:`Show elapsed time, {duration}.`},ka={key:`${J}showDuration`,text:`Show duration, {duration}.`},Aa={key:`${J}showRemaining`,text:`Show remaining time, {duration}.`},ja={key:`${J}toggleElapsed`,text:`Toggle between elapsed and remaining time.`},Ma={key:`${J}toggleDuration`,text:`Toggle between duration and remaining time.`},Na={key:`${J}position`,text:`{current} of {duration}`},Pa={current:Oa,duration:ka,remaining:Aa},Fa={current:Sa,duration:Ca,remaining:wa},Ia={current:ja,duration:Ma,remaining:Ma};var La=class e{static defaultProps={type:`current`,negativeSign:`-`,label:``,toggle:!1};#e={...e.defaultProps};#t=null;#n;constructor(e){e&&this.setProps(e)}setProps(t){this.#e=k(t,e.defaultProps)}setMedia(e){this.#t=e}setFormatLocale(e){this.#n=e}#r(){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}}#i(){let e=this.#t,t=this.#r(),n=this.#n===void 0?void 0:{locale:this.#n};return Gi(Math.abs(t),e.duration,n)}#a(){let{type:e}=this.#e,t=this.#r();return K(e===`remaining`?t<0?t:-Math.abs(t):t)}#o(){let e=this.#r();return Ki(Math.abs(e))}#s(e,t){return e===`current`?t===`remaining`?`current`:`remaining`:t===`duration`?`remaining`:`duration`}getLabel(e,t=this.#e.type){let n=B(this.#e.label,e);if(n!==void 0)return n;if(!this.#e.toggle)return Fa[this.#e.type];let r=this.#s(t,e.type);return Pa[r]}getLabelParams(e){if(B(this.#e.label,e)!==void 0||!this.#e.toggle)return;let t=this.#n===void 0?void 0:{locale:this.#n},n=K(Math.abs(e.seconds),t);switch(e.type){case`current`:return{duration:`${n} elapsed`};case`duration`:return{duration:`${n} duration`};case`remaining`:return{duration:`${n} remaining`}}}getDescription(e=this.#e.type){return this.#e.toggle?Ia[e]:void 0}getAttrs(e,t=this.#e.type){return{"aria-label":this.getLabel(e,t),"aria-description":this.getDescription(t),role:this.#e.toggle?`button`:void 0,tabIndex:this.#e.toggle?0:void 0}}getState(){let e=this.#r();return{type:this.#e.type,seconds:e,negative:this.#e.type===`remaining`&&e<0,text:this.#i(),phrase:this.#a(),datetime:this.#o()}}};const Ra={type:`data-type`},za={key:`slider.seek`,text:`Seek`};var Y=class e extends ta{static defaultProps={...ta.defaultProps,label:``,changeThrottle:100,pauseOnDrag:!1};#e={...e.defaultProps};#t=null;#n;#r=!1;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}setFormatLocale(e){this.#n=e}getState(){let{duration:e,currentTime:t,seeking:n,buffered:r}=this.#t;super.setProps({...this.#e,min:0,max:e});let i=super.getSliderState(t),a=Zn(r.length>0?r[r.length-1][1]:0,0,e);return{...i,currentTime:t,duration:e,seeking:n,bufferPercent:a}}getLabel(e){return super.getLabel(e)||za}#i(e){return e.dragging?this.rawValueFromPercent(e.pointerPercent):e.value}#a(e){return this.#n===void 0?K(e):K(e,{locale:this.#n})}getValueText(e){return Number.isFinite(e.duration)?Na:this.getValueTextParams(e).current}getValueTextParams(e){let t=this.#a(this.#i(e));return Number.isFinite(e.duration)?{current:t,duration:this.#a(e.duration)}:{current:t}}startDrag(e){this.#r=!1,this.#e.pauseOnDrag&&e&&!e.paused&&(this.#r=!0,e.pause())}endDrag(e){this.#r&&e?.play().catch(()=>{}),this.#r=!1}getAttrs(e){let t=super.getAttrs(e),n=this.#i(e);return{...t,"aria-valuenow":n,"aria-valuetext":this.getValueText(e)}}};const Ba={...na,seeking:`data-seeking`};var X=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,...dn(e.status)}}getPopupAttrs(e){return{popover:`manual`,role:`presentation`}}};const Va={sideOffset:`--media-tooltip-side-offset`,alignOffset:`--media-tooltip-align-offset`,boundaryOffset:`--media-tooltip-boundary-offset`,anchorWidth:`--media-tooltip-anchor-width`,anchorHeight:`--media-tooltip-anchor-height`,availableWidth:`--media-tooltip-available-width`,availableHeight:`--media-tooltip-available-height`},Ha={open:`data-open`,side:`data-side`,align:`data-align`,...un};var Ua=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()}};const Wa={open:!1,generation:0,level:null,value:null,fill:null,min:!1,max:!1,transitionStarting:!1,transitionEnding:!1};var Ga=class{state=w({...Wa});#e={};#t=null;#n=null;#r=new fn(()=>this.state.patch({open:!1,level:null,value:null,fill:null,min:!1,max:!1}),()=>mn(this.#e));setProps(e){this.#e=e}destroy(){this.#r.destroy(),this.#c()}close(){this.#c(),this.#r.close()}processEvent(e,t){if(!aa(e.action))return!1;let n=this.state.current,r=la(e,t),i=ua(e,t,{...bi,...this.#e.labels},r),a=Ka(e,r.snapshotVolume,r.nextVolume),o=a!==null&&n[a]===!0;return a||this.#c(),this.state.patch({open:!0,generation:n.generation+1,level:i.volumeLevel,value:i.value,fill:i.value,min:a===`min`&&!o,max:a===`max`&&!o}),a&&(o?this.#a(a):this.#i()),this.#r.arm(),!0}#i(){this.#o(),this.#t=setTimeout(()=>{this.#t=null,this.state.patch({min:!1,max:!1})},300)}#a(e){this.#c(),this.state.patch({min:!1,max:!1}),this.#n=setTimeout(()=>{this.#n=null,this.state.patch({[e]:!0}),this.#i()},0)}#o(){this.#t!==null&&(clearTimeout(this.#t),this.#t=null)}#s(){this.#n!==null&&(clearTimeout(this.#n),this.#n=null)}#c(){this.#o(),this.#s()}};function Ka(e,t,n){return e.action!==`volumeStep`||e.value===void 0||e.value===0||n!==t?null:e.value<0?`min`:`max`}const qa={fill:`--media-volume-fill`},Ja={open:`data-open`,level:`data-level`,min:`data-min`,max:`data-max`,transitionStarting:`data-starting-style`,transitionEnding:`data-ending-style`},Ya=new Map;function Xa(e){return e===void 0?``:Array.isArray(e)?e.join(`:`):e}function Za(e){let t=Xa(e),n=Ya.get(t);if(!n)try{n=new Intl.NumberFormat(e,{style:`percent`,maximumFractionDigits:0}),Ya.set(t,n)}catch{return}return n}function Qa(e){return`${Math.round(Math.min(1,Math.max(0,e))*100)}%`}function $a(e,t){let n=!r(e)||!Number.isFinite(e)?0:Math.min(1,Math.max(0,e));try{let e=Za(t)??Za(void 0);if(e)return e.format(n)}catch{}return Qa(n)}var Z=class e extends ta{static defaultProps={...ta.defaultProps,label:``,wheelStep:5};#e=null;#t;constructor(e){super(),e&&this.setProps(e)}setProps(t){super.setProps(k(t,e.defaultProps))}setMedia(e){this.#e=e}setFormatLocale(e){this.#t=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),l=e.volumeAvailability;return{...c,disabled:c.disabled||l!==`available`,fillPercent:r?0:c.fillPercent,volume:t,muted:r,availability:l,hidden:l!==`available`}}getWheelStepPercent(){let e=this.props,t=e.max-e.min;return t>0?e.wheelStep/t*100:0}getLabel(e){return super.getLabel(e)||vi}getValueText(e){return e.muted?gi:this.getValueTextParams(e).percent}getValueTextParams(e){return{percent:$a(e.value/100,this.#t)}}getAttrs(e){return{...super.getAttrs(e),"aria-valuetext":this.getValueText(e)}}};const eo={...na,availability:`data-availability`,hidden:`data-hidden`};var to=class{#e;#t;#n;#r;#i=null;constructor(e,t,n={}){this.#e=e,this.#t=t,this.#n=n.value,this.#r=new f(e,{context:_,callback:e=>this.#a(e?.container),subscribe:!0}),e.addController(this)}get value(){return this.aria}get aria(){return this.details.aria}get shortcut(){return this.details.shortcut}get details(){let e=this.#r.value?.container;return e?rn(e).getShortcut(this.#t,this.#n?.()):{}}hostConnected(){this.#a(this.#r.value?.container)}hostDisconnected(){this.#o()}#a(e){if(this.#o(),!e)return;let t=rn(e),n=()=>{this.#e.requestUpdate()};this.#i=t.subscribeShortcutChanges(n),n()}#o(){this.#i?.(),this.#i=null}};function no(e,t){return e.getLabelParams?.(t)}var ro=class extends p{constructor(...e){super(...e),this.disabled=!1,this.label=``,this.hotkeyAction=void 0,this.#e=null,this.#t=null,this.#r=new C(this,y)}static{this.properties={label:{type:String},disabled:{type:Boolean}}}getIsButtonDisabled(){return this.disabled||!this.mediaState.value}handleActivate(e){Promise.resolve(this.activate(this.mediaState.value,e)).catch(e=>{})}get hotkeyValue(){}get $state(){return this.core.state}#e;#t;#n;#r;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.hotkeyAction&&!this.#t&&(this.#t=new to(this,this.hotkeyAction,{value:()=>this.hotkeyValue})),this.#e=new AbortController;let e=ln({onActivate:e=>this.handleActivate(e),isDisabled:()=>this.getIsButtonDisabled()});R(this,e,{signal:this.#e.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#e?.abort(),this.#e=null}getLabel(){return this.core.state.current.label?Me(this.core.state.current.label):void 0}getShortcut(){return this.#t?.shortcut}getResolvedLabel(){let e=this.mediaState.value;if(!e)return;this.core.setMedia(e);let t=this.core.getState();return O(this.core.getLabel(t),this.#r.value,no(this.core,t))}willUpdate(e){super.willUpdate(e),this.core.setProps?.(this)}update(e){super.update(e);let t=this.mediaState.value;if(this.#i(),!t)return;this.core.setMedia(t);let n=this.core.getState(),r=this.core.getAttrs?.(n)??{};je(r[`aria-label`])&&(r[`aria-label`]=O(r[`aria-label`],this.#r.value,no(this.core,n))),R(this,{...r,"aria-keyshortcuts":this.#t?.aria,...io(n)&&{hidden:n.hidden?``:void 0}}),z(this,n,this.stateAttrMap)}#i(){let e=this.getShortcut();e!==this.#n&&(this.#n=e,this.dispatchEvent(new CustomEvent(on)))}};function io(e){return a(e)&&n(e.hidden)}const ao=m(Symbol(`@videojs/radio-group`));var oo=class extends p{constructor(...e){super(...e),this.value=``,this.#e=new b(this,{context:ao})}static{this.properties={value:{type:String}}}#e;update(e){super.update(e),this.#e.setValue({value:this.value,onValueChange:e=>{this.value=e,this.dispatchEvent(new CustomEvent(`value-change`,{detail:{value:e},bubbles:!0}))}})}};const so=Symbol(`@videojs/menu`),co=Symbol(`@videojs/menu-group`),lo=m(so),uo=m(co);var fo=class{#e;#t;#n={registerLabel:e=>this.#a(e)};#r;#i;constructor(e){this.#e=e,this.#t=new b(e,{context:uo,initialValue:this.#n})}applyProps(){let e=this.#e.getAttribute(`aria-labelledby`)??void 0,t=e!==void 0&&e!==this.#i;if(this.#e.hasAttribute(`aria-label`)||t){this.#i&&e===this.#i&&this.#e.removeAttribute(`aria-labelledby`),this.#i=void 0,R(this.#e,{role:`group`});return}this.#i=this.#r,R(this.#e,{role:`group`,"aria-labelledby":this.#r})}#a(e){return this.#r=e,this.#t.setValue(this.#n),this.#e.requestUpdate(),()=>{this.#r===e&&(this.#r=void 0,this.#e.requestUpdate())}}},po=class extends p{constructor(...e){super(...e),this.value=``,this.disabled=!1,this.#e=new f(this,{context:lo,subscribe:!0}),this.#t=new f(this,{context:ao,subscribe:!0}),this.#n=null,this.#r=!1,this.#i=null}static{this.tagName=`media-menu-radio-item`}static{this.properties={value:{type:String},disabled:{type:Boolean}}}#e;#t;#n;#r;#i;connectedCallback(){super.connectedCallback(),this.#n=new AbortController,this.#r=!1}disconnectedCallback(){super.disconnectedCallback(),this.#i?.(),this.#i=null,this.#n?.abort(),this.#n=null,this.#r=!1}update(e){super.update(e);let t=this.#e.value,n=this.#t.value;if(!t||!n||!this.#n)return;this.#r||(this.#r=!0,this.#i=t.menu.registerItem(this),R(this,{onClick:()=>{let e=this.#e.value,t=this.#t.value;!e||!t||this.disabled||(t.onValueChange(this.value),Mn(e.menu))},onPointerenter:()=>{let e=this.#e.value;this.disabled||e?.menu.highlight(this,{focus:!1,pointer:!0})}},{signal:this.#n.signal}));let r=n.value===this.value;R(this,{role:`menuitemradio`,"aria-checked":String(r),"aria-disabled":this.disabled?`true`:void 0})}},mo=class extends oo{static{this.tagName=`media-menu-radio-group`}#e=new fo(this);#t=new f(this,{context:lo,subscribe:!0});#n=null;#r=null;#i=null;disconnectedCallback(){this.#a(),super.disconnectedCallback()}update(e){super.update(e),this.#e.applyProps()}setItemLabel(e,t){let n=e.querySelector(`[data-part~="label"]`);n?n.textContent=t:e.textContent=t}applyDefaultAriaLabel(e){if(this.hasAttribute(`aria-labelledby`))return;let t=this.getAttribute(`aria-label`);(t===null||t===this.#n)&&(this.#n=e,this.setAttribute(`aria-label`,e))}publishMenuTriggerState(e,t){let n=this.#t.value??null;if(n?.menu!==this.#r&&(this.#a(),this.#r=n?.menu??null,this.#i=n?.setTriggerState??null),!this.#i)return;let r=Pe(this,e=>e instanceof po&&e.value===this.value),i=r?.querySelector(`[data-part~="label"]`)?.textContent??r?.textContent?.trim()??``;this.#i({hint:i,disabled:e,availability:t})}#a(){this.#i?.({hint:``,disabled:!1}),this.#r=null,this.#i=null}};function ho(e,t){return JSON.stringify([e,t])}var go=class extends p{constructor(...e){super(...e),this.checked=!1,this.forceMount=!1}static{this.tagName=`media-menu-item-indicator`}static{this.properties={checked:{type:Boolean},forceMount:{type:Boolean,attribute:`force-mount`}}}update(e){super.update(e);let t=!this.checked&&!this.forceMount;R(this,{"aria-hidden":`true`,hidden:t})}},_o=class{#e;#t;#n=``;#r=null;#i=null;constructor(e,t){this.#e=e,this.#t=t,e.addController(this)}hostConnected(){this.#i=new AbortController,this.#e.addEventListener(`value-change`,this.#a,{signal:this.#i.signal})}hostDisconnected(){this.#i?.abort(),this.#i=null}hostDestroyed(){this.hostDisconnected()}sync(e,t,n){this.#e.value=e.value,R(this.#e,{"aria-disabled":e.disabled?`true`:void 0,hidden:e.hidden?``:void 0});let r=ut(this.#e),i=r?dt(r):null,a=i?.localName===po.tagName?i:null,o=`${e.options.map(e=>`${e.value}:${ho(e.label,e.labelParams)}:${this.#t.getOptionCacheKey?.(e)??``}`).join(`|`)}::${n}::${r?.innerHTML??``}`;if(o!==this.#n||t!==this.#r){this.#n=o,this.#r=t;for(let e of[...this.#e.children])e!==r&&e.remove();let n=e.options.map(e=>{let n=a?ft(a,this.#e.ownerDocument):this.#e.ownerDocument.createElement(po.tagName);n.value=e.value,this.#t.setItemAttributes?.(n,e);let r=O(e.label,t,e.labelParams);return this.#t.renderItem?this.#t.renderItem(n,r,e):this.#o(n,r),n});this.#e.append(...n)}let s=new Map(e.options.map(e=>[e.value,e]));for(let t of this.#e.querySelectorAll(po.tagName)){let n=t.value===e.value,r=s.get(t.value);t.disabled=e.disabled||r?.disabled===!0;for(let e of t.querySelectorAll(go.tagName))e.checked=n}}#a=e=>{if(e.target!==this.#e)return;let{value:t}=e.detail;this.#t.onValueChange(t)};#o(e,t){let n=e.querySelector(`[data-part~="label"]`);n?n.textContent=t:e.textContent=t}},vo=class extends p{constructor(...e){super(...e),this.delay=Fr.defaultProps.delay,this.#e=new Fr,this.#t=new T(this,g,N),this.#n=null}static{this.tagName=`media-buffering-indicator`}static{this.properties={delay:{type:Number}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#n=new AbortController,this.#e.state.subscribe(()=>this.requestUpdate(),{signal:this.#n.signal}))}disconnectedCallback(){super.disconnectedCallback(),this.#n?.abort(),this.#n=null}willUpdate(e){super.willUpdate(e),this.#e.setProps(this)}update(e){super.update(e);let t=this.#t.value;t&&(this.#e.update(t),z(this,this.#e.state.current,Ir))}},yo=class extends p{constructor(...e){super(...e),this.keys=``,this.action=``,this.value=void 0,this.disabled=!1,this.target=`player`,this.#e=new T(this,g),this.#t=new f(this,{context:_,callback:()=>this.requestUpdate(),subscribe:!0}),this.#n=null}static{this.tagName=`media-hotkey`}static{this.properties={keys:{type:String},action:{type:String},value:{type:Number},disabled:{type:Boolean},target:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.style.display=`none`,this.#r()}disconnectedCallback(){super.disconnectedCallback(),this.#i()}update(e){super.update(e),this.isConnected&&(this.#i(),this.#r())}#r(){let e=this.#e.value,t=this.#t.value?.container;if(!this.keys||!this.action||!e||!t)return;let n=Wt(this.action);if(!n)return;let{value:r,action:i}=this;this.#n=an(t,{keys:this.keys,action:i,value:r,target:this.target,disabled:this.disabled,repeatable:!Ht(i),onActivate:(t,i)=>{n({store:e,key:i,value:r})}})}#i(){this.#n?.(),this.#n=null}},bo=class extends ro{constructor(...e){super(...e),this.core=new ki,this.stateAttrMap=ji,this.mediaState=new T(this,g,Bt),this.hotkeyAction=`toggleMuted`}static{this.tagName=`media-mute-button`}activate(e){this.core.toggle(e)}},xo=class extends ro{constructor(...e){super(...e),this.core=new Mi,this.stateAttrMap=Ni,this.mediaState=new T(this,g,N),this.hotkeyAction=`togglePaused`}static{this.tagName=`media-play-button`}activate(e){this.core.toggle(e)}};let So=0;var Co=class{#e;#t=new dr;#n=null;constructor(e){this.#e=e,e.addController(this)}findTrigger(e){let t=this.#e.getRootNode();if(e)return this.#r(),t.getElementById(e);if(this.#n){let{id:e,trigger:t}=this.#n;if(this.#e.id===e&&t.getAttribute(`commandfor`)===e&&this.#e.previousElementSibling===t)return t;this.#r()}if(this.#e.id)return t.querySelector(`[commandfor="${this.#e.id}"]`);let n=this.#e.previousElementSibling;if(!(n instanceof HTMLElement)||n.getAttribute(`commandfor`))return null;let r=wo(t);return this.#e.id=r,n.setAttribute(`commandfor`,r),this.#n={id:r,trigger:n},n}sync(e){this.#t.sync({...e,popup:this.#e})}cleanup(){this.#t.cleanup()}hostDisconnected(){this.cleanup(),this.#r()}hostDestroyed(){this.cleanup(),this.#r()}#r(){let e=this.#n;e&&(e.trigger.getAttribute(`commandfor`)===e.id&&e.trigger.removeAttribute(`commandfor`),this.#e.id===e.id&&this.#e.removeAttribute(`id`),this.#n=null)}};function wo(e){let t;do t=`vjs-popup-${++So}`;while(e.getElementById(t));return t}var To=class extends p{constructor(...e){super(...e),this.open=G.defaultProps.open,this.defaultOpen=G.defaultProps.defaultOpen,this.side=G.defaultProps.side,this.align=G.defaultProps.align,this.modal=G.defaultProps.modal,this.closeOnEscape=G.defaultProps.closeOnEscape,this.closeOnOutsideClick=G.defaultProps.closeOnOutsideClick,this.openOnHover=G.defaultProps.openOnHover,this.delay=G.defaultProps.delay,this.closeDelay=G.defaultProps.closeDelay,this.boundary=`container`,this.#e=new G,this.#t=new f(this,{context:_,subscribe:!0}),this.#n=new f(this,{context:x}),this.#r=new Co(this),this.#i=null,this.#a=null,this.#o=null,this.#s=null,this.#c=null}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`},boundary:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(Ii,``),this.#o=new AbortController,this.#i=Dn({transition:L(),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,group:()=>this.#n.value}),this.#i.setPopupElement(this),R(this,this.#i.popupProps,{signal:this.#o.signal}),this.#a?this.#a.track(this.#i.input):this.#a=new xe(this,this.#i.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#i?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#o?.abort(),this.#o=null}destroyCallback(){this.#u(),this.#i?.destroy(),super.destroyCallback()}close(e=`imperative-action`){this.#i?.close(e)}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#i&&e.has(`open`)){let{active:e}=this.#i.input.current;this.open!==e&&(this.open?this.#i.open():this.#i.close())}}update(e){if(super.update(e),!this.#i)return;let t=this.#r.findTrigger();this.#l(t);let n=this.#i.input.current;this.#e.setInput(n);let r=this.#e.getState();if(R(this,this.#e.getPopupAttrs(r)),z(this,r,Fi),r.open?ot(this):st(this),this.#c&&R(this.#c,this.#e.getTriggerAttrs(r,this.id)),!r.open){this.#r.cleanup();return}this.#r.sync({anchorName:this.id,position:{side:r.side,align:r.align},trigger:this.#c,boundary:this.boundary,container:this.#t.value?.container??null,onSideChange:e=>this.setAttribute(Fi.side,e)})}#l(e){e!==this.#c&&(this.#r.cleanup(),this.#u(),this.#c=e,this.#i?.setTriggerElement(e),e&&this.#i&&(this.#s=new AbortController,R(e,this.#i.triggerProps,{signal:this.#s.signal})))}#u(){this.#c&&R(this.#c,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#s?.abort(),this.#s=null,this.#c=null}};const Q=m(Symbol(`@videojs/slider`)),Eo=m(Symbol(`@videojs/alert-dialog`));var Do=class extends p{constructor(...e){super(...e),this.disabled=!1,this.#e=new f(this,{context:Eo,subscribe:!0}),this.#t=null}static{this.tagName=`media-alert-dialog-close`}static{this.properties={disabled:{type:Boolean}}}#e;#t;connectedCallback(){super.connectedCallback(),this.#t=new AbortController;let e=ln({onActivate:()=>this.#e.value?.close(),isDisabled:()=>this.disabled});R(this,e,{signal:this.#t.signal})}disconnectedCallback(){super.disconnectedCallback(),this.#t?.abort(),this.#t=null}update(e){super.update(e);let t=this.#e.value;t&&z(this,t.state,t.stateAttrMap)}},$=class extends p{connectedCallback(){super.connectedCallback(),this.#e()}update(e){super.update(e),this.#e()}#e(){let e=this.consumer.value;e&&z(this,e.state,e.stateAttrMap)}},Oo=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Eo,subscribe:!0})}static{this.tagName=`media-alert-dialog-description`}update(e){super.update(e);let t=this.consumer.value?.state.descriptionId;t&&(this.id=t)}},ko=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Eo,subscribe:!0})}static{this.tagName=`media-alert-dialog-title`}update(e){super.update(e);let t=this.consumer.value?.state.titleId;t&&(this.id=t)}};const Ao=m(Symbol(`@videojs/controls`));var jo=class extends p{static{this.tagName=`media-controls`}#e=new Lr;#t=new T(this,g,kt);#n=new b(this,{context:Ao});#r=!0;connectedCallback(){super.connectedCallback(),this.setAttribute(`data-interactive`,``)}update(e){super.update(e);let t=this.#t.value;if(!t)return;this.#e.setMedia(t);let n=this.#e.getState();z(this,n,Rr),this.#n.setValue({state:n,stateAttrMap:Rr});let r=this.#r;this.#r=n.visible,r&&!n.visible&&this.#i()}#i(){for(let e of this.querySelectorAll(Li)){let t=e;i(t.close)&&t.close(`imperative-action`)}}},Mo=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Ao,subscribe:!0})}static{this.tagName=`media-controls-group`}connectedCallback(){super.connectedCallback(),(this.hasAttribute(`aria-label`)||this.hasAttribute(`aria-labelledby`))&&this.setAttribute(`role`,`group`)}};let No=0;function Po(e){return Array.from(e.childNodes).some(e=>!!e.textContent?.trim())}var Fo=class extends p{static{this.tagName=`media-error-dialog`}#e=new zr;#t=new b(this,{context:Eo});#n=`vjs-error-dialog-title-${No++}`;#r=`vjs-error-dialog-desc-${No++}`;#i=new T(this,g,At);#a=new C(this,y);#o=null;#s=null;#c=null;#l=null;#u=new WeakSet;#d=new WeakSet;constructor(){super(),this.#e.setTitleId(this.#n),this.#e.setDescriptionId(this.#r)}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#o=cn({transition:L(),onOpenChange:e=>{e||this.#i.value?.dismissError()}}),this.#o.setElement(this),this.#s?this.#s.track(this.#o.input):this.#s=new xe(this,this.#o.input))}disconnectedCallback(){super.disconnectedCallback(),this.#o?.destroy(),this.#o=null}willUpdate(e){if(super.willUpdate(e),!this.#o)return;let t=this.#i.value,n=!!t?.error,{active:r}=this.#o.input.current;t?.error&&(this.#c=t.error);let i=t?.error??(r?this.#c:null);this.#f(i),!n&&!r&&(this.#c=null,this.#l=null),n&&!r?this.#o.open():!n&&r&&this.#o.close()}update(e){if(super.update(e),!this.#o)return;let t=this.#o.input.current;this.#e.setInput(t);let n=this.#e.getState();R(this,this.#e.getAttrs(n)),z(this,n,Pr),this.#t.setValue({state:n,stateAttrMap:Pr,close:()=>this.#o?.close()})}#f(e){let t=this.#a.value,n=this.querySelector(`media-alert-dialog-title`);n&&!this.#p(n)&&(n.textContent=O(ei(),t));let r=this.querySelector(`media-alert-dialog-description`);if(r&&!this.#p(r)){let n=e?ri(e):null;n&&(this.#l=n),r.textContent=O((n??this.#l)||ni(),t)}let i=this.querySelector(`media-alert-dialog-close`);i&&!this.#p(i)&&(i.textContent=O(ti(),t))}#p(e){return this.#u.has(e)||(this.#u.add(e),Po(e)&&this.#d.add(e)),this.#d.has(e)}},Io=class extends p{constructor(...e){super(...e),this.checked=!1,this.disabled=!1,this.#e=new f(this,{context:lo,subscribe:!0}),this.#t=null,this.#n=!1,this.#r=null}static{this.tagName=`media-menu-checkbox-item`}static{this.properties={checked:{type:Boolean},disabled:{type:Boolean}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),this.#t=new AbortController,this.#n=!1}disconnectedCallback(){super.disconnectedCallback(),this.#r?.(),this.#r=null,this.#t?.abort(),this.#t=null,this.#n=!1}update(e){super.update(e);let t=this.#e.value;!t||!this.#t||(this.#n||(this.#n=!0,this.#r=t.menu.registerItem(this),R(this,{onClick:()=>{!this.#e.value||this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`checked-change`,{detail:{checked:this.checked},bubbles:!0})))},onPointerenter:()=>{let e=this.#e.value;this.disabled||e?.menu.highlight(this,{focus:!1,pointer:!0})}},{signal:this.#t.signal})),R(this,{role:`menuitemcheckbox`,"aria-checked":String(this.checked),"aria-disabled":this.disabled?`true`:void 0}))}};const Lo={hint:``,disabled:!1};var Ro=class extends p{constructor(...e){super(...e),this.open=U.defaultProps.open,this.defaultOpen=U.defaultProps.defaultOpen,this.side=U.defaultProps.side,this.align=U.defaultProps.align,this.closeOnEscape=U.defaultProps.closeOnEscape,this.closeOnOutsideClick=U.defaultProps.closeOnOutsideClick,this.boundary=`container`,this.#e=new U,this.#t=new b(this,{context:lo}),this.#n=new Co(this),this.#r=new T(this,g,kt),this.#i=new f(this,{context:_,subscribe:!0}),this.#a=new f(this,{context:x}),this.#o=new f(this,{context:lo,subscribe:!0}),this.#s=null,this.#c=null,this.#l=!1,this.#u=null,this.#d=null,this.#f=null,this.#p=null,this.#m=null,this.#h=Lo,this.#g=null,this.#_=null,this.#v=null,this.#C=e=>{let t=kn(e),n=e.defaultPrevented;if(this.#s?.contentProps.onKeyDown(e),!(this.#o.value??null)){if(e.key===`Escape`)return;t&&e.stopPropagation();return}(e.key===`ArrowLeft`||e.key===`Escape`)&&!n&&(e.preventDefault(),this.#s?.close(`escape`)),t&&e.stopPropagation()},this.#w=e=>{this.#s?.contentProps.onFocusOut(e)},this.#T=e=>{(e.hint!==this.#h.hint||e.disabled!==this.#h.disabled||e.availability!==this.#h.availability)&&(this.#h=e,e.disabled&&this.open&&this.#o.value&&this.close(`imperative-action`),this.requestUpdate())}}static{this.tagName=`media-menu`}static{this.properties={open:{type:Boolean},defaultOpen:{type:Boolean,attribute:`default-open`},side:{type:String},align:{type:String},closeOnEscape:{type:Boolean,attribute:`close-on-escape`},closeOnOutsideClick:{type:Boolean,attribute:`close-on-outside-click`},boundary:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;#l;#u;#d;#f;#p;#m;#h;#g;#_;#v;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(Ii,``),this.#u=new AbortController,this.#s=Nn({transition:L(),onOpenChange:(e,t)=>{this.dispatchEvent(new CustomEvent(`open-change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{open:e,...t}}))&&(this.open=e)},closeOnEscape:()=>this.closeOnEscape,closeOnOutsideClick:()=>this.closeOnOutsideClick,group:()=>this.#o.value?void 0:this.#a.value}),this.#s.setContentElement(this),R(this,{onKeyDown:this.#C,onFocusOut:this.#w},{signal:this.#u.signal}),this.#c?this.#c.track(this.#s.input):this.#c=new xe(this,this.#s.input))}disconnectedCallback(){this.#y(),super.disconnectedCallback(),this.#f?.(),this.#f=null,this.#E(null),this.#k(),this.#v?.(),this.#v=null,this.#_=null,this.#s?.destroy(),this.#s=null,this.#u?.abort(),this.#u=null}close(e=`imperative-action`){this.#s?.close(e)}openMenu(e=`imperative-action`){this.#s?.open(e)}willUpdate(e){super.willUpdate(e),!this.hasUpdated&&this.defaultOpen&&!this.open&&(this.open=!0);let t=this.#o.value??null;this.#b(t),this.#e.setProps({open:this.open,defaultOpen:this.defaultOpen,side:this.side,align:this.align,closeOnEscape:this.closeOnEscape,closeOnOutsideClick:this.closeOnOutsideClick}),this.#s&&e.has(`open`)&&this.#s.syncOpen(this.open)}update(e){if(super.update(e),!this.#s)return;let t=this.#o.value??null,n=t!==null,r=this.#s.input.current;this.#e.setInput({...r,isSubmenu:n});let i=this.#e.getState();!n&&i.open?this.#g??=this.#r.value?.requestControlsLock()??null:this.#y(),n&&t?this.#S(i,t):this.#x(i),this.#t.setValue({menu:this.#s,state:i,stateAttrMap:W,setTriggerState:this.#T})}#y(){this.#g?.(),this.#g=null}#b(e){let t=e?.menu??null;t===this.#_||!this.#s||(this.#v?.(),this.#_=t,this.#v=t?.registerSubmenu(this.#s)??null)}#x(e){if(!this.#s)return;let t=this.#n.findTrigger();if(this.#O(t),R(this,{...this.#e.getContentAttrs(e)}),z(this,e,W),e.open?ot(this):st(this),this.#p&&R(this.#p,this.#e.getTriggerAttrs(e,this.id)),!e.open){this.#f?.(),this.#f=null,this.#n.cleanup();return}this.#f?.();let n=()=>Jn(this);n(),this.#f=Yn(this,n);let r=An(e.side,e.align);!r||!this.#p||this.#n.sync({anchorName:this.id,position:r,trigger:this.#p,boundary:this.boundary,container:this.#i.value?.container??null,cssVars:jn,onSideChange:e=>this.setAttribute(W.side,e)})}#S(e,t){let n=e.open||e.status===`ending`,r=this.parentElement?.querySelector(`[data-has-submenu][commandfor="${this.id}"]`);this.#s?.setTriggerElement(r??null),r&&R(r,this.#e.getTriggerAttrs(e,this.id)),this.#E(r??null),this.removeAttribute(W.side),this.removeAttribute(W.align),z(this,e,W),R(this,{hidden:!n,role:`menu`,tabIndex:-1}),this.#f?.();let i=t.menu.contentElement,a=()=>Jn(i);a(),this.#f=n&&i?Yn(i,a):null,n&&!this.#l?this.#s?.highlightFirstItem({preventScroll:!0}):!n&&this.#l&&this.#s?.restoreFocus({preventScroll:!0}),this.#l=n}#C;#w;#T;#E(e){if(e!==this.#m&&(this.#D(),this.#m=e),!e)return;R(e,{"aria-disabled":this.#h.disabled||zo(e)?`true`:void 0,"data-availability":this.#h.availability});let t=e.querySelector(`[data-part~="hint"]`);t&&t.textContent!==this.#h.hint&&(t.textContent=this.#h.hint)}#D(){let e=this.#m;if(!e)return;R(e,{"aria-disabled":zo(e)?`true`:void 0,"data-availability":void 0});let t=e.querySelector(`[data-part~="hint"]`);t?.textContent&&(t.textContent=``),this.#m=null}#O(e){e!==this.#p&&(this.#n.cleanup(),this.#k(),this.#p=e,this.#s?.setTriggerElement(e),e&&this.#s&&(this.#d=new AbortController,R(e,this.#s.triggerProps,{signal:this.#d.signal})))}#k(){this.#p&&R(this.#p,{"aria-expanded":void 0,"aria-haspopup":void 0,"aria-controls":void 0}),this.#d?.abort(),this.#d=null,this.#p=null}};function zo(e){return e.hasAttribute(`disabled`)||`disabled`in e&&e.disabled===!0}var Bo=class extends p{static{this.tagName=`media-menu-group`}#e=new fo(this);update(e){super.update(e),this.#e.applyProps()}};let Vo=0;var Ho=class extends p{static{this.tagName=`media-menu-group-label`}#e=new f(this,{context:uo,subscribe:!0});#t=`vjs-menu-group-label-${Vo++}`;#n=null;#r=null;disconnectedCallback(){super.disconnectedCallback(),this.#n?.(),this.#n=null,this.#r=null}update(e){super.update(e),this.id||=this.#t,this.#i()}#i(){let e=this.#e.value;if(!e){this.#n?.(),this.#n=null,this.#r=null;return}this.#r!==this.id&&(this.#n?.(),this.#r=this.id,this.#n=e.registerLabel(this.id))}},Uo=class extends p{constructor(...e){super(...e),this.disabled=!1,this.commandfor=void 0,this.#e=new f(this,{context:lo,subscribe:!0}),this.#t=null,this.#n=null,this.#r=null}static{this.tagName=`media-menu-item`}static{this.properties={disabled:{type:Boolean},commandfor:{type:String}}}#e;#t;#n;#r;connectedCallback(){super.connectedCallback(),this.#t=new AbortController}disconnectedCallback(){super.disconnectedCallback(),this.#r?.(),this.#r=null,this.#n=null,this.#t?.abort(),this.#t=null}update(e){super.update(e);let t=this.#e.value;if(!t||!this.#t)return;this.#n!==t.menu&&(this.#r?.(),this.#n=t.menu,this.#r=t.menu.registerItem(this),R(this,{onClick:e=>{let t=this.#e.value;if(!t||this.#a())return;let n=this.commandfor;if(n)this.#i(n);else{let n=new CustomEvent(`select`,{bubbles:!0,cancelable:!0});if(!this.dispatchEvent(n)){e.preventDefault();return}Mn(t.menu)}e.preventDefault()},onKeyDown:e=>{if(!this.#e.value||this.#a()||e.key!==`ArrowRight`)return;let t=this.commandfor;t&&(this.#i(t),e.preventDefault())},onPointerenter:()=>{let e=this.#e.value;this.#a()||e?.menu.highlight(this,{focus:!1,pointer:!0})}},{signal:this.#t.signal}));let n=!!this.commandfor;R(this,{role:`menuitem`,"aria-disabled":this.#a()?`true`:void 0,...n&&{"aria-haspopup":`menu`,"aria-expanded":`false`,"data-has-submenu":``}})}#i(e){this.getRootNode().querySelector(`#${CSS.escape(e)}`)?.openMenu?.(`click`)}#a(){return this.disabled||this.getAttribute(`aria-disabled`)===`true`}},Wo=class extends p{static{this.tagName=`media-menu-separator`}update(e){super.update(e),R(this,{role:`separator`})}},Go=class extends p{constructor(...e){super(...e),this.player=new T(this,g),this.container=new f(this,{context:_,callback:()=>this.#l(),subscribe:!0}),this.#e=null,this.#t=null,this.#n=null,this.#r=null,this.#i=0,this.#a=null}get options(){return{}}#e;#t;#n;#r;#i;#a;#o(){return this.#r??={close:()=>this.core.close()}}#s(){return this.#a??this.core.state.current}connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.#a=this.core.state.current,this.#e=new AbortController,this.core.state.subscribe(()=>this.requestUpdate(),{signal:this.#e.signal}),this.transition.state.subscribe(()=>this.requestUpdate(),{signal:this.#e.signal}),this.hidden=!0,this.#l())}disconnectedCallback(){super.disconnectedCallback(),this.#t?.(),this.#n?.(),this.#t=null,this.#n=null,this.#e?.abort(),this.#e=null}destroyCallback(){this.#t?.(),this.#n?.(),this.core.destroy(),this.transition.destroy(),this.liveIndicator.remove(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.syncCoreProps()}update(e){super.update(e),this.#c();let t=this.core.state.current,n=this.transition.state.current;if(!hn(t,n)){this.liveIndicator.remove();return}let r=gn(t,this.#s(),n);this.liveIndicator.render(r)}#c(){let e=this.core.state.current;if(e.open){if(this.#a=e,this.#i!==e.generation){this.#i=e.generation;let t=this.transition.state.current;!t.active||this.options.replayOnUpdate!==!1?this.transition.open(this.liveIndicator.element):t.status===`ending`&&this.transition.cancel()}return}let{active:t,status:n}=this.transition.state.current;t&&n!==`ending`&&this.transition.close(this.liveIndicator.element)}#l(){if(!this.container)return;this.#t?.(),this.#n?.(),this.#t=null,this.#n=null;let e=this.container.value?.container;if(!e)return;let t=xn(e),n=this.#o();this.#n=t.register(n),this.#t=yn(e,e=>{this.core.processEvent(e,vn(this.player.value))&&t.show(n)})}},Ko=class{#e;#t;#n;constructor(e){this.#e=e.host,this.#t=e.dataAttrs,this.#n=e.render}get element(){return this.#e}render(e){return this.#e.hidden=!1,z(this.#e,e,this.#t),this.#n(this.#e,e),this.#e}remove(){this.#e.hidden=!0;for(let e in this.#t){let t=this.#t[e];t&&this.#e.removeAttribute(t)}}},qo=class extends Go{static{this.tagName=`media-seek-indicator`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new $i;#t=L();#n=new Ko({host:this,dataAttrs:ea,render:Jo});get core(){return this.#e}get transition(){return this.#t}get liveIndicator(){return this.#n}syncCoreProps(){this.#e.setProps({closeDelay:this.closeDelay})}};function Jo(e,t){let n=e.querySelector(`media-seek-indicator-value`);n&&(n.textContent=Yi(t))}var Yo=class extends p{static{this.tagName=`media-seek-indicator-value`}},Xo=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Q,subscribe:!0})}static{this.tagName=`media-slider-buffer`}},Zo=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Q,subscribe:!0})}static{this.tagName=`media-slider-fill`}},Qo=class extends p{constructor(...e){super(...e),this.overflow=`clamp`,this.#e=new f(this,{context:Q,subscribe:!0}),this.#t=null,this.#n=0}static{this.tagName=`media-slider-preview`}static{this.properties={overflow:{type:String}}}#e;#t;#n;connectedCallback(){super.connectedCallback(),this.#t=$e(this,([e])=>{this.#n=e.contentRect.width,this.#r()})}disconnectedCallback(){super.disconnectedCallback(),this.#t?.(),this.#t=null}#r(){A(this,_r(this.#n,this.overflow))}update(e){super.update(e);let t=this.#e.value;t&&z(this,t.state,t.stateAttrMap),this.#r()}},$o=class extends p{static{this.tagName=`media-slider-thumb`}#e=new f(this,{context:Q,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&&(R(this,t.thumbProps,{signal:this.#t.signal}),this.#n=!0),R(this,t.thumbAttrs),z(this,t.state,t.stateAttrMap))}},es=class extends p{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;#t;#n;#r;#i;#a;#o;constructor(){super(),this.time=0,this.#e=new Cr,this.#t=document.createElement(`img`),this.#n=new T(this,g,Rt),this.#r=[],this.#o=null;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=wr({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?xa(e.thumbnailCues,e.thumbnailTrackSrc??void 0):[])}let t=this.#e.findActiveThumbnail(this.#r,this.time);if(R(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);R(this,this.#e.getAttrs(e)),z(this,e,ya);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(R(this,this.#e.getAttrs(r)),z(this,r,ya),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=``}},ts=class extends es{static{this.tagName=`media-slider-thumbnail`}#e=new f(this,{context:Q,subscribe:!0});update(e){let t=this.#e.value;t&&(this.time=t.pointerValue),super.update(e)}},ns=class extends ${constructor(...e){super(...e),this.consumer=new f(this,{context:Q,subscribe:!0})}static{this.tagName=`media-slider-track`}},rs=class extends p{constructor(...e){super(...e),this.type=`current`,this.#e=new f(this,{context:Q,subscribe:!0})}static{this.tagName=`media-slider-value`}static{this.properties={type:{type:String}}}#e;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)),z(this,t.state,t.stateAttrMap)}},is=class extends p{static{this.tagName=`media-status-announcer`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new C(this,y);#t=new pa;#n=null;#r=new f(this,{context:g,callback:e=>this.#s(e),subscribe:!0});#i=new f(this,{context:_,subscribe:!0});#a=null;#o=null;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(`role`,`status`),this.#c(),this.#a=new AbortController,this.#t.state.subscribe(()=>this.requestUpdate(),{signal:this.#a.signal}),this.#s())}disconnectedCallback(){super.disconnectedCallback(),this.#n?.(),this.#n=null,this.#a?.abort(),this.#a=null}destroyCallback(){this.#n?.(),this.#t.destroy(),super.destroyCallback()}willUpdate(e){super.willUpdate(e),this.#t.setProps({closeDelay:this.closeDelay,labels:ia(this.#e.value,this.#e.locale),shouldAnnounce:()=>br(this.#i.value?.container)})}update(e){super.update(e);let t=this.#t.state.current.label,n=this.#c();t===null?n.replaceChildren():n.replaceChildren(document.createTextNode(t))}#s(e=this.#r.value){if(this.#n?.(),this.#n=null,!e){this.#t.resetSnapshot();return}this.#n=yr(e,this.#t)}#c(){if(this.#o?.isConnected)return this.#o;let e=this.querySelector(`[data-status-announcer-content]`);return this.#o=e??document.createElement(`span`),this.#o.setAttribute(`data-status-announcer-content`,``),e||this.append(this.#o),this.#o}},as=class extends Go{static{this.tagName=`media-status-indicator`}static{this.properties={actions:{type:String},closeDelay:{type:Number,attribute:`close-delay`}}}#e=new C(this,y);#t=new _a;#n=L();#r=new Ko({host:this,dataAttrs:va,render:ss});#i={replayOnUpdate:!1};get core(){return this.#t}get transition(){return this.#n}get liveIndicator(){return this.#r}get options(){return this.#i}syncCoreProps(){this.#t.setProps({actions:os(this.actions),closeDelay:this.closeDelay,labels:xi(this.#e.value)})}};function os(e){return e?.split(/[\s,]+/).filter(Boolean)}function ss(e,t){let n=e.querySelector(`media-status-indicator-value`);n&&(n.textContent=ha(t))}var cs=class extends p{static{this.tagName=`media-status-indicator-value`}},ls=class extends p{constructor(...e){super(...e),this.type=La.defaultProps.type,this.negativeSign=La.defaultProps.negativeSign,this.label=``,this.toggle=La.defaultProps.toggle,this.#e=new La,this.#t=new T(this,g,zt),this.#n=new C(this,y),this.#r=document.createElement(`span`),this.#i=document.createTextNode(``),this.#a=null,this.#o=!1,this.#s=La.defaultProps.type,this.#l=e=>{e.defaultPrevented||!this.toggle||!this.#t.value||this.#d()},this.#u=e=>{e.defaultPrevented||!oe(e)||!this.toggle||!this.#t.value||(e.preventDefault(),!e.repeat&&this.#d())}}static{this.tagName=`media-time`}static{this.properties={type:{type:String},negativeSign:{type:String,attribute:`negative-sign`},label:{type:String},toggle:{type:Boolean}}}#e;#t;#n;#r;#i;#a;#o;#s;connectedCallback(){super.connectedCallback(),this.#a=new AbortController,this.#f(),this.#r.parentNode||(this.#r.setAttribute(`aria-hidden`,`true`),this.#r.hidden=!0,this.appendChild(this.#r),this.appendChild(this.#i))}disconnectedCallback(){super.disconnectedCallback(),this.#a?.abort(),this.#a=null,this.#o=!1}willUpdate(e){super.willUpdate(e),(e.has(`type`)||e.has(`toggle`))&&(this.#s=this.type)}update(e){super.update(e),e.has(`toggle`)&&this.#f();let t=this.#t.value;if(!t){this.#p();return}this.#e.setProps({type:this.toggle?this.#s:this.type,negativeSign:this.negativeSign,label:this.label,toggle:this.toggle}),this.#e.setMedia(t),this.#e.setFormatLocale(this.#n.locale);let n=this.#e.getState();this.#r.hidden=!n.negative,this.#r.textContent=n.negative?this.negativeSign:``,this.#i.textContent=n.text;let r=this.#e.getAttrs(n,this.type),i=O(r[`aria-label`],this.#n.value,this.#c(n)),a=r[`aria-description`]?O(r[`aria-description`],this.#n.value):void 0;R(this,{"aria-label":i,"aria-description":a,role:this.toggle?r.role:`time`,tabIndex:r.tabIndex,datetime:this.toggle?void 0:n.datetime}),z(this,n,Ra)}#c(e){if(!this.#e.getLabelParams(e))return;let t=K(Math.abs(e.seconds),{locale:this.#n.locale}),n={current:Ta,duration:Ea,remaining:Da}[e.type];return{duration:O(n,this.#n.value,{duration:t})}}#l;#u;#d(){this.type===`current`?this.#s=this.#s===`remaining`?`current`:`remaining`:this.#s=this.#s===`duration`?`remaining`:`duration`,this.requestUpdate()}#f(){!this.toggle||!this.#a||this.#o||(this.#o=!0,R(this,{onClick:this.#l,onKeyDown:this.#u},{signal:this.#a.signal}))}#p(){R(this,{"aria-label":void 0,"aria-description":void 0,role:void 0,tabIndex:void 0,datetime:void 0,"data-type":void 0})}},us=class extends p{static{this.tagName=`media-time-group`}},ds=class extends p{static{this.tagName=`media-time-separator`}connectedCallback(){super.connectedCallback(),this.setAttribute(`aria-hidden`,`true`),this.textContent?.trim()||(this.textContent=`/`)}},fs=class extends p{constructor(...e){super(...e),this.label=``,this.changeThrottle=Y.defaultProps.changeThrottle,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,this.pauseOnDrag=Y.defaultProps.pauseOnDrag,this.#e=new Y,this.#t=new T(this,g,kt),this.#n=new b(this,{context:Q}),this.#r=new T(this,g,zt),this.#i=new T(this,g,Ot),this.#a=new T(this,g,N),this.#o=new C(this,y),this.#s=null,this.#c=null,this.#l=null}static{this.tagName=`media-time-slider`}static{this.properties={label:{type:String},changeThrottle:{type:Number,attribute:`change-throttle`},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`},pauseOnDrag:{type:Boolean,attribute:`pause-on-drag`}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;#l;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#c=new AbortController;let e=this.#c.signal;this.#s=pr({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>Ie(this),isDisabled:()=>this.disabled||!this.#r.value,getPercent:()=>{let e=this.#r.value;return e?this.#e.percentFromValue(e.currentTime):0},getStepPercent:()=>this.#e.getStepPercent(),getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueCommit:e=>{let t=this.#r.value;t&&t.seek(this.#e.rawValueFromPercent(e))},changeThrottle:this.changeThrottle,onDragStart:()=>{this.#l??=this.#t.value?.requestControlsLock()??null,this.#e.startDrag(this.#a.value),this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.#d(),this.#e.endDrag(this.#a.value),this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()}),R(this,this.#s.rootProps,{signal:e}),A(this,this.#s.rootStyle),this.#s.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){this.#d(),this.#u(),super.disconnectedCallback(),this.#c?.abort(),this.#c=null}destroyCallback(){this.#d(),this.#u(),this.#s?.destroy(),super.destroyCallback()}#u(){this.#e.endDrag(this.#a.value)}#d(){this.#l?.(),this.#l=null}willUpdate(e){super.willUpdate(e),this.#e.setProps({label:this.label,changeThrottle:this.changeThrottle,step:this.step,largeStep:this.largeStep,orientation:this.orientation,disabled:this.disabled,thumbAlignment:this.thumbAlignment,pauseOnDrag:this.pauseOnDrag}),this.#e.setFormatLocale(this.#o.locale)}update(e){if(super.update(e),!this.#s)return;let t=this.#r.value,n=this.#i.value;if(!t)return;this.#e.setInput(this.#s.input.current);let r={...t,...n??{buffered:[],seekable:[]}};this.#e.setMedia(r);let i=this.#e.getState(),a=gr(this.#s.adjustForAlignment(i)),o=this.#e.getAttrs(i);A(this,a),z(this,i,Ba),this.#n.setValue({state:i,stateAttrMap:Ba,pointerValue:this.#e.rawValueFromPercent(i.pointerPercent),thumbAttrs:{...o,"aria-label":O(o[`aria-label`],this.#o.value),"aria-valuetext":O(o[`aria-valuetext`],this.#o.value,this.#e.getValueTextParams(i))},thumbProps:this.#s.thumbProps,formatValue:e=>Gi(e,i.duration,{locale:this.#o.locale})})}};const ps=m(Symbol(`@videojs/tooltip-group`));function ms(e){return Array.from(e.childNodes).some(e=>!!e.textContent?.trim())}var hs=class e extends p{static{this.tagName=`media-tooltip-label`}#e=!1;static findIn(t){return t.querySelector(e.tagName)}static create(){return document.createElement(e.tagName)}connectedCallback(){this.#e||=ms(this),super.connectedCallback()}setSyncedText(e){this.#e||(this.textContent=e)}},gs=class e extends p{static{this.tagName=`media-tooltip-shortcut`}static findIn(t){return t.querySelector(e.tagName)}static create(){return document.createElement(e.tagName)}setSyncedShortcut(e){e?(this.textContent=e,this.hidden=!1):(this.textContent=``,this.hidden=!0)}};function _s(e){return`$state`in e}var vs=class extends p{constructor(...e){super(...e),this.open=X.defaultProps.open,this.defaultOpen=X.defaultProps.defaultOpen,this.side=X.defaultProps.side,this.align=X.defaultProps.align,this.delay=X.defaultProps.delay,this.closeDelay=X.defaultProps.closeDelay,this.disableHoverablePopup=X.defaultProps.disableHoverablePopup,this.disabled=X.defaultProps.disabled,this.boundary=`container`,this.trigger=``,this.#e=new X,this.#t=new C(this,y),this.#n=new f(this,{context:ps}),this.#r=new f(this,{context:_,subscribe:!0}),this.#i=new f(this,{context:x}),this.#a=new Co(this),this.#o=null,this.#s=null,this.#c=null,this.#l=null,this.#u=null}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},boundary:{type:String},trigger:{type:String}}}#e;#t;#n;#r;#i;#a;#o;#s;#c;#l;#u;connectedCallback(){super.connectedCallback(),!this.destroyed&&(this.setAttribute(Ii,``),this.#c=new AbortController,this.#o=Er({transition:L(),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.#n.value,popupGroup:()=>this.#i.value}),this.#o.setPopupElement(this),R(this,this.#o.popupProps,{signal:this.#c.signal}),this.#s?this.#s.track(this.#o.input):this.#s=new xe(this,this.#o.input))}firstUpdated(e){super.firstUpdated(e),this.defaultOpen&&!this.open&&this.#o?.open()}disconnectedCallback(){super.disconnectedCallback(),this.#m(),this.#o?.destroy(),this.#o=null,this.#c?.abort(),this.#c=null}close(e=`imperative-action`){this.#o?.close(e)}willUpdate(e){if(super.willUpdate(e),this.#e.setProps(this),this.#o&&e.has(`open`)){let{active:e}=this.#o.input.current;this.open!==e&&(this.open?this.#o.open():this.#o.close())}}update(e){if(super.update(e),!this.#o)return;let t=this.#a.findTrigger(this.trigger);this.#d(t),this.#u&&_s(this.#u)&&this.#f(this.#u);let n=this.#o.input.current;this.#e.setInput(n);let r=this.#e.getState();if(R(this,this.#e.getPopupAttrs(r)),z(this,r,Ha),r.open?ot(this):st(this),!r.open){this.#a.cleanup();return}this.#a.sync({anchorName:this.id,position:{side:r.side,align:r.align},trigger:this.#u,boundary:this.boundary,container:this.#r.value?.container??null,cssVars:Va,onSideChange:e=>this.setAttribute(Ha.side,e)})}#d(e){e!==this.#u&&(this.#a.cleanup(),this.#m(),this.#u=e,this.#o?.setTriggerElement(e),e&&this.#o&&(this.#l=new AbortController,R(e,this.#o.triggerProps,{signal:this.#l.signal}),_s(e)&&(this.#f(e),e.$state.subscribe(()=>this.#f(e),{signal:this.#l.signal}),E(e,on,()=>this.#f(e),{signal:this.#l.signal}))))}#f(e){let t=e.getLabel(),n=i(e.getResolvedLabel)?e.getResolvedLabel():void 0;n===void 0&&t&&(n=O(t,this.#t.value));let r=e.getShortcut?.(),a=hs.findIn(this),o=gs.findIn(this);if(!a&&!o){if(this.#p())return;a=hs.create(),o=gs.create(),this.replaceChildren(a,o)}a?.setSyncedText(n??``),o?.setSyncedShortcut(r)}#p(){return Array.from(this.childNodes).some(e=>!!e.textContent?.trim())}#m(){this.#l?.abort(),this.#l=null,this.#u=null}},ys=class extends p{constructor(...e){super(...e),this.delay=Ua.defaultProps.delay,this.closeDelay=Ua.defaultProps.closeDelay,this.timeout=Ua.defaultProps.timeout,this.#e=new Ua,this.#t=new b(this,{context:ps,initialValue:this.#e})}static{this.tagName=`media-tooltip-group`}static{this.properties={delay:{type:Number},closeDelay:{type:Number,attribute:`close-delay`},timeout:{type:Number}}}#e;#t;update(e){super.update(e),this.#e.setProps(this),this.#t.setValue(this.#e)}},bs=class extends Go{static{this.tagName=`media-volume-indicator`}static{this.properties={closeDelay:{type:Number,attribute:`close-delay`}}}#e=new C(this,y);#t=new Ga;#n=L();#r=new Ko({host:this,dataAttrs:Ja,render:xs});#i={replayOnUpdate:!1};get core(){return this.#t}get transition(){return this.#n}get liveIndicator(){return this.#r}get options(){return this.#i}syncCoreProps(){this.#t.setProps({closeDelay:this.closeDelay,labels:xi(this.#e.value)})}};function xs(e,t){let n=e.querySelector(`media-volume-indicator-fill`),r=e.querySelector(`media-volume-indicator-value`);t.fill?n?.style.setProperty(qa.fill,t.fill):n?.style.removeProperty(qa.fill),r&&(r.textContent=ca(t))}var Ss=class extends p{static{this.tagName=`media-volume-indicator-fill`}},Cs=class extends p{static{this.tagName=`media-volume-indicator-value`}},ws=class extends p{constructor(...e){super(...e),this.label=``,this.step=Z.defaultProps.step,this.largeStep=Z.defaultProps.largeStep,this.wheelStep=Z.defaultProps.wheelStep,this.orientation=Z.defaultProps.orientation,this.disabled=Z.defaultProps.disabled,this.thumbAlignment=Z.defaultProps.thumbAlignment,this.#e=new Z,this.#t=new T(this,g,kt),this.#n=new b(this,{context:Q}),this.#r=new T(this,g,Bt),this.#i=new C(this,y),this.#a=null,this.#o=null,this.#s=null}static{this.tagName=`media-volume-slider`}static{this.properties={label:{type:String},step:{type:Number},largeStep:{type:Number,attribute:`large-step`},wheelStep:{type:Number,attribute:`wheel-step`},orientation:{type:String},disabled:{type:Boolean},thumbAlignment:{type:String,attribute:`thumb-alignment`}}}#e;#t;#n;#r;#i;#a;#o;#s;connectedCallback(){if(super.connectedCallback(),this.destroyed)return;this.#o=new AbortController;let e=this.#o.signal,t=()=>{let e=this.#r.value;return this.disabled||!e||e.volumeAvailability!==`available`},n=()=>(this.#r.value?.volume??0)*100,r=()=>this.#e.getStepPercent(),i=e=>this.#l(e);this.#a=pr({getElement:()=>this,getThumbElement:()=>this.querySelector(`media-slider-thumb`),getOrientation:()=>this.orientation,isRTL:()=>Ie(this),isDisabled:t,getPercent:n,getStepPercent:r,getLargeStepPercent:()=>this.#e.getLargeStepPercent(),onValueChange:i,onValueCommit:i,onDragStart:()=>{this.#s??=this.#t.value?.requestControlsLock()??null,this.dispatchEvent(new CustomEvent(`drag-start`,{bubbles:!0}))},onDragEnd:()=>{this.#c(),this.dispatchEvent(new CustomEvent(`drag-end`,{bubbles:!0}))},adjustPercent:(e,t,n)=>this.#e.adjustPercentForAlignment(e,t,n),onResize:()=>this.requestUpdate()});let a=jr({isDisabled:t,getPercent:n,getStepPercent:()=>this.#e.getWheelStepPercent(),onValueChange:i});R(this,this.#a.rootProps,{signal:e}),R(this,a,{signal:e}),A(this,this.#a.rootStyle),this.#a.input.subscribe(()=>this.requestUpdate(),{signal:e})}disconnectedCallback(){this.#c(),super.disconnectedCallback(),this.#o?.abort(),this.#o=null}destroyCallback(){this.#c(),this.#a?.destroy(),super.destroyCallback()}#c(){this.#s?.(),this.#s=null}willUpdate(e){super.willUpdate(e),this.#e.setProps(this),this.#e.setFormatLocale(this.#i.locale)}update(e){if(super.update(e),!this.#a)return;let t=this.#r.value;if(!t)return;this.#e.setInput(this.#a.input.current),this.#e.setMedia(t);let n=this.#e.getState(),r=hr(this.#a.adjustForAlignment(n)),i=this.#e.getAttrs(n);A(this,r),z(this,n,eo),R(this,{hidden:n.hidden?``:void 0}),this.#n.setValue({state:n,stateAttrMap:eo,pointerValue:this.#e.valueFromPercent(n.pointerPercent),thumbAttrs:{...i,"aria-label":O(i[`aria-label`],this.#i.value),"aria-valuetext":O(i[`aria-valuetext`],this.#i.value,this.#e.getValueTextParams(n))},thumbProps:this.#a.thumbProps,formatValue:e=>`${Math.round(e)}%`})}#l(e){this.#r.value?.setVolume(this.#e.valueFromPercent(e)/100)}};function Ts(){h(Ro),h(Uo),h(Ho),h(Wo),h(Bo),h(mo),h(po),h(Io),h(go)}function Es(){h(jo),h(Mo)}function Ds(){h(Fo),h(Do),h(Oo),h(ko)}function Os(){h(is),h(as),h(cs),h(bs),h(Ss),h(Cs),h(qo),h(Yo)}function ks(){h(Zo),h(Qo),h($o),h(ns),h(rs)}function As(){h(ls),h(us),h(ds)}function js(){h(fs),ks(),h(Xo),h(ts)}function Ms(){h(ys),h(hs),h(gs),h(vs)}function Ns(){h(ws),ks()}function Ps(){h(fs),h(ws),ks(),h(Xo),h(ts)}export{ut as $,Ot as A,zt as B,z as C,ln as D,Zn as E,N as F,bt as G,xt as H,Ft as I,mt as J,yt as K,It as L,Mt as M,Nt as N,Vt as O,Pt as P,lt as Q,Lt as R,B as S,xr as T,St as U,gt as V,vt as W,Ct as X,_t as Y,ft as Z,mo as _,Ps as a,ai as b,Ms as c,To as d,dt as et,xo as f,_o as g,vo as h,Ts as i,jt as j,Dt as k,Ns as l,yo as m,Ds as n,Qe as nt,As as o,bo as p,ht as q,Os as r,k as rt,js as s,Es as t,pt as tt,Q as u,ro as v,R as w,oi as x,Pi as y,Rt as z};
-//# sourceMappingURL=compounds-C4YYLyL2.js.map