@webitel/ui-sdk 26.4.34 → 26.4.35

package/dist/{wt-vidstack-player-DJVlp2Go.js → wt-vidstack-player-DK1jhBLF.js}

@@ -1,12 +1,12 @@
-import { defineComponent as lt, inject as ye, createElementBlock as ft, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as pt, createVNode as U, useTemplateRef as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
-import { a as q, c as gt, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as te, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as he, t as W, V as J, v as w, C as b, S as yt, w as Vt, x as p, y as rt, z, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as ce, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ue, a5 as ta, a6 as Dt, a7 as K, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CTzsUo62.js";
-import { T as ca, U as ua, V as pa, X as ma, _ as dt, Q as jt, Y as fa, C as Y } from "./install-D_goYtnz.js";
+import { defineComponent as lt, inject as ye, createElementBlock as mt, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as ut, createVNode as W, computed as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
+import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as oe, t as z, V as J, v as w, C as b, S as gt, w as Vt, x as p, y as rt, z as j, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as de, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ce, a5 as ta, a6 as Dt, a7 as U, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CGEzqvQp.js";
+import { T as ca, U as ua, V as pa, X as ma, _ as yt, Q as ue, C as K, Y as fa } from "./install-QMIeJaQP.js";
 import { _ as ga } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
-const Us = gt();
+const Us = ft();
 function $() {
   return q(Us);
 }
-class le {
+class he {
   #t;
   get length() {
     return this.#t.length;
@@ -54,20 +54,20 @@ function ba(a, t, e) {
   let s = t[0], i = t[1];
   return e < s ? [e, -1] : e === s ? t : s === -1 ? (t[0] = e, t) : (e > s && (t[1] = e, i === -1 && a.push(t)), ya(a), t);
 }
-function Ch(a, t) {
+function Ph(a, t) {
   const e = new URL(a);
   for (const s of Object.keys(t))
     e.searchParams.set(s, t[s] + "");
   return e.toString();
 }
-function ee(a, t = "preconnect") {
+function te(a, t = "preconnect") {
   const e = document.querySelector(`link[href="${a}"]`);
   if (!nt(e)) return !0;
   const s = document.createElement("link");
   return s.rel = t, s.href = a, s.crossOrigin = "true", document.head.append(s), !0;
 }
 const Ht = {};
-function Eh(a) {
+function xh(a) {
   if (Ht[a]) return Ht[a].promise;
   const t = Ve(), e = document.querySelector(`script[src="${a}"]`);
   if (!nt(e))
@@ -95,7 +95,7 @@ function ve(a, t, e) {
         e(null), s = null;
         return;
       }
-      o.readyState == 2 ? e(o) : (e(null), te(() => {
+      o.readyState == 2 ? e(o) : (e(null), Zt(() => {
         const h = O(
           o,
           "load",
@@ -336,7 +336,7 @@ const Re = /* @__PURE__ */ new Set();
 function Ha(a) {
   return Re.add(a), () => Re.delete(a);
 }
-function C(a, t, e) {
+function E(a, t, e) {
   a.hasAttribute(t) || a.setAttribute(t, e);
 }
 function bt(a, t) {
@@ -370,7 +370,7 @@ function Ws(a, t, e) {
   }
   return !1;
 }
-function mt(a, t) {
+function pt(a, t) {
   return new M(a).add("pointerup", (e) => {
     e.button === 0 && !e.defaultPrevented && t(e);
   }).add("keydown", (e) => {
@@ -378,11 +378,11 @@ function mt(a, t) {
   });
 }
 function Qe(a) {
-  return he(a) && (a.touches.length > 1 || a.changedTouches.length > 1);
+  return oe(a) && (a.touches.length > 1 || a.changedTouches.length > 1);
 }
 function ht(a) {
   let t = Rs(), e = window.requestAnimationFrame(() => {
-    te(a, t), e = -1;
+    Zt(a, t), e = -1;
   });
   return () => {
     window.cancelAnimationFrame(e);
@@ -412,7 +412,7 @@ function Ys(a, t, e, {
 }) {
   if (!a) return;
   const o = e.replace(" ", "-").replace("-center", "");
-  if (W(a, "visibility", t ? null : "hidden"), !t) return;
+  if (z(a, "visibility", t ? null : "hidden"), !t) return;
   let h = e.includes("top");
   const d = (u) => e.includes("left") ? `calc(-1 * ${u})` : u, c = (u) => h ? `calc(-1 * ${u})` : u;
   return ca(t, a, () => {
@@ -425,10 +425,10 @@ function Ys(a, t, e, {
       ],
       ...r
     }).then(({ x: u, y: m, middlewareData: g }) => {
-      const E = !!g.flip?.index;
-      h = e.includes(E ? "bottom" : "top"), a.setAttribute(
+      const C = !!g.flip?.index;
+      h = e.includes(C ? "bottom" : "top"), a.setAttribute(
         "data-placement",
-        E ? e.startsWith("top") ? e.replace("top", "bottom") : e.replace("bottom", "top") : e
+        C ? e.startsWith("top") ? e.replace("top", "bottom") : e.replace("bottom", "top") : e
       ), Object.assign(a.style, {
         top: `calc(${m + "px"} + ${c(
           n ? n + "px" : `var(--${s}-y-offset, 0px)`
@@ -476,21 +476,21 @@ class Z extends J {
     l(() => {
       const e = new M(t);
       if (!me()) {
-        this.#t.set(!1), re(t, !1), e.add("pointerenter", this.#i.bind(this)).add("pointerleave", this.#a.bind(this));
+        this.#t.set(!1), ne(t, !1), e.add("pointerenter", this.#i.bind(this)).add("pointerleave", this.#a.bind(this));
         return;
       }
       const s = document.activeElement === t;
-      this.#t.set(s), re(t, s), e.add("focus", this.#e.bind(this)).add("blur", this.#s.bind(this));
+      this.#t.set(s), ne(t, s), e.add("focus", this.#e.bind(this)).add("blur", this.#s.bind(this));
     });
   }
   focused() {
     return this.#t();
   }
   #e() {
-    this.#t.set(!0), re(this.el, !0);
+    this.#t.set(!0), ne(this.el, !0);
   }
   #s() {
-    this.#t.set(!1), re(this.el, !1);
+    this.#t.set(!1), ne(this.el, !1);
   }
   #i() {
     ys(this.el, !0);
@@ -499,7 +499,7 @@ class Z extends J {
     ys(this.el, !1);
   }
 }
-function re(a, t) {
+function ne(a, t) {
   f(a, "data-focus", t), f(a, "data-hocus", t);
 }
 function ys(a, t) {
@@ -724,7 +724,7 @@ class $e extends J {
 function Ne(a) {
   return !S(a) && "width" in a && "height" in a && Q(a.width) && Q(a.height);
 }
-const Js = new yt({
+const Js = new gt({
   artist: "",
   artwork: null,
   audioTrack: null,
@@ -732,7 +732,7 @@ const Js = new yt({
   autoPlay: !1,
   autoPlayError: null,
   audioGain: null,
-  buffered: new le(),
+  buffered: new he(),
   canLoad: !1,
   canLoadPoster: !1,
   canFullscreen: !1,
@@ -763,7 +763,7 @@ const Js = new yt({
   mediaType: "unknown",
   muted: !1,
   paused: !0,
-  played: new le(),
+  played: new he(),
   playing: !1,
   playsInline: !1,
   pictureInPicture: !1,
@@ -776,7 +776,7 @@ const Js = new yt({
   canSetPlaybackRate: !0,
   canSetVolume: !1,
   canSetAudioGain: !1,
-  seekable: new le(),
+  seekable: new he(),
   seeking: !1,
   source: { src: "", type: "" },
   sources: [],
@@ -1542,10 +1542,10 @@ class Ja {
     this.#a = t(), this.#d();
   }
   add(t) {
-    this.#s.push(t), ce(this.#d.bind(this));
+    this.#s.push(t), de(this.#d.bind(this));
   }
   remove(t) {
-    t.detach(), this.#s.splice(this.#s.indexOf(t), 1), ce(this.#d.bind(this));
+    t.detach(), this.#s.splice(this.#s.indexOf(t), 1), de(this.#d.bind(this));
   }
   /** @internal */
   attachVideo(t) {
@@ -2070,7 +2070,7 @@ class un {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-Bk1wmJYd.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-BmvM3Qam.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-DVWLXMbZ.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-h4GIsOmA.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
@@ -2093,7 +2093,7 @@ class Ye extends je {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-BvsDlNoZ.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-hVw-GZOs.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-fN-vPQlr.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-MOhANEa2.js")).DASHProvider(this.target, t);
   }
 }
 class pn {
@@ -2116,7 +2116,7 @@ class pn {
       "https://fresnel.vimeocdn.com"
     ];
     for (const e of t)
-      ee(e);
+      te(e);
   }
   canPlay(t) {
     return S(t.src) && t.type === "video/vimeo";
@@ -2125,7 +2125,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-C43vDg2R.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-BWpgnTHH.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2148,7 +2148,7 @@ class mn {
       "https://static.doubleclick.net"
     ];
     for (const e of t)
-      ee(e);
+      te(e);
   }
   canPlay(t) {
     return S(t.src) && t.type === "video/youtube";
@@ -2157,7 +2157,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-BqjBo21Z.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-BTrv_J1m.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2269,7 +2269,7 @@ class yn {
     );
   }
   async ready(t, e) {
-    return ce(async () => {
+    return de(async () => {
       const { logger: s } = this.#e, {
         autoPlay: i,
         canPlay: n,
@@ -2283,13 +2283,13 @@ class yn {
         source: g
       } = this.#e.$state;
       if (n()) return;
-      const E = {
+      const C = {
         duration: t?.duration ?? o(),
         seekable: t?.seekable ?? h(),
         buffered: t?.buffered ?? d(),
         provider: this.#e.$provider()
       };
-      this.notify("can-play", E, e), rt();
+      this.notify("can-play", C, e), rt();
       let I = this.#e.$provider(), { storage: et, qualities: os } = this.#e, { muted: Ci, volume: Ei, clipStartTime: Ai, playbackRate: Mi } = this.#e.$props;
       await et?.onLoad?.(g());
       const Li = m()?.currentTime, hs = m()?.paused, Pe = await et?.getTime(), ls = Li ?? Pe ?? Ai(), qi = hs === !1 || hs !== !0 && !r() && i();
@@ -2301,9 +2301,9 @@ class yn {
       const Nt = await et?.getVideoQuality();
       if (Nt && os.length) {
         let Mt = null, ds = 1 / 0;
-        for (const ne of os) {
-          const cs = Math.abs(Nt.width - ne.width) + Math.abs(Nt.height - ne.height) + (Nt.bitrate ? Math.abs(Nt.bitrate - (ne.bitrate ?? 0)) : 0);
-          cs < ds && (Mt = ne, ds = cs);
+        for (const ae of os) {
+          const cs = Math.abs(Nt.width - ae.width) + Math.abs(Nt.height - ae.height) + (Nt.bitrate ? Math.abs(Nt.bitrate - (ae.bitrate ?? 0)) : 0);
+          cs < ds && (Mt = ae, ds = cs);
         }
         Mt && (Mt.selected = !0);
       }
@@ -2624,8 +2624,8 @@ class vn extends Ct {
         );
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
-      if (ee("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-gmAgDRVT.js").then((n) => n.v);
+      if (te("https://www.gstatic.com"), !this.#v) {
+        const i = await import("./vidstack-D2pY00kU-Bnd9jPy3.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -2928,7 +2928,7 @@ class kn extends Ct {
   handle(t) {
     if (!this.scope) return;
     const e = t.type;
-    ce(() => this[t.type]?.(t)), Tn.has(e) && this.#s.set(e, t), this.dispatch(t);
+    de(() => this[t.type]?.(t)), Tn.has(e) && this.#s.set(e, t), this.dispatch(t);
   }
   #h = !1;
   #l() {
@@ -3286,7 +3286,7 @@ class kn extends Ct {
       this.#a,
       this.#n,
       t()
-    ), e.set(new le(this.#a)));
+    ), e.set(new he(this.#a)));
   }
   // Called to update time again incase duration precision has changed.
   #_(t) {
@@ -3582,7 +3582,7 @@ class Lt extends b {
     };
     t.remote = this.remoteControl = new za(
       void 0
-    ), t.remote.setPlayer(this), t.textTracks = new Za(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Ja(t), t.ariaKeys = {}, this.#t = t, z(Us, t), this.orientation = new $e(), new Z(), new on(t);
+    ), t.remote.setPlayer(this), t.textTracks = new Za(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Ja(t), t.ariaKeys = {}, this.#t = t, j(Us, t), this.orientation = new $e(), new Z(), new on(t);
     const e = new wn();
     this.#e = new kn(e, t), this.#s = new vn(this.#e, e, t), t.delegate = new yn(this.#e.handle.bind(this.#e), t), t.notify = t.delegate.notify.bind(t.delegate), typeof navigator < "u" && "mediaSession" in navigator && new Pn(), new ws("load", this.startLoading.bind(this)), new ws("posterLoad", this.startLoadingPoster.bind(this));
   }
@@ -3590,7 +3590,7 @@ class Lt extends b {
     this.#l(), l(this.#h.bind(this)), l(this.#y.bind(this)), l(this.#p.bind(this)), l(this.#w.bind(this)), l(this.#b.bind(this)), l(this.#T.bind(this)), l(this.#P.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-player", ""), C(t, "tabindex", "0"), C(t, "role", "region"), l(this.#S.bind(this)), l(this.#r.bind(this)), l(this.#o.bind(this)), O(t, "find-media-player", this.#c.bind(this));
+    t.setAttribute("data-media-player", ""), E(t, "tabindex", "0"), E(t, "role", "region"), l(this.#S.bind(this)), l(this.#r.bind(this)), l(this.#o.bind(this)), O(t, "find-media-player", this.#c.bind(this));
   }
   onConnect(t) {
     Hs && f(t, "data-iphone", "");
@@ -3680,7 +3680,7 @@ class Lt extends b {
   #u() {
     if (!this.el) return;
     const t = this.el.clientWidth, e = this.el.clientHeight;
-    this.$state.width.set(t), this.$state.height.set(e), W(this.el, "--player-width", t + "px"), W(this.el, "--player-height", e + "px");
+    this.$state.width.set(t), this.$state.height.set(e), z(this.el, "--player-width", t + "px"), z(this.el, "--player-height", e + "px");
   }
   #d(t) {
     const e = t.matches ? "coarse" : "fine";
@@ -4030,16 +4030,16 @@ class An {
     this.#s = t, this.#i = e, this.#a = s;
     const n = new Xe(), r = new Ye(), o = new je(), h = new un(), d = new mn(), c = new pn(), u = [d, c];
     this.#e = tt(() => {
-      const g = e.$state.remotePlaybackLoader(), E = e.$props.preferNativeHLS() ? [o, h, n, r, ...u, ...i] : [r, o, h, n, ...u, ...i];
-      return g ? [g, ...E] : E;
+      const g = e.$state.remotePlaybackLoader(), C = e.$props.preferNativeHLS() ? [o, h, n, r, ...u, ...i] : [r, o, h, n, ...u, ...i];
+      return g ? [g, ...C] : C;
     });
     const { $state: m } = e;
     m.sources.set(Ss(e.$props.src()));
     for (const g of m.sources()) {
-      const E = this.#e().find((et) => et.canPlay(g));
-      if (!E) continue;
-      const I = E.mediaType(g);
-      e.$state.source.set(g), e.$state.mediaType.set(I), e.$state.inferredViewType.set(I), this.#a.set(E), this.#t = !0;
+      const C = this.#e().find((et) => et.canPlay(g));
+      if (!C) continue;
+      const I = C.mediaType(g);
+      e.$state.source.set(g), e.$state.mediaType.set(I), e.$state.inferredViewType.set(I), this.#a.set(C), this.#t = !0;
       break;
     }
   }
@@ -4079,14 +4079,14 @@ class An {
   #o(t, e) {
     let s = { src: "", type: "" }, i = null, n = new L("sources-change", { detail: { sources: e } }), r = this.#e(), { started: o, paused: h, currentTime: d, quality: c, savedState: u } = this.#i.$state;
     for (const m of e) {
-      const g = r.find((E) => E.canPlay(m));
+      const g = r.find((C) => C.canPlay(m));
       if (g) {
         s = m, i = g;
         break;
       }
     }
     if (Ne(s)) {
-      const m = c(), g = e.find((E) => E.src === m?.src);
+      const m = c(), g = e.find((C) => C.src === m?.src);
       p(o) ? u.set({
         paused: p(h),
         currentTime: p(d)
@@ -4106,7 +4106,7 @@ class An {
     const t = this.#i.$provider();
     if (!(!t || p(this.#i.$providerSetup))) {
       if (this.#i.$state.canLoad()) {
-        te(() => t.setup(), t.scope), this.#i.$providerSetup.set(!0);
+        Zt(() => t.setup(), t.scope), this.#i.$providerSetup.set(!0);
         return;
       }
       p(() => t.preconnect?.());
@@ -4135,7 +4135,7 @@ class An {
         }), () => n.abort();
       }
       try {
-        S(e.src) && ee(new URL(e.src).origin);
+        S(e.src) && te(new URL(e.src).origin);
       } catch {
       }
     }
@@ -4187,7 +4187,7 @@ class ai extends b {
   static props = {
     loaders: []
   };
-  static state = new yt({
+  static state = new gt({
     loader: null
   });
   #t;
@@ -4237,7 +4237,7 @@ class ai extends b {
   #h() {
     if (!this.el) return;
     const { player: t, $state: e } = this.#t, s = this.el.offsetWidth, i = this.el.offsetHeight;
-    t && (e.mediaWidth.set(s), e.mediaHeight.set(i), t.el && (W(t.el, "--media-width", s + "px"), W(t.el, "--media-height", i + "px")));
+    t && (e.mediaWidth.set(s), e.mediaHeight.set(i), t.el && (z(t.el, "--media-width", s + "px"), z(t.el, "--media-height", i + "px")));
   }
   #l() {
     const t = [], e = [], s = this.el.children;
@@ -4393,17 +4393,17 @@ class F extends J {
     });
   }
   onAttach(t) {
-    C(t, "tabindex", "0"), C(t, "role", "button"), C(t, "type", "button");
+    E(t, "tabindex", "0"), E(t, "role", "button"), E(t, "type", "button");
   }
   onConnect(t) {
-    const e = mt(t, this.#i.bind(this));
+    const e = pt(t, this.#i.bind(this));
     for (const s of ["click", "touchstart"])
       e.add(s, this.#a.bind(this), {
         passive: !0
       });
   }
   #e() {
-    return ue(this.#t.isPresssed());
+    return ce(this.#t.isPresssed());
   }
   #s(t) {
     ta(this.#t.isPresssed) && this.#t.isPresssed.set((e) => !e);
@@ -4646,10 +4646,10 @@ class Fn extends b {
     });
   }
   onAttach(t) {
-    C(t, "tabindex", "0"), C(t, "role", "button"), C(t, "type", "button"), t.setAttribute("data-media-tooltip", "seek"), bt(t, this.#s.bind(this));
+    E(t, "tabindex", "0"), E(t, "role", "button"), E(t, "type", "button"), t.setAttribute("data-media-tooltip", "seek"), bt(t, this.#s.bind(this));
   }
   onConnect(t) {
-    mt(t, this.#i.bind(this));
+    pt(t, this.#i.bind(this));
   }
   #e() {
     const { canSeek: t } = this.#t.$state;
@@ -4685,17 +4685,17 @@ class Bn extends b {
     });
   }
   onAttach(t) {
-    C(t, "tabindex", "0"), C(t, "role", "button"), C(t, "type", "button"), t.setAttribute("data-media-tooltip", "live");
+    E(t, "tabindex", "0"), E(t, "role", "button"), E(t, "type", "button"), t.setAttribute("data-media-tooltip", "live");
   }
   onConnect(t) {
-    mt(t, this.#e.bind(this));
+    pt(t, this.#e.bind(this));
   }
   #e(t) {
     const { disabled: e } = this.$props, { liveEdge: s } = this.#t.$state;
     e() || s() || this.#t.remote.seekToLiveEdge(t);
   }
 }
-const Et = new yt({
+const Et = new gt({
   min: 0,
   max: 100,
   value: 0,
@@ -4743,7 +4743,7 @@ class hi extends J {
     this.#e?.disconnect(), this.#e = void 0;
   }
 }
-const Je = gt(), zt = gt();
+const Je = ft(), zt = ft();
 function Gn(a, t, e, s) {
   return ze(a, V(e, Ka(s)), t);
 }
@@ -4769,7 +4769,7 @@ class Kn extends J {
     super(), this.#t = t, this.#e = e;
   }
   onSetup() {
-    K(zt) && (this.#s = q(zt));
+    U(zt) && (this.#s = q(zt));
   }
   onConnect(t) {
     l(this.#l.bind(this, t)), l(this.#c.bind(this, t)), this.#t.swipeGesture && l(this.#i.bind(this));
@@ -4900,7 +4900,7 @@ class Kn extends J {
   #x(t) {
     const { key: e, shiftKey: s } = t;
     t.preventDefault(), t.stopPropagation();
-    const { shiftKeyMultiplier: i } = this.$props, { min: n, max: r, value: o, pointerValue: h } = this.$state, d = this.#t.getStep(), c = this.#t.getKeyStep(), u = s ? c * i() : c, m = Number(Le[e]), g = u * m, E = this.#f ? h() : this.#t.getValue?.() ?? o(), I = (E + g) / d;
+    const { shiftKeyMultiplier: i } = this.$props, { min: n, max: r, value: o, pointerValue: h } = this.$state, d = this.#t.getStep(), c = this.#t.getKeyStep(), u = s ? c * i() : c, m = Number(Le[e]), g = u * m, C = this.#f ? h() : this.#t.getValue?.() ?? o(), I = (C + g) / d;
     return Math.max(n(), Math.min(r(), Number((d * I).toFixed(3))));
   }
   // -------------------------------------------------------------------------------------------
@@ -4923,8 +4923,8 @@ class Kn extends J {
     { leading: !0 }
   );
 }
-const qt = gt(() => ({}));
-class j extends J {
+const qt = ft(() => ({}));
+class Y extends J {
   static props = {
     hidden: !1,
     disabled: !1,
@@ -4943,9 +4943,9 @@ class j extends J {
   onSetup() {
     this.#t = $();
     const t = new Z();
-    t.attach(this), this.$state.focused = t.focused.bind(t), K(qt) || z(qt, {
+    t.attach(this), this.$state.focused = t.focused.bind(t), U(qt) || j(qt, {
       default: "value"
-    }), z(Je, {
+    }), j(Je, {
       orientation: this.$props.orientation,
       disabled: this.#e.isDisabled,
       preview: w(null)
@@ -4954,7 +4954,7 @@ class j extends J {
     }).attach(this);
   }
   onAttach(t) {
-    C(t, "role", "slider"), C(t, "tabindex", "0"), C(t, "autocomplete", "off"), l(this.#u.bind(this));
+    E(t, "role", "slider"), E(t, "tabindex", "0"), E(t, "autocomplete", "off"), l(this.#u.bind(this));
   }
   onConnect(t) {
     P(Qs(t, this.#s.set)), l(this.#n.bind(this));
@@ -4985,7 +4985,7 @@ class j extends J {
   // ARIA
   // -------------------------------------------------------------------------------------------
   #l() {
-    return ue(this.#e.isDisabled());
+    return ce(this.#e.isDisabled());
   }
   // -------------------------------------------------------------------------------------------
   // Attributes
@@ -5012,16 +5012,16 @@ class j extends J {
     this.el?.style.setProperty("--slider-fill", t + "%"), this.el?.style.setProperty("--slider-pointer", e + "%");
   });
 }
-class se extends b {
+class ee extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     min: 0,
     max: 100,
     value: 0
   };
   static state = Et;
   constructor() {
-    super(), new j({
+    super(), new Y({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
       roundValue: Math.round,
@@ -5058,7 +5058,7 @@ class se extends b {
     this.$state.min.set(t()), this.$state.max.set(e());
   }
 }
-const it = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map();
+const it = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
 class Ze {
   #t;
   #e;
@@ -5085,7 +5085,7 @@ class Ze {
         this.$images.set(it.get(e));
       } else if (S(e)) {
         const s = this.#s(), i = e + "::" + s;
-        if (!oe.has(i)) {
+        if (!re.has(i)) {
           const n = new Promise(async (r, o) => {
             try {
               const h = await fetch(e, {
@@ -5127,11 +5127,11 @@ class Ze {
           }).then((r) => (it.set(i, r), r)).catch((r) => {
             this.#c(e, r);
           }).finally(() => {
-            S(i) && oe.delete(i);
+            S(i) && re.delete(i);
           });
-          oe.set(i, n);
+          re.set(i, n);
         }
-        oe.get(i)?.then((n) => {
+        re.get(i)?.then((n) => {
           this.$images.set(n || []);
         });
       } else if (B(e))
@@ -5225,7 +5225,7 @@ class Qn extends b {
     time: 0,
     crossOrigin: null
   };
-  static state = new yt({
+  static state = new gt({
     src: "",
     img: null,
     thumbnails: [],
@@ -5315,11 +5315,11 @@ class Qn extends b {
     let m = Math.max(parseInt(h) / i, parseInt(d) / n), g = Math.min(
       Math.max(parseInt(h), parseInt(r)) / i,
       Math.max(parseInt(d), parseInt(o)) / n
-    ), E = !isNaN(g) && g < 1 ? g : m > 1 ? m : 1;
-    this.#d(t, "--thumbnail-width", `${i * E}px`), this.#d(t, "--thumbnail-height", `${n * E}px`), this.#d(t, "--thumbnail-aspect-ratio", String(V(i / n, 5))), this.#d(e, "width", `${e.naturalWidth * E}px`), this.#d(e, "height", `${e.naturalHeight * E}px`), this.#d(
+    ), C = !isNaN(g) && g < 1 ? g : m > 1 ? m : 1;
+    this.#d(t, "--thumbnail-width", `${i * C}px`), this.#d(t, "--thumbnail-height", `${n * C}px`), this.#d(t, "--thumbnail-aspect-ratio", String(V(i / n, 5))), this.#d(e, "width", `${e.naturalWidth * C}px`), this.#d(e, "height", `${e.naturalHeight * C}px`), this.#d(
       e,
       "transform",
-      s.coords ? `translate(-${s.coords.x * E}px, -${s.coords.y * E}px)` : ""
+      s.coords ? `translate(-${s.coords.x * C}px, -${s.coords.y * C}px)` : ""
     ), this.#d(e, "max-width", "none");
   }
   #d(t, e, s) {
@@ -5344,7 +5344,7 @@ class li extends b {
   #e;
   #s;
   onSetup() {
-    this.#s = Dt(se.state), this.#t = q(qt), this.#e = tt(this.getValueText.bind(this));
+    this.#s = Dt(ee.state), this.#t = q(qt), this.#e = tt(this.getValueText.bind(this));
   }
   /**
    * Returns the current value formatted as text based on prop settings.
@@ -5360,7 +5360,7 @@ class li extends b {
       showMs: o
     } = this.$props, { value: h, pointerValue: d, min: c, max: u } = this.#s, m = e?.() ?? this.#t.default, g = t() === "current" ? h() : d();
     if (m === "percent") {
-      const E = u() - c(), I = g / E * 100;
+      const C = u() - c(), I = g / C * 100;
       return (this.#t.percent ?? V)(I, s()) + "%";
     } else return m === "time" ? (this.#t.time ?? we)(g, {
       padHrs: i(),
@@ -5380,7 +5380,7 @@ class zn extends b {
   #t;
   onSetup() {
     this.#t = q(Je);
-    const { active: t } = Dt(se.state);
+    const { active: t } = Dt(ee.state);
     this.setAttributes({
       "data-visible": t
     });
@@ -5442,7 +5442,7 @@ function jn(a, {
 }
 class Yn extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     keyStep: 5,
     shiftKeyMultiplier: 2
   };
@@ -5451,7 +5451,7 @@ class Yn extends b {
   onSetup() {
     this.#t = $();
     const { audioGain: t } = this.#t.$state;
-    z(qt, {
+    j(qt, {
       default: "percent",
       value(e) {
         return (e * (t() ?? 1)).toFixed(2);
@@ -5459,7 +5459,7 @@ class Yn extends b {
       percent(e) {
         return Math.round(e * (t() ?? 1));
       }
-    }), new j({
+    }), new Y({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
       roundValue: Math.round,
@@ -5474,7 +5474,7 @@ class Yn extends b {
     }).attach(this), l(this.#n.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-volume-slider", ""), C(t, "aria-label", "Volume");
+    t.setAttribute("data-media-volume-slider", ""), E(t, "aria-label", "Volume");
     const { canSetVolume: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
@@ -5516,7 +5516,7 @@ class Yn extends b {
 }
 let di = class extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     step: 0.1,
     keyStep: 5,
     shiftKeyMultiplier: 2,
@@ -5531,7 +5531,7 @@ let di = class extends b {
   constructor() {
     super();
     const { noSwipeGesture: t } = this.$props;
-    new j({
+    new Y({
       swipeGesture: () => !t(),
       getValue: this.#y.bind(this),
       getStep: this.#g.bind(this),
@@ -5549,7 +5549,7 @@ let di = class extends b {
     });
   }
   onSetup() {
-    this.#t = $(), z(qt, {
+    this.#t = $(), j(qt, {
       default: "time",
       value: this.#k.bind(this),
       time: this.#S.bind(this)
@@ -5560,7 +5560,7 @@ let di = class extends b {
     }), l(this.#r.bind(this)), l(this.#n.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-time-slider", ""), C(t, "aria-label", "Seek");
+    t.setAttribute("data-media-time-slider", ""), E(t, "aria-label", "Seek");
   }
   onConnect(t) {
     l(this.#o.bind(this)), ve(this.#t.textTracks, "chapters", this.#s.set);
@@ -5676,7 +5676,7 @@ let di = class extends b {
     return Number.isFinite(s) ? `${r < 0 ? "-" : ""}${we(Math.abs(r), e)}` : "LIVE";
   }
 };
-const D = gt();
+const D = ft();
 function Xn(a, t) {
   const e = sa(a, t);
   for (const { el: s, top: i, left: n } of e)
@@ -5810,7 +5810,7 @@ class er {
     return e;
   }
 }
-var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, ie = (a, t, e, s) => {
+var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, se = (a, t, e, s) => {
   for (var i = ir(t, e), n = a.length - 1, r; n >= 0; n--)
     (r = a[n]) && (i = r(t, e, i) || i);
   return i && sr(t, e, i), i;
@@ -5852,11 +5852,11 @@ class Rt extends b {
       content: this.#r,
       showDelay: t,
       listen: (e, s, i) => {
-        mt(e, (r) => {
+        pt(e, (r) => {
           this.#i() ? i(r) : s(r);
         });
         const n = this.#M();
-        n && mt(n, (r) => {
+        n && pt(n, (r) => {
           r.stopPropagation(), i(r);
         });
       },
@@ -5868,12 +5868,12 @@ class Rt extends b {
     const t = ++ar;
     this.#e = `media-menu-${t}`, this.#s = `media-menu-button-${t}`, this.#u = new er({
       closeMenu: this.close.bind(this)
-    }), K(D) && (this.#o = q(D)), this.#y(), this.setAttributes({
+    }), U(D) && (this.#o = q(D)), this.#y(), this.setAttributes({
       "data-open": this.#i,
       "data-root": !this.isSubmenu,
       "data-submenu": this.isSubmenu,
       "data-disabled": this.#x.bind(this)
-    }), z(D, {
+    }), j(D, {
       button: this.#n,
       content: this.#r,
       expanded: this.#i,
@@ -5902,8 +5902,8 @@ class Rt extends b {
     this.#n.set(null), this.#r.set(null), this.#l = null, this.#m.clear();
   }
   #y() {
-    let t = -1, e = K(zt) ? q(zt) : null;
-    z(zt, {
+    let t = -1, e = U(zt) ? q(zt) : null;
+    j(zt, {
       onDragStart: () => {
         e?.onDragStart?.(), window.clearTimeout(t), t = -1, this.#d = !0;
       },
@@ -5918,12 +5918,12 @@ class Rt extends b {
     const t = this.#S();
     this.isSubmenu || this.#O(), this.#v(t), t && (l(() => {
       const { height: e } = this.#t.$state, s = this.#r();
-      s && W(s, "--player-height", e() + "px");
+      s && z(s, "--player-height", e() + "px");
     }), this.#u.listen(), this.listen("pointerup", this.#A.bind(this)), O(window, "pointerup", this.#C.bind(this)));
   }
   #b(t) {
     const e = t.el, s = this.isSubmenu, i = N(this.#x.bind(this));
-    C(e, "tabindex", s ? "-1" : "0"), C(e, "role", s ? "menuitem" : "button"), f(e, "id", this.#s), f(e, "aria-haspopup", "menu"), f(e, "aria-expanded", "false"), f(e, "data-root", !this.isSubmenu), f(e, "data-submenu", this.isSubmenu), l(() => {
+    E(e, "tabindex", s ? "-1" : "0"), E(e, "role", s ? "menuitem" : "button"), f(e, "id", this.#s), f(e, "aria-haspopup", "menu"), f(e, "aria-expanded", "false"), f(e, "data-root", !this.isSubmenu), f(e, "data-submenu", this.isSubmenu), l(() => {
       f(e, "data-open", this.#i()), f(e, "aria-disabled", i());
     }), this.#n.set(e), P(() => {
       this.#n.set(null);
@@ -5931,7 +5931,7 @@ class Rt extends b {
   }
   #$(t) {
     const e = t.el;
-    e.style.setProperty("display", "none"), f(e, "id", this.#e), C(e, "role", "menu"), C(e, "tabindex", "-1"), f(e, "data-root", !this.isSubmenu), f(e, "data-submenu", this.isSubmenu), this.#r.set(e), P(() => this.#r.set(null)), l(() => f(e, "data-open", this.#i())), this.#u.attachMenu(e), this.#v(!1);
+    e.style.setProperty("display", "none"), f(e, "id", this.#e), E(e, "role", "menu"), E(e, "tabindex", "-1"), f(e, "data-root", !this.isSubmenu), f(e, "data-submenu", this.isSubmenu), this.#r.set(e), P(() => this.#r.set(null)), l(() => f(e, "data-open", this.#i())), this.#u.attachMenu(e), this.#v(!1);
     const i = this.#B.bind(this);
     this.isSubmenu ? this.#o?.onTransitionEvent(i) : (t.listen("transitionstart", i), t.listen("transitionend", i), t.listen("animationend", this.#O), t.listen("vds-menu-resize", this.#O));
   }
@@ -5940,7 +5940,7 @@ class Rt extends b {
   }
   #v(t) {
     const e = p(this.#r);
-    e && f(e, "aria-hidden", ue(!t));
+    e && f(e, "aria-hidden", ce(!t));
   }
   #P(t) {
     this.#p.set(t);
@@ -5959,7 +5959,7 @@ class Rt extends b {
       })
     );
     const s = this.#n(), i = this.#r();
-    if (s && (f(s, "aria-controls", t && this.#e), f(s, "aria-expanded", ue(t))), i && f(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), rt(), this.#f) {
+    if (s && (f(s, "aria-controls", t && this.#e), f(s, "aria-expanded", ce(t))), i && f(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), rt(), this.#f) {
       t ? i?.focus() : s?.focus();
       for (const n of [this.el, i])
         n && n.setAttribute("data-keyboard", "");
@@ -6057,7 +6057,7 @@ class Rt extends b {
         const r = getComputedStyle(n);
         e += n.offsetHeight + (parseFloat(r.marginTop) || 0) + (parseFloat(r.marginBottom) || 0);
       }
-    W(t, "--menu-height", e + "px");
+    z(t, "--menu-height", e + "px");
   });
   #N = !1;
   #B(t) {
@@ -6072,19 +6072,19 @@ class Rt extends b {
     p(this.#i) && (this.#c.hide(t), rt());
   }
 }
-ie([
+se([
   T
 ], Rt.prototype, "triggerElement");
-ie([
+se([
   T
 ], Rt.prototype, "contentElement");
-ie([
+se([
   T
 ], Rt.prototype, "isSubmenu");
-ie([
+se([
   _
 ], Rt.prototype, "open");
-ie([
+se([
   _
 ], Rt.prototype, "close");
 class ts extends b {
@@ -6103,12 +6103,12 @@ class ts extends b {
     this.#t = q(D);
   }
   onAttach(t) {
-    this.#t.attachMenuButton(this), l(this.#s.bind(this)), C(t, "type", "button");
+    this.#t.attachMenuButton(this), l(this.#s.bind(this)), E(t, "type", "button");
   }
   onConnect(t) {
     l(this.#i.bind(this)), this.#a();
     const e = new MutationObserver(this.#a.bind(this));
-    e.observe(t, { attributeFilter: ["data-part"], childList: !0, subtree: !0 }), P(() => e.disconnect()), mt(t, (s) => {
+    e.observe(t, { attributeFilter: ["data-part"], childList: !0, subtree: !0 }), P(() => e.disconnect()), pt(t, (s) => {
       this.dispatch("select", { trigger: s });
     });
   }
@@ -6139,7 +6139,7 @@ class or extends b {
   #t = null;
   #e;
   onSetup() {
-    this.#e = $(), z(de, {
+    this.#e = $(), j(le, {
       attach: this.#s.bind(this)
     });
   }
@@ -6174,7 +6174,7 @@ class or extends b {
     return St(t) ? t : t ? document.querySelector(t) : document.body;
   }
 }
-const de = gt();
+const le = ft();
 class hr extends b {
   static props = {
     placement: null,
@@ -6190,9 +6190,9 @@ class hr extends b {
     });
   }
   onAttach(t) {
-    if (this.#t = q(D), this.#t.attachMenuItems(this), K(de)) {
-      const e = q(de);
-      e && (z(de, null), e.attach(t), P(() => e.attach(null)));
+    if (this.#t = q(D), this.#t.attachMenuItems(this), U(le)) {
+      const e = q(le);
+      e && (j(le, null), e.attach(t), P(() => e.attach(null)));
     }
   }
   onConnect(t) {
@@ -6225,7 +6225,7 @@ class hr extends b {
     return this.#t.button();
   }
 }
-const Fe = gt();
+const Fe = ft();
 class At extends J {
   #t = /* @__PURE__ */ new Set();
   #e = w("");
@@ -6241,13 +6241,13 @@ class At extends J {
     this.#r(t);
   }
   onSetup() {
-    z(Fe, {
+    j(Fe, {
       add: this.#i.bind(this),
       remove: this.#a.bind(this)
     });
   }
   onAttach(t) {
-    K(D) || C(t, "role", "radiogroup"), this.setAttributes({ value: this.#e });
+    U(D) || E(t, "role", "radiogroup"), this.setAttributes({ value: this.#e });
   }
   onDestroy() {
     this.#t.clear();
@@ -6298,14 +6298,14 @@ class ci extends b {
     });
   }
   onAttach(t) {
-    const e = K(D);
-    C(t, "tabindex", e ? "-1" : "0"), C(t, "role", e ? "menuitemradio" : "radio"), l(this.#a.bind(this));
+    const e = U(D);
+    E(t, "tabindex", e ? "-1" : "0"), E(t, "role", e ? "menuitemradio" : "radio"), l(this.#a.bind(this));
   }
   onConnect(t) {
-    this.#i(), mt(t, this.#n.bind(this)), P(this.#s.bind(this));
+    this.#i(), pt(t, this.#n.bind(this)), P(this.#s.bind(this));
   }
   #s() {
-    te(() => {
+    Zt(() => {
       q(Fe).remove(this.#e);
     }, this.connectScope);
   }
@@ -6349,7 +6349,7 @@ class ui extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#e = $(), K(D) && (this.#t = q(D));
+    this.#e = $(), U(D) && (this.#t = q(D));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#n.bind(this)), l(this.#a.bind(this));
@@ -6407,7 +6407,7 @@ class pi extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = q(D));
+    this.#t = $(), U(D) && (this.#e = q(D));
   }
   onConnect(t) {
     super.onConnect?.(t), l(this.#i.bind(this)), l(this.#n.bind(this)), l(this.#a.bind(this));
@@ -6483,7 +6483,7 @@ class mi extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = q(D));
+    this.#t = $(), U(D) && (this.#e = q(D));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#n.bind(this));
@@ -6543,7 +6543,7 @@ class fi extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = q(D));
+    this.#t = $(), U(D) && (this.#e = q(D));
   }
   onConnect(t) {
     l(this.#a.bind(this)), l(this.#r.bind(this)), l(this.#n.bind(this));
@@ -6611,7 +6611,7 @@ class cr extends b {
     toggle: !1,
     hidden: !1
   };
-  static state = new yt({
+  static state = new gt({
     timeText: "",
     hidden: !1
   });
@@ -6647,7 +6647,7 @@ class cr extends b {
       this.#e.set(null);
       return;
     }
-    this.el && mt(this.el, this.#u.bind(this));
+    this.el && pt(this.el, this.#u.bind(this));
   }
   #o() {
     const { hidden: t, timeText: e } = this.$state, { duration: s } = this.#t.$state;
@@ -6695,7 +6695,7 @@ class ur extends b {
   static props = {
     translations: null
   };
-  static state = new yt({
+  static state = new gt({
     label: null,
     busy: !1
   });
@@ -6708,7 +6708,7 @@ class ur extends b {
     t.style.display = "contents";
   }
   onConnect(t) {
-    t.setAttribute("data-media-announcer", ""), C(t, "role", "status"), C(t, "aria-live", "polite");
+    t.setAttribute("data-media-announcer", ""), E(t, "role", "status"), E(t, "aria-live", "polite");
     const { busy: e } = this.$state;
     this.setAttributes({
       "aria-busy": () => e() ? "true" : null
@@ -6781,7 +6781,7 @@ class pr extends b {
   }
   onAttach(t) {
     const { pictureInPicture: e, fullscreen: s } = this.#t.$state;
-    W(t, "pointer-events", "none"), C(t, "role", "group"), this.setAttributes({
+    z(t, "pointer-events", "none"), E(t, "role", "group"), this.setAttributes({
       "data-visible": this.#i.bind(this),
       "data-fullscreen": s,
       "data-pip": e
@@ -6790,13 +6790,13 @@ class pr extends b {
     }), l(this.#e.bind(this)), l(() => {
       const i = s();
       for (const n of ["top", "right", "bottom", "left"])
-        W(t, `padding-${n}`, i && `env(safe-area-inset-${n})`);
+        z(t, `padding-${n}`, i && `env(safe-area-inset-${n})`);
     });
   }
   #e() {
     if (!this.el) return;
     const { nativeControls: t } = this.#t.$state, e = t();
-    f(this.el, "aria-hidden", e ? "true" : null), W(this.el, "display", e ? "none" : null);
+    f(this.el, "aria-hidden", e ? "true" : null), z(this.el, "display", e ? "none" : null);
   }
   #s() {
     const { controls: t } = this.#t.player, { hideDelay: e, hideOnMouseLeave: s } = this.$props;
@@ -6809,10 +6809,10 @@ class pr extends b {
 }
 let mr = class extends b {
   onAttach(t) {
-    t.style.pointerEvents || W(t, "pointer-events", "auto");
+    t.style.pointerEvents || z(t, "pointer-events", "auto");
   }
 };
-const wt = gt();
+const wt = ft();
 let fr = 0;
 class gr extends b {
   static props = {
@@ -6841,7 +6841,7 @@ class gr extends b {
     t.style.setProperty("display", "contents");
   }
   onSetup() {
-    z(wt, {
+    j(wt, {
       trigger: this.#e,
       content: this.#s,
       showing: this.#i,
@@ -6860,7 +6860,7 @@ class gr extends b {
     t.removeAttribute("data-describedby"), t.removeAttribute("aria-describedby"), this.#e.set(null);
   }
   #r(t) {
-    t.setAttribute("id", this.#t), t.style.display = "none", C(t, "role", "tooltip"), this.#s.set(t);
+    t.setAttribute("id", this.#t), t.style.display = "none", E(t, "role", "tooltip"), this.#s.set(t);
   }
   #o(t) {
     t.removeAttribute("id"), t.removeAttribute("role"), this.#s.set(null);
@@ -6946,7 +6946,7 @@ class br extends b {
     return q(wt).trigger();
   }
 }
-let gi = class extends b {
+class gi extends b {
   static props = {
     disabled: !1,
     defaultPressed: !1
@@ -6963,7 +6963,7 @@ let gi = class extends b {
       isPresssed: this.#t
     });
   }
-};
+}
 const vr = gi.prototype;
 T(vr, "pressed");
 class $r extends b {
@@ -7009,7 +7009,7 @@ class yi extends b {
     src: null,
     crossOrigin: null
   };
-  static state = new yt({
+  static state = new gt({
     video: null,
     src: null,
     crossOrigin: null,
@@ -7023,7 +7023,7 @@ class yi extends b {
     return this.$state.video();
   }
   onSetup() {
-    this.#t = $(), this.#e = Dt(se.state), this.#a(), this.setAttributes({
+    this.#t = $(), this.#e = Dt(ee.state), this.#a(), this.setAttributes({
       "data-loading": this.#n.bind(this),
       "data-hidden": this.$state.hidden,
       "data-error": this.#r.bind(this),
@@ -7078,7 +7078,7 @@ const wr = yi.prototype;
 T(wr, "video");
 class Tr extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     step: 25,
     keyStep: 25,
     shiftKeyMultiplier: 2,
@@ -7088,10 +7088,10 @@ class Tr extends b {
   static state = Et;
   #t;
   onSetup() {
-    this.#t = $(), z(qt, {
+    this.#t = $(), j(qt, {
       default: "percent",
       percent: (t, e) => V(this.$state.value(), e) + "%"
-    }), new j({
+    }), new Y({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
       roundValue: Math.round,
@@ -7105,7 +7105,7 @@ class Tr extends b {
     }).attach(this), l(this.#i.bind(this)), l(this.#a.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-audio-gain-slider", ""), C(t, "aria-label", "Audio Boost");
+    t.setAttribute("data-media-audio-gain-slider", ""), E(t, "aria-label", "Audio Boost");
     const { canSetAudioGain: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
@@ -7146,7 +7146,7 @@ class Tr extends b {
 }
 class kr extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     step: 0.25,
     keyStep: 0.25,
     shiftKeyMultiplier: 2,
@@ -7156,7 +7156,7 @@ class kr extends b {
   static state = Et;
   #t;
   onSetup() {
-    this.#t = $(), new j({
+    this.#t = $(), new Y({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
       roundValue: this.#n,
@@ -7170,7 +7170,7 @@ class kr extends b {
     }).attach(this), l(this.#i.bind(this)), l(this.#a.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-speed-slider", ""), C(t, "aria-label", "Speed");
+    t.setAttribute("data-media-speed-slider", ""), E(t, "aria-label", "Speed");
     const { canSetPlaybackRate: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
@@ -7215,7 +7215,7 @@ class kr extends b {
 }
 class Sr extends b {
   static props = {
-    ...j.props,
+    ...Y.props,
     step: 1,
     keyStep: 1,
     shiftKeyMultiplier: 1
@@ -7227,7 +7227,7 @@ class Sr extends b {
     return ni(t());
   });
   onSetup() {
-    this.#t = $(), new j({
+    this.#t = $(), new Y({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
       roundValue: Math.round,
@@ -7241,7 +7241,7 @@ class Sr extends b {
     }).attach(this), l(this.#a.bind(this)), l(this.#n.bind(this));
   }
   onAttach(t) {
-    t.setAttribute("data-media-quality-slider", ""), C(t, "aria-label", "Video Quality");
+    t.setAttribute("data-media-quality-slider", ""), E(t, "aria-label", "Video Quality");
     const { qualities: e, canSetQuality: s } = this.#t.$state, i = tt(() => s() && e().length > 0);
     this.setAttributes({
       "data-supported": i,
@@ -7322,7 +7322,7 @@ class bi extends b {
     if (this.#a = t, this.#s?.dispose(), this.#a.length === 1) {
       const e = this.#a[0];
       e.style.width = "100%", e.style.setProperty("--chapter-fill", "var(--slider-fill)"), e.style.setProperty("--chapter-progress", "var(--slider-progress)");
-    } else this.#a.length > 0 && te(() => this.#d(), this.#s = aa());
+    } else this.#a.length > 0 && Zt(() => this.#d(), this.#s = aa());
   }
   #c(t) {
     p(this.#n) !== t && (this.#u(), this.#n.set(t));
@@ -7548,7 +7548,7 @@ class ke extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#c.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = q(D));
+    this.#t = $(), U(D) && (this.#e = q(D));
     const { thumbnails: t } = this.$props;
     this.setAttributes({
       "data-thumbnails": () => !!t()
@@ -7601,7 +7601,7 @@ class ke extends b {
     this.#s.value = h.toString(), h >= 0 && ht(() => {
       if (!this.connectScope) return;
       const d = this.#a()[h], c = this.el.querySelector("[aria-checked='true']"), u = Math.max(n, d.startTime), m = Math.min(r, d.endTime) - u, g = Math.max(0, o - u) / m * 100;
-      c && W(c, "--progress", V(g, 3) + "%");
+      c && z(c, "--progress", V(g, 3) + "%");
     });
   }
   #l() {
@@ -7642,7 +7642,7 @@ class wi extends b {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = q(D));
+    this.#t = $(), U(D) && (this.#e = q(D));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#n.bind(this));
@@ -7714,7 +7714,7 @@ class Er extends b {
   #i = 0;
   #a = -1;
   #n(t) {
-    if (this.$props.disabled() || ms(t) && (t.button !== 0 || this.#t.activeMenu) || he(t) && this.#t.activeMenu || Qe(t) || !this.#o(t))
+    if (this.$props.disabled() || ms(t) && (t.button !== 0 || this.#t.activeMenu) || oe(t) && this.#t.activeMenu || Qe(t) || !this.#o(t))
       return;
     if (t.MEDIA_GESTURE = !0, t.preventDefault(), !p(this.$props.event)?.startsWith("dbl"))
       this.#i === 0 && setTimeout(() => {
@@ -7738,8 +7738,8 @@ class Er extends b {
   /** Validate event occurred in gesture bounds. */
   #o(t) {
     if (!this.el) return !1;
-    if (ms(t) || na(t) || he(t)) {
-      const e = he(t) ? t.changedTouches[0] ?? t.touches[0] : void 0, s = e?.clientX ?? t.clientX, i = e?.clientY ?? t.clientY, n = this.el.getBoundingClientRect(), r = i >= n.top && i <= n.bottom && s >= n.left && s <= n.right;
+    if (ms(t) || na(t) || oe(t)) {
+      const e = oe(t) ? t.changedTouches[0] ?? t.touches[0] : void 0, s = e?.clientX ?? t.clientX, i = e?.clientY ?? t.clientY, n = this.el.getBoundingClientRect(), r = i >= n.top && i <= n.bottom && s >= n.left && s <= n.right;
       return t.type.includes("leave") ? !r : r;
     }
     return !0;
@@ -7798,7 +7798,7 @@ class Ar {
     });
   }
 }
-class ct extends b {
+class dt extends b {
   static props = {
     textDir: "ltr",
     exampleText: "Captions look like this."
@@ -7814,14 +7814,14 @@ class ct extends b {
     t.style.setProperty("pointer-events", "none");
   }
   onConnect(t) {
-    ct.lib() || import("./prod-BoQuiIB3.js").then((e) => e.d).then((e) => ct.lib.set(e)), l(this.#s.bind(this));
+    dt.lib() || import("./prod-BoQuiIB3.js").then((e) => e.d).then((e) => dt.lib.set(e)), l(this.#s.bind(this));
   }
   #e() {
     const { textTrack: t, remotePlaybackState: e, iOSControls: s } = this.#t.$state, i = t();
     return s() || e() === "connected" || !i || !H(i);
   }
   #s() {
-    if (!ct.lib()) return;
+    if (!dt.lib()) return;
     const { viewType: t } = this.#t.$state;
     return t() === "audio" ? this.#i() : this.#o();
   }
@@ -7838,18 +7838,18 @@ class ct extends b {
   }
   #n() {
     this.el.textContent = "", this.#p >= 0 && this.#y();
-    const { realCurrentTime: t, textTrack: e } = this.#t.$state, { renderVTTCueString: s } = ct.lib(), i = p(t), n = p(e).activeCues;
+    const { realCurrentTime: t, textTrack: e } = this.#t.$state, { renderVTTCueString: s } = dt.lib(), i = p(t), n = p(e).activeCues;
     for (const r of n) {
       const o = this.#g(), h = this.#b();
       h.innerHTML = s(r, i), o.append(h), this.el.append(h);
     }
   }
   #r() {
-    const { realCurrentTime: t } = this.#t.$state, { updateTimedVTTCueNodes: e } = ct.lib();
+    const { realCurrentTime: t } = this.#t.$state, { updateTimedVTTCueNodes: e } = dt.lib();
     e(this.el, t());
   }
   #o() {
-    const { CaptionsRenderer: t } = ct.lib(), e = new t(this.el), s = new Ar(e);
+    const { CaptionsRenderer: t } = dt.lib(), e = new t(this.el), s = new Ar(e);
     return this.#t.textRenderers.add(s), l(this.#h.bind(this, e)), l(this.#l.bind(this, e)), this.#c(e), () => {
       this.el.textContent = "", this.#t.textRenderers.remove(s), e.destroy();
     };
@@ -7904,7 +7904,7 @@ class Mr extends b {
     alt: null,
     crossOrigin: null
   };
-  static state = new yt({
+  static state = new gt({
     img: null,
     src: null,
     alt: null,
@@ -7936,7 +7936,7 @@ class Mr extends b {
   }
   #s() {
     const { canLoadPoster: t, poster: e } = this.#t.$state;
-    !t() && e() && ee(e(), "preconnect");
+    !t() && e() && te(e(), "preconnect");
   }
   #i() {
     const { src: t } = this.$props, { poster: e, nativeControls: s } = this.#t.$state;
@@ -8022,7 +8022,7 @@ class Lr extends v(HTMLElement, ai) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-BGfLCdlb.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-4njHBpdi.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
@@ -8040,9 +8040,9 @@ class qr extends v(HTMLElement, Lt) {
 y(qr);
 y(Lr);
 var qe;
-const ge = window, _t = ge.trustedTypes, Es = _t ? _t.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Be = "$lit$", ut = `lit$${(Math.random() + "").slice(9)}$`, Ti = "?" + ut, _r = `<${Ti}>`, Pt = document, Yt = () => Pt.createComment(""), Xt = (a) => a === null || typeof a != "object" && typeof a != "function", ki = Array.isArray, Ir = (a) => ki(a) || typeof a?.[Symbol.iterator] == "function", _e = `[ 	
+const ge = window, _t = ge.trustedTypes, Es = _t ? _t.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Be = "$lit$", ct = `lit$${(Math.random() + "").slice(9)}$`, Ti = "?" + ct, _r = `<${Ti}>`, Pt = document, jt = () => Pt.createComment(""), Yt = (a) => a === null || typeof a != "object" && typeof a != "function", ki = Array.isArray, Ir = (a) => ki(a) || typeof a?.[Symbol.iterator] == "function", _e = `[ 	
 \f\r]`, Bt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, As = /-->/g, Ms = />/g, vt = RegExp(`>|${_e}(?:([^\\s"'>=/]+)(${_e}*=${_e}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ls = /'/g, qs = /"/g, Si = /^(?:script|style|textarea|title)$/i, Vr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Dr = Vr(1), Jt = /* @__PURE__ */ Symbol.for("lit-noChange"), R = /* @__PURE__ */ Symbol.for("lit-nothing"), _s = /* @__PURE__ */ new WeakMap(), Tt = Pt.createTreeWalker(Pt, 129, null, !1);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ls = /'/g, qs = /"/g, Si = /^(?:script|style|textarea|title)$/i, Vr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Dr = Vr(1), Xt = /* @__PURE__ */ Symbol.for("lit-noChange"), R = /* @__PURE__ */ Symbol.for("lit-nothing"), _s = /* @__PURE__ */ new WeakMap(), Tt = Pt.createTreeWalker(Pt, 129, null, !1);
 function Pi(a, t) {
   if (!Array.isArray(a) || !a.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Es !== void 0 ? Es.createHTML(t) : t;
@@ -8055,17 +8055,17 @@ const Rr = (a, t) => {
     let d, c, u = -1, m = 0;
     for (; m < h.length && (r.lastIndex = m, c = r.exec(h), c !== null); ) m = r.lastIndex, r === Bt ? c[1] === "!--" ? r = As : c[1] !== void 0 ? r = Ms : c[2] !== void 0 ? (Si.test(c[2]) && (i = RegExp("</" + c[2], "g")), r = vt) : c[3] !== void 0 && (r = vt) : r === vt ? c[0] === ">" ? (r = i ?? Bt, u = -1) : c[1] === void 0 ? u = -2 : (u = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? vt : c[3] === '"' ? qs : Ls) : r === qs || r === Ls ? r = vt : r === As || r === Ms ? r = Bt : (r = vt, i = void 0);
     const g = r === vt && a[o + 1].startsWith("/>") ? " " : "";
-    n += r === Bt ? h + _r : u >= 0 ? (s.push(d), h.slice(0, u) + Be + h.slice(u) + ut + g) : h + ut + (u === -2 ? (s.push(void 0), o) : g);
+    n += r === Bt ? h + _r : u >= 0 ? (s.push(d), h.slice(0, u) + Be + h.slice(u) + ct + g) : h + ct + (u === -2 ? (s.push(void 0), o) : g);
   }
   return [Pi(a, n + (a[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
-class Zt {
+class Jt {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
     let n = 0, r = 0;
     const o = t.length - 1, h = this.parts, [d, c] = Rr(t, e);
-    if (this.el = Zt.createElement(d, s), Tt.currentNode = this.el.content, e === 2) {
+    if (this.el = Jt.createElement(d, s), Tt.currentNode = this.el.content, e === 2) {
       const u = this.el.content, m = u.firstChild;
       m.remove(), u.append(...m.childNodes);
     }
@@ -8073,27 +8073,27 @@ class Zt {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) {
           const u = [];
-          for (const m of i.getAttributeNames()) if (m.endsWith(Be) || m.startsWith(ut)) {
+          for (const m of i.getAttributeNames()) if (m.endsWith(Be) || m.startsWith(ct)) {
             const g = c[r++];
             if (u.push(m), g !== void 0) {
-              const E = i.getAttribute(g.toLowerCase() + Be).split(ut), I = /([.?@])?(.*)/.exec(g);
-              h.push({ type: 1, index: n, name: I[2], strings: E, ctor: I[1] === "." ? Nr : I[1] === "?" ? Fr : I[1] === "@" ? Br : Se });
+              const C = i.getAttribute(g.toLowerCase() + Be).split(ct), I = /([.?@])?(.*)/.exec(g);
+              h.push({ type: 1, index: n, name: I[2], strings: C, ctor: I[1] === "." ? Nr : I[1] === "?" ? Fr : I[1] === "@" ? Br : Se });
             } else h.push({ type: 6, index: n });
           }
           for (const m of u) i.removeAttribute(m);
         }
         if (Si.test(i.tagName)) {
-          const u = i.textContent.split(ut), m = u.length - 1;
+          const u = i.textContent.split(ct), m = u.length - 1;
           if (m > 0) {
             i.textContent = _t ? _t.emptyScript : "";
-            for (let g = 0; g < m; g++) i.append(u[g], Yt()), Tt.nextNode(), h.push({ type: 2, index: ++n });
-            i.append(u[m], Yt());
+            for (let g = 0; g < m; g++) i.append(u[g], jt()), Tt.nextNode(), h.push({ type: 2, index: ++n });
+            i.append(u[m], jt());
           }
         }
       } else if (i.nodeType === 8) if (i.data === Ti) h.push({ type: 2, index: n });
       else {
         let u = -1;
-        for (; (u = i.data.indexOf(ut, u + 1)) !== -1; ) h.push({ type: 7, index: n }), u += ut.length - 1;
+        for (; (u = i.data.indexOf(ct, u + 1)) !== -1; ) h.push({ type: 7, index: n }), u += ct.length - 1;
       }
       n++;
     }
@@ -8105,9 +8105,9 @@ class Zt {
 }
 function It(a, t, e = a, s) {
   var i, n, r, o;
-  if (t === Jt) return t;
+  if (t === Xt) return t;
   let h = s !== void 0 ? (i = e._$Co) === null || i === void 0 ? void 0 : i[s] : e._$Cl;
-  const d = Xt(t) ? void 0 : t._$litDirective$;
+  const d = Yt(t) ? void 0 : t._$litDirective$;
   return h?.constructor !== d && ((n = h?._$AO) === null || n === void 0 || n.call(h, !1), d === void 0 ? h = void 0 : (h = new d(a), h._$AT(a, e, s)), s !== void 0 ? ((r = (o = e)._$Co) !== null && r !== void 0 ? r : o._$Co = [])[s] = h : e._$Cl = h), h !== void 0 && (t = It(a, h._$AS(a, t.values), h, s)), t;
 }
 class Or {
@@ -8128,7 +8128,7 @@ class Or {
     for (; d !== void 0; ) {
       if (o === d.index) {
         let c;
-        d.type === 2 ? c = new ae(r, r.nextSibling, this, t) : d.type === 1 ? c = new d.ctor(r, d.name, d.strings, this, t) : d.type === 6 && (c = new Gr(r, this, t)), this._$AV.push(c), d = i[++h];
+        d.type === 2 ? c = new ie(r, r.nextSibling, this, t) : d.type === 1 ? c = new d.ctor(r, d.name, d.strings, this, t) : d.type === 6 && (c = new Gr(r, this, t)), this._$AV.push(c), d = i[++h];
       }
       o !== d?.index && (r = Tt.nextNode(), o++);
     }
@@ -8139,7 +8139,7 @@ class Or {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class ae {
+class ie {
   constructor(t, e, s, i) {
     var n;
     this.type = 2, this._$AH = R, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cp = (n = i?.isConnected) === null || n === void 0 || n;
@@ -8160,7 +8160,7 @@ class ae {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = It(this, t, e), Xt(t) ? t === R || t == null || t === "" ? (this._$AH !== R && this._$AR(), this._$AH = R) : t !== this._$AH && t !== Jt && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ir(t) ? this.T(t) : this._(t);
+    t = It(this, t, e), Yt(t) ? t === R || t == null || t === "" ? (this._$AH !== R && this._$AR(), this._$AH = R) : t !== this._$AH && t !== Xt && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Ir(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -8169,11 +8169,11 @@ class ae {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== R && Xt(this._$AH) ? this._$AA.nextSibling.data = t : this.$(Pt.createTextNode(t)), this._$AH = t;
+    this._$AH !== R && Yt(this._$AH) ? this._$AA.nextSibling.data = t : this.$(Pt.createTextNode(t)), this._$AH = t;
   }
   g(t) {
     var e;
-    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Zt.createElement(Pi(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Jt.createElement(Pi(i.h, i.h[0]), this.options)), i);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n) this._$AH.v(s);
     else {
       const r = new Or(n, this), o = r.u(this.options);
@@ -8182,13 +8182,13 @@ class ae {
   }
   _$AC(t) {
     let e = _s.get(t.strings);
-    return e === void 0 && _s.set(t.strings, e = new Zt(t)), e;
+    return e === void 0 && _s.set(t.strings, e = new Jt(t)), e;
   }
   T(t) {
     ki(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, i = 0;
-    for (const n of t) i === e.length ? e.push(s = new ae(this.k(Yt()), this.k(Yt()), this, this.options)) : s = e[i], s._$AI(n), i++;
+    for (const n of t) i === e.length ? e.push(s = new ie(this.k(jt()), this.k(jt()), this, this.options)) : s = e[i], s._$AI(n), i++;
     i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -8216,11 +8216,11 @@ class Se {
   _$AI(t, e = this, s, i) {
     const n = this.strings;
     let r = !1;
-    if (n === void 0) t = It(this, t, e, 0), r = !Xt(t) || t !== this._$AH && t !== Jt, r && (this._$AH = t);
+    if (n === void 0) t = It(this, t, e, 0), r = !Yt(t) || t !== this._$AH && t !== Xt, r && (this._$AH = t);
     else {
       const o = t;
       let h, d;
-      for (t = n[0], h = 0; h < n.length - 1; h++) d = It(this, o[s + h], e, h), d === Jt && (d = this._$AH[h]), r || (r = !Xt(d) || d !== this._$AH[h]), d === R ? t = R : t !== R && (t += (d ?? "") + n[h + 1]), this._$AH[h] = d;
+      for (t = n[0], h = 0; h < n.length - 1; h++) d = It(this, o[s + h], e, h), d === Xt && (d = this._$AH[h]), r || (r = !Yt(d) || d !== this._$AH[h]), d === R ? t = R : t !== R && (t += (d ?? "") + n[h + 1]), this._$AH[h] = d;
     }
     r && !i && this.j(t);
   }
@@ -8251,7 +8251,7 @@ class Br extends Se {
   }
   _$AI(t, e = this) {
     var s;
-    if ((t = (s = It(this, t, e, 0)) !== null && s !== void 0 ? s : R) === Jt) return;
+    if ((t = (s = It(this, t, e, 0)) !== null && s !== void 0 ? s : R) === Xt) return;
     const i = this._$AH, n = t === R && i !== R || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== R && (i === R || n);
     n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -8272,14 +8272,14 @@ class Gr {
   }
 }
 const Is = ge.litHtmlPolyfillSupport;
-Is?.(Zt, ae), ((qe = ge.litHtmlVersions) !== null && qe !== void 0 ? qe : ge.litHtmlVersions = []).push("2.8.0");
+Is?.(Jt, ie), ((qe = ge.litHtmlVersions) !== null && qe !== void 0 ? qe : ge.litHtmlVersions = []).push("2.8.0");
 const Vs = (a, t, e) => {
   var s, i;
   const n = (s = e?.renderBefore) !== null && s !== void 0 ? s : t;
   let r = n._$litPart$;
   if (r === void 0) {
     const o = (i = e?.renderBefore) !== null && i !== void 0 ? i : null;
-    n._$litPart$ = r = new ae(t.insertBefore(Yt(), o), o, void 0, e ?? {});
+    n._$litPart$ = r = new ie(t.insertBefore(jt(), o), o, void 0, e ?? {});
   }
   return r._$AI(a), r;
 };
@@ -8413,7 +8413,7 @@ class co extends xi {
   #t;
   #e;
   onSetup() {
-    super.onSetup(), this.#t = $(), this.#e = Dt(se.state);
+    super.onSetup(), this.#t = $(), this.#e = Dt(ee.state);
   }
   onConnect() {
     super.onConnect(), l(this.#s.bind(this));
@@ -8445,7 +8445,7 @@ class mo extends v(HTMLElement, zn) {
 class fo extends v(HTMLElement, Yn) {
   static tagName = "media-volume-slider";
 }
-class go extends v(HTMLElement, ct) {
+class go extends v(HTMLElement, dt) {
   static tagName = "media-captions";
 }
 class yo extends v(HTMLElement, Er) {
@@ -8606,7 +8606,7 @@ class Do extends v(HTMLElement, wi) {
 class Ro extends v(HTMLElement, vi) {
   static tagName = "media-radio-group";
 }
-class Oo extends v(HTMLElement, se) {
+class Oo extends v(HTMLElement, ee) {
   static tagName = "media-slider";
 }
 const No = /* @__PURE__ */ zs(
@@ -8743,71 +8743,60 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
   __name: "controls-group",
   setup(a) {
     const { size: t } = ye("size");
-    return (e, s) => (G(), ft("media-controls-group", {
+    return (e, s) => (G(), mt("media-controls-group", {
       class: be(["controls-group", `controls-group--${ot(t)}`])
     }, [
       at("div", zo, [
-        pt(e.$slots, "default", {}, void 0, !0)
+        ut(e.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Yo = /* @__PURE__ */ dt(jo, [["__scopeId", "data-v-435a35bc"]]), Xo = /* @__PURE__ */ lt({
+}), Yo = /* @__PURE__ */ yt(jo, [["__scopeId", "data-v-435a35bc"]]), Xo = /* @__PURE__ */ lt({
   __name: "fullscreen-button",
   emits: ["toggle"],
   setup(a, { emit: t }) {
     const e = t;
-    return (s, i) => (G(), ft("media-fullscreen-button", {
+    return (s, i) => (G(), mt("media-fullscreen-button", {
       class: "fullscreen-button",
       onMediaEnterFullscreenRequest: i[0] || (i[0] = (n) => e("toggle", !0)),
       onMediaExitFullscreenRequest: i[1] || (i[1] = (n) => e("toggle", !1))
     }, [
-      U(jt, {
+      W(ue, {
         icon: "player-enter-fullscreen",
         color: "on-dark",
         class: "fullscreen-button__enter"
       }),
-      U(jt, {
+      W(ue, {
         icon: "player-exit-fullscreen",
         color: "on-dark",
         class: "fullscreen-button__exit"
       })
     ], 32));
   }
-}), Jo = /* @__PURE__ */ dt(Xo, [["__scopeId", "data-v-3dfe2495"]]), Zo = ["disabled"], th = /* @__PURE__ */ lt({
+}), Jo = /* @__PURE__ */ yt(Xo, [["__scopeId", "data-v-3dfe2495"]]), Zo = /* @__PURE__ */ lt({
   __name: "toggle-button",
   props: {
-    primaryIcon: {},
-    secondaryIcon: {},
+    icon: {},
     color: {},
     disabled: { type: Boolean }
   },
   emits: ["toggle"],
   setup(a, { emit: t }) {
-    const e = a, s = _i("toggleButton"), i = t, n = () => {
-      e.disabled || i("toggle", s.value.pressed);
+    const e = a, s = t, i = () => {
+      e.disabled || s("toggle");
     };
-    return (r, o) => (G(), ft("media-toggle-button", {
-      ref_key: "toggleButton",
-      ref: s,
+    return (n, r) => (G(), mt("div", {
       class: "toggle-button",
-      disabled: e.disabled,
-      onClick: n
+      onClick: i
     }, [
-      U(jt, {
-        icon: e.primaryIcon,
+      W(ue, {
+        icon: e.icon,
         color: e.color,
-        disabled: e.disabled,
-        class: "toggle-button__primary"
-      }, null, 8, ["icon", "color", "disabled"]),
-      U(jt, {
-        icon: e.secondaryIcon,
-        color: e.color,
-        disabled: e.disabled,
-        class: "toggle-button__secondary"
+        disabled: e.disabled
       }, null, 8, ["icon", "color", "disabled"])
-    ], 8, Zo));
+    ]));
   }
-}), eh = /* @__PURE__ */ dt(th, [["__scopeId", "data-v-e762a052"]]), sh = { class: "video-display-panel__head" }, ih = { class: "video-display-panel__title" }, ah = { class: "video-display-panel__controls" }, nh = /* @__PURE__ */ lt({
+}), th = { class: "video-display-panel__head" }, eh = { class: "video-display-panel__title" }, sh = { class: "video-display-panel__controls" }, ih = /* @__PURE__ */ lt({
   __name: "video-display-panel",
   props: {
     title: {},
@@ -8817,54 +8806,55 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
   },
   emits: ["close"],
   setup(a, { emit: t }) {
-    const { size: e, fullscreen: s, changeSize: i } = ye("size"), n = a, r = t, o = (u) => {
-      u ? e.value !== Y.LG && (s.value = !0, i(Y.LG)) : e.value === Y.LG && (d(), s.value = !1, i(Y.SM));
-    }, h = () => {
-      e.value === Y.SM ? i(Y.MD) : e.value === Y.MD ? i(Y.SM) : e.value === Y.LG && (d(), s.value = !1, i(Y.MD));
+    const { size: e, fullscreen: s, changeSize: i } = ye("size"), n = _i(
+      () => e.value === K.SM ? "expand" : "collapse"
+    ), r = a, o = t, h = (m) => {
+      m ? e.value !== K.LG && (s.value = !0, i(K.LG)) : e.value === K.LG && (c(), s.value = !1, i(K.SM));
     }, d = () => {
+      e.value === K.SM ? i(K.MD) : e.value === K.MD ? i(K.SM) : e.value === K.LG && (c(), s.value = !1, i(K.MD));
+    }, c = () => {
       document.fullscreenElement && document.exitFullscreen();
-    }, c = (u) => {
-      u.key === "Escape" && o(!1);
+    }, u = (m) => {
+      m.key === "Escape" && h(!1);
     };
     return Ii(() => {
       document.addEventListener("fullscreenchange", () => {
-        document.fullscreenElement || o(!1);
+        document.fullscreenElement || h(!1);
       }), Vi(() => {
-        document.removeEventListener("keyup", c);
+        document.removeEventListener("keyup", u);
       });
-    }), (u, m) => (G(), ft("media-controls-group", {
+    }), (m, g) => (G(), mt("media-controls-group", {
       class: be([`video-display-panel--${ot(e)}`, "video-display-panel controls-group"])
     }, [
-      at("div", sh, [
-        pt(u.$slots, "avatar", {}, () => [
-          n.username ? (G(), Ut(fa, {
+      at("div", th, [
+        ut(m.$slots, "avatar", {}, () => [
+          r.username ? (G(), Ut(fa, {
             key: 0,
-            username: n.username,
+            username: r.username,
             size: "sm",
             class: "video-display-panel__avatar"
           }, null, 8, ["username"])) : Kt("", !0)
         ], !0),
-        at("span", ih, Di(n.title || n.username), 1)
+        at("span", eh, Di(r.title || r.username), 1)
       ]),
-      at("div", ah, [
-        U(Jo, { onToggle: o }),
-        n.hideExpand ? Kt("", !0) : (G(), Ut(eh, {
+      at("div", sh, [
+        W(Jo, { onToggle: h }),
+        r.hideExpand ? Kt("", !0) : (G(), Ut(Zo, {
           key: 0,
-          "primary-icon": "expand",
-          "secondary-icon": "collapse",
+          icon: n.value,
           color: "on-dark",
-          onToggle: h
-        })),
-        n.closable ? (G(), Ut(jt, {
+          onToggle: d
+        }, null, 8, ["icon"])),
+        r.closable ? (G(), Ut(ue, {
           key: 1,
           icon: "close",
           color: "on-dark",
-          onClick: m[0] || (m[0] = (g) => r("close"))
+          onClick: g[0] || (g[0] = (C) => o("close"))
         })) : Kt("", !0)
       ])
     ], 2));
   }
-}), rh = /* @__PURE__ */ dt(nh, [["__scopeId", "data-v-bb1a9cc4"]]), oh = { class: "video-display-panel-wrapper" }, hh = { class: "video-layout-content" }, lh = { class: "video-layout-controls" }, dh = /* @__PURE__ */ lt({
+}), ah = /* @__PURE__ */ yt(ih, [["__scopeId", "data-v-617f1fa9"]]), nh = { class: "video-display-panel-wrapper" }, rh = { class: "video-layout-content" }, oh = { class: "video-layout-controls" }, hh = /* @__PURE__ */ lt({
   __name: "video-layout",
   props: {
     title: {},
@@ -8877,11 +8867,11 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
   emits: ["close-player", "close-session", "make-screenshot", "toggle-record"],
   setup(a, { emit: t }) {
     const { size: e } = ye("size"), s = a, i = t;
-    return (n, r) => (G(), ft("media-controls", {
+    return (n, r) => (G(), mt("media-controls", {
       class: be(["video-layout controls", `video-layout--${ot(e)}`])
     }, [
-      at("div", oh, [
-        s.hideVideoDisplayPanel ? Kt("", !0) : (G(), Ut(rh, {
+      at("div", nh, [
+        s.hideVideoDisplayPanel ? Kt("", !0) : (G(), Ut(ah, {
           key: 0,
           title: s.title,
           username: s.username,
@@ -8892,30 +8882,30 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           n.$slots.avatar ? {
             name: "avatar",
             fn: Qt(() => [
-              pt(n.$slots, "avatar", {}, void 0, !0)
+              ut(n.$slots, "avatar", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["title", "username", "closable", "hide-expand"]))
       ]),
-      at("media-controls-group", hh, [
-        pt(n.$slots, "content", {}, void 0, !0)
+      at("media-controls-group", rh, [
+        ut(n.$slots, "content", {}, void 0, !0)
       ]),
-      at("div", lh, [
-        s.hideControlsPanel ? Kt("", !0) : pt(n.$slots, "controls-panel", { key: 0 }, () => [
-          U(ot(vh))
+      at("div", oh, [
+        s.hideControlsPanel ? Kt("", !0) : ut(n.$slots, "controls-panel", { key: 0 }, () => [
+          W(ot(yh))
         ], !0)
       ])
     ], 2));
   }
-}), ch = /* @__PURE__ */ dt(dh, [["__scopeId", "data-v-5e27fce0"]]), uh = { class: "play-button" }, ph = /* @__PURE__ */ lt({
+}), lh = /* @__PURE__ */ yt(hh, [["__scopeId", "data-v-5e27fce0"]]), dh = { class: "play-button" }, ch = /* @__PURE__ */ lt({
   __name: "play-button",
   setup(a) {
     const { size: t } = ye("size");
     return (e, s) => {
       const i = Ri("wt-button");
-      return G(), ft("media-play-button", uh, [
-        U(i, {
+      return G(), mt("media-play-button", dh, [
+        W(i, {
           size: ot(t),
           variant: "outlined",
           color: "secondary",
@@ -8925,7 +8915,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           "contains-icon": "",
           class: "play-button__play-icon"
         }, null, 8, ["size"]),
-        U(i, {
+        W(i, {
           size: ot(t),
           variant: "outlined",
           color: "secondary",
@@ -8938,26 +8928,26 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
       ]);
     };
   }
-}), mh = /* @__PURE__ */ dt(ph, [["__scopeId", "data-v-b5fb70ec"]]), fh = { class: "time-slider media-slider" }, gh = /* @__PURE__ */ lt({
+}), uh = /* @__PURE__ */ yt(ch, [["__scopeId", "data-v-b5fb70ec"]]), ph = { class: "time-slider media-slider" }, mh = /* @__PURE__ */ lt({
   __name: "time-slider",
   setup(a) {
-    return (t, e) => (G(), ft("media-time-slider", fh, [
-      U(ga, { class: "time-slider__slider" })
+    return (t, e) => (G(), mt("media-time-slider", ph, [
+      W(ga, { class: "time-slider__slider" })
     ]));
   }
-}), yh = /* @__PURE__ */ dt(gh, [["__scopeId", "data-v-fbc2d9f8"]]), bh = /* @__PURE__ */ lt({
+}), fh = /* @__PURE__ */ yt(mh, [["__scopeId", "data-v-fbc2d9f8"]]), gh = /* @__PURE__ */ lt({
   __name: "playback-controls-panel",
   setup(a) {
     return (t, e) => (G(), Ut(ot(Yo), { class: "playback-control-panel" }, {
       default: Qt(() => [
-        U(mh),
-        U(yh),
-        U(la)
+        W(uh),
+        W(fh),
+        W(la)
       ], void 0, !0),
       _: 1
     }));
   }
-}), vh = /* @__PURE__ */ dt(bh, [["__scopeId", "data-v-e27c3292"]]), $h = ["autoplay", "muted", "src"], wh = /* @__PURE__ */ lt({
+}), yh = /* @__PURE__ */ yt(gh, [["__scopeId", "data-v-e27c3292"]]), bh = ["autoplay", "muted", "src"], vh = /* @__PURE__ */ lt({
   __name: "wt-vidstack-player",
   props: {
     src: {},
@@ -8979,7 +8969,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
   },
   emits: ["close", "change-size"],
   setup(a, { emit: t }) {
-    const e = a, s = t, i = us(e.size || Y.SM), n = us(!1);
+    const e = a, s = t, i = us(e.size || K.SM), n = us(!1);
     Oi("size", {
       size: i,
       fullscreen: n,
@@ -8994,7 +8984,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
     }), u = (m) => {
       e.autoplay && m.target?.play();
     };
-    return (m, g) => (G(), ft("div", {
+    return (m, g) => (G(), mt("div", {
       class: be([[
         `wt-vidstack-player--${i.value}`,
         `wt-vidstack-player-video-object-fit--${e.videoObjectFit}`,
@@ -9012,11 +9002,11 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
         class: "wt-vidstack-player__player",
         "cross-origin": "",
         playsinline: "",
-        onClose: g[1] || (g[1] = (E) => s("close")),
+        onClose: g[1] || (g[1] = (C) => s("close")),
         onCanPlay: u
       }, [
         g[2] || (g[2] = at("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
-        U(ot(ch), {
+        W(ot(lh), {
           autoplay: e.autoplay,
           closable: e.closable,
           "hide-controls-panel": e.hideControlsPanel,
@@ -9024,30 +9014,30 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           "hide-video-display-panel": e.hideVideoDisplayPanel,
           title: e.title,
           username: e.username,
-          onClosePlayer: g[0] || (g[0] = (E) => s("close"))
+          onClosePlayer: g[0] || (g[0] = (C) => s("close"))
         }, Ds({
           "controls-panel": Qt(() => [
-            pt(m.$slots, "controls-panel", { size: i.value }, void 0, !0)
+            ut(m.$slots, "controls-panel", { size: i.value }, void 0, !0)
           ]),
           content: Qt(() => [
-            pt(m.$slots, "content", { size: i.value }, void 0, !0)
+            ut(m.$slots, "content", { size: i.value }, void 0, !0)
           ]),
           _: 2
         }, [
           m.$slots.avatar ? {
             name: "avatar",
             fn: Qt(() => [
-              pt(m.$slots, "avatar", {}, void 0, !0)
+              ut(m.$slots, "avatar", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["autoplay", "closable", "hide-controls-panel", "hide-expand", "hide-video-display-panel", "title", "username"])
-      ], 40, $h)
+      ], 40, bh)
     ], 2));
   }
-}), Th = /* @__PURE__ */ dt(wh, [["__scopeId", "data-v-c2776ce5"]]), Ih = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $h = /* @__PURE__ */ yt(vh, [["__scopeId", "data-v-c2776ce5"]]), Lh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Th
+  default: $h
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   x as L,
@@ -9057,10 +9047,10 @@ export {
   k as b,
   js as c,
   xe as d,
-  le as e,
-  Ch as f,
+  he as e,
+  Ph as f,
   Ka as g,
-  Eh as l,
-  ee as p,
-  Ih as w
+  xh as l,
+  te as p,
+  Lh as w
 };