@webitel/ui-sdk 26.6.1 → 26.6.3

package/dist/{wt-vidstack-player-iT3S0wnv.js → wt-vidstack-player-DmD7s58v.js}

@@ -1,18 +1,18 @@
-import { defineComponent as lt, inject as Zt, createElementBlock as mt, openBlock as U, normalizeClass as te, unref as Z, createElementVNode as nt, renderSlot as ut, createVNode as W, computed as Ds, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Rs, withCtx as Qt, resolveComponent as Ri, useTemplateRef as Oi, ref as us, provide as Ni, toRefs as Hi } from "vue";
-import { a as _, c as ft, i as G, b as Ve, d as S, e as rt, f as De, l as O, s as ee, g as Os, E as Ns, D as q, h as z, o as P, j as Fi, k as f, m as l, n as L, p as Hs, q as Bi, r as de, t as j, V as tt, v as w, C as b, S as gt, w as Vt, x as p, y as ot, z as Y, I as Fs, A as Gi, B as Ui, F as st, G as Ue, H as Bs, J as ps, K as Ke, L as Gs, M as kt, N as Qe, O as pe, P as Ki, Q as Ct, R as Qi, U as zi, W as Wi, X as ji, Y as Yi, Z as Xi, _ as Ji, $ as Zi, a0 as ta, a1 as Us, a2 as T, a3 as I, a4 as me, a5 as ea, a6 as Dt, a7 as K, a8 as sa, a9 as ia, aa, ab as na, ac as ms, ad as ra, ae as oa, af as v, ag as y, ah as ha, ai as la, T as da, u as ca } from "./useVidstackSrc-BhJoOoEq.js";
-import { T as ua, U as pa, V as ma, X as fa, _ as yt, Q as fe, C as Q, Y as ga } from "./install-PDJJDxnH.js";
+import { defineComponent as ut, inject as se, createElementBlock as yt, openBlock as U, normalizeClass as ie, unref as et, createElementVNode as ht, renderSlot as ft, createVNode as W, computed as Hs, onMounted as Ii, onBeforeUnmount as Vi, createBlock as zt, createCommentVNode as Wt, toDisplayString as Di, createSlots as Fs, withCtx as jt, resolveComponent as Ri, useTemplateRef as Oi, ref as gs, provide as Ni, toRefs as Hi } from "vue";
+import { a as q, c as bt, i as G, b as Ne, d as S, e as lt, f as He, l as N, s as ae, g as Bs, E as Gs, D as L, h as z, o as P, j as Fi, k as f, m as l, n as M, p as Us, q as Bi, r as pe, t as j, V as st, v as w, C as b, S as vt, w as Ot, x as p, y as dt, z as Y, I as Ks, A as Gi, B as Ui, F as at, G as We, H as Qs, J as ys, K as je, L as zs, M as Ct, N as Ye, O as ge, P as Ki, Q as At, R as Qi, U as zi, W as Wi, X as ji, Y as Yi, Z as Xi, _ as Ji, $ as Zi, a0 as ta, a1 as Ws, a2 as T, a3 as I, a4 as ye, a5 as ea, a6 as Nt, a7 as K, a8 as sa, a9 as ia, aa, ab as na, ac as bs, ad as ra, ae as oa, af as v, ag as y, ah as ha, ai as la, T as da, u as ca } from "./useVidstackSrc-C6hUWIuE.js";
+import { T as ua, U as pa, V as ma, X as fa, _ as $t, Q as be, C as Q, Y as ga } from "./install-rysuPEjF.js";
 import { _ as ya } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
-const Ks = ft();
+const js = bt();
 function $() {
-  return _(Ks);
+  return q(js);
 }
-class ce {
+class me {
   #t;
   get length() {
     return this.#t.length;
   }
   constructor(t, e) {
-    G(t) ? this.#t = t : !Ve(t) && !Ve(e) ? this.#t = [[t, e]] : this.#t = [];
+    G(t) ? this.#t = t : !Ne(t) && !Ne(e) ? this.#t = [[t, e]] : this.#t = [];
   }
   start(t) {
     return this.#t[t][0] ?? 1 / 0;
@@ -21,7 +21,7 @@ class ce {
     return this.#t[t][1] ?? 1 / 0;
   }
 }
-function fs(a) {
+function vs(a) {
   if (!a.length) return null;
   let t = a.start(0);
   for (let e = 1; e < a.length; e++) {
@@ -30,7 +30,7 @@ function fs(a) {
   }
   return t;
 }
-function $t(a) {
+function kt(a) {
   if (!a.length) return null;
   let t = a.end(0);
   for (let e = 1; e < a.length; e++) {
@@ -60,34 +60,34 @@ function Ch(a, t) {
     e.searchParams.set(s, t[s] + "");
   return e.toString();
 }
-function se(a, t = "preconnect") {
+function ne(a, t = "preconnect") {
   const e = document.querySelector(`link[href="${a}"]`);
-  if (!rt(e)) return !0;
+  if (!lt(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 = {};
+const Gt = {};
 function xh(a) {
-  if (Ht[a]) return Ht[a].promise;
-  const t = De(), e = document.querySelector(`script[src="${a}"]`);
-  if (!rt(e))
+  if (Gt[a]) return Gt[a].promise;
+  const t = He(), e = document.querySelector(`script[src="${a}"]`);
+  if (!lt(e))
     return t.resolve(), t.promise;
-  Ht[a] = t;
+  Gt[a] = t;
   const s = document.createElement("script");
   return s.src = a, s.onload = () => {
-    t.resolve(), delete Ht[a];
+    t.resolve(), delete Gt[a];
   }, s.onerror = () => {
-    t.reject(), delete Ht[a];
+    t.reject(), delete Gt[a];
   }, setTimeout(() => document.head.append(s), 0), t.promise;
 }
-function zt(a) {
+function Yt(a) {
   return a === "use-credentials" ? "include" : S(a) ? "same-origin" : void 0;
 }
-function Re(a, t) {
+function Fe(a, t) {
   return t >= a.startTime && t < a.endTime;
 }
-function $e(a, t, e) {
-  let s = null, i = Os();
+function ke(a, t, e) {
+  let s = null, i = Bs();
   function n() {
     const r = S(t) ? [t] : t, o = a.toArray().find((h) => r.includes(h.kind) && h.mode === "showing");
     if (o !== s) {
@@ -95,8 +95,8 @@ function $e(a, t, e) {
         e(null), s = null;
         return;
       }
-      o.readyState == 2 ? e(o) : (e(null), ee(() => {
-        const h = O(
+      o.readyState == 2 ? e(o) : (e(null), ae(() => {
+        const h = N(
           o,
           "load",
           () => {
@@ -107,10 +107,10 @@ function $e(a, t, e) {
       }, i)), s = o;
     }
   }
-  return n(), O(a, "mode-change", n);
+  return n(), N(a, "mode-change", n);
 }
 function $a(a, t, e) {
-  $e(a, t, (s) => {
+  ke(a, t, (s) => {
     if (!s) {
       e("");
       return;
@@ -119,7 +119,7 @@ function $a(a, t, e) {
       const n = s?.activeCues[0];
       e(n?.text || "");
     };
-    i(), O(s, "cue-change", i);
+    i(), N(s, "cue-change", i);
   });
 }
 const wa = /* @__PURE__ */ Symbol(0), Ta = /* @__PURE__ */ Symbol(0), ka = /* @__PURE__ */ Symbol(0), Sa = /* @__PURE__ */ Symbol(0), Pa = /* @__PURE__ */ Symbol(0), Ca = /* @__PURE__ */ Symbol(0), xa = /* @__PURE__ */ Symbol(0), k = {
@@ -131,7 +131,7 @@ const wa = /* @__PURE__ */ Symbol(0), Ta = /* @__PURE__ */ Symbol(0), ka = /* @_
   native: Ca,
   nativeHLS: xa
 };
-class ge extends Ns {
+class ve extends Gs {
   static createId(t) {
     return `vds-${t.type}-${t.kind}-${t.src ?? t.label ?? "?"}`;
   }
@@ -194,17 +194,17 @@ class ge extends Ns {
   addCue(t, e) {
     let s = 0, i = this.#n.length;
     for (s = 0; s < i && !(t.endTime <= this.#n[s].startTime); s++) ;
-    s === i ? this.#n.push(t) : this.#n.splice(s, 0, t), t instanceof TextTrackCue || this[k.native]?.track.addCue(t), this.dispatchEvent(new q("add-cue", { detail: t, trigger: e })), Re(t, this.#e) && this[k.updateActiveCues](this.#e, e);
+    s === i ? this.#n.push(t) : this.#n.splice(s, 0, t), t instanceof TextTrackCue || this[k.native]?.track.addCue(t), this.dispatchEvent(new L("add-cue", { detail: t, trigger: e })), Fe(t, this.#e) && this[k.updateActiveCues](this.#e, e);
   }
   removeCue(t, e) {
     const s = this.#n.indexOf(t);
     if (s >= 0) {
       const i = this.#r.includes(t);
-      this.#n.splice(s, 1), this[k.native]?.track.removeCue(t), this.dispatchEvent(new q("remove-cue", { detail: t, trigger: e })), i && this[k.updateActiveCues](this.#e, e);
+      this.#n.splice(s, 1), this[k.native]?.track.removeCue(t), this.dispatchEvent(new L("remove-cue", { detail: t, trigger: e })), i && this[k.updateActiveCues](this.#e, e);
     }
   }
   setMode(t, e) {
-    this.#s !== t && (this.#s = t, t === "disabled" ? (this.#r = [], this.#d()) : this.readyState === 2 ? this[k.updateActiveCues](this.#e, e) : this.#h(), this.dispatchEvent(new q("mode-change", { detail: this, trigger: e })), this[k.onModeChange]?.());
+    this.#s !== t && (this.#s = t, t === "disabled" ? (this.#r = [], this.#d()) : this.readyState === 2 ? this[k.updateActiveCues](this.#e, e) : this.#h(), this.dispatchEvent(new L("mode-change", { detail: this, trigger: e })), this[k.onModeChange]?.());
   }
   /** @internal */
   [k.updateActiveCues](t, e) {
@@ -212,7 +212,7 @@ class ge extends Ns {
     const s = [];
     for (let n = 0, r = this.#n.length; n < r; n++) {
       const o = this.#n[n];
-      Re(o, t) && s.push(o);
+      Fe(o, t) && s.push(o);
     }
     let i = s.length !== this.#r.length;
     if (!i) {
@@ -237,14 +237,14 @@ class ge extends Ns {
   }
   async #h() {
     if (!(!this.#t || this[k.readyState] > 0)) {
-      if (this[k.readyState] = 1, this.dispatchEvent(new q("load-start")), !this.src) {
+      if (this[k.readyState] = 1, this.dispatchEvent(new L("load-start")), !this.src) {
         this.#l();
         return;
       }
       try {
         const { parseResponse: t, VTTCue: e, VTTRegion: s } = await import("./prod-BoQuiIB3.js").then((r) => r.d), i = this[k.crossOrigin]?.(), n = fetch(this.src, {
           headers: this.type === "json" ? { "Content-Type": "application/json" } : void 0,
-          credentials: zt(i)
+          credentials: Yt(i)
         });
         if (this.type === "json")
           this.#u(await (await n).text(), e, s);
@@ -269,11 +269,11 @@ class ge extends Ns {
       if (e && !e.managed)
         for (const s of this.#n) e.track.addCue(s);
     }
-    const t = new q("load");
+    const t = new L("load");
     this[k.updateActiveCues](this.#e, t), this.dispatchEvent(t);
   }
   #c(t) {
-    this[k.readyState] = 3, this.dispatchEvent(new q("error", { detail: t }));
+    this[k.readyState] = 3, this.dispatchEvent(new L("error", { detail: t }));
   }
   #u(t, e, s) {
     try {
@@ -284,7 +284,7 @@ class ge extends Ns {
     }
   }
   #d(t) {
-    this.dispatchEvent(new q("cue-change", { trigger: t }));
+    this.dispatchEvent(new L("cue-change", { trigger: t }));
   }
 }
 const Ea = /captions|subtitles/;
@@ -306,25 +306,25 @@ const Ma = /* @__PURE__ */ Symbol(0), La = /* @__PURE__ */ Symbol(0), qa = /* @_
   onReset: Da,
   onRemove: Ra,
   onUserSelect: Oa
-}, Na = /* @__PURE__ */ Symbol(0), Ha = /* @__PURE__ */ Symbol(0), J = {
+}, Na = /* @__PURE__ */ Symbol(0), Ha = /* @__PURE__ */ Symbol(0), tt = {
   setAuto: Na,
   enableAuto: Ha
 };
-function xe(a) {
+function Le(a) {
   return a instanceof Error ? a : Error(typeof a == "string" ? a : JSON.stringify(a));
 }
-function it(a, t) {
+function rt(a, t) {
   if (!a)
     throw Error("Assertion failed.");
 }
-function gs(a, t) {
+function $s(a, t) {
   const e = t.composedPath()[0];
   return Bi(e) && a.contains(e);
 }
-const Oe = /* @__PURE__ */ new Set();
+const Be = /* @__PURE__ */ new Set();
 {
   let a = function() {
-    for (const t of Oe)
+    for (const t of Be)
       try {
         t();
       } catch {
@@ -334,12 +334,12 @@ const Oe = /* @__PURE__ */ new Set();
   a();
 }
 function Fa(a) {
-  return Oe.add(a), () => Oe.delete(a);
+  return Be.add(a), () => Be.delete(a);
 }
 function E(a, t, e) {
   a.hasAttribute(t) || a.setAttribute(t, e);
 }
-function bt(a, t) {
+function wt(a, t) {
   if (a.hasAttribute("aria-label") || a.hasAttribute("data-no-label")) return;
   if (!Fi(t)) {
     f(a, "aria-label", t);
@@ -350,17 +350,17 @@ function bt(a, t) {
   }
   l(e);
 }
-function Qs(a) {
+function Ys(a) {
   const t = getComputedStyle(a);
   return t.display !== "none" && parseInt(t.opacity) > 0;
 }
 function Ba(a) {
-  return !!a && ("checkVisibility" in a ? a.checkVisibility({ checkOpacity: !0, checkVisibilityCSS: !0 }) : Qs(a));
+  return !!a && ("checkVisibility" in a ? a.checkVisibility({ checkOpacity: !0, checkVisibilityCSS: !0 }) : Ys(a));
 }
-function zs(a, t) {
+function Xs(a, t) {
   return Fa(() => t(Ba(a)));
 }
-function Ws(a, t, e) {
+function Js(a, t, e) {
   for (; t; ) {
     if (t === a)
       return !0;
@@ -370,25 +370,25 @@ function Ws(a, t, e) {
   }
   return !1;
 }
-function pt(a, t) {
-  return new L(a).add("pointerup", (e) => {
+function gt(a, t) {
+  return new M(a).add("pointerup", (e) => {
     e.button === 0 && !e.defaultPrevented && t(e);
   }).add("keydown", (e) => {
-    Hs(e) && t(e);
+    Us(e) && t(e);
   });
 }
-function ze(a) {
-  return de(a) && (a.touches.length > 1 || a.changedTouches.length > 1);
+function Xe(a) {
+  return pe(a) && (a.touches.length > 1 || a.changedTouches.length > 1);
 }
-function ht(a) {
-  let t = Os(), e = window.requestAnimationFrame(() => {
-    ee(a, t), e = -1;
+function ct(a) {
+  let t = Bs(), e = window.requestAnimationFrame(() => {
+    ae(a, t), e = -1;
   });
   return () => {
     window.cancelAnimationFrame(e);
   };
 }
-function We(a, t, e) {
+function Je(a, t, e) {
   let s, i = a, n = a.parentElement, r = a.content.firstElementChild, o = [];
   !r && a.firstElementChild && (a.innerHTML = a.firstElementChild.outerHTML, a.firstElementChild.remove(), r = a.content.firstElementChild);
   for (let h = 0; h < t; h++)
@@ -397,14 +397,14 @@ function We(a, t, e) {
     for (let h = 0; h < o.length; h++) o[h].remove();
   }), o;
 }
-function js(a) {
+function Zs(a) {
   const t = document.createElement("template");
   return t.innerHTML = a, t.content;
 }
-function Ys(a) {
+function ti(a) {
   return a.cloneNode(!0).firstElementChild;
 }
-function Xs(a, t, e, {
+function ei(a, t, e, {
   offsetVarName: s,
   xOffset: i,
   yOffset: n,
@@ -443,69 +443,69 @@ function Xs(a, t, e, {
 function Ga(a) {
   return getComputedStyle(a).animationName !== "none";
 }
-function St(a) {
+function xt(a) {
   return a instanceof HTMLElement;
 }
 function Ua(a) {
   return a ? "true" : "false";
 }
-function N(a) {
+function H(a) {
   return () => Ua(a());
 }
 function Ka() {
   return typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function V(a, t = 2) {
+function D(a, t = 2) {
   return Number(a.toFixed(t));
 }
 function Qa(a) {
   return String(a).split(".")[1]?.length ?? 0;
 }
-function je(a, t, e) {
+function Ze(a, t, e) {
   return Math.max(a, Math.min(e, t));
 }
-let ye = w(!1);
-O(document, "pointerdown", () => {
-  ye.set(!1);
-}), O(document, "keydown", (a) => {
-  a.metaKey || a.altKey || a.ctrlKey || ye.set(!0);
+let $e = w(!1);
+N(document, "pointerdown", () => {
+  $e.set(!1);
+}), N(document, "keydown", (a) => {
+  a.metaKey || a.altKey || a.ctrlKey || $e.set(!0);
 });
-class et extends tt {
+class it extends st {
   #t = w(!1);
   onConnect(t) {
     l(() => {
-      const e = new L(t);
-      if (!ye()) {
-        this.#t.set(!1), he(t, !1), e.add("pointerenter", this.#i.bind(this)).add("pointerleave", this.#a.bind(this));
+      const e = new M(t);
+      if (!$e()) {
+        this.#t.set(!1), ce(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), he(t, s), e.add("focus", this.#e.bind(this)).add("blur", this.#s.bind(this));
+      this.#t.set(s), ce(t, s), e.add("focus", this.#e.bind(this)).add("blur", this.#s.bind(this));
     });
   }
   focused() {
     return this.#t();
   }
   #e() {
-    this.#t.set(!0), he(this.el, !0);
+    this.#t.set(!0), ce(this.el, !0);
   }
   #s() {
-    this.#t.set(!1), he(this.el, !1);
+    this.#t.set(!1), ce(this.el, !1);
   }
   #i() {
-    ys(this.el, !0);
+    ws(this.el, !0);
   }
   #a() {
-    ys(this.el, !1);
+    ws(this.el, !1);
   }
 }
-function he(a, t) {
+function ce(a, t) {
   f(a, "data-focus", t), f(a, "data-hocus", t);
 }
-function ys(a, t) {
+function ws(a, t) {
   f(a, "data-hocus", t), f(a, "data-hover", t);
 }
-class Js extends Ns {
+class si extends Gs {
   items = [];
   /** @internal */
   [x.readonly] = !1;
@@ -543,12 +543,12 @@ class Js extends Ns {
       get() {
         return this.items[s];
       }
-    }), !this.items.includes(t) && (this.items.push(t), this.dispatchEvent(new q("add", { detail: t, trigger: e })));
+    }), !this.items.includes(t) && (this.items.push(t), this.dispatchEvent(new L("add", { detail: t, trigger: e })));
   }
   /** @internal */
   [x.remove](t, e) {
     const s = this.items.indexOf(t);
-    s >= 0 && (this[x.onRemove]?.(t, e), this.items.splice(s, 1), this.dispatchEvent(new q("remove", { detail: t, trigger: e })));
+    s >= 0 && (this[x.onRemove]?.(t, e), this.items.splice(s, 1), this.dispatchEvent(new L("remove", { detail: t, trigger: e })));
   }
   /** @internal */
   [x.reset](t) {
@@ -557,11 +557,11 @@ class Js extends Ns {
   }
   /** @internal */
   [x.setReadonly](t, e) {
-    this[x.readonly] !== t && (this[x.readonly] = t, this.dispatchEvent(new q("readonly-change", { detail: t, trigger: e })));
+    this[x.readonly] !== t && (this[x.readonly] = t, this.dispatchEvent(new L("readonly-change", { detail: t, trigger: e })));
   }
 }
-const Ne = kt.fullscreenEnabled;
-class za extends tt {
+const Ge = Ct.fullscreenEnabled;
+class za extends st {
   /**
    * Tracks whether we're the active fullscreen event listener. Fullscreen events can only be
    * listened to globally on the document so we need to know if they relate to the current host
@@ -573,16 +573,16 @@ class za extends tt {
     return this.#e;
   }
   get supported() {
-    return Ne;
+    return Ge;
   }
   onConnect() {
-    new L(kt).add("fullscreenchange", this.#i.bind(this)).add("fullscreenerror", this.#a.bind(this)), P(this.#s.bind(this));
+    new M(Ct).add("fullscreenchange", this.#i.bind(this)).add("fullscreenerror", this.#a.bind(this)), P(this.#s.bind(this));
   }
   async #s() {
-    Ne && await this.exit();
+    Ge && await this.exit();
   }
   #i(t) {
-    const e = Ee(this.el);
+    const e = qe(this.el);
     e !== this.#e && (e || (this.#t = !1), this.#e = e, this.dispatch("fullscreen-change", { detail: e, trigger: t }));
   }
   #a(t) {
@@ -590,34 +590,34 @@ class za extends tt {
   }
   async enter() {
     try {
-      return this.#t = !0, !this.el || Ee(this.el) ? void 0 : (bs(), kt.requestFullscreen(this.el));
+      return this.#t = !0, !this.el || qe(this.el) ? void 0 : (Ts(), Ct.requestFullscreen(this.el));
     } catch (t) {
       throw this.#t = !1, t;
     }
   }
   async exit() {
-    if (!(!this.el || !Ee(this.el)))
-      return bs(), kt.exitFullscreen();
+    if (!(!this.el || !qe(this.el)))
+      return Ts(), Ct.exitFullscreen();
   }
 }
-function Ee(a) {
-  if (kt.fullscreenElement === a) return !0;
+function qe(a) {
+  if (Ct.fullscreenElement === a) return !0;
   try {
     return a.matches(
       // @ts-expect-error - `fullscreenPseudoClass` is missing from `@types/fscreen`.
-      kt.fullscreenPseudoClass
+      Ct.fullscreenPseudoClass
     );
   } catch {
     return !1;
   }
 }
-function bs() {
-  if (!Ne)
+function Ts() {
+  if (!Ge)
     throw Error(
       "[vidstack] no fullscreen API"
     );
 }
-class we extends tt {
+class Se extends st {
   #t = w(this.#r());
   #e = w(!1);
   #s;
@@ -660,16 +660,16 @@ class we extends tt {
   /**
    * Whether the native Screen Orientation API is available.
    */
-  static supported = Gs();
+  static supported = zs();
   /**
    * Whether the native Screen Orientation API is available.
    */
   get supported() {
-    return we.supported;
+    return Se.supported;
   }
   onConnect() {
     if (this.supported)
-      O(screen.orientation, "change", this.#a.bind(this));
+      N(screen.orientation, "change", this.#a.bind(this));
     else {
       const t = window.matchMedia("(orientation: landscape)");
       t.onchange = this.#a.bind(this), P(() => t.onchange = null);
@@ -721,10 +721,10 @@ class we extends tt {
     return this.supported ? window.screen.orientation.type : window.innerWidth >= window.innerHeight ? "landscape-primary" : "portrait-primary";
   }
 }
-function He(a) {
+function Ue(a) {
   return !S(a) && "width" in a && "height" in a && z(a.width) && z(a.height);
 }
-const Zs = new gt({
+const ii = new vt({
   artist: "",
   artwork: null,
   audioTrack: null,
@@ -732,18 +732,18 @@ const Zs = new gt({
   autoPlay: !1,
   autoPlayError: null,
   audioGain: null,
-  buffered: new ce(),
+  buffered: new me(),
   canLoad: !1,
   canLoadPoster: !1,
   canFullscreen: !1,
-  canOrientScreen: Gs(),
+  canOrientScreen: zs(),
   canPictureInPicture: !1,
   canPlay: !1,
   clipStartTime: 0,
   clipEndTime: 0,
   controls: !1,
   get iOSControls() {
-    return Fs && this.mediaType === "video" && (!this.playsInline || !kt.fullscreenEnabled && this.fullscreen);
+    return Ks && this.mediaType === "video" && (!this.playsInline || !Ct.fullscreenEnabled && this.fullscreen);
   },
   get nativeControls() {
     return this.controls || this.iOSControls;
@@ -763,7 +763,7 @@ const Zs = new gt({
   mediaType: "unknown",
   muted: !1,
   paused: !0,
-  played: new ce(),
+  played: new me(),
   playing: !1,
   playsInline: !1,
   pictureInPicture: !1,
@@ -776,7 +776,7 @@ const Zs = new gt({
   canSetPlaybackRate: !0,
   canSetVolume: !1,
   canSetAudioGain: !1,
-  seekable: new ce(),
+  seekable: new me(),
   seeking: !1,
   source: { src: "", type: "" },
   sources: [],
@@ -813,11 +813,11 @@ const Zs = new gt({
     return this.source;
   },
   get bufferedStart() {
-    const a = fs(this.buffered) ?? 0;
+    const a = vs(this.buffered) ?? 0;
     return Math.max(a, this.clipStartTime);
   },
   get bufferedEnd() {
-    const a = $t(this.buffered) ?? 0;
+    const a = kt(this.buffered) ?? 0;
     return Math.min(this.seekableEnd, Math.max(0, a - this.clipStartTime));
   },
   get bufferedWindow() {
@@ -826,12 +826,12 @@ const Zs = new gt({
   get seekableStart() {
     if (this.isLiveDVR && this.liveDVRWindow > 0)
       return Math.max(0, this.seekableEnd - this.liveDVRWindow);
-    const a = fs(this.seekable) ?? 0;
+    const a = vs(this.seekable) ?? 0;
     return Math.max(a, this.clipStartTime);
   },
   get seekableEnd() {
     if (this.providedDuration > 0) return this.providedDuration;
-    const a = this.liveSyncPosition > 0 ? this.liveSyncPosition : this.canPlay ? $t(this.seekable) ?? 1 / 0 : 0;
+    const a = this.liveSyncPosition > 0 ? this.liveSyncPosition : this.canPlay ? kt(this.seekable) ?? 1 / 0 : 0;
     return this.clipEndTime > 0 ? Math.min(this.clipEndTime, a) : a;
   },
   get seekableWindow() {
@@ -900,7 +900,7 @@ const Zs = new gt({
   liveSyncPosition: null,
   inferredLiveDVRWindow: 0,
   savedState: null
-}), ti = /* @__PURE__ */ new Set([
+}), ai = /* @__PURE__ */ new Set([
   "autoPlayError",
   "autoPlaying",
   "buffered",
@@ -913,7 +913,7 @@ const Zs = new gt({
   "seeking",
   "waiting"
 ]), Wa = /* @__PURE__ */ new Set([
-  ...ti,
+  ...ai,
   "ended",
   "inferredPoster",
   "inferredStreamType",
@@ -926,11 +926,11 @@ const Zs = new gt({
   "started",
   "userBehindLiveEdge"
 ]);
-function vs(a, t = !1) {
-  const e = t ? ti : Wa;
-  Zs.reset(a, (s) => e.has(s)), ot();
+function ks(a, t = !1) {
+  const e = t ? ai : Wa;
+  ii.reset(a, (s) => e.has(s)), dt();
 }
-function ei(a, t) {
+function ni(a, t) {
   const e = a + t.clipStartTime(), s = Math.floor(a) === Math.floor(t.seekableStart()), i = Math.floor(e) === Math.floor(t.seekableEnd());
   return s ? t.seekableStart() : i ? t.seekableEnd() : t.isLiveDVR() && t.liveDVRWindow() > 0 && e < t.seekableEnd() - t.liveDVRWindow() ? t.bufferedStart() : Math.min(Math.max(t.seekableStart() + 0.1, e), t.seekableEnd() - 0.1);
 }
@@ -966,7 +966,7 @@ class ja {
    */
   getPlayer(t) {
     return this.#e ? this.#e : ((t ?? this.#t)?.dispatchEvent(
-      new q("find-media-player", {
+      new L("find-media-player", {
         detail: (e) => {
           this.#e = e;
         },
@@ -1327,7 +1327,7 @@ class ja {
     this.#a("media-user-loop-change-request", e, t);
   }
   #a(t, e, s) {
-    const i = new q(t, {
+    const i = new L(t, {
       bubbles: !0,
       composed: !0,
       cancelable: !0,
@@ -1421,15 +1421,15 @@ class Ya {
     const t = JSON.stringify({ ...this.#t, time: void 0 });
     localStorage.setItem(this.playerId, t);
   }
-  saveTimeThrottled = Ct(this.saveTime.bind(this), 1e3);
+  saveTimeThrottled = At(this.saveTime.bind(this), 1e3);
   saveTime() {
     if (!this.mediaId) return;
     const t = (this.#t.time ?? 0).toString();
     localStorage.setItem(this.mediaId, t);
   }
 }
-const Ft = /* @__PURE__ */ Symbol(0);
-class si extends Js {
+const Ut = /* @__PURE__ */ Symbol(0);
+class ri extends si {
   get selected() {
     return this.items.find((t) => t.selected) ?? null;
   }
@@ -1442,9 +1442,9 @@ class si extends Js {
   }
   /** @internal */
   [x.add](t, e) {
-    t[Ft] = !1, Object.defineProperty(t, "selected", {
+    t[Ut] = !1, Object.defineProperty(t, "selected", {
       get() {
-        return this[Ft];
+        return this[Ut];
       },
       set: (s) => {
         this.readonly || (this[x.onUserSelect]?.(), this[x.select](t, s));
@@ -1453,10 +1453,10 @@ class si extends Js {
   }
   /** @internal */
   [x.select](t, e, s) {
-    if (e === t?.[Ft]) return;
+    if (e === t?.[Ut]) return;
     const i = this.selected;
-    t && (t[Ft] = e), (e ? i !== t : i === t) && (i && (i[Ft] = !1), this.dispatchEvent(
-      new q("change", {
+    t && (t[Ut] = e), (e ? i !== t : i === t) && (i && (i[Ut] = !1), this.dispatchEvent(
+      new L("change", {
         detail: {
           prev: i,
           current: this.selected
@@ -1466,7 +1466,7 @@ class si extends Js {
     ));
   }
 }
-class Xa extends si {
+class Xa extends ri {
 }
 class Ja {
   priority = 0;
@@ -1501,7 +1501,7 @@ class Ja {
   #a(t) {
     if (!this.#e) return;
     const e = t[k.native] ??= this.#n(t);
-    St(e) && (this.#e.append(e), e.track.mode = e.default ? "showing" : "disabled");
+    xt(e) && (this.#e.append(e), e.track.mode = e.default ? "showing" : "disabled");
   }
   #n(t) {
     const e = document.createElement("track"), s = t.default || t.mode === "showing", i = t.src && t.type === "vtt";
@@ -1535,17 +1535,17 @@ class Za {
   constructor(t) {
     this.#i = t;
     const e = t.textTracks;
-    this.#e = e, l(this.#o.bind(this)), P(this.#p.bind(this)), new L(e).add("add", this.#c.bind(this)).add("remove", this.#u.bind(this)).add("mode-change", this.#d.bind(this));
+    this.#e = e, l(this.#o.bind(this)), P(this.#p.bind(this)), new M(e).add("add", this.#c.bind(this)).add("remove", this.#u.bind(this)).add("mode-change", this.#d.bind(this));
   }
   #o() {
     const { nativeControls: t } = this.#i.$state;
     this.#a = t(), this.#d();
   }
   add(t) {
-    this.#s.push(t), pe(this.#d.bind(this));
+    this.#s.push(t), ge(this.#d.bind(this));
   }
   remove(t) {
-    t.detach(), this.#s.splice(this.#s.indexOf(t), 1), pe(this.#d.bind(this));
+    t.detach(), this.#s.splice(this.#s.indexOf(t), 1), ge(this.#d.bind(this));
   }
   /** @internal */
   attachVideo(t) {
@@ -1586,7 +1586,7 @@ class Za {
     this.#n?.detach(), this.#n = null, this.#r?.detach(), this.#r = null;
   }
 }
-class tn extends Js {
+class tn extends si {
   #t = !1;
   #e = {};
   #s = null;
@@ -1610,7 +1610,7 @@ class tn extends Js {
     this.#i = t, this.#l(t);
   }
   add(t, e) {
-    const s = t instanceof ge, i = s ? t : new ge(t), n = t.kind === "captions" || t.kind === "subtitles" ? "captions" : t.kind;
+    const s = t instanceof ve, i = s ? t : new ve(t), n = t.kind === "captions" || t.kind === "subtitles" ? "captions" : t.kind;
     return this.#e[n] && t.default && delete t.default, i.addEventListener("mode-change", this.#r), this[x.add](i, e), i[k.crossOrigin] = this[k.crossOrigin], this.#t && i[k.canLoad](), t.default && (this.#e[n] = i), this.#a(), this;
   }
   remove(t, e) {
@@ -1633,7 +1633,7 @@ class tn extends Js {
       this.#t = !0, this.#a();
     }
   }
-  #a = Qe(async () => {
+  #a = Ye(async () => {
     if (!this.#t) return;
     !this.#i && this.#s && (this.#i = await this.#s.getLang());
     const t = await this.#s?.getCaptions(), e = [
@@ -1659,7 +1659,7 @@ class tn extends Js {
         i.mode === "showing" && i != e && s.includes(i.kind) && (i.mode = "disabled");
     }
     this.dispatchEvent(
-      new q("mode-change", {
+      new L("mode-change", {
         detail: t.detail,
         trigger: t
       })
@@ -1675,7 +1675,7 @@ class tn extends Js {
     this.#s = t;
   }
 }
-class en extends si {
+class en extends ri {
   #t = !1;
   /**
    * Configures quality switching:
@@ -1700,29 +1700,29 @@ class en extends si {
     return this.#t || this.readonly;
   }
   /** @internal */
-  [J.enableAuto];
+  [tt.enableAuto];
   /** @internal */
   [x.onUserSelect]() {
-    this[J.setAuto](!1);
+    this[tt.setAuto](!1);
   }
   /** @internal */
   [x.onReset](t) {
-    this[J.enableAuto] = void 0, this[J.setAuto](!1, t);
+    this[tt.enableAuto] = void 0, this[tt.setAuto](!1, t);
   }
   /**
    * Request automatic quality selection (if supported). This will be a no-op if the list is
    * `readonly` as that already implies auto-selection.
    */
   autoSelect(t) {
-    this.readonly || this.#t || !this[J.enableAuto] || (this[J.enableAuto]?.(t), this[J.setAuto](!0, t));
+    this.readonly || this.#t || !this[tt.enableAuto] || (this[tt.enableAuto]?.(t), this[tt.setAuto](!0, t));
   }
   getBySrc(t) {
     return this.items.find((e) => e.src === t);
   }
   /** @internal */
-  [J.setAuto](t, e) {
+  [tt.setAuto](t, e) {
     this.#t !== t && (this.#t = t, this.dispatchEvent(
-      new q("auto-change", {
+      new L("auto-change", {
         detail: t,
         trigger: e
       })
@@ -1738,7 +1738,7 @@ function an(a) {
 function nn(a) {
   return sn(a) || an(a);
 }
-class xt extends tt {
+class Mt extends st {
 }
 const rn = {
   togglePaused: "k Space",
@@ -1752,8 +1752,8 @@ const rn = {
   volumeDown: "ArrowDown",
   speedUp: ">",
   slowDown: "<"
-}, Gt = /* @__PURE__ */ new Set(["Shift", "Alt", "Meta", "Ctrl"]), on = 'button, [role="button"]', $s = 'input, textarea, select, [contenteditable], [role^="menuitem"], [role="timer"]';
-class hn extends xt {
+}, Qt = /* @__PURE__ */ new Set(["Shift", "Alt", "Meta", "Ctrl"]), on = 'button, [role="button"]', Ss = 'input, textarea, select, [contenteditable], [role^="menuitem"], [role="timer"]';
+class hn extends Mt {
   #t;
   constructor(t) {
     super(), this.#t = t;
@@ -1765,18 +1765,18 @@ class hn extends xt {
     const { keyDisabled: t, keyTarget: e } = this.$props;
     if (t()) return;
     const s = e() === "player" ? this.el : document, i = w(!1);
-    s === this.el ? new L(this.el).add("focusin", () => i.set(!0)).add("focusout", (n) => {
+    s === this.el ? new M(this.el).add("focusin", () => i.set(!0)).add("focusout", (n) => {
       this.el.contains(n.target) || i.set(!1);
-    }) : (p(i) || i.set(document.querySelector("[data-media-player]") === this.el), O(document, "focusin", (n) => {
+    }) : (p(i) || i.set(document.querySelector("[data-media-player]") === this.el), N(document, "focusin", (n) => {
       const r = n.composedPath().find((o) => o instanceof Element && o.localName === "media-player");
       r !== void 0 && i.set(this.el === r);
     })), l(() => {
-      i() && new L(s).add("keyup", this.#s.bind(this)).add("keydown", this.#i.bind(this)).add("keydown", this.#a.bind(this), { capture: !0 });
+      i() && new M(s).add("keyup", this.#s.bind(this)).add("keydown", this.#i.bind(this)).add("keydown", this.#a.bind(this), { capture: !0 });
     });
   }
   #s(t) {
     const e = document.activeElement;
-    if (!t.key || !this.$state.canSeek() || e?.matches($s))
+    if (!t.key || !this.$state.canSeek() || e?.matches(Ss))
       return;
     let { method: s, value: i } = this.#n(t);
     if (!S(i) && !G(i)) {
@@ -1796,9 +1796,9 @@ class hn extends xt {
     );
   }
   #i(t) {
-    if (!t.key || Gt.has(t.key)) return;
+    if (!t.key || Qt.has(t.key)) return;
     const e = document.activeElement;
-    if (e?.matches($s) || Hs(t) && e?.matches(on))
+    if (e?.matches(Ss) || Us(t) && e?.matches(on))
       return;
     let { method: s, value: i } = this.#n(t), n = !t.metaKey && /^[0-9]$/.test(t.key);
     if (!S(i) && !G(i) && !n) {
@@ -1870,13 +1870,13 @@ class hn extends xt {
       return (G(r) ? r : r?.split(" "))?.map(
         (h) => dn(h).replace(/Control/g, "Ctrl").split("+")
       )?.some((h) => {
-        const d = new Set(h.filter((c) => Gt.has(c)));
-        for (const c of Gt) {
+        const d = new Set(h.filter((c) => Qt.has(c)));
+        for (const c of Qt) {
           const u = c.toLowerCase() + "Key";
           if (!d.has(c) && t[u])
             return !1;
         }
-        return h.every((c) => Gt.has(c) ? t[c.toLowerCase() + "Key"] : t.key === c.replace("Space", " "));
+        return h.every((c) => Qt.has(c) ? t[c.toLowerCase() + "Key"] : t.key === c.replace("Space", " "));
       });
     });
     return {
@@ -1914,12 +1914,12 @@ function dn(a) {
   return a.replace(/Shift\+(\d)/g, (t, e) => ln[e - 1]);
 }
 function cn(a) {
-  for (const t of Gt)
+  for (const t of Qt)
     if (a[t.toLowerCase() + "Key"])
       return !0;
   return !1;
 }
-class un extends xt {
+class un extends Mt {
   #t = -2;
   #e = !1;
   #s = w(!1);
@@ -1995,13 +1995,13 @@ class un extends xt {
     }
     l(this.#o.bind(this)), l(this.#h.bind(this));
     const e = this.#l.bind(this), s = this.#c.bind(this), i = this.#u.bind(this);
-    new L(this.el).add("can-play", (n) => this.show(0, n)).add("play", e).add("pause", s).add("end", i).add("auto-play-fail", s);
+    new M(this.el).add("can-play", (n) => this.show(0, n)).add("play", e).add("pause", s).add("end", i).add("auto-play-fail", s);
   }
   #o() {
     if (!this.el) return;
     const { started: t, pointer: e, paused: s } = this.$state;
     if (!t() || e() !== "fine") return;
-    const i = new L(this.el), n = this.hideOnMouseLeave;
+    const i = new M(this.el), n = this.hideOnMouseLeave;
     (!n || !this.#i()) && l(() => {
       s() || i.add("pointermove", this.#y.bind(this));
     }), n && i.add("mouseenter", this.#d.bind(this)).add("mouseleave", this.#p.bind(this));
@@ -2012,7 +2012,7 @@ class un extends xt {
     const i = this.#y.bind(this);
     l(() => {
       if (!this.el) return;
-      const n = this.$state.pointer(), r = n === "coarse", o = new L(this.el), h = [r ? "touchend" : "pointerup", "keydown"];
+      const n = this.$state.pointer(), r = n === "coarse", o = new M(this.el), h = [r ? "touchend" : "pointerup", "keydown"];
       for (const d of h)
         o.add(d, i, { passive: !1 });
     });
@@ -2038,7 +2038,7 @@ class un extends xt {
   }
   #y(t) {
     // @ts-expect-error
-    t.MEDIA_GESTURE || this.#e || ze(t) || (Us(t) && (t.key === "Escape" ? (this.el?.focus(), this.#a = null) : this.#a && (t.preventDefault(), requestAnimationFrame(() => {
+    t.MEDIA_GESTURE || this.#e || Xe(t) || (Ws(t) && (t.key === "Escape" ? (this.el?.focus(), this.#a = null) : this.#a && (t.preventDefault(), requestAnimationFrame(() => {
       this.#a?.focus(), this.#a = null;
     }))), this.show(0, t), this.hide(this.defaultDelay, t));
   }
@@ -2070,10 +2070,10 @@ class pn {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-BSLWAfpl.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-BML-tyCz.js")).AudioProvider(this.target, t);
   }
 }
-class Ye {
+class ts {
   name = "video";
   target;
   canPlay(t) {
@@ -2083,27 +2083,27 @@ class Ye {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-MlBxjeJm.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-D6tVAa-p.js")).VideoProvider(this.target, t);
   }
 }
-class Xe extends Ye {
-  static supported = Bs();
+class es extends ts {
+  static supported = Qs();
   name = "hls";
   canPlay(t) {
-    return Xe.supported && Ue(t);
+    return es.supported && We(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-Da7XyV8o.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BgbWYqKl.js")).HLSProvider(this.target, t);
   }
 }
-class Je extends Ye {
+class ss extends ts {
   static supported = ta();
   name = "dash";
   canPlay(t) {
-    return Je.supported && Ke(t);
+    return ss.supported && je(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-v38IQp6A.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-BwVTHD5j.js")).DASHProvider(this.target, t);
   }
 }
 class mn {
@@ -2116,7 +2116,7 @@ class mn {
       "https://fresnel.vimeocdn.com"
     ];
     for (const e of t)
-      se(e);
+      ne(e);
   }
   canPlay(t) {
     return S(t.src) && t.type === "video/vimeo";
@@ -2125,7 +2125,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-C08ll0Oc.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-CMino7JB.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 fn {
       "https://static.doubleclick.net"
     ];
     for (const e of t)
-      se(e);
+      ne(e);
   }
   canPlay(t) {
     return S(t.src) && t.type === "video/youtube";
@@ -2157,14 +2157,14 @@ class fn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-DAs-oRRy.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-DLE3pyNu.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);
     return r ? i(r, s) : null;
   }
 }
-const Ae = /* @__PURE__ */ Symbol(0), gn = [
+const _e = /* @__PURE__ */ Symbol(0), gn = [
   "autoPlay",
   "canAirPlay",
   "canFullscreen",
@@ -2234,7 +2234,7 @@ const Ae = /* @__PURE__ */ Symbol(0), gn = [
   keyShortcuts: rn,
   storage: null
 };
-class ws extends xt {
+class Ps extends Mt {
   #t;
   #e;
   constructor(t, e) {
@@ -2262,14 +2262,14 @@ class bn {
   }
   notify(t, ...e) {
     this.#t(
-      new q(t, {
+      new L(t, {
         detail: e?.[0],
         trigger: e?.[1]
       })
     );
   }
   async ready(t, e) {
-    return pe(async () => {
+    return ge(async () => {
       const { logger: s } = this.#e, {
         autoPlay: i,
         canPlay: n,
@@ -2289,25 +2289,25 @@ class bn {
         buffered: t?.buffered ?? d(),
         provider: this.#e.$provider()
       };
-      this.notify("can-play", C, e), ot();
-      let A = this.#e.$provider(), { storage: H, qualities: re } = this.#e, { muted: Ei, volume: Ai, clipStartTime: Mi, playbackRate: Li } = this.#e.$props;
-      await H?.onLoad?.(g());
-      const qi = m()?.currentTime, hs = m()?.paused, Ce = await H?.getTime(), ls = qi ?? Ce ?? Mi(), _i = hs === !1 || hs !== !0 && !r() && i();
-      if (A) {
-        A.setVolume(await H?.getVolume() ?? Ai()), A.setMuted(Ei() || !!await H?.getMuted());
-        const Mt = await H?.getAudioGain() ?? 1;
-        Mt > 1 && A.audioGain?.setGain?.(Mt), A.setPlaybackRate?.(await H?.getPlaybackRate() ?? Li()), A.setPlaysInline?.(u()), ls > 0 && A.setCurrentTime(ls);
+      this.notify("can-play", C, e), dt();
+      let _ = this.#e.$provider(), { storage: J, qualities: V } = this.#e, { muted: Z, volume: nt, clipStartTime: Ae, playbackRate: le } = this.#e.$props;
+      await J?.onLoad?.(g());
+      const qi = m()?.currentTime, us = m()?.paused, Me = await J?.getTime(), ps = qi ?? Me ?? Ae(), _i = us === !1 || us !== !0 && !r() && i();
+      if (_) {
+        _.setVolume(await J?.getVolume() ?? nt()), _.setMuted(Z() || !!await J?.getMuted());
+        const _t = await J?.getAudioGain() ?? 1;
+        _t > 1 && _.audioGain?.setGain?.(_t), _.setPlaybackRate?.(await J?.getPlaybackRate() ?? le()), _.setPlaysInline?.(u()), ps > 0 && _.setCurrentTime(ps);
       }
-      const Nt = await H?.getVideoQuality();
-      if (Nt && re.length) {
-        let Mt = null, ds = 1 / 0;
-        for (const oe of re) {
-          const cs = Math.abs(Nt.width - oe.width) + Math.abs(Nt.height - oe.height) + (Nt.bitrate ? Math.abs(Nt.bitrate - (oe.bitrate ?? 0)) : 0);
-          cs < ds && (Mt = oe, ds = cs);
+      const Bt = await J?.getVideoQuality();
+      if (Bt && V.length) {
+        let _t = null, ms = 1 / 0;
+        for (const de of V) {
+          const fs = Math.abs(Bt.width - de.width) + Math.abs(Bt.height - de.height) + (Bt.bitrate ? Math.abs(Bt.bitrate - (de.bitrate ?? 0)) : 0);
+          fs < ms && (_t = de, ms = fs);
         }
-        Mt && (Mt.selected = !0);
+        _t && (_t.selected = !0);
       }
-      n() && _i ? await this.#s(e) : Ce && Ce > 0 && this.notify("started", void 0, e), c.set(null);
+      n() && _i ? await this.#s(e) : Me && Me > 0 && this.notify("started", void 0, e), c.set(null);
     });
   }
   async #s(t) {
@@ -2316,7 +2316,7 @@ class bn {
       $state: { autoPlaying: s, muted: i }
     } = this.#e;
     s.set(!0);
-    const n = new q("auto-play-attempt", { trigger: t });
+    const n = new L("auto-play-attempt", { trigger: t });
     try {
       await e.play(n);
     } catch {
@@ -2358,9 +2358,9 @@ class vn {
     this.#t.clear();
   }
 }
-class ii {
+class oi {
   #t = !1;
-  #e = De();
+  #e = He();
   #s = /* @__PURE__ */ new Map();
   /**
    * The number of callbacks that are currently in queue.
@@ -2426,10 +2426,10 @@ class ii {
     this.#a();
   }
   #a() {
-    this.#e.resolve(), this.#e = De();
+    this.#e.resolve(), this.#e = He();
   }
 }
-class $n extends xt {
+class $n extends Mt {
   #t;
   #e;
   #s;
@@ -2437,15 +2437,15 @@ class $n extends xt {
   #i;
   #a;
   #n;
-  #r = new ii();
+  #r = new oi();
   constructor(t, e, s) {
-    super(), this.#t = t, this.#e = e, this.#s = s, this.#n = s.$provider, this.controls = new un(), this.#i = new za(), this.#a = new we();
+    super(), this.#t = t, this.#e = e, this.#s = s, this.#n = s.$provider, this.controls = new un(), this.#i = new za(), this.#a = new Se();
   }
   onAttach() {
     this.listen("fullscreen-change", this.#P.bind(this));
   }
   onConnect(t) {
-    const e = Object.getOwnPropertyNames(Object.getPrototypeOf(this)), s = new L(t), i = this.#l.bind(this);
+    const e = Object.getOwnPropertyNames(Object.getPrototypeOf(this)), s = new M(t), i = this.#l.bind(this);
     for (const n of e)
       n.startsWith("media-") && s.add(n, i);
     this.#o(), l(this.#h.bind(this)), l(this.#m.bind(this)), l(this.#y.bind(this)), l(this.#g.bind(this)), l(this.#b.bind(this)), l(this.#$.bind(this)), l(this.#w.bind(this));
@@ -2483,10 +2483,10 @@ class $n extends xt {
     const n = p(i);
     try {
       const r = p(this.#n);
-      return Me(r, p(e)), wn(n), await r.play();
+      return Ie(r, p(e)), wn(n), await r.play();
     } catch (r) {
       const o = this.createEvent("play-fail", {
-        detail: xe(r),
+        detail: Le(r),
         trigger: t
       });
       throw o.autoPlay = n, this.#t.handle(o), r;
@@ -2511,7 +2511,7 @@ class $n extends xt {
       t && this.#e.queue.enqueue("media-pause-request", t);
       try {
         const i = p(this.#n);
-        return Me(i, p(e)), await i.pause();
+        return Ie(i, p(e)), await i.pause();
       } catch (i) {
         throw this.#e.queue.delete("media-pause-request"), i;
       }
@@ -2529,19 +2529,19 @@ class $n extends xt {
     const { canPlay: e, live: s, liveEdge: i, canSeek: n, liveSyncPosition: r, seekableEnd: o, userBehindLiveEdge: h } = this.$state;
     if (h.set(!1), p(() => !s() || i() || !n())) return;
     const d = p(this.#n);
-    Me(d, p(e)), t && this.#e.queue.enqueue("media-seek-request", t);
+    Ie(d, p(e)), t && this.#e.queue.enqueue("media-seek-request", t);
     const c = o() - 2;
     d.setCurrentTime(Math.min(c, r() ?? c));
   }
   #u = !1;
   async enterFullscreen(t = "prefer-media", e) {
     const s = this.#d(t);
-    if (Ts(t, s), !s.active)
+    if (Cs(t, s), !s.active)
       return p(this.$state.pictureInPicture) && (this.#u = !0, await this.exitPictureInPicture(e)), e && this.#e.queue.enqueue("media-enter-fullscreen-request", e), s.enter();
   }
   async exitFullscreen(t = "prefer-media", e) {
     const s = this.#d(t);
-    if (Ts(t, s), !!s.active) {
+    if (Cs(t, s), !!s.active) {
       e && this.#e.queue.enqueue("media-exit-fullscreen-request", e);
       try {
         const i = await s.exit();
@@ -2624,8 +2624,8 @@ class $n extends xt {
         );
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
-      if (se("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-CSB1KdRb.js").then((n) => n.v);
+      if (ne("https://www.gstatic.com"), !this.#v) {
+        const i = await import("./vidstack-D2pY00kU-CRo5Kvyt.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);
@@ -2682,7 +2682,7 @@ class $n extends xt {
   }
   async #P(t) {
     const e = p(this.$props.fullscreenOrientation), s = t.detail;
-    if (!(Ve(e) || e === "none" || !this.#a.supported))
+    if (!(Ne(e) || e === "none" || !this.#a.supported))
       if (s) {
         if (this.#a.locked) return;
         this.dispatch("media-orientation-lock-request", {
@@ -2696,7 +2696,7 @@ class $n extends xt {
   #f(t, e) {
     this.#t.handle(
       this.createEvent("fullscreen-error", {
-        detail: xe(t)
+        detail: Le(t)
       })
     );
   }
@@ -2733,7 +2733,7 @@ class $n extends xt {
   #T(t, e) {
     this.#t.handle(
       this.createEvent("picture-in-picture-error", {
-        detail: xe(t)
+        detail: Le(t)
       })
     );
   }
@@ -2815,7 +2815,7 @@ class $n extends xt {
     s() && (this.#e.replaying = !0);
     const h = t.type;
     this.#e.seeking = !1, this.#e.queue.delete(h);
-    const d = ei(o, this.$state);
+    const d = ni(o, this.$state);
     !Number.isFinite(d) || !e() || (this.#e.queue.enqueue(h, t), this.#n().setCurrentTime(d), i() && t.isOriginTrusted && Math.abs(n() - d) >= 2 && r.set(!0));
   }
   "media-seeking-request"(t) {
@@ -2859,13 +2859,13 @@ class $n extends xt {
   #k(t, e, s) {
   }
 }
-function Me(a, t) {
+function Ie(a, t) {
   if (!(a && t))
     throw Error(
       "[vidstack] media not ready"
     );
 }
-function Ts(a, t) {
+function Cs(a, t) {
   if (!t?.supported)
     throw Error(
       "[vidstack] no fullscreen support"
@@ -2903,7 +2903,7 @@ const kn = /* @__PURE__ */ new Set([
   "seeked",
   "waiting"
 ]);
-class Sn extends xt {
+class Sn extends Mt {
   #t;
   #e;
   #s = /* @__PURE__ */ new Map();
@@ -2916,7 +2916,7 @@ class Sn extends xt {
     super(), this.#t = t, this.#e = e;
   }
   onAttach(t) {
-    t.setAttribute("aria-busy", "true"), new L(this).add("fullscreen-change", this["fullscreen-change"].bind(this)).add("fullscreen-error", this["fullscreen-error"].bind(this)).add("orientation-change", this["orientation-change"].bind(this));
+    t.setAttribute("aria-busy", "true"), new M(this).add("fullscreen-change", this["fullscreen-change"].bind(this)).add("fullscreen-error", this["fullscreen-error"].bind(this)).add("orientation-change", this["orientation-change"].bind(this));
   }
   onConnect(t) {
     l(this.#E.bind(this)), this.#p(), this.#m(), this.#y(), this.#l(), P(this.#c.bind(this));
@@ -2928,12 +2928,12 @@ class Sn extends xt {
   handle(t) {
     if (!this.scope) return;
     const e = t.type;
-    pe(() => this[t.type]?.(t)), kn.has(e) && this.#s.set(e, t), this.dispatch(t);
+    ge(() => this[t.type]?.(t)), kn.has(e) && this.#s.set(e, t), this.dispatch(t);
   }
   #h = !1;
   #l() {
     this.#h && (requestAnimationFrame(() => {
-      this.scope && this.#e.remote.play(new q("dom-connect"));
+      this.scope && this.#e.remote.play(new L("dom-connect"));
     }), this.#h = !1);
   }
   #c() {
@@ -2949,15 +2949,15 @@ class Sn extends xt {
   #p() {
     this.#g(), this.#b();
     const t = this.#e.textTracks;
-    new L(t).add("add", this.#g.bind(this)).add("remove", this.#g.bind(this)).add("mode-change", this.#b.bind(this));
+    new M(t).add("add", this.#g.bind(this)).add("remove", this.#g.bind(this)).add("mode-change", this.#b.bind(this));
   }
   #m() {
     const t = this.#e.qualities;
-    new L(t).add("add", this.#v.bind(this)).add("remove", this.#v.bind(this)).add("change", this.#P.bind(this)).add("auto-change", this.#f.bind(this)).add("readonly-change", this.#C.bind(this));
+    new M(t).add("add", this.#v.bind(this)).add("remove", this.#v.bind(this)).add("change", this.#P.bind(this)).add("auto-change", this.#f.bind(this)).add("readonly-change", this.#C.bind(this));
   }
   #y() {
     const t = this.#e.audioTracks;
-    new L(t).add("add", this.#$.bind(this)).add("remove", this.#$.bind(this)).add("change", this.#w.bind(this));
+    new M(t).add("add", this.#$.bind(this)).add("remove", this.#$.bind(this)).add("change", this.#w.bind(this));
   }
   #g(t) {
     const { textTracks: e } = this.$state;
@@ -3019,7 +3019,7 @@ class Sn extends xt {
       r && t[x.select](
         r,
         !0,
-        new q("resize", { detail: { width: i, height: n } })
+        new L("resize", { detail: { width: i, height: n } })
       );
     });
   }
@@ -3098,7 +3098,7 @@ class Sn extends xt {
   #A(t, e, s) {
     let { qualities: i } = this.#e, n = !1, r = !1;
     for (const o of t) {
-      if (!He(o)) continue;
+      if (!Ue(o)) continue;
       if (!e.some((d) => d.src === o.src)) {
         const d = i.getBySrc(o.src);
         d && (i[x.remove](d, s), r = !0);
@@ -3106,7 +3106,7 @@ class Sn extends xt {
     }
     r && !i.length && (this.$state.savedState.set(null), i[x.reset](s));
     for (const o of e) {
-      if (!He(o) || i.getBySrc(o.src)) continue;
+      if (!Ue(o) || i.getBySrc(o.src)) continue;
       const h = {
         id: o.id ?? o.height + "p",
         bitrate: null,
@@ -3116,7 +3116,7 @@ class Sn extends xt {
       };
       i[x.add](h, s), n = !0;
     }
-    n && !i[J.enableAuto] && (this.#k(), i[J.enableAuto] = this.#k.bind(this), i[J.setAuto](!0, s));
+    n && !i[tt.enableAuto] && (this.#k(), i[tt.enableAuto] = this.#k.bind(this), i[tt.setAuto](!0, s));
   }
   "source-change"(t) {
     t.isQualityChange = t.originEvent?.type === "quality-change";
@@ -3126,10 +3126,10 @@ class Sn extends xt {
   #x(t, e = !1) {
     const { audioTracks: s, qualities: i } = this.#e;
     if (!e) {
-      this.#a = [], this.#n = [-1, -1], s[x.reset](t), i[x.reset](t), vs(this.$state, e), this.#u();
+      this.#a = [], this.#n = [-1, -1], s[x.reset](t), i[x.reset](t), ks(this.$state, e), this.#u();
       return;
     }
-    vs(this.$state, e), this.#u();
+    ks(this.$state, e), this.#u();
   }
   abort(t) {
     const e = this.#s.get("source-change");
@@ -3166,7 +3166,7 @@ class Sn extends xt {
   #M(t) {
     const { seekable: e, buffered: s, intrinsicDuration: i, canPlay: n } = this.$state;
     n.set(!0), s.set(t.buffered), e.set(t.seekable);
-    const r = $t(t.seekable) ?? 1 / 0;
+    const r = kt(t.seekable) ?? 1 / 0;
     i.set(r);
   }
   "duration-change"(t) {
@@ -3178,7 +3178,7 @@ class Sn extends xt {
     (i() > 0 || n() > 0) && t.stopImmediatePropagation();
   }
   progress(t) {
-    const { buffered: e, seekable: s } = this.$state, { buffered: i, seekable: n } = t.detail, r = $t(i), o = i.length !== e().length, h = r !== $t(e()), d = $t(n), c = n.length !== s().length, u = d !== $t(s());
+    const { buffered: e, seekable: s } = this.$state, { buffered: i, seekable: n } = t.detail, r = kt(i), o = i.length !== e().length, h = r !== kt(e()), d = kt(n), c = n.length !== s().length, u = d !== kt(s());
     (o || h) && e.set(i), (c || u) && s.set(n);
   }
   play(t) {
@@ -3286,7 +3286,7 @@ class Sn extends xt {
       this.#a,
       this.#n,
       t()
-    ), e.set(new ce(this.#a)));
+    ), e.set(new me(this.#a)));
   }
   // Called to update time again incase duration precision has changed.
   #_(t) {
@@ -3310,7 +3310,7 @@ class Sn extends xt {
     const { storage: e } = this.#e, { volume: s, muted: i, canPlay: n } = this.$state, r = t.detail;
     s.set(r.volume), i.set(r.muted || r.volume === 0), this.#d("media-volume-change-request", t), this.#d(r.muted ? "media-mute-request" : "media-unmute-request", t), n() && (e?.setVolume?.(s()), e?.setMuted?.(i()));
   }
-  seeking = Ct(
+  seeking = At(
     (t) => {
       const { seeking: e, realCurrentTime: s, paused: i } = this.$state;
       e.set(!0), s.set(t.detail), this.#d("media-seeking-request", t), i() && (this.#o = t, this.#L()), this.#n = [-1, -1];
@@ -3335,7 +3335,7 @@ class Sn extends xt {
   waiting(t) {
     this.#r || this.#t.seeking || (t.stopImmediatePropagation(), this.#o = t, this.#L());
   }
-  #L = Qe(() => {
+  #L = Ye(() => {
     if (!this.#o) return;
     this.#r = !0;
     const { waiting: t, playing: e } = this.$state;
@@ -3400,7 +3400,7 @@ class Sn extends xt {
     t.trigger && (t.stopImmediatePropagation(), this.$state.inferredPoster.set(t.detail));
   }
 }
-class Pn extends xt {
+class Pn extends Mt {
   onSetup() {
     this.#t();
     const t = [
@@ -3509,17 +3509,17 @@ class Pn extends xt {
     this.dispatch("live-edge-change", { detail: this.$state.liveEdge() });
   }
 }
-const ks = ["play", "pause", "seekforward", "seekbackward", "seekto"];
-class Cn extends xt {
+const xs = ["play", "pause", "seekforward", "seekbackward", "seekto"];
+class Cn extends Mt {
   onConnect() {
     l(this.#e.bind(this)), l(this.#s.bind(this));
     const t = this.#i.bind(this);
-    for (const e of ks)
+    for (const e of xs)
       navigator.mediaSession.setActionHandler(e, t);
     P(this.#t.bind(this));
   }
   #t() {
-    for (const t of ks)
+    for (const t of xs)
       navigator.mediaSession.setActionHandler(t, null);
   }
   #e() {
@@ -3535,7 +3535,7 @@ class Cn extends xt {
     navigator.mediaSession.playbackState = t() ? e() ? "paused" : "playing" : "none";
   }
   #i(t) {
-    const e = new q("media-session-action", { detail: t });
+    const e = new L("media-session-action", { detail: t });
     switch (t.action) {
       case "play":
         this.dispatch("media-play-request", { trigger: e });
@@ -3554,13 +3554,13 @@ class Cn extends xt {
     }
   }
 }
-class Lt extends b {
+class It extends b {
   static props = yn;
-  static state = Zs;
+  static state = ii;
   #t;
   #e;
   #s;
-  canPlayQueue = new ii();
+  canPlayQueue = new oi();
   remoteControl;
   get #i() {
     return this.#t.$provider();
@@ -3582,21 +3582,21 @@ class Lt extends b {
     };
     t.remote = this.remoteControl = new ja(
       void 0
-    ), t.remote.setPlayer(this), t.textTracks = new tn(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Za(t), t.ariaKeys = {}, this.#t = t, Y(Ks, t), this.orientation = new we(), new et(), new hn(t);
+    ), t.remote.setPlayer(this), t.textTracks = new tn(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Za(t), t.ariaKeys = {}, this.#t = t, Y(js, t), this.orientation = new Se(), new it(), new hn(t);
     const e = new Tn();
-    this.#e = new Sn(e, t), this.#s = new $n(this.#e, e, t), t.delegate = new bn(this.#e.handle.bind(this.#e), t), t.notify = t.delegate.notify.bind(t.delegate), typeof navigator < "u" && "mediaSession" in navigator && new Cn(), new ws("load", this.startLoading.bind(this)), new ws("posterLoad", this.startLoadingPoster.bind(this));
+    this.#e = new Sn(e, t), this.#s = new $n(this.#e, e, t), t.delegate = new bn(this.#e.handle.bind(this.#e), t), t.notify = t.delegate.notify.bind(t.delegate), typeof navigator < "u" && "mediaSession" in navigator && new Cn(), new Ps("load", this.startLoading.bind(this)), new Ps("posterLoad", this.startLoadingPoster.bind(this));
   }
   onSetup() {
     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", ""), 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));
+    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)), N(t, "find-media-player", this.#c.bind(this));
   }
   onConnect(t) {
-    Fs && f(t, "data-iphone", "");
+    Ks && f(t, "data-iphone", "");
     const e = window.matchMedia("(pointer: coarse)");
     this.#d(e), e.onchange = this.#d.bind(this);
-    const s = new ResizeObserver(Vt(this.#u.bind(this)));
+    const s = new ResizeObserver(Ot(this.#u.bind(this)));
     s.observe(t), l(this.#u.bind(this)), this.dispatch("media-player-connect", {
       detail: this,
       bubbles: !0,
@@ -3625,8 +3625,8 @@ class Lt extends b {
     this.$state.canPlay() && this.#i ? this.canPlayQueue.start() : this.canPlayQueue.stop();
   }
   #l() {
-    if (Lt[Ae]) {
-      this.setAttributes(Lt[Ae]);
+    if (It[_e]) {
+      this.setAttributes(It[_e]);
       return;
     }
     const t = {
@@ -3672,7 +3672,7 @@ class Lt extends b {
         return this.$state[s]();
       };
     }
-    delete t.title, Lt[Ae] = t, this.setAttributes(t);
+    delete t.title, It[_e] = t, this.setAttributes(t);
   }
   #c(t) {
     t.detail(this);
@@ -3796,7 +3796,7 @@ class Lt extends b {
       const { currentTime: e } = this.$state;
       t !== p(e) && p(() => {
         if (!this.#i) return;
-        const s = ei(t, this.$state);
+        const s = ni(t, this.$state);
         Number.isFinite(s) && this.#i.setCurrentTime(s);
       });
     });
@@ -3811,7 +3811,7 @@ class Lt extends b {
     this.#v(this.$props.volume());
   }
   #v(t) {
-    const e = je(0, t, 1);
+    const e = Ze(0, t, 1);
     this.canPlayQueue.enqueue("volume", () => {
       this.#i && this.#i.setVolume(e);
     });
@@ -3841,7 +3841,7 @@ class Lt extends b {
   #S() {
     let t = this.$props.storage(), e = S(t) ? new Ya() : t;
     if (e?.onChange) {
-      const { source: s } = this.$state, i = S(t) ? t : this.el?.id, n = st(this.#C.bind(this));
+      const { source: s } = this.$state, i = S(t) ? t : this.el?.id, n = at(this.#C.bind(this));
       l(() => e.onChange(s(), n(), i || void 0));
     }
     this.#t.storage = e, this.#t.textTracks.setStorage(e), P(() => {
@@ -3959,43 +3959,43 @@ class Lt extends b {
     super.destroy(), this.#t.remote.setPlayer(null), this.dispatch("destroy");
   }
 }
-const M = Lt.prototype;
-T(M, "canPlayQueue");
-T(M, "remoteControl");
-T(M, "provider");
-T(M, "controls");
-T(M, "orientation");
-T(M, "title");
-T(M, "qualities");
-T(M, "audioTracks");
-T(M, "textTracks");
-T(M, "textRenderers");
-T(M, "duration");
-T(M, "paused");
-T(M, "muted");
-T(M, "currentTime");
-T(M, "volume");
-T(M, "playbackRate");
-I(M, "play");
-I(M, "pause");
-I(M, "enterFullscreen");
-I(M, "exitFullscreen");
-I(M, "enterPictureInPicture");
-I(M, "exitPictureInPicture");
-I(M, "seekToLiveEdge");
-I(M, "startLoading");
-I(M, "startLoadingPoster");
-I(M, "requestAirPlay");
-I(M, "requestGoogleCast");
-I(M, "setAudioGain");
+const A = It.prototype;
+T(A, "canPlayQueue");
+T(A, "remoteControl");
+T(A, "provider");
+T(A, "controls");
+T(A, "orientation");
+T(A, "title");
+T(A, "qualities");
+T(A, "audioTracks");
+T(A, "textTracks");
+T(A, "textRenderers");
+T(A, "duration");
+T(A, "paused");
+T(A, "muted");
+T(A, "currentTime");
+T(A, "volume");
+T(A, "playbackRate");
+I(A, "play");
+I(A, "pause");
+I(A, "enterFullscreen");
+I(A, "exitFullscreen");
+I(A, "enterPictureInPicture");
+I(A, "exitPictureInPicture");
+I(A, "seekToLiveEdge");
+I(A, "startLoading");
+I(A, "startLoadingPoster");
+I(A, "requestAirPlay");
+I(A, "requestGoogleCast");
+I(A, "setAudioGain");
 function xn(a, t) {
   return fetch(a, t).then((e) => e.text()).then((e) => /type="static"/.test(e) ? "on-demand" : "live");
 }
-function ai(a, t) {
+function hi(a, t) {
   return fetch(a, t).then((e) => e.text()).then((e) => {
     const s = En(e);
     if (s)
-      return ai(
+      return hi(
         /^https?:/.test(s) ? s : new URL(s, a).href,
         t
       );
@@ -4019,7 +4019,7 @@ function An(a) {
     }
   return -1;
 }
-const Fe = /* @__PURE__ */ new Map();
+const Ke = /* @__PURE__ */ new Map();
 class Mn {
   #t = !1;
   #e;
@@ -4028,18 +4028,18 @@ class Mn {
   #a;
   constructor(t, e, s, i = []) {
     this.#s = t, this.#i = e, this.#a = s;
-    const n = new Je(), r = new Xe(), o = new Ye(), h = new pn(), d = new fn(), c = new mn(), u = [d, c];
-    this.#e = st(() => {
+    const n = new ss(), r = new es(), o = new ts(), h = new pn(), d = new fn(), c = new mn(), u = [d, c];
+    this.#e = at(() => {
       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()));
+    m.sources.set(Es(e.$props.src()));
     for (const g of m.sources()) {
-      const C = this.#e().find((H) => H.canPlay(g));
+      const C = this.#e().find((J) => J.canPlay(g));
       if (!C) continue;
-      const A = C.mediaType(g);
-      e.$state.source.set(g), e.$state.mediaType.set(A), e.$state.inferredViewType.set(A), this.#a.set(C), this.#t = !0;
+      const _ = C.mediaType(g);
+      e.$state.source.set(g), e.$state.mediaType.set(_), e.$state.inferredViewType.set(_), this.#a.set(C), this.#t = !0;
       break;
     }
   }
@@ -4049,35 +4049,35 @@ class Mn {
   }
   #n() {
     this.#i.notify("sources-change", [
-      ...Ss(this.#i.$props.src()),
+      ...Es(this.#i.$props.src()),
       ...this.#s()
     ]);
   }
   #r() {
     const { $state: t } = this.#i, e = t.sources(), s = p(t.source), i = this.#o(s, e);
     if (e[0]?.src && !i.src && !i.type) {
-      const { crossOrigin: r } = t, o = zt(r()), h = new AbortController();
+      const { crossOrigin: r } = t, o = Yt(r()), h = new AbortController();
       return Promise.all(
         e.map(
           (d) => S(d.src) && d.type === "?" ? fetch(d.src, {
             method: "HEAD",
             credentials: o,
             signal: h.signal
-          }).then((c) => (d.type = c.headers.get("content-type") || "??", Fe.set(d.src, d.type), d)).catch(() => d) : d
+          }).then((c) => (d.type = c.headers.get("content-type") || "??", Ke.set(d.src, d.type), d)).catch(() => d) : d
         )
       ).then((d) => {
         if (h.signal.aborted) return;
         const c = this.#o(p(t.source), d);
-        ot(), c.src || this.#i.notify("error", {
+        dt(), c.src || this.#i.notify("error", {
           message: "Failed to load resource.",
           code: 4
         });
       }), () => h.abort();
     }
-    ot();
+    dt();
   }
   #o(t, e) {
-    let s = { src: "", type: "" }, i = null, n = new q("sources-change", { detail: { sources: e } }), r = this.#e(), { started: o, paused: h, currentTime: d, quality: c, savedState: u } = this.#i.$state;
+    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((C) => C.canPlay(m));
       if (g) {
@@ -4085,16 +4085,16 @@ class Mn {
         break;
       }
     }
-    if (He(s)) {
+    if (Ue(s)) {
       const m = c(), g = e.find((C) => C.src === m?.src);
       p(o) ? u.set({
         paused: p(h),
         currentTime: p(d)
-      }) : u.set(null), g && (s = g, n = new q("quality-change", {
+      }) : u.set(null), g && (s = g, n = new L("quality-change", {
         detail: { quality: m }
       }));
     }
-    return Cs(t, s) || this.#h(s, i, n), i !== p(this.#a) && this.#l(i, n), s;
+    return Ms(t, s) || this.#h(s, i, n), i !== p(this.#a) && this.#l(i, n), s;
   }
   #h(t, e, s) {
     this.#i.notify("source-change", t, s), this.#i.notify("media-type-change", e?.mediaType(t) || "unknown", s);
@@ -4106,7 +4106,7 @@ class Mn {
     const t = this.#i.$provider();
     if (!(!t || p(this.#i.$providerSetup))) {
       if (this.#i.$state.canLoad()) {
-        ee(() => t.setup(), t.scope), this.#i.$providerSetup.set(!0);
+        ae(() => t.setup(), t.scope), this.#i.$providerSetup.set(!0);
         return;
       }
       p(() => t.preconnect?.());
@@ -4115,27 +4115,27 @@ class Mn {
   #u() {
     if (!this.#i.$providerSetup()) return;
     const t = this.#i.$provider(), e = this.#i.$state.source(), s = p(this.#i.$state.crossOrigin), i = p(this.#i.$props.preferNativeHLS);
-    if (!Cs(t?.currentSrc, e)) {
+    if (!Ms(t?.currentSrc, e)) {
       if (this.#i.$state.canLoad()) {
         const n = new AbortController();
-        return Ue(e) ? (i || !Bs()) && ai(e.src, {
-          credentials: zt(s),
+        return We(e) ? (i || !Qs()) && hi(e.src, {
+          credentials: Yt(s),
           signal: n.signal
         }).then((r) => {
           this.#i.notify("stream-type-change", r);
-        }).catch(ps) : Ke(e) ? xn(e.src, {
-          credentials: zt(s),
+        }).catch(ys) : je(e) ? xn(e.src, {
+          credentials: Yt(s),
           signal: n.signal
         }).then((r) => {
           this.#i.notify("stream-type-change", r);
-        }).catch(ps) : this.#i.notify("stream-type-change", "on-demand"), p(() => {
+        }).catch(ys) : this.#i.notify("stream-type-change", "on-demand"), p(() => {
           const r = p(this.#i.$state.preload);
           return t?.loadSource(e, r).catch((o) => {
           });
         }), () => n.abort();
       }
       try {
-        S(e.src) && se(new URL(e.src).origin);
+        S(e.src) && ne(new URL(e.src).origin);
       } catch {
       }
     }
@@ -4143,7 +4143,7 @@ class Mn {
   #d() {
     const t = this.#a(), { providedPoster: e, source: s, canLoadPoster: i } = this.#i.$state;
     if (!t || !t.loadPoster || !s() || !i() || e()) return;
-    const n = new AbortController(), r = new q("source-change", { detail: s });
+    const n = new AbortController(), r = new L("source-change", { detail: s });
     return t.loadPoster(s(), this.#i, n).then((o) => {
       this.#i.notify("poster-change", o || "", r);
     }).catch(() => {
@@ -4153,13 +4153,13 @@ class Mn {
     };
   }
 }
-function Ss(a) {
-  return (G(a) ? a : [a]).map((t) => S(t) ? { src: t, type: Ps(t) } : { ...t, type: Ps(t.src, t.type) });
+function Es(a) {
+  return (G(a) ? a : [a]).map((t) => S(t) ? { src: t, type: As(t) } : { ...t, type: As(t.src, t.type) });
 }
-function Ps(a, t) {
-  return S(t) && t.length ? t : S(a) && Fe.has(a) ? Fe.get(a) : !t && Ue({ src: a, type: "" }) ? "application/x-mpegurl" : !t && Ke({ src: a, type: "" }) ? "application/dash+xml" : !S(a) || a.startsWith("blob:") ? "video/object" : a.includes("youtube") || a.includes("youtu.be") ? "video/youtube" : a.includes("vimeo") && !a.includes("progressive_redirect") && !a.includes(".m3u8") ? "video/vimeo" : "?";
+function As(a, t) {
+  return S(t) && t.length ? t : S(a) && Ke.has(a) ? Ke.get(a) : !t && We({ src: a, type: "" }) ? "application/x-mpegurl" : !t && je({ src: a, type: "" }) ? "application/dash+xml" : !S(a) || a.startsWith("blob:") ? "video/object" : a.includes("youtube") || a.includes("youtu.be") ? "video/youtube" : a.includes("vimeo") && !a.includes("progressive_redirect") && !a.includes(".m3u8") ? "video/vimeo" : "?";
 }
-function Cs(a, t) {
+function Ms(a, t) {
   return a?.src === t?.src && a?.type === t?.type;
 }
 class Ln {
@@ -4177,17 +4177,17 @@ class Ln {
         s && this.#e.textTracks.remove(s);
       }
     for (const e of t) {
-      const s = e.id || ge.createId(e);
+      const s = e.id || ve.createId(e);
       this.#e.textTracks.getById(s) || (e.id = s, this.#e.textTracks.add(e));
     }
     this.#s = t;
   }
 }
-class ni extends b {
+class li extends b {
   static props = {
     loaders: []
   };
-  static state = new gt({
+  static state = new vt({
     loader: null
   });
   #t;
@@ -4208,7 +4208,7 @@ class ni extends b {
   }
   onConnect(t) {
     this.#e.connect(), new Ln(this.#i, this.#t);
-    const e = new ResizeObserver(Vt(this.#h.bind(this)));
+    const e = new ResizeObserver(Ot(this.#h.bind(this)));
     e.observe(t);
     const s = new MutationObserver(this.#l.bind(this));
     s.observe(t, { attributes: !0, childList: !0 }), this.#h(), this.#l(), P(() => {
@@ -4264,17 +4264,17 @@ class ni extends b {
             type: i.getAttribute("data-type")
           };
           e.push({
-            id: i.id || ge.createId(n),
+            id: i.id || ve.createId(n),
             ...n
           });
         }
       }
-    this.#s.set(t), this.#i.set(e), ot();
+    this.#s.set(t), this.#i.set(e), dt();
   }
 }
-const qn = ni.prototype;
+const qn = li.prototype;
 I(qn, "load");
-function ri(a, t) {
+function di(a, t) {
   return [...a].sort(t ? In : _n);
 }
 function _n(a, t) {
@@ -4283,7 +4283,7 @@ function _n(a, t) {
 function In(a, t) {
   return t.height === a.height ? (t.bitrate ?? 0) - (a.bitrate ?? 0) : t.height - a.height;
 }
-class Vn extends tt {
+class Vn extends st {
   #t;
   constructor(t) {
     super(), this.#t = t;
@@ -4303,7 +4303,7 @@ class Vn extends tt {
     }
   }
 }
-function Le(a, t) {
+function Ve(a, t) {
   const e = String(a), s = e.length;
   if (s < t) {
     const n = t - s;
@@ -4311,7 +4311,7 @@ function Le(a, t) {
   }
   return e;
 }
-function oi(a) {
+function ci(a) {
   const t = Math.trunc(a / 3600), e = Math.trunc(a % 3600 / 60), s = Math.trunc(a % 60), i = Number((a - Math.trunc(a)).toPrecision(3));
   return {
     hours: t,
@@ -4320,15 +4320,15 @@ function oi(a) {
     fraction: i
   };
 }
-function Te(a, { padHrs: t = null, padMins: e = null, showHrs: s = !1, showMs: i = !1 } = {}) {
-  const { hours: n, minutes: r, seconds: o, fraction: h } = oi(a), d = t ? Le(n, 2) : n, c = e || rt(e) && a >= 3600 ? Le(r, 2) : r, u = Le(o, 2), m = i && h > 0 ? `.${String(h).replace(/^0?\./, "")}` : "", g = `${c}:${u}${m}`;
+function Pe(a, { padHrs: t = null, padMins: e = null, showHrs: s = !1, showMs: i = !1 } = {}) {
+  const { hours: n, minutes: r, seconds: o, fraction: h } = ci(a), d = t ? Ve(n, 2) : n, c = e || lt(e) && a >= 3600 ? Ve(r, 2) : r, u = Ve(o, 2), m = i && h > 0 ? `.${String(h).replace(/^0?\./, "")}` : "", g = `${c}:${u}${m}`;
   return n > 0 || s ? `${d}:${g}` : g;
 }
-function be(a) {
-  const t = [], { hours: e, minutes: s, seconds: i } = oi(a);
+function we(a) {
+  const t = [], { hours: e, minutes: s, seconds: i } = ci(a);
   return e > 0 && t.push(`${e} hour`), s > 0 && t.push(`${s} min`), (i > 0 || t.length === 0) && t.push(`${i} sec`), t.join(" ");
 }
-class hi extends tt {
+class ui extends st {
   #t;
   constructor(t) {
     super(), this.#t = t, l(this.#e.bind(this));
@@ -4365,7 +4365,7 @@ class hi extends tt {
         };
         if (Ga(e)) {
           this.#a?.();
-          const n = O(e, "animationend", s, { once: !0 });
+          const n = N(e, "animationend", s, { once: !0 });
           this.#a = n;
         } else
           s();
@@ -4376,13 +4376,13 @@ class hi extends tt {
     window.clearTimeout(this.#s), this.#s = -1;
   }
 }
-class B extends tt {
+class B extends st {
   static props = {
     disabled: !1
   };
   #t;
   constructor(t) {
-    super(), this.#t = t, new et(), t.keyShortcut && new Vn(t.keyShortcut);
+    super(), this.#t = t, new it(), t.keyShortcut && new Vn(t.keyShortcut);
   }
   onSetup() {
     const { disabled: t } = this.$props;
@@ -4396,14 +4396,14 @@ class B extends tt {
     E(t, "tabindex", "0"), E(t, "role", "button"), E(t, "type", "button");
   }
   onConnect(t) {
-    const e = pt(t, this.#i.bind(this));
+    const e = gt(t, this.#i.bind(this));
     for (const s of ["click", "touchstart"])
       e.add(s, this.#a.bind(this), {
         passive: !0
       });
   }
   #e() {
-    return me(this.#t.isPresssed());
+    return ye(this.#t.isPresssed());
   }
   #s(t) {
     ea(this.#t.isPresssed) && this.#t.isPresssed.set((e) => !e);
@@ -4435,11 +4435,11 @@ class Dn extends b {
       "data-active": e,
       "data-supported": t,
       "data-state": this.#i.bind(this),
-      "aria-hidden": N(() => !t())
+      "aria-hidden": H(() => !t())
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "airplay"), bt(t, this.#a.bind(this));
+    t.setAttribute("data-media-tooltip", "airplay"), wt(t, this.#a.bind(this));
   }
   #e(t) {
     this.#t.remote.requestAirPlay(t);
@@ -4476,7 +4476,7 @@ let Rn = class extends b {
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "play"), bt(t, "Play");
+    t.setAttribute("data-media-tooltip", "play"), wt(t, "Play");
   }
   #e(t) {
     const e = this.#t.remote;
@@ -4501,11 +4501,11 @@ class On extends b {
     this.#t = $(), this.setAttributes({
       "data-active": this.#s.bind(this),
       "data-supported": () => !this.#i(),
-      "aria-hidden": N(this.#i.bind(this))
+      "aria-hidden": H(this.#i.bind(this))
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "caption"), bt(t, "Captions");
+    t.setAttribute("data-media-tooltip", "caption"), wt(t, "Captions");
   }
   #e(t) {
     this.#t.remote.toggleCaptions(t);
@@ -4538,11 +4538,11 @@ let Nn = class extends b {
     this.setAttributes({
       "data-active": t,
       "data-supported": e,
-      "aria-hidden": N(() => !e())
+      "aria-hidden": H(() => !e())
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "fullscreen"), bt(t, "Fullscreen");
+    t.setAttribute("data-media-tooltip", "fullscreen"), wt(t, "Fullscreen");
   }
   #e(t) {
     const e = this.#t.remote, s = this.$props.target();
@@ -4574,7 +4574,7 @@ class Hn extends b {
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-mute-button", ""), t.setAttribute("data-media-tooltip", "mute"), bt(t, "Mute");
+    t.setAttribute("data-media-mute-button", ""), t.setAttribute("data-media-tooltip", "mute"), wt(t, "Mute");
   }
   #e(t) {
     const e = this.#t.remote;
@@ -4607,11 +4607,11 @@ class Fn extends b {
     this.setAttributes({
       "data-active": t,
       "data-supported": e,
-      "aria-hidden": N(() => !e())
+      "aria-hidden": H(() => !e())
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "pip"), bt(t, "PiP");
+    t.setAttribute("data-media-tooltip", "pip"), wt(t, "PiP");
   }
   #e(t) {
     const e = this.#t.remote;
@@ -4633,7 +4633,7 @@ class Bn extends b {
   };
   #t;
   constructor() {
-    super(), new et();
+    super(), new it();
   }
   onSetup() {
     this.#t = $();
@@ -4642,14 +4642,14 @@ class Bn extends b {
       seconds: e,
       "data-seeking": t,
       "data-supported": s,
-      "aria-hidden": N(() => !s())
+      "aria-hidden": H(() => !s())
     });
   }
   onAttach(t) {
-    E(t, "tabindex", "0"), E(t, "role", "button"), E(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"), wt(t, this.#s.bind(this));
   }
   onConnect(t) {
-    pt(t, this.#i.bind(this));
+    gt(t, this.#i.bind(this));
   }
   #e() {
     const { canSeek: t } = this.#t.$state;
@@ -4672,7 +4672,7 @@ class Gn extends b {
   };
   #t;
   constructor() {
-    super(), new et();
+    super(), new it();
   }
   onSetup() {
     this.#t = $();
@@ -4680,22 +4680,22 @@ class Gn extends b {
     this.setAttributes({
       "data-edge": s,
       "data-hidden": i,
-      "aria-disabled": N(() => t() || s()),
-      "aria-hidden": N(i)
+      "aria-disabled": H(() => t() || s()),
+      "aria-hidden": H(i)
     });
   }
   onAttach(t) {
     E(t, "tabindex", "0"), E(t, "role", "button"), E(t, "type", "button"), t.setAttribute("data-media-tooltip", "live");
   }
   onConnect(t) {
-    pt(t, this.#e.bind(this));
+    gt(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 gt({
+const Lt = new vt({
   min: 0,
   max: 100,
   value: 0,
@@ -4709,23 +4709,23 @@ const Et = new gt({
     return this.dragging || this.focused || this.pointing;
   },
   get fillRate() {
-    return xs(this.min, this.max, this.value);
+    return Ls(this.min, this.max, this.value);
   },
   get fillPercent() {
     return this.fillRate * 100;
   },
   get pointerRate() {
-    return xs(this.min, this.max, this.pointerValue);
+    return Ls(this.min, this.max, this.pointerValue);
   },
   get pointerPercent() {
     return this.pointerRate * 100;
   }
 });
-function xs(a, t, e) {
+function Ls(a, t, e) {
   const s = t - a, i = e - a;
   return s > 0 ? i / s : 0;
 }
-class li extends tt {
+class pi extends st {
   #t;
   #e;
   constructor(t) {
@@ -4743,15 +4743,15 @@ class li extends tt {
     this.#e?.disconnect(), this.#e = void 0;
   }
 }
-const Ze = ft(), Wt = ft();
+const is = bt(), Xt = bt();
 function Un(a, t, e, s) {
-  return je(a, V(e, Qa(s)), t);
+  return Ze(a, D(e, Qa(s)), t);
 }
 function Kn(a, t, e, s) {
-  const i = je(0, e, 1), n = t - a, r = n * i, o = r / s, h = s * Math.round(o);
+  const i = Ze(0, e, 1), n = t - a, r = n * i, o = r / s, h = s * Math.round(o);
   return a + h;
 }
-const qe = {
+const De = {
   Left: -1,
   ArrowLeft: -1,
   Up: 1,
@@ -4761,7 +4761,7 @@ const qe = {
   Down: -1,
   ArrowDown: -1
 };
-class Qn extends tt {
+class Qn extends st {
   #t;
   #e;
   #s;
@@ -4769,7 +4769,7 @@ class Qn extends tt {
     super(), this.#t = t, this.#e = e;
   }
   onSetup() {
-    K(Wt) && (this.#s = _(Wt));
+    K(Xt) && (this.#s = q(Xt));
   }
   onConnect(t) {
     l(this.#l.bind(this, t)), l(this.#c.bind(this, t)), this.#t.swipeGesture && l(this.#i.bind(this));
@@ -4782,7 +4782,7 @@ class Qn extends tt {
     }
     this.#a = this.#e.player.el?.querySelector(
       "media-provider,[data-media-provider]"
-    ), this.#a && new L(this.#a).add("touchstart", this.#o.bind(this), {
+    ), this.#a && new M(this.#a).add("touchstart", this.#o.bind(this), {
       passive: !0
     }).add("touchmove", this.#h.bind(this), { passive: !1 });
   }
@@ -4793,16 +4793,16 @@ class Qn extends tt {
     this.#n = t.touches[0];
   }
   #h(t) {
-    if (rt(this.#n) || ze(t)) return;
+    if (lt(this.#n) || Xe(t)) return;
     const e = t.touches[0], s = e.clientX - this.#n.clientX, i = e.clientY - this.#n.clientY, n = this.$state.dragging();
     !n && Math.abs(i) > 5 || n || (t.preventDefault(), Math.abs(s) > 20 && (this.#n = e, this.#r = this.$state.value(), this.#w(this.#r, t)));
   }
   #l(t) {
     const { hidden: e } = this.$props;
-    O(t, "focus", this.#u.bind(this)), !(e() || this.#t.isDisabled()) && new L(t).add("keyup", this.#k.bind(this)).add("keydown", this.#T.bind(this)).add("pointerenter", this.#y.bind(this)).add("pointermove", this.#g.bind(this)).add("pointerleave", this.#b.bind(this)).add("pointerdown", this.#$.bind(this));
+    N(t, "focus", this.#u.bind(this)), !(e() || this.#t.isDisabled()) && new M(t).add("keyup", this.#k.bind(this)).add("keydown", this.#T.bind(this)).add("pointerenter", this.#y.bind(this)).add("pointermove", this.#g.bind(this)).add("pointerleave", this.#b.bind(this)).add("pointerdown", this.#$.bind(this));
   }
   #c(t) {
-    this.#t.isDisabled() || !this.$state.dragging() || new L(document).add("pointerup", this.#E.bind(this), { capture: !0 }).add("pointermove", this.#x.bind(this)).add("touchmove", this.#A.bind(this), {
+    this.#t.isDisabled() || !this.$state.dragging() || new M(document).add("pointerup", this.#E.bind(this), { capture: !0 }).add("pointermove", this.#x.bind(this)).add("touchmove", this.#A.bind(this), {
       passive: !1
     });
   }
@@ -4879,9 +4879,9 @@ class Qn extends tt {
   #P;
   #f = !1;
   #T(t) {
-    if (!Object.keys(qe).includes(t.key)) return;
+    if (!Object.keys(De).includes(t.key)) return;
     const { key: s } = t, i = this.#S(t);
-    if (!rt(i)) {
+    if (!lt(i)) {
       this.#p(i, t), this.#d(i, t);
       return;
     }
@@ -4889,7 +4889,7 @@ class Qn extends tt {
     this.#f || (this.#f = s === this.#P, !this.$state.dragging() && this.#f && this.#w(n, t)), this.#p(n, t), this.#P = s;
   }
   #k(t) {
-    if (!Object.keys(qe).includes(t.key) || !rt(this.#S(t))) return;
+    if (!Object.keys(De).includes(t.key) || !lt(this.#S(t))) return;
     const s = this.#f ? this.$state.pointerValue() : this.#C(t);
     this.#d(s, t), this.#v(s, t), this.#P = "", this.#f = !1;
   }
@@ -4900,8 +4900,8 @@ class Qn extends tt {
   #C(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(qe[e]), g = u * m, C = this.#f ? h() : this.#t.getValue?.() ?? o(), A = (C + g) / d;
-    return Math.max(n(), Math.min(r(), Number((d * A).toFixed(3))));
+    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(De[e]), g = u * m, C = this.#f ? h() : this.#t.getValue?.() ?? o(), _ = (C + g) / d;
+    return Math.max(n(), Math.min(r(), Number((d * _).toFixed(3))));
   }
   // -------------------------------------------------------------------------------------------
   // Document (Pointer Events)
@@ -4915,7 +4915,7 @@ class Qn extends tt {
   #A(t) {
     t.preventDefault();
   }
-  #x = Ct(
+  #x = At(
     (t) => {
       this.#p(this.#m(t), t);
     },
@@ -4923,8 +4923,8 @@ class Qn extends tt {
     { leading: !0 }
   );
 }
-const qt = ft(() => ({}));
-class X extends tt {
+const Vt = bt(() => ({}));
+class X extends st {
   static props = {
     hidden: !1,
     disabled: !1,
@@ -4942,14 +4942,14 @@ class X extends tt {
   }
   onSetup() {
     this.#t = $();
-    const t = new et();
-    t.attach(this), this.$state.focused = t.focused.bind(t), K(qt) || Y(qt, {
+    const t = new it();
+    t.attach(this), this.$state.focused = t.focused.bind(t), K(Vt) || Y(Vt, {
       default: "value"
-    }), Y(Ze, {
+    }), Y(is, {
       orientation: this.$props.orientation,
       disabled: this.#e.isDisabled,
       preview: w(null)
-    }), l(this.#r.bind(this)), l(this.#o.bind(this)), l(this.#h.bind(this)), this.#c(), new Qn(this.#e, this.#t).attach(this), new li({
+    }), l(this.#r.bind(this)), l(this.#o.bind(this)), l(this.#h.bind(this)), this.#c(), new Qn(this.#e, this.#t).attach(this), new pi({
       callback: this.#a.bind(this)
     }).attach(this);
   }
@@ -4957,7 +4957,7 @@ class X extends tt {
     E(t, "role", "slider"), E(t, "tabindex", "0"), E(t, "autocomplete", "off"), l(this.#u.bind(this));
   }
   onConnect(t) {
-    P(zs(t, this.#s.set)), l(this.#n.bind(this));
+    P(Xs(t, this.#s.set)), l(this.#n.bind(this));
   }
   #a(t) {
     this.#i.set(t[0].isIntersecting);
@@ -4985,7 +4985,7 @@ class X extends tt {
   // ARIA
   // -------------------------------------------------------------------------------------------
   #l() {
-    return me(this.#e.isDisabled());
+    return ye(this.#e.isDisabled());
   }
   // -------------------------------------------------------------------------------------------
   // Attributes
@@ -5006,20 +5006,20 @@ class X extends tt {
   }
   #u() {
     const { fillPercent: t, pointerPercent: e } = this.$state;
-    this.#d(V(t(), 3), V(e(), 3));
+    this.#d(D(t(), 3), D(e(), 3));
   }
-  #d = Vt((t, e) => {
+  #d = Ot((t, e) => {
     this.el?.style.setProperty("--slider-fill", t + "%"), this.el?.style.setProperty("--slider-pointer", e + "%");
   });
 }
-class ie extends b {
+class re extends b {
   static props = {
     ...X.props,
     min: 0,
     max: 100,
     value: 0
   };
-  static state = Et;
+  static state = Lt;
   constructor() {
     super(), new X({
       getStep: this.$props.step,
@@ -5044,7 +5044,7 @@ class ie extends b {
   }
   #e() {
     const { value: t, max: e } = this.$state;
-    return V(t() / e() * 100, 2) + "%";
+    return D(t() / e() * 100, 2) + "%";
   }
   // -------------------------------------------------------------------------------------------
   // Watch
@@ -5058,15 +5058,15 @@ class ie extends b {
     this.$state.min.set(t()), this.$state.max.set(e());
   }
 }
-const at = /* @__PURE__ */ new Map(), le = /* @__PURE__ */ new Map();
-class ts {
+const ot = /* @__PURE__ */ new Map(), ue = /* @__PURE__ */ new Map();
+class as {
   #t;
   #e;
   #s;
   $images = w([]);
   static create(t, e) {
     const s = $();
-    return new ts(t, e, s);
+    return new as(t, e, s);
   }
   constructor(t, e, s) {
     this.#e = t, this.#s = e, this.#t = s, l(this.#i.bind(this));
@@ -5076,20 +5076,20 @@ class ts {
     if (!t()) return;
     const e = this.#e();
     if (e) {
-      if (S(e) && at.has(e)) {
-        const s = at.get(e);
-        if (at.delete(e), at.set(e, s), at.size > 99) {
-          const i = at.keys().next().value;
-          at.delete(i);
+      if (S(e) && ot.has(e)) {
+        const s = ot.get(e);
+        if (ot.delete(e), ot.set(e, s), ot.size > 99) {
+          const i = ot.keys().next().value;
+          ot.delete(i);
         }
-        this.$images.set(at.get(e));
+        this.$images.set(ot.get(e));
       } else if (S(e)) {
         const s = this.#s(), i = e + "::" + s;
-        if (!le.has(i)) {
+        if (!ue.has(i)) {
           const n = new Promise(async (r, o) => {
             try {
               const h = await fetch(e, {
-                credentials: zt(s)
+                credentials: Yt(s)
               });
               if (h.headers.get("content-type") === "application/json") {
                 const c = await h.json();
@@ -5099,10 +5099,10 @@ class ts {
                   else {
                     for (let u = 0; u < c.length; u++) {
                       const m = c[u];
-                      it(aa(m), !1), it(
+                      rt(aa(m), !1), rt(
                         "url" in m && S(m.url),
                         !1
-                      ), it(
+                      ), rt(
                         "startTime" in m && z(m.startTime),
                         !1
                       );
@@ -5124,14 +5124,14 @@ class ts {
             } catch (h) {
               o(h);
             }
-          }).then((r) => (at.set(i, r), r)).catch((r) => {
+          }).then((r) => (ot.set(i, r), r)).catch((r) => {
             this.#c(e, r);
           }).finally(() => {
-            S(i) && le.delete(i);
+            S(i) && ue.delete(i);
           });
-          le.set(i, n);
+          ue.set(i, n);
         }
-        le.get(i)?.then((n) => {
+        ue.get(i)?.then((n) => {
           this.$images.set(n || []);
         });
       } else if (G(e))
@@ -5153,9 +5153,9 @@ class ts {
   }
   #a(t) {
     const e = this.#o();
-    return t.map((s, i) => (it(
+    return t.map((s, i) => (rt(
       s.url && S(s.url)
-    ), it(
+    ), rt(
       "startTime" in s && z(s.startTime)
     ), {
       ...s,
@@ -5163,7 +5163,7 @@ class ts {
     }));
   }
   #n(t) {
-    it(S(t.url)), it(G(t.tiles) && t.tiles?.length);
+    rt(S(t.url)), rt(G(t.tiles) && t.tiles?.length);
     const e = new URL(t.url), s = [], i = "tile_width" in t ? t.tile_width : t.tileWidth, n = "tile_height" in t ? t.tile_height : t.tileHeight;
     for (const r of t.tiles)
       s.push({
@@ -5178,9 +5178,9 @@ class ts {
   #r(t) {
     for (let i = 0; i < t.length; i++) {
       const n = t[i];
-      it(
+      rt(
         "startTime" in n && z(n.startTime)
-      ), it(
+      ), rt(
         "text" in n && S(n.text)
       );
     }
@@ -5225,7 +5225,7 @@ class zn extends b {
     time: 0,
     crossOrigin: null
   };
-  static state = new gt({
+  static state = new vt({
     src: "",
     img: null,
     thumbnails: [],
@@ -5239,11 +5239,11 @@ class zn extends b {
   #t;
   #e = [];
   onSetup() {
-    this.media = $(), this.#t = ts.create(this.$props.src, this.$state.crossOrigin), this.#i(), this.setAttributes({
+    this.media = $(), this.#t = as.create(this.$props.src, this.$state.crossOrigin), this.#i(), this.setAttributes({
       "data-loading": this.#o.bind(this),
       "data-error": this.#h.bind(this),
       "data-hidden": this.$state.hidden,
-      "aria-hidden": N(this.$state.hidden)
+      "aria-hidden": H(this.$state.hidden)
     });
   }
   onConnect(t) {
@@ -5251,7 +5251,7 @@ class zn extends b {
   }
   #s() {
     const t = this.$state.img();
-    t && new L(t).add("load", this.#n.bind(this)).add("error", this.#r.bind(this));
+    t && new M(t).add("load", this.#n.bind(this)).add("error", this.#r.bind(this));
   }
   #i() {
     const { crossOrigin: t } = this.$props, { crossOrigin: e } = this.$state, { crossOrigin: s } = this.media.$state, i = t() !== null ? t() : s();
@@ -5277,7 +5277,7 @@ class zn extends b {
   }
   #h() {
     const { error: t } = this.$state;
-    return !rt(t());
+    return !lt(t());
   }
   #l() {
     const { hidden: t } = this.$state, { duration: e } = this.media.$state, s = this.#t.$images();
@@ -5316,7 +5316,7 @@ class zn extends b {
       Math.max(parseInt(h), parseInt(r)) / i,
       Math.max(parseInt(d), parseInt(o)) / n
     ), 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(
+    this.#d(t, "--thumbnail-width", `${i * C}px`), this.#d(t, "--thumbnail-height", `${n * C}px`), this.#d(t, "--thumbnail-aspect-ratio", String(D(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 * C}px, -${s.coords.y * C}px)` : ""
@@ -5330,7 +5330,7 @@ class zn extends b {
     this.#e = [];
   }
 }
-class di extends b {
+class mi extends b {
   static props = {
     type: "pointer",
     format: null,
@@ -5344,7 +5344,7 @@ class di extends b {
   #e;
   #s;
   onSetup() {
-    this.#s = Dt(ie.state), this.#t = _(qt), this.#e = st(this.getValueText.bind(this));
+    this.#s = Nt(re.state), this.#t = q(Vt), this.#e = at(this.getValueText.bind(this));
   }
   /**
    * Returns the current value formatted as text based on prop settings.
@@ -5360,9 +5360,9 @@ class di 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 C = u() - c(), A = g / C * 100;
-      return (this.#t.percent ?? V)(A, s()) + "%";
-    } else return m === "time" ? (this.#t.time ?? Te)(g, {
+      const C = u() - c(), _ = g / C * 100;
+      return (this.#t.percent ?? D)(_, s()) + "%";
+    } else return m === "time" ? (this.#t.time ?? Pe)(g, {
       padHrs: i(),
       padMins: n(),
       showHrs: r(),
@@ -5370,7 +5370,7 @@ class di extends b {
     }) : (this.#t.value?.(g) ?? g.toFixed(2)) + "";
   }
 }
-const Wn = di.prototype;
+const Wn = mi.prototype;
 I(Wn, "getValueText");
 class jn extends b {
   static props = {
@@ -5379,8 +5379,8 @@ class jn extends b {
   };
   #t;
   onSetup() {
-    this.#t = _(Ze);
-    const { active: t } = Dt(ie.state);
+    this.#t = q(is);
+    const { active: t } = Nt(re.state);
     this.setAttributes({
       "data-visible": t
     });
@@ -5399,7 +5399,7 @@ class jn extends b {
     const s = new ResizeObserver(this.#e.bind(this));
     s.observe(t), P(() => s.disconnect());
   }
-  #e = Vt(() => {
+  #e = Ot(() => {
     const { disabled: t, orientation: e } = this.#t;
     if (t()) return;
     const s = this.el, { offset: i, noClamp: n } = this.$props;
@@ -5446,12 +5446,12 @@ class Xn extends b {
     keyStep: 5,
     shiftKeyMultiplier: 2
   };
-  static state = Et;
+  static state = Lt;
   #t;
   onSetup() {
     this.#t = $();
     const { audioGain: t } = this.#t.$state;
-    Y(qt, {
+    Y(Vt, {
       default: "percent",
       value(e) {
         return (e * (t() ?? 1)).toFixed(2);
@@ -5478,7 +5478,7 @@ class Xn extends b {
     const { canSetVolume: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
-      "aria-hidden": N(() => !e())
+      "aria-hidden": H(() => !e())
     });
   }
   #e() {
@@ -5487,7 +5487,7 @@ class Xn extends b {
   }
   #s() {
     const { value: t, max: e } = this.$state, { audioGain: s } = this.#t.$state;
-    return V(t() / e() * (s() ?? 1) * 100, 2) + "%";
+    return D(t() / e() * (s() ?? 1) * 100, 2) + "%";
   }
   #i() {
     const { audioGain: t } = this.#t.$state;
@@ -5501,10 +5501,10 @@ class Xn extends b {
     const { muted: t, volume: e } = this.#t.$state, s = t() ? 0 : e() * 100;
     this.$state.value.set(s), this.dispatch("value-change", { detail: s });
   }
-  #r = Ct(this.#o.bind(this), 25);
+  #r = At(this.#o.bind(this), 25);
   #o(t) {
     if (!t.trigger) return;
-    const e = V(t.detail / 100, 3);
+    const e = D(t.detail / 100, 3);
     this.#t.remote.changeVolume(e, t);
   }
   #h(t) {
@@ -5514,7 +5514,7 @@ class Xn extends b {
     this.#r(t);
   }
 }
-let ci = class extends b {
+let fi = class extends b {
   static props = {
     ...X.props,
     step: 0.1,
@@ -5524,7 +5524,7 @@ let ci = class extends b {
     noSwipeGesture: !1,
     seekingRequestThrottle: 100
   };
-  static state = Et;
+  static state = Lt;
   #t;
   #e;
   #s = w(null);
@@ -5549,7 +5549,7 @@ let ci = class extends b {
     });
   }
   onSetup() {
-    this.#t = $(), Y(qt, {
+    this.#t = $(), Y(Vt, {
       default: "time",
       value: this.#k.bind(this),
       time: this.#S.bind(this)
@@ -5563,18 +5563,18 @@ let ci = class extends b {
     t.setAttribute("data-media-time-slider", ""), E(t, "aria-label", "Seek");
   }
   onConnect(t) {
-    l(this.#o.bind(this)), $e(this.#t.textTracks, "chapters", this.#s.set);
+    l(this.#o.bind(this)), ke(this.#t.textTracks, "chapters", this.#s.set);
   }
   #i() {
     const { bufferedEnd: t, duration: e } = this.#t.$state;
-    return V(Math.min(t() / Math.max(e(), 1), 1) * 100, 3) + "%";
+    return D(Math.min(t() / Math.max(e(), 1), 1) * 100, 3) + "%";
   }
   #a() {
     const { duration: t } = this.#t.$state;
     return this.#s()?.cues.length && Number.isFinite(t()) && t() > 0;
   }
   #n() {
-    this.#e = Ct(
+    this.#e = At(
       this.#h.bind(this),
       this.$props.seekingRequestThrottle()
     );
@@ -5585,7 +5585,7 @@ let ci = class extends b {
     p(e) || (t.set(s), this.dispatch("value-change", { detail: s }));
   }
   #o() {
-    const t = this.#t.player.el, { preview: e } = _(Ze);
+    const t = this.#t.player.el, { preview: e } = q(is);
     t && e() && f(t, "data-preview", this.$state.active());
   }
   #h(t, e) {
@@ -5639,7 +5639,7 @@ let ci = class extends b {
     return Number.isFinite(t) ? t : 1;
   }
   #$(t) {
-    return V(t, 3);
+    return D(t, 3);
   }
   #w() {
     const { disabled: t } = this.$props, { canSeek: e } = this.#t.$state;
@@ -5654,14 +5654,14 @@ let ci = class extends b {
   }
   #P() {
     const t = this.#f(this.$state.value()), { duration: e } = this.#t.$state;
-    return Number.isFinite(t) ? `${be(t)} out of ${be(e())}` : "live";
+    return Number.isFinite(t) ? `${we(t)} out of ${we(e())}` : "live";
   }
   // -------------------------------------------------------------------------------------------
   // Format
   // -------------------------------------------------------------------------------------------
   #f(t) {
     const { duration: e } = this.#t.$state;
-    return V(t / 100 * e(), 5);
+    return D(t / 100 * e(), 5);
   }
   #T(t) {
     const { liveEdge: e, duration: s } = this.#t.$state, i = Math.max(0, Math.min(1, e() ? 1 : Math.min(t, s()) / s()));
@@ -5673,10 +5673,10 @@ let ci = class extends b {
   }
   #S(t, e) {
     const s = this.#f(t), { live: i, duration: n } = this.#t.$state, r = i() ? s - n() : s;
-    return Number.isFinite(s) ? `${r < 0 ? "-" : ""}${Te(Math.abs(r), e)}` : "LIVE";
+    return Number.isFinite(s) ? `${r < 0 ? "-" : ""}${Pe(Math.abs(r), e)}` : "LIVE";
   }
 };
-const D = ft();
+const R = bt();
 function Jn(a, t) {
   const e = ia(a, t);
   for (const { el: s, top: i, left: n } of e)
@@ -5720,12 +5720,12 @@ class sr {
     this.#i = t;
   }
   attachMenu(t) {
-    O(t, "focus", this.#r.bind(this)), this.#e = t, P(() => {
+    N(t, "focus", this.#r.bind(this)), this.#e = t, P(() => {
       this.#e = null;
     });
   }
   listen() {
-    this.#e && (this.update(), new L(this.#e).add("keyup", this.#h.bind(this)).add("keydown", this.#l.bind(this)), P(() => {
+    this.#e && (this.update(), new M(this.#e).add("keyup", this.#h.bind(this)).add("keydown", this.#l.bind(this)), P(() => {
       this.#t = -1, this.#s = [];
     }));
   }
@@ -5805,18 +5805,18 @@ class sr {
     if (!this.#e) return [];
     const t = this.#e.querySelectorAll(tr), e = [], s = (i) => i.getAttribute("role") === "menu";
     for (const i of t)
-      St(i) && i.offsetParent !== null && // does not have display: none
-      Ws(this.#e, i, s) && e.push(i);
+      xt(i) && i.offsetParent !== null && // does not have display: none
+      Js(this.#e, i, s) && e.push(i);
     return e;
   }
 }
-var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, ae = (a, t, e, s) => {
+var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, oe = (a, t, e, s) => {
   for (var i = ar(t, e), n = a.length - 1, r; n >= 0; n--)
     (r = a[n]) && (i = r(t, e, i) || i);
   return i && ir(t, e, i), i;
 };
 let nr = 0;
-class Rt extends b {
+class Ht extends b {
   static props = {
     showDelay: 0
   };
@@ -5847,16 +5847,16 @@ class Rt extends b {
   constructor() {
     super();
     const { showDelay: t } = this.$props;
-    this.#c = new hi({
+    this.#c = new ui({
       trigger: this.#n,
       content: this.#r,
       showDelay: t,
       listen: (e, s, i) => {
-        pt(e, (r) => {
+        gt(e, (r) => {
           this.#i() ? i(r) : s(r);
         });
         const n = this.#M();
-        n && pt(n, (r) => {
+        n && gt(n, (r) => {
           r.stopPropagation(), i(r);
         });
       },
@@ -5868,12 +5868,12 @@ class Rt extends b {
     const t = ++nr;
     this.#e = `media-menu-${t}`, this.#s = `media-menu-button-${t}`, this.#u = new sr({
       closeMenu: this.close.bind(this)
-    }), K(D) && (this.#o = _(D)), this.#y(), this.setAttributes({
+    }), K(R) && (this.#o = q(R)), this.#y(), this.setAttributes({
       "data-open": this.#i,
       "data-root": !this.isSubmenu,
       "data-submenu": this.isSubmenu,
       "data-disabled": this.#C.bind(this)
-    }), Y(D, {
+    }), Y(R, {
       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(Wt) ? _(Wt) : null;
-    Y(Wt, {
+    let t = -1, e = K(Xt) ? q(Xt) : null;
+    Y(Xt, {
       onDragStart: () => {
         e?.onDragStart?.(), window.clearTimeout(t), t = -1, this.#d = !0;
       },
@@ -5919,10 +5919,10 @@ class Rt extends b {
     this.isSubmenu || this.#O(), this.#v(t), t && (l(() => {
       const { height: e } = this.#t.$state, s = this.#r();
       s && j(s, "--player-height", e() + "px");
-    }), this.#u.listen(), this.listen("pointerup", this.#A.bind(this)), O(window, "pointerup", this.#x.bind(this)));
+    }), this.#u.listen(), this.listen("pointerup", this.#A.bind(this)), N(window, "pointerup", this.#x.bind(this)));
   }
   #b(t) {
-    const e = t.el, s = this.isSubmenu, i = N(this.#C.bind(this));
+    const e = t.el, s = this.isSubmenu, i = H(this.#C.bind(this));
     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(() => {
@@ -5940,14 +5940,14 @@ class Rt extends b {
   }
   #v(t) {
     const e = p(this.#r);
-    e && f(e, "aria-hidden", me(!t));
+    e && f(e, "aria-hidden", ye(!t));
   }
   #P(t) {
     this.#p.set(t);
   }
   #f = !1;
   #T(t, e) {
-    if (this.#f = Us(e), e?.stopPropagation(), this.#i() === t) return;
+    if (this.#f = Ws(e), e?.stopPropagation(), this.#i() === t) return;
     if (this.#C()) {
       t && this.#c.hide(e);
       return;
@@ -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", me(t))), i && f(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), ot(), this.#f) {
+    if (s && (f(s, "aria-controls", t && this.#e), f(s, "aria-expanded", ye(t))), i && f(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), dt(), this.#f) {
       t ? i?.focus() : s?.focus();
       for (const n of [this.el, i])
         n && n.setAttribute("data-keyboard", "");
@@ -5993,21 +5993,21 @@ class Rt extends b {
   }
   #A(t) {
     const e = this.#r();
-    this.#d || e && gs(e, t) || t.stopPropagation();
+    this.#d || e && $s(e, t) || t.stopPropagation();
   }
   #x(t) {
     const e = this.#r();
-    this.#d || e && gs(e, t) || this.close(t);
+    this.#d || e && $s(e, t) || this.close(t);
   }
   #M() {
     const t = this.el?.querySelector('[data-part="close-target"]');
-    return this.el && t && Ws(this.el, t, (e) => e.getAttribute("role") === "menu") ? t : null;
+    return this.el && t && Js(this.el, t, (e) => e.getAttribute("role") === "menu") ? t : null;
   }
   #q(t) {
     this.isSubmenu || (this.#i() ? this.#t.remote.pauseControls(t) : this.#t.remote.resumeControls(t));
   }
   #I(t) {
-    this.#h.add(t), new L(t).add("open", this.#R).add("close", this.#H), P(this.#_);
+    this.#h.add(t), new M(t).add("open", this.#R).add("close", this.#H), P(this.#_);
   }
   #_ = this.#D.bind(this);
   #D(t) {
@@ -6041,19 +6041,19 @@ class Rt extends b {
       for (const s of e.children)
         s.removeAttribute("data-open"), s.removeAttribute("data-hidden");
   }
-  #O = Vt(() => {
+  #O = Ot(() => {
     const t = p(this.#r);
     if (!t) return;
     let e = 0, s = getComputedStyle(t), i = [...t.children];
     for (const n of ["paddingTop", "paddingBottom", "borderTopWidth", "borderBottomWidth"])
       e += parseFloat(s[n]) || 0;
     for (const n of i)
-      if (St(n) && n.style.display === "contents")
+      if (xt(n) && n.style.display === "contents")
         i.push(...n.children);
       else if (n.nodeType === 3)
         e += parseFloat(getComputedStyle(n).fontSize);
-      else if (St(n)) {
-        if (!Qs(n)) continue;
+      else if (xt(n)) {
+        if (!Ys(n)) continue;
         const r = getComputedStyle(n);
         e += n.offsetHeight + (parseFloat(r.marginTop) || 0) + (parseFloat(r.marginBottom) || 0);
       }
@@ -6066,28 +6066,28 @@ class Rt extends b {
     for (const s of this.#m) s(t);
   }
   open(t) {
-    p(this.#i) || (this.#c.show(t), ot());
+    p(this.#i) || (this.#c.show(t), dt());
   }
   close(t) {
-    p(this.#i) && (this.#c.hide(t), ot());
+    p(this.#i) && (this.#c.hide(t), dt());
   }
 }
-ae([
+oe([
   T
-], Rt.prototype, "triggerElement");
-ae([
+], Ht.prototype, "triggerElement");
+oe([
   T
-], Rt.prototype, "contentElement");
-ae([
+], Ht.prototype, "contentElement");
+oe([
   T
-], Rt.prototype, "isSubmenu");
-ae([
+], Ht.prototype, "isSubmenu");
+oe([
   I
-], Rt.prototype, "open");
-ae([
+], Ht.prototype, "open");
+oe([
   I
-], Rt.prototype, "close");
-class es extends b {
+], Ht.prototype, "close");
+class ns extends b {
   static props = {
     disabled: !1
   };
@@ -6097,10 +6097,10 @@ class es extends b {
     return this.#t?.expanded() ?? !1;
   }
   constructor() {
-    super(), new et();
+    super(), new it();
   }
   onSetup() {
-    this.#t = _(D);
+    this.#t = q(R);
   }
   onAttach(t) {
     this.#t.attachMenuButton(this), l(this.#s.bind(this)), E(t, "type", "button");
@@ -6108,7 +6108,7 @@ class es extends b {
   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()), pt(t, (s) => {
+    e.observe(t, { attributeFilter: ["data-part"], childList: !0, subtree: !0 }), P(() => e.disconnect()), gt(t, (s) => {
       this.dispatch("select", { trigger: s });
     });
   }
@@ -6127,9 +6127,9 @@ class es extends b {
     this.#e.set(t ?? null);
   }
 }
-const rr = es.prototype;
+const rr = ns.prototype;
 T(rr, "expanded");
-class or extends es {
+class or extends ns {
 }
 class hr extends b {
   static props = {
@@ -6139,7 +6139,7 @@ class hr extends b {
   #t = null;
   #e;
   onSetup() {
-    this.#e = $(), Y(ue, {
+    this.#e = $(), Y(fe, {
       attach: this.#s.bind(this)
     });
   }
@@ -6153,8 +6153,8 @@ class hr extends b {
     this.#t?.remove(), this.#t = null;
   }
   #s(t) {
-    this.#a(!1), this.#t = t, ht(() => {
-      ht(() => {
+    this.#a(!1), this.#t = t, ct(() => {
+      ct(() => {
         this.connectScope && l(this.#i.bind(this));
       });
     });
@@ -6171,10 +6171,10 @@ class hr extends b {
     f(this.#t, "data-portal", t), t ? s || (this.#t.remove(), e.append(this.#t)) : s && this.#t.parentElement === e && (this.#t.remove(), this.el?.append(this.#t));
   }
   #n(t) {
-    return St(t) ? t : t ? document.querySelector(t) : document.body;
+    return xt(t) ? t : t ? document.querySelector(t) : document.body;
   }
 }
-const ue = ft();
+const fe = bt();
 class lr extends b {
   static props = {
     placement: null,
@@ -6183,16 +6183,16 @@ class lr extends b {
   };
   #t;
   constructor() {
-    super(), new et();
+    super(), new it();
     const { placement: t } = this.$props;
     this.setAttributes({
       "data-placement": t
     });
   }
   onAttach(t) {
-    if (this.#t = _(D), this.#t.attachMenuItems(this), K(ue)) {
-      const e = _(ue);
-      e && (Y(ue, null), e.attach(t), P(() => e.attach(null)));
+    if (this.#t = q(R), this.#t.attachMenuItems(this), K(fe)) {
+      const e = q(fe);
+      e && (Y(fe, null), e.attach(t), P(() => e.attach(null)));
     }
   }
   onConnect(t) {
@@ -6211,7 +6211,7 @@ class lr extends b {
     });
     const { offset: s, alignOffset: i } = this.$props;
     P(
-      Xs(this.el, this.#i(), e, {
+      ei(this.el, this.#i(), e, {
         offsetVarName: "media-menu",
         xOffset: i(),
         yOffset: s()
@@ -6225,8 +6225,8 @@ class lr extends b {
     return this.#t.button();
   }
 }
-const Be = ft();
-class At extends tt {
+const Qe = bt();
+class qt extends st {
   #t = /* @__PURE__ */ new Set();
   #e = w("");
   #s = null;
@@ -6241,13 +6241,13 @@ class At extends tt {
     this.#r(t);
   }
   onSetup() {
-    Y(Be, {
+    Y(Qe, {
       add: this.#i.bind(this),
       remove: this.#a.bind(this)
     });
   }
   onAttach(t) {
-    K(D) || E(t, "role", "radiogroup"), this.setAttributes({ value: this.#e });
+    K(R) || E(t, "role", "radiogroup"), this.setAttributes({ value: this.#e });
   }
   onDestroy() {
     this.#t.clear();
@@ -6271,7 +6271,7 @@ class At extends tt {
     return null;
   }
 }
-class ui extends b {
+class gi extends b {
   static props = {
     value: ""
   };
@@ -6288,29 +6288,29 @@ class ui extends b {
     return this.#t();
   }
   constructor() {
-    super(), new et();
+    super(), new it();
   }
   onSetup() {
     this.setAttributes({
       value: this.$props.value,
       "data-checked": this.#t,
-      "aria-checked": N(this.#t)
+      "aria-checked": H(this.#t)
     });
   }
   onAttach(t) {
-    const e = K(D);
+    const e = K(R);
     E(t, "tabindex", e ? "-1" : "0"), E(t, "role", e ? "menuitemradio" : "radio"), l(this.#a.bind(this));
   }
   onConnect(t) {
-    this.#i(), pt(t, this.#n.bind(this)), P(this.#s.bind(this));
+    this.#i(), gt(t, this.#n.bind(this)), P(this.#s.bind(this));
   }
   #s() {
-    ee(() => {
-      _(Be).remove(this.#e);
+    ae(() => {
+      q(Qe).remove(this.#e);
     }, this.connectScope);
   }
   #i() {
-    _(Be).add(this.#e);
+    q(Qe).add(this.#e);
   }
   #a() {
     const { value: t } = this.$props, e = t();
@@ -6329,9 +6329,9 @@ class ui extends b {
     this.dispatch("select", { trigger: t });
   }
 }
-const dr = ui.prototype;
+const dr = gi.prototype;
 T(dr, "checked");
-class pi extends b {
+class yi extends b {
   static props = {
     emptyLabel: "Default"
   };
@@ -6346,10 +6346,10 @@ class pi extends b {
     return t().length <= 1;
   }
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#e = $(), K(D) && (this.#t = _(D));
+    this.#e = $(), K(R) && (this.#t = q(R));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#n.bind(this)), l(this.#a.bind(this));
@@ -6385,11 +6385,11 @@ class pi extends b {
     }
   }
 }
-const ss = pi.prototype;
-T(ss, "value");
-T(ss, "disabled");
-I(ss, "getOptions");
-class mi extends b {
+const rs = yi.prototype;
+T(rs, "value");
+T(rs, "disabled");
+I(rs, "getOptions");
+class bi extends b {
   static props = {
     offLabel: "Off"
   };
@@ -6404,10 +6404,10 @@ class mi extends b {
     return !t();
   }
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = _(D));
+    this.#t = $(), K(R) && (this.#e = q(R));
   }
   onConnect(t) {
     super.onConnect?.(t), l(this.#i.bind(this)), l(this.#n.bind(this)), l(this.#a.bind(this));
@@ -6459,12 +6459,12 @@ class mi extends b {
     return t.id + ":" + t.kind + "-" + t.label.toLowerCase();
   }
 }
-const is = mi.prototype;
-T(is, "value");
-T(is, "disabled");
-I(is, "getOptions");
+const os = bi.prototype;
+T(os, "value");
+T(os, "disabled");
+I(os, "getOptions");
 const cr = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-class fi extends b {
+class vi extends b {
   static props = {
     normalLabel: "Normal",
     rates: cr
@@ -6480,10 +6480,10 @@ class fi extends b {
     return !e() || t().length === 0;
   }
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = _(D));
+    this.#t = $(), K(R) && (this.#e = q(R));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#n.bind(this));
@@ -6515,11 +6515,11 @@ class fi extends b {
     this.#t.remote.changePlaybackRate(s, e), this.dispatch("change", { detail: s, trigger: e });
   }
 }
-const as = fi.prototype;
-T(as, "value");
-T(as, "disabled");
-I(as, "getOptions");
-class gi extends b {
+const hs = vi.prototype;
+T(hs, "value");
+T(hs, "disabled");
+I(hs, "getOptions");
+class $i extends b {
   static props = {
     autoLabel: "Auto",
     hideBitrate: !1,
@@ -6535,15 +6535,15 @@ class gi extends b {
     const { canSetQuality: t, qualities: e } = this.#t.$state;
     return !t() || e().length <= 1;
   }
-  #i = st(() => {
+  #i = at(() => {
     const { sort: t } = this.$props, { qualities: e } = this.#t.$state;
-    return ri(e(), t() === "descending");
+    return di(e(), t() === "descending");
   });
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = _(D));
+    this.#t = $(), K(R) && (this.#e = q(R));
   }
   onConnect(t) {
     l(this.#a.bind(this)), l(this.#r.bind(this)), l(this.#n.bind(this));
@@ -6553,7 +6553,7 @@ class gi extends b {
     return [
       { value: "auto", label: t },
       ...this.#i().map((s) => {
-        const i = s.bitrate && s.bitrate >= 0 ? `${V(s.bitrate / 1e6, 2)} Mbps` : null;
+        const i = s.bitrate && s.bitrate >= 0 ? `${D(s.bitrate / 1e6, 2)} Mbps` : null;
         return {
           quality: s,
           label: s.height + "p",
@@ -6597,10 +6597,10 @@ class gi extends b {
     return t.height + "_" + t.bitrate;
   }
 }
-const ns = gi.prototype;
-T(ns, "value");
-T(ns, "disabled");
-I(ns, "getOptions");
+const ls = $i.prototype;
+T(ls, "value");
+T(ls, "disabled");
+I(ls, "getOptions");
 class ur extends b {
   static props = {
     type: "current",
@@ -6611,7 +6611,7 @@ class ur extends b {
     toggle: !1,
     hidden: !1
   };
-  static state = new gt({
+  static state = new vt({
     timeText: "",
     hidden: !1
   });
@@ -6625,7 +6625,7 @@ class ur extends b {
     this.setAttributes({
       "data-type": t,
       "data-remainder": this.#c.bind(this)
-    }), new li({
+    }), new pi({
       callback: this.#a.bind(this)
     }).attach(this);
   }
@@ -6633,7 +6633,7 @@ class ur extends b {
     t.hasAttribute("role") || l(this.#h.bind(this)), l(this.#o.bind(this));
   }
   onConnect(t) {
-    P(zs(t, this.#s.set)), l(this.#n.bind(this)), l(this.#r.bind(this));
+    P(Xs(t, this.#s.set)), l(this.#n.bind(this)), l(this.#r.bind(this));
   }
   #a(t) {
     this.#i.set(t[0].isIntersecting);
@@ -6647,7 +6647,7 @@ class ur extends b {
       this.#e.set(null);
       return;
     }
-    this.el && pt(this.el, this.#u.bind(this));
+    this.el && gt(this.el, this.#u.bind(this));
   }
   #o() {
     const { hidden: t, timeText: e } = this.$state, { duration: s } = this.#t.$state;
@@ -6657,7 +6657,7 @@ class ur extends b {
       e.set("LIVE");
       return;
     }
-    const u = c ? Math.max(0, d - h) : h, m = Te(u, {
+    const u = c ? Math.max(0, d - h) : h, m = Pe(u, {
       padHrs: n(),
       padMins: r(),
       showHrs: o()
@@ -6695,7 +6695,7 @@ class pr extends b {
   static props = {
     translations: null
   };
-  static state = new gt({
+  static state = new vt({
     label: null,
     busy: !1
   });
@@ -6712,7 +6712,7 @@ class pr extends b {
     const { busy: e } = this.$state;
     this.setAttributes({
       "aria-busy": () => e() ? "true" : null
-    }), this.#e = !0, l(this.#s.bind(this)), l(this.#r.bind(this)), l(this.#n.bind(this)), l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#l.bind(this)), l(this.#u.bind(this)), ot(), this.#e = !1;
+    }), this.#e = !0, l(this.#s.bind(this)), l(this.#r.bind(this)), l(this.#n.bind(this)), l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#l.bind(this)), l(this.#u.bind(this)), dt(), this.#e = !1;
   }
   #s() {
     const { paused: t } = this.#t.$state;
@@ -6744,7 +6744,7 @@ class pr extends b {
       if (!this.scope) return;
       const i = p(e), n = Math.abs(i - this.#o);
       if (n >= 1) {
-        const r = i >= this.#o, o = be(n);
+        const r = i >= this.#o, o = we(n);
         this.#d(
           `${this.#c(r ? "Seek Forward" : "Seek Backward")} ${o}`
         );
@@ -6812,7 +6812,7 @@ let fr = class extends b {
     t.style.pointerEvents || j(t, "pointer-events", "auto");
   }
 };
-const wt = ft();
+const St = bt();
 let gr = 0;
 class yr extends b {
   static props = {
@@ -6823,16 +6823,16 @@ class yr extends b {
   #s = w(null);
   #i = w(!1);
   constructor() {
-    super(), new et();
+    super(), new it();
     const { showDelay: t } = this.$props;
-    new hi({
+    new ui({
       trigger: this.#e,
       content: this.#s,
       showDelay: t,
       listen(e, s, i) {
         l(() => {
-          ye() && O(e, "focus", s), O(e, "blur", i);
-        }), new L(e).add("touchstart", (n) => n.preventDefault(), { passive: !1 }).add("mouseenter", s).add("mouseleave", i);
+          $e() && N(e, "focus", s), N(e, "blur", i);
+        }), new M(e).add("touchstart", (n) => n.preventDefault(), { passive: !1 }).add("mouseenter", s).add("mouseleave", i);
       },
       onChange: this.#h.bind(this)
     });
@@ -6841,7 +6841,7 @@ class yr extends b {
     t.style.setProperty("display", "contents");
   }
   onSetup() {
-    Y(wt, {
+    Y(St, {
       trigger: this.#e,
       content: this.#s,
       showing: this.#i,
@@ -6875,14 +6875,14 @@ class yr extends b {
 }
 class br extends b {
   constructor() {
-    super(), new et();
+    super(), new it();
   }
   onConnect(t) {
     P(
-      ht(() => {
+      ct(() => {
         if (!this.connectScope) return;
         this.#t();
-        const e = _(wt);
+        const e = q(St);
         P(() => {
           const s = this.#e();
           s && e.detachTrigger(s);
@@ -6891,7 +6891,7 @@ class br extends b {
     );
   }
   #t() {
-    const t = this.#e(), e = _(wt);
+    const t = this.#e(), e = q(St);
     t && e.attachTrigger(t);
   }
   #e() {
@@ -6906,7 +6906,7 @@ class vr extends b {
     alignOffset: 0
   };
   constructor() {
-    super(), new et();
+    super(), new it();
     const { placement: t } = this.$props;
     this.setAttributes({
       "data-placement": t
@@ -6922,31 +6922,31 @@ class vr extends b {
   }
   onConnect(t) {
     this.#t(t);
-    const e = _(wt);
+    const e = q(St);
     P(() => e.detachContent(t)), P(
-      ht(() => {
+      ct(() => {
         this.connectScope && l(this.#e.bind(this));
       })
     );
   }
   #t(t) {
-    _(wt).attachContent(t);
+    q(St).attachContent(t);
   }
   #e() {
-    const { showing: t } = _(wt);
+    const { showing: t } = q(St);
     if (!t()) return;
     const { placement: e, offset: s, alignOffset: i } = this.$props;
-    return Xs(this.el, this.#s(), e(), {
+    return ei(this.el, this.#s(), e(), {
       offsetVarName: "media-tooltip",
       xOffset: i(),
       yOffset: s()
     });
   }
   #s() {
-    return _(wt).trigger();
+    return q(St).trigger();
   }
 }
-class yi extends b {
+class wi extends b {
   static props = {
     disabled: !1,
     defaultPressed: !1
@@ -6964,7 +6964,7 @@ class yi extends b {
     });
   }
 }
-const $r = yi.prototype;
+const $r = wi.prototype;
 T($r, "pressed");
 class wr extends b {
   static props = B.props;
@@ -6982,11 +6982,11 @@ class wr extends b {
       "data-active": e,
       "data-supported": t,
       "data-state": this.#i.bind(this),
-      "aria-hidden": N(() => !t())
+      "aria-hidden": H(() => !t())
     });
   }
   onAttach(t) {
-    t.setAttribute("data-media-tooltip", "google-cast"), bt(t, this.#a.bind(this));
+    t.setAttribute("data-media-tooltip", "google-cast"), wt(t, this.#a.bind(this));
   }
   #e(t) {
     this.#t.remote.requestGoogleCast(t);
@@ -7004,12 +7004,12 @@ class wr extends b {
     return `Google Cast ${t()}`;
   }
 }
-class bi extends b {
+class Ti extends b {
   static props = {
     src: null,
     crossOrigin: null
   };
-  static state = new gt({
+  static state = new vt({
     video: null,
     src: null,
     crossOrigin: null,
@@ -7023,11 +7023,11 @@ class bi extends b {
     return this.$state.video();
   }
   onSetup() {
-    this.#t = $(), this.#e = Dt(ie.state), this.#a(), this.setAttributes({
+    this.#t = $(), this.#e = Nt(re.state), this.#a(), this.setAttributes({
       "data-loading": this.#n.bind(this),
       "data-hidden": this.$state.hidden,
       "data-error": this.#r.bind(this),
-      "aria-hidden": N(this.$state.hidden)
+      "aria-hidden": H(this.$state.hidden)
     });
   }
   onAttach(t) {
@@ -7035,7 +7035,7 @@ class bi extends b {
   }
   #s() {
     const t = this.$state.video();
-    t && (t.readyState >= 2 && this.#l(), new L(t).add("canplay", this.#l.bind(this)).add("error", this.#c.bind(this)));
+    t && (t.readyState >= 2 && this.#l(), new M(t).add("canplay", this.#l.bind(this)).add("error", this.#c.bind(this)));
   }
   #i() {
     const { src: t } = this.$state, { canLoad: e } = this.#t.$state;
@@ -7051,7 +7051,7 @@ class bi extends b {
   }
   #r() {
     const { error: t } = this.$state;
-    return !rt(t);
+    return !lt(t);
   }
   #o() {
     const { src: t, hidden: e } = this.$state, { canLoad: s, duration: i } = this.#t.$state;
@@ -7074,7 +7074,7 @@ class bi extends b {
     e() && n && Number.isFinite(s()) && Number.isFinite(i()) && (n.currentTime = i() * s());
   }
 }
-const Tr = bi.prototype;
+const Tr = Ti.prototype;
 T(Tr, "video");
 class kr extends b {
   static props = {
@@ -7085,12 +7085,12 @@ class kr extends b {
     min: 0,
     max: 300
   };
-  static state = Et;
+  static state = Lt;
   #t;
   onSetup() {
-    this.#t = $(), Y(qt, {
+    this.#t = $(), Y(Vt, {
       default: "percent",
-      percent: (t, e) => V(this.$state.value(), e) + "%"
+      percent: (t, e) => D(this.$state.value(), e) + "%"
     }), new X({
       getStep: this.$props.step,
       getKeyStep: this.$props.keyStep,
@@ -7109,7 +7109,7 @@ class kr extends b {
     const { canSetAudioGain: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
-      "aria-hidden": N(() => !e())
+      "aria-hidden": H(() => !e())
     });
   }
   #e() {
@@ -7134,7 +7134,7 @@ class kr extends b {
   }
   #r(t) {
     if (!t.trigger) return;
-    const e = V(1 + t.detail / 100, 2);
+    const e = D(1 + t.detail / 100, 2);
     this.#t.remote.changeAudioGain(e, t);
   }
   #o(t) {
@@ -7153,7 +7153,7 @@ class Sr extends b {
     min: 0,
     max: 2
   };
-  static state = Et;
+  static state = Lt;
   #t;
   onSetup() {
     this.#t = $(), new X({
@@ -7174,7 +7174,7 @@ class Sr extends b {
     const { canSetPlaybackRate: e } = this.#t.$state;
     this.setAttributes({
       "data-supported": e,
-      "aria-hidden": N(() => !e())
+      "aria-hidden": H(() => !e())
     });
   }
   #e() {
@@ -7194,13 +7194,13 @@ class Sr extends b {
     this.$state.value.set(e), this.dispatch("value-change", { detail: e });
   }
   #n(t) {
-    return V(t, 2);
+    return D(t, 2);
   }
   #r() {
     const { disabled: t } = this.$props, { canSetPlaybackRate: e } = this.#t.$state;
     return t() || !e();
   }
-  #o = Ct(this.#h.bind(this), 25);
+  #o = At(this.#h.bind(this), 25);
   #h(t) {
     if (!t.trigger) return;
     const e = t.detail;
@@ -7220,11 +7220,11 @@ class Pr extends b {
     keyStep: 1,
     shiftKeyMultiplier: 1
   };
-  static state = Et;
+  static state = Lt;
   #t;
-  #e = st(() => {
+  #e = at(() => {
     const { qualities: t } = this.#t.$state;
-    return ri(t());
+    return di(t());
   });
   onSetup() {
     this.#t = $(), new X({
@@ -7242,10 +7242,10 @@ class Pr extends b {
   }
   onAttach(t) {
     t.setAttribute("data-media-quality-slider", ""), E(t, "aria-label", "Video Quality");
-    const { qualities: e, canSetQuality: s } = this.#t.$state, i = st(() => s() && e().length > 0);
+    const { qualities: e, canSetQuality: s } = this.#t.$state, i = at(() => s() && e().length > 0);
     this.setAttributes({
       "data-supported": i,
-      "aria-hidden": N(() => !i())
+      "aria-hidden": H(() => !i())
     });
   }
   #s() {
@@ -7270,7 +7270,7 @@ class Pr extends b {
     const { disabled: t } = this.$props, { canSetQuality: e, qualities: s } = this.#t.$state;
     return t() || s().length <= 1 || !e();
   }
-  #o = Ct(this.#h.bind(this), 25);
+  #o = At(this.#h.bind(this), 25);
   #h(t) {
     if (!t.trigger) return;
     const { qualities: e } = this.#t, s = p(this.#e)[t.detail];
@@ -7283,7 +7283,7 @@ class Pr extends b {
     this.#o(t);
   }
 }
-class vi extends b {
+class ki extends b {
   static props = {
     disabled: !1
   };
@@ -7307,10 +7307,10 @@ class vi extends b {
     return this.#r()[this.#h()] || null;
   }
   onSetup() {
-    this.#t = $(), this.#e = Dt(ci.state);
+    this.#t = $(), this.#e = Nt(fi.state);
   }
   onAttach(t) {
-    $e(this.#t.textTracks, "chapters", this.#c.bind(this)), l(this.#E.bind(this));
+    ke(this.#t.textTracks, "chapters", this.#c.bind(this)), l(this.#E.bind(this));
   }
   onConnect() {
     P(() => this.#u.bind(this));
@@ -7322,7 +7322,7 @@ class vi 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 && ee(() => this.#d(), this.#s = na());
+    } else this.#a.length > 0 && ae(() => this.#d(), this.#s = na());
   }
   #c(t) {
     p(this.#n) !== t && (this.#u(), this.#n.set(t));
@@ -7343,7 +7343,7 @@ class vi extends b {
     let e, { seekableStart: s, seekableEnd: i } = this.#t.$state, n = s(), r = i() || t[t.length - 1].endTime, o = r - n, h = 100;
     for (let d = 0; d < t.length; d++)
       if (e = t[d], this.#a[d]) {
-        const c = d === t.length - 1 ? h : V((e.endTime - Math.max(n, e.startTime)) / o * 100, 3);
+        const c = d === t.length - 1 ? h : D((e.endTime - Math.max(n, e.startTime)) / o * 100, 3);
         this.#a[d].style.width = c + "%", h -= c;
       }
   }
@@ -7388,7 +7388,7 @@ class vi extends b {
   #v() {
     this.#P(this.#f());
   }
-  #P = Vt((t) => {
+  #P = Ot((t) => {
     let e, s = this.#r(), { seekableStart: i } = this.#t.$state, n = i(), r = this.#k(s);
     for (let o = this.#l; o < this.#a.length; o++)
       if (e = this.#S(s[o], t, n, r), this.#a[o]?.style.setProperty("--chapter-progress", e + "%"), e < 100) {
@@ -7396,10 +7396,10 @@ class vi extends b {
         break;
       }
   });
-  #f = st(this.#T.bind(this));
+  #f = at(this.#T.bind(this));
   #T() {
     const { bufferedEnd: t, duration: e } = this.#t.$state;
-    return V(Math.min(t() / Math.max(e(), 1), 1), 3) * 100;
+    return D(Math.min(t() / Math.max(e(), 1), 1), 3) * 100;
   }
   #k(t) {
     const { seekableEnd: e } = this.#t.$state, s = e();
@@ -7410,7 +7410,7 @@ class vi extends b {
     const r = i - s, o = Math.max(0, t.startTime - s), h = Math.min(i, t.endTime) - s, d = o / r, c = d * 100, u = Math.min(1, d + (h - o) / r) * 100;
     return Math.max(
       0,
-      V(
+      D(
         e >= u ? 100 : (e - c) / (u - c) * 100,
         3
       )
@@ -7450,7 +7450,7 @@ class vi extends b {
     const e = this.#n();
     if (e) {
       const s = this.#M.bind(this);
-      s(), new L(e).add("add-cue", s).add("remove-cue", s), l(this.#x.bind(this));
+      s(), new M(e).add("add-cue", s).add("remove-cue", s), l(this.#x.bind(this));
     }
     return this.#i = this.#_(), this.#i && l(this.#q.bind(this)), () => {
       this.#i && (this.#i.textContent = "", this.#i = null);
@@ -7459,7 +7459,7 @@ class vi extends b {
   #x() {
     this.#t.$state.duration(), this.#M();
   }
-  #M = Qe(
+  #M = Ye(
     () => {
       const t = p(this.#n);
       !this.scope || !t || !t.cues.length || (this.#r.set(this.#C(t.cues)), this.#o.set(0), this.#l = 0);
@@ -7482,12 +7482,12 @@ class vi extends b {
     return t ? t.querySelector('[data-part="chapter-title"]') : null;
   }
 }
-const ke = vi.prototype;
-T(ke, "cues");
-T(ke, "activeCue");
-T(ke, "activePointerCue");
-I(ke, "setRefs");
-class $i extends b {
+const Ce = ki.prototype;
+T(Ce, "cues");
+T(Ce, "activeCue");
+T(Ce, "activePointerCue");
+I(Ce, "setRefs");
+class Si extends b {
   static props = {
     value: ""
   };
@@ -7508,7 +7508,7 @@ class $i extends b {
     this.#t.value = t;
   }
   constructor() {
-    super(), this.#t = new At(), this.#t.onValueChange = this.#s.bind(this);
+    super(), this.#t = new qt(), this.#t.onValueChange = this.#s.bind(this);
   }
   onSetup() {
     l(this.#e.bind(this));
@@ -7521,15 +7521,15 @@ class $i extends b {
     this.dispatch(s);
   }
 }
-const wi = $i.prototype;
-T(wi, "values");
-T(wi, "value");
-var Cr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, rs = (a, t, e, s) => {
+const Pi = Si.prototype;
+T(Pi, "values");
+T(Pi, "value");
+var Cr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, ds = (a, t, e, s) => {
   for (var i = xr(t, e), n = a.length - 1, r; n >= 0; n--)
     (r = a[n]) && (i = r(t, e, i) || i);
   return i && Cr(t, e, i), i;
 };
-class Se extends b {
+class xe extends b {
   static props = {
     thumbnails: null
   };
@@ -7545,10 +7545,10 @@ class Se extends b {
     return !this.#a()?.length;
   }
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#c.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#c.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = _(D));
+    this.#t = $(), K(R) && (this.#e = q(R));
     const { thumbnails: t } = this.$props;
     this.setAttributes({
       "data-thumbnails": () => !!t()
@@ -7565,8 +7565,8 @@ class Se extends b {
       cue: n,
       value: r.toString(),
       label: n.text,
-      startTime: Te(Math.max(0, n.startTime - s)),
-      duration: be(
+      startTime: Pe(Math.max(0, n.startTime - s)),
+      duration: we(
         Math.min(i, n.endTime) - Math.max(s, n.startTime)
       )
     }));
@@ -7575,13 +7575,13 @@ class Se extends b {
     p(() => this.#h());
   }
   onConnect(t) {
-    l(this.#h.bind(this)), l(this.#l.bind(this)), l(this.#r.bind(this)), $e(this.#t.textTracks, "chapters", this.#i.set);
+    l(this.#h.bind(this)), l(this.#l.bind(this)), l(this.#r.bind(this)), ke(this.#t.textTracks, "chapters", this.#i.set);
   }
   #r() {
     const t = this.#i();
     if (!t) return;
     const e = this.#o.bind(this, t);
-    return e(), new L(t).add("add-cue", e).add("remove-cue", e), () => {
+    return e(), new M(t).add("add-cue", e).add("remove-cue", e), () => {
       this.#a.set([]);
     };
   }
@@ -7597,11 +7597,11 @@ class Se extends b {
       this.#s.value = "-1";
       return;
     }
-    const { realCurrentTime: e, seekableStart: s, seekableEnd: i } = this.#t.$state, n = s(), r = i(), o = e(), h = this.#a().findIndex((d) => Re(d, o));
-    this.#s.value = h.toString(), h >= 0 && ht(() => {
+    const { realCurrentTime: e, seekableStart: s, seekableEnd: i } = this.#t.$state, n = s(), r = i(), o = e(), h = this.#a().findIndex((d) => Fe(d, o));
+    this.#s.value = h.toString(), h >= 0 && ct(() => {
       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 && j(c, "--progress", V(g, 3) + "%");
+      c && j(c, "--progress", D(g, 3) + "%");
     });
   }
   #l() {
@@ -7613,17 +7613,17 @@ class Se extends b {
     z(s) && i?.[s] && (this.#s.value = s.toString(), this.#t.remote.seek(i[s].startTime - n(), e), this.dispatch("change", { detail: i[s], trigger: e }));
   }
 }
-rs([
+ds([
   T
-], Se.prototype, "value");
-rs([
+], xe.prototype, "value");
+ds([
   T
-], Se.prototype, "disabled");
-rs([
+], xe.prototype, "disabled");
+ds([
   I
-], Se.prototype, "getOptions");
+], xe.prototype, "getOptions");
 const Er = [1, 1.25, 1.5, 1.75, 2, 2.5, 3, 4];
-class Ti extends b {
+class Ci extends b {
   static props = {
     normalLabel: "Disabled",
     gains: Er
@@ -7639,10 +7639,10 @@ class Ti extends b {
     return !e() || t().length === 0;
   }
   constructor() {
-    super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
+    super(), this.#s = new qt(), this.#s.onValueChange = this.#o.bind(this);
   }
   onSetup() {
-    this.#t = $(), K(D) && (this.#e = _(D));
+    this.#t = $(), K(R) && (this.#e = q(R));
   }
   onConnect(t) {
     l(this.#i.bind(this)), l(this.#a.bind(this)), l(this.#n.bind(this));
@@ -7674,10 +7674,10 @@ class Ti extends b {
     this.#t.remote.changeAudioGain(s, e), this.dispatch("change", { detail: s, trigger: e });
   }
 }
-const os = Ti.prototype;
-T(os, "value");
-T(os, "disabled");
-I(os, "getOptions");
+const cs = Ci.prototype;
+T(cs, "value");
+T(cs, "disabled");
+I(cs, "getOptions");
 class Ar extends b {
   static props = {
     disabled: !1,
@@ -7704,7 +7704,7 @@ class Ar extends b {
   }
   #s() {
     let t = this.$props.event(), e = this.$props.disabled();
-    !this.#e || !t || e || (/^dbl/.test(t) && (t = t.split(/^dbl/)[1]), (t === "pointerup" || t === "pointerdown") && this.#t.$state.pointer() === "coarse" && (t = t === "pointerup" ? "touchend" : "touchstart"), O(
+    !this.#e || !t || e || (/^dbl/.test(t) && (t = t.split(/^dbl/)[1]), (t === "pointerup" || t === "pointerdown") && this.#t.$state.pointer() === "coarse" && (t = t === "pointerup" ? "touchend" : "touchstart"), N(
       this.#e,
       t,
       this.#n.bind(this),
@@ -7714,7 +7714,7 @@ class Ar extends b {
   #i = 0;
   #a = -1;
   #n(t) {
-    if (this.$props.disabled() || ms(t) && (t.button !== 0 || this.#t.activeMenu) || de(t) && this.#t.activeMenu || ze(t) || !this.#o(t))
+    if (this.$props.disabled() || bs(t) && (t.button !== 0 || this.#t.activeMenu) || pe(t) && this.#t.activeMenu || Xe(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 Ar extends b {
   /** Validate event occurred in gesture bounds. */
   #o(t) {
     if (!this.el) return !1;
-    if (ms(t) || ra(t) || de(t)) {
-      const e = de(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 (bs(t) || ra(t) || pe(t)) {
+      const e = pe(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;
@@ -7755,7 +7755,7 @@ class Ar extends b {
   }
   #l(t, e) {
     if (!t) return;
-    const s = new q("will-trigger", {
+    const s = new L("will-trigger", {
       detail: t,
       cancelable: !0,
       trigger: e
@@ -7785,7 +7785,7 @@ class Mr {
     this.#s?.abort(), this.#s = void 0, this.#e.reset(), this.#t = null;
   }
   changeTrack(t) {
-    !t || this.#t === t || (this.#s?.abort(), this.#s = new L(t), t.readyState < 2 ? (this.#e.reset(), this.#s.add("load", () => this.#i(t), { once: !0 })) : this.#i(t), this.#s.add("add-cue", (e) => {
+    !t || this.#t === t || (this.#s?.abort(), this.#s = new M(t), t.readyState < 2 ? (this.#e.reset(), this.#s.add("load", () => this.#i(t), { once: !0 })) : this.#i(t), this.#s.add("add-cue", (e) => {
       this.#e.addCue(e.detail);
     }).add("remove-cue", (e) => {
       this.#e.removeCue(e.detail);
@@ -7798,7 +7798,7 @@ class Mr {
     });
   }
 }
-class dt extends b {
+class pt extends b {
   static props = {
     textDir: "ltr",
     exampleText: "Captions look like this."
@@ -7807,21 +7807,21 @@ class dt extends b {
   static lib = w(null);
   onSetup() {
     this.#t = $(), this.setAttributes({
-      "aria-hidden": N(this.#e.bind(this))
+      "aria-hidden": H(this.#e.bind(this))
     });
   }
   onAttach(t) {
     t.style.setProperty("pointer-events", "none");
   }
   onConnect(t) {
-    dt.lib() || import("./prod-BoQuiIB3.js").then((e) => e.d).then((e) => dt.lib.set(e)), l(this.#s.bind(this));
+    pt.lib() || import("./prod-BoQuiIB3.js").then((e) => e.d).then((e) => pt.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 || !F(i);
   }
   #s() {
-    if (!dt.lib()) return;
+    if (!pt.lib()) return;
     const { viewType: t } = this.#t.$state;
     return t() === "audio" ? this.#i() : this.#o();
   }
@@ -7834,22 +7834,22 @@ class dt extends b {
     if (this.#e()) return;
     this.#n();
     const { textTrack: t } = this.#t.$state;
-    O(t(), "cue-change", this.#n.bind(this)), l(this.#r.bind(this));
+    N(t(), "cue-change", this.#n.bind(this)), l(this.#r.bind(this));
   }
   #n() {
     this.el.textContent = "", this.#p >= 0 && this.#y();
-    const { realCurrentTime: t, textTrack: e } = this.#t.$state, { renderVTTCueString: s } = dt.lib(), i = p(t), n = p(e).activeCues;
+    const { realCurrentTime: t, textTrack: e } = this.#t.$state, { renderVTTCueString: s } = pt.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 } = dt.lib();
+    const { realCurrentTime: t } = this.#t.$state, { updateTimedVTTCueNodes: e } = pt.lib();
     e(this.el, t());
   }
   #o() {
-    const { CaptionsRenderer: t } = dt.lib(), e = new t(this.el), s = new Mr(e);
+    const { CaptionsRenderer: t } = pt.lib(), e = new t(this.el), s = new Mr(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();
     };
@@ -7866,7 +7866,7 @@ class dt extends b {
     const e = this.#t.player;
     if (!e) return;
     const s = this.#u.bind(this, t);
-    O(e, "vds-font-change", s);
+    N(e, "vds-font-change", s);
   }
   #u(t) {
     if (this.#p >= 0) {
@@ -7904,7 +7904,7 @@ class Lr extends b {
     alt: null,
     crossOrigin: null
   };
-  static state = new gt({
+  static state = new vt({
     img: null,
     src: null,
     alt: null,
@@ -7932,11 +7932,11 @@ class Lr extends b {
   }
   #e() {
     const { error: t } = this.$state;
-    return !rt(t());
+    return !lt(t());
   }
   #s() {
     const { canLoadPoster: t, poster: e } = this.#t.$state;
-    !t() && e() && se(e(), "preconnect");
+    !t() && e() && ne(e(), "preconnect");
   }
   #i() {
     const { src: t } = this.$props, { poster: e, nativeControls: s } = this.#t.$state;
@@ -7948,7 +7948,7 @@ class Lr extends b {
   }
   #n() {
     const t = this.$state.img();
-    t && (new L(t).add("load", this.#u.bind(this)).add("error", this.#d.bind(this)), t.complete && this.#u());
+    t && (new M(t).add("load", this.#u.bind(this)).add("error", this.#d.bind(this)), t.complete && this.#u());
   }
   #r = "";
   #o() {
@@ -7978,7 +7978,7 @@ class Lr extends b {
     e.set(!1), s.set(t);
   }
 }
-class qr extends v(HTMLElement, ni) {
+class qr extends v(HTMLElement, li) {
   static tagName = "media-provider";
   #t;
   #e = null;
@@ -8009,7 +8009,7 @@ class qr extends v(HTMLElement, ni) {
     }), t;
   }
   #a() {
-    const t = this.#e instanceof HTMLVideoElement ? this.#e : document.createElement("video"), { crossOrigin: e, poster: s, nativeControls: i } = this.#t.$state, n = st(() => i() ? "true" : null), r = st(() => s() && i() ? s() : null);
+    const t = this.#e instanceof HTMLVideoElement ? this.#e : document.createElement("video"), { crossOrigin: e, poster: s, nativeControls: i } = this.#t.$state, n = at(() => i() ? "true" : null), r = at(() => s() && i() ? s() : null);
     return l(() => {
       f(t, "controls", n()), f(t, "crossorigin", e()), f(t, "poster", r());
     }), t;
@@ -8022,12 +8022,12 @@ class qr extends v(HTMLElement, ni) {
     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_-BCtNJifs.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-BQB6UUD-.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
 }
-class _r extends v(HTMLElement, Lt) {
+class _r extends v(HTMLElement, It) {
   static tagName = "media-player";
   static attrs = {
     autoPlay: "autoplay",
@@ -8039,76 +8039,76 @@ class _r extends v(HTMLElement, Lt) {
 }
 y(_r);
 y(qr);
-var _e;
-const ve = window, _t = ve.trustedTypes, Es = _t ? _t.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Ge = "$lit$", ct = `lit$${(Math.random() + "").slice(9)}$`, ki = "?" + ct, Ir = `<${ki}>`, Pt = document, jt = () => Pt.createComment(""), Yt = (a) => a === null || typeof a != "object" && typeof a != "function", Si = Array.isArray, Vr = (a) => Si(a) || typeof a?.[Symbol.iterator] == "function", Ie = `[ 	
-\f\r]`, Bt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, As = /-->/g, Ms = />/g, vt = RegExp(`>|${Ie}(?:([^\\s"'>=/]+)(${Ie}*=${Ie}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ls = /'/g, qs = /"/g, Pi = /^(?:script|style|textarea|title)$/i, Dr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Rr = Dr(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 Ci(a, t) {
+var Re;
+const Te = window, Dt = Te.trustedTypes, qs = Dt ? Dt.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, ze = "$lit$", mt = `lit$${(Math.random() + "").slice(9)}$`, xi = "?" + mt, Ir = `<${xi}>`, Et = document, Jt = () => Et.createComment(""), Zt = (a) => a === null || typeof a != "object" && typeof a != "function", Ei = Array.isArray, Vr = (a) => Ei(a) || typeof a?.[Symbol.iterator] == "function", Oe = `[ 	
+\f\r]`, Kt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _s = /-->/g, Is = />/g, Tt = RegExp(`>|${Oe}(?:([^\\s"'>=/]+)(${Oe}*=${Oe}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Vs = /'/g, Ds = /"/g, Ai = /^(?:script|style|textarea|title)$/i, Dr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Rr = Dr(1), te = /* @__PURE__ */ Symbol.for("lit-noChange"), O = /* @__PURE__ */ Symbol.for("lit-nothing"), Rs = /* @__PURE__ */ new WeakMap(), Pt = Et.createTreeWalker(Et, 129, null, !1);
+function Mi(a, t) {
   if (!Array.isArray(a) || !a.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Es !== void 0 ? Es.createHTML(t) : t;
+  return qs !== void 0 ? qs.createHTML(t) : t;
 }
 const Or = (a, t) => {
   const e = a.length - 1, s = [];
-  let i, n = t === 2 ? "<svg>" : "", r = Bt;
+  let i, n = t === 2 ? "<svg>" : "", r = Kt;
   for (let o = 0; o < e; o++) {
     const h = a[o];
     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 ? (Pi.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 + Ir : u >= 0 ? (s.push(d), h.slice(0, u) + Ge + h.slice(u) + ct + g) : h + ct + (u === -2 ? (s.push(void 0), o) : g);
+    for (; m < h.length && (r.lastIndex = m, c = r.exec(h), c !== null); ) m = r.lastIndex, r === Kt ? c[1] === "!--" ? r = _s : c[1] !== void 0 ? r = Is : c[2] !== void 0 ? (Ai.test(c[2]) && (i = RegExp("</" + c[2], "g")), r = Tt) : c[3] !== void 0 && (r = Tt) : r === Tt ? c[0] === ">" ? (r = i ?? Kt, u = -1) : c[1] === void 0 ? u = -2 : (u = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? Tt : c[3] === '"' ? Ds : Vs) : r === Ds || r === Vs ? r = Tt : r === _s || r === Is ? r = Kt : (r = Tt, i = void 0);
+    const g = r === Tt && a[o + 1].startsWith("/>") ? " " : "";
+    n += r === Kt ? h + Ir : u >= 0 ? (s.push(d), h.slice(0, u) + ze + h.slice(u) + mt + g) : h + mt + (u === -2 ? (s.push(void 0), o) : g);
   }
-  return [Ci(a, n + (a[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+  return [Mi(a, n + (a[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
-class Jt {
+class ee {
   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] = Or(t, e);
-    if (this.el = Jt.createElement(d, s), Tt.currentNode = this.el.content, e === 2) {
+    if (this.el = ee.createElement(d, s), Pt.currentNode = this.el.content, e === 2) {
       const u = this.el.content, m = u.firstChild;
       m.remove(), u.append(...m.childNodes);
     }
-    for (; (i = Tt.nextNode()) !== null && h.length < o; ) {
+    for (; (i = Pt.nextNode()) !== null && h.length < o; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) {
           const u = [];
-          for (const m of i.getAttributeNames()) if (m.endsWith(Ge) || m.startsWith(ct)) {
+          for (const m of i.getAttributeNames()) if (m.endsWith(ze) || m.startsWith(mt)) {
             const g = c[r++];
             if (u.push(m), g !== void 0) {
-              const C = i.getAttribute(g.toLowerCase() + Ge).split(ct), A = /([.?@])?(.*)/.exec(g);
-              h.push({ type: 1, index: n, name: A[2], strings: C, ctor: A[1] === "." ? Hr : A[1] === "?" ? Br : A[1] === "@" ? Gr : Pe });
+              const C = i.getAttribute(g.toLowerCase() + ze).split(mt), _ = /([.?@])?(.*)/.exec(g);
+              h.push({ type: 1, index: n, name: _[2], strings: C, ctor: _[1] === "." ? Hr : _[1] === "?" ? Br : _[1] === "@" ? Gr : Ee });
             } else h.push({ type: 6, index: n });
           }
           for (const m of u) i.removeAttribute(m);
         }
-        if (Pi.test(i.tagName)) {
-          const u = i.textContent.split(ct), m = u.length - 1;
+        if (Ai.test(i.tagName)) {
+          const u = i.textContent.split(mt), m = u.length - 1;
           if (m > 0) {
-            i.textContent = _t ? _t.emptyScript : "";
-            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());
+            i.textContent = Dt ? Dt.emptyScript : "";
+            for (let g = 0; g < m; g++) i.append(u[g], Jt()), Pt.nextNode(), h.push({ type: 2, index: ++n });
+            i.append(u[m], Jt());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === ki) h.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === xi) h.push({ type: 2, index: n });
       else {
         let u = -1;
-        for (; (u = i.data.indexOf(ct, u + 1)) !== -1; ) h.push({ type: 7, index: n }), u += ct.length - 1;
+        for (; (u = i.data.indexOf(mt, u + 1)) !== -1; ) h.push({ type: 7, index: n }), u += mt.length - 1;
       }
       n++;
     }
   }
   static createElement(t, e) {
-    const s = Pt.createElement("template");
+    const s = Et.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function It(a, t, e = a, s) {
+function Rt(a, t, e = a, s) {
   var i, n, r, o;
-  if (t === Xt) return t;
+  if (t === te) return t;
   let h = s !== void 0 ? (i = e._$Co) === null || i === void 0 ? void 0 : i[s] : e._$Cl;
-  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;
+  const d = Zt(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 = Rt(a, h._$AS(a, t.values), h, s)), t;
 }
 class Nr {
   constructor(t, e) {
@@ -8122,27 +8122,27 @@ class Nr {
   }
   u(t) {
     var e;
-    const { el: { content: s }, parts: i } = this._$AD, n = ((e = t?.creationScope) !== null && e !== void 0 ? e : Pt).importNode(s, !0);
-    Tt.currentNode = n;
-    let r = Tt.nextNode(), o = 0, h = 0, d = i[0];
+    const { el: { content: s }, parts: i } = this._$AD, n = ((e = t?.creationScope) !== null && e !== void 0 ? e : Et).importNode(s, !0);
+    Pt.currentNode = n;
+    let r = Pt.nextNode(), o = 0, h = 0, d = i[0];
     for (; d !== void 0; ) {
       if (o === d.index) {
         let c;
-        d.type === 2 ? c = new ne(r, r.nextSibling, this, t) : d.type === 1 ? c = new d.ctor(r, d.name, d.strings, this, t) : d.type === 6 && (c = new Ur(r, this, t)), this._$AV.push(c), d = i[++h];
+        d.type === 2 ? c = new he(r, r.nextSibling, this, t) : d.type === 1 ? c = new d.ctor(r, d.name, d.strings, this, t) : d.type === 6 && (c = new Ur(r, this, t)), this._$AV.push(c), d = i[++h];
       }
-      o !== d?.index && (r = Tt.nextNode(), o++);
+      o !== d?.index && (r = Pt.nextNode(), o++);
     }
-    return Tt.currentNode = Pt, n;
+    return Pt.currentNode = Et, n;
   }
   v(t) {
     let e = 0;
     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 ne {
+class he {
   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;
+    this.type = 2, this._$AH = O, 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;
   }
   get _$AU() {
     var t, e;
@@ -8160,7 +8160,7 @@ class ne {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    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) : Vr(t) ? this.T(t) : this._(t);
+    t = Rt(this, t, e), Zt(t) ? t === O || t == null || t === "" ? (this._$AH !== O && this._$AR(), this._$AH = O) : t !== this._$AH && t !== te && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Vr(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -8169,11 +8169,11 @@ class ne {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== R && Yt(this._$AH) ? this._$AA.nextSibling.data = t : this.$(Pt.createTextNode(t)), this._$AH = t;
+    this._$AH !== O && Zt(this._$AH) ? this._$AA.nextSibling.data = t : this.$(Et.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 = Jt.createElement(Ci(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 = ee.createElement(Mi(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 Nr(n, this), o = r.u(this.options);
@@ -8181,14 +8181,14 @@ class ne {
     }
   }
   _$AC(t) {
-    let e = _s.get(t.strings);
-    return e === void 0 && _s.set(t.strings, e = new Jt(t)), e;
+    let e = Rs.get(t.strings);
+    return e === void 0 && Rs.set(t.strings, e = new ee(t)), e;
   }
   T(t) {
-    Si(this._$AH) || (this._$AH = [], this._$AR());
+    Ei(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 ne(this.k(jt()), this.k(jt()), this, this.options)) : s = e[i], s._$AI(n), i++;
+    for (const n of t) i === e.length ? e.push(s = new he(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) {
@@ -8203,9 +8203,9 @@ class ne {
     this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
   }
 }
-class Pe {
+class Ee {
   constructor(t, e, s, i, n) {
-    this.type = 1, this._$AH = R, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = R;
+    this.type = 1, this._$AH = O, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = O;
   }
   get tagName() {
     return this.element.tagName;
@@ -8216,43 +8216,43 @@ class Pe {
   _$AI(t, e = this, s, i) {
     const n = this.strings;
     let r = !1;
-    if (n === void 0) t = It(this, t, e, 0), r = !Yt(t) || t !== this._$AH && t !== Xt, r && (this._$AH = t);
+    if (n === void 0) t = Rt(this, t, e, 0), r = !Zt(t) || t !== this._$AH && t !== te, 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 === 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;
+      for (t = n[0], h = 0; h < n.length - 1; h++) d = Rt(this, o[s + h], e, h), d === te && (d = this._$AH[h]), r || (r = !Zt(d) || d !== this._$AH[h]), d === O ? t = O : t !== O && (t += (d ?? "") + n[h + 1]), this._$AH[h] = d;
     }
     r && !i && this.j(t);
   }
   j(t) {
-    t === R ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === O ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Hr extends Pe {
+class Hr extends Ee {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === R ? void 0 : t;
+    this.element[this.name] = t === O ? void 0 : t;
   }
 }
-const Fr = _t ? _t.emptyScript : "";
-class Br extends Pe {
+const Fr = Dt ? Dt.emptyScript : "";
+class Br extends Ee {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== R ? this.element.setAttribute(this.name, Fr) : this.element.removeAttribute(this.name);
+    t && t !== O ? this.element.setAttribute(this.name, Fr) : this.element.removeAttribute(this.name);
   }
 }
-class Gr extends Pe {
+class Gr extends Ee {
   constructor(t, e, s, i, n) {
     super(t, e, s, i, n), this.type = 5;
   }
   _$AI(t, e = this) {
     var s;
-    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);
+    if ((t = (s = Rt(this, t, e, 0)) !== null && s !== void 0 ? s : O) === te) return;
+    const i = this._$AH, n = t === O && i !== O || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== O && (i === O || n);
     n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -8268,36 +8268,36 @@ class Ur {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    It(this, t);
+    Rt(this, t);
   }
 }
-const Is = ve.litHtmlPolyfillSupport;
-Is?.(Jt, ne), ((_e = ve.litHtmlVersions) !== null && _e !== void 0 ? _e : ve.litHtmlVersions = []).push("2.8.0");
-const Vs = (a, t, e) => {
+const Os = Te.litHtmlPolyfillSupport;
+Os?.(ee, he), ((Re = Te.litHtmlVersions) !== null && Re !== void 0 ? Re : Te.litHtmlVersions = []).push("2.8.0");
+const Ns = (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 ne(t.insertBefore(jt(), o), o, void 0, e ?? {});
+    n._$litPart$ = r = new he(t.insertBefore(Jt(), o), o, void 0, e ?? {});
   }
   return r._$AI(a), r;
 };
 class Kr extends HTMLElement {
   rootPart = null;
   connectedCallback() {
-    this.rootPart = Vs(this.render(), this, {
+    this.rootPart = Ns(this.render(), this, {
       renderBefore: this.firstChild
     }), this.rootPart.setConnected(!0);
   }
   disconnectedCallback() {
-    this.rootPart?.setConnected(!1), this.rootPart = null, Vs(null, this);
+    this.rootPart?.setConnected(!1), this.rootPart = null, Ns(null, this);
   }
 }
-const Qr = /* @__PURE__ */ js(
+const Qr = /* @__PURE__ */ Zs(
   '<img loading="eager" decoding="async" aria-hidden="true">'
 );
-class xi extends v(HTMLElement, zn) {
+class Li extends v(HTMLElement, zn) {
   static tagName = "media-thumbnail";
   static attrs = {
     crossOrigin: "crossorigin"
@@ -8314,7 +8314,7 @@ class xi extends v(HTMLElement, zn) {
     });
   }
   #s() {
-    return Ys(Qr);
+    return ti(Qr);
   }
 }
 class zr extends v(HTMLElement, ur) {
@@ -8349,13 +8349,13 @@ class to extends v(HTMLElement, Rn) {
 class eo extends v(HTMLElement, Bn) {
   static tagName = "media-seek-button";
 }
-function Ot(a, t) {
-  ht(() => {
+function Ft(a, t) {
+  ct(() => {
     if (!a.connectScope) return;
     const e = a.querySelector("template");
     e && l(() => {
       const s = a.getOptions();
-      We(e, s.length, (i, n) => {
+      Je(e, s.length, (i, n) => {
         const { label: r, value: o } = s[n], h = i.querySelector('[data-part="label"]');
         i.setAttribute("value", o), h && (S(r) ? h.textContent = r : l(() => {
           h.textContent = r();
@@ -8364,22 +8364,22 @@ function Ot(a, t) {
     });
   });
 }
-class so extends v(HTMLElement, pi) {
+class so extends v(HTMLElement, yi) {
   static tagName = "media-audio-radio-group";
   onConnect() {
-    Ot(this);
+    Ft(this);
   }
 }
-class io extends v(HTMLElement, mi) {
+class io extends v(HTMLElement, bi) {
   static tagName = "media-captions-radio-group";
   onConnect() {
-    Ot(this);
+    Ft(this);
   }
 }
-class ao extends v(HTMLElement, Rt) {
+class ao extends v(HTMLElement, Ht) {
   static tagName = "media-menu";
 }
-class no extends v(HTMLElement, es) {
+class no extends v(HTMLElement, ns) {
   static tagName = "media-menu-button";
 }
 class ro extends v(HTMLElement, or) {
@@ -8388,16 +8388,16 @@ class ro extends v(HTMLElement, or) {
 class oo extends v(HTMLElement, lr) {
   static tagName = "media-menu-items";
 }
-class ho extends v(HTMLElement, fi) {
+class ho extends v(HTMLElement, vi) {
   static tagName = "media-speed-radio-group";
   onConnect() {
-    Ot(this);
+    Ft(this);
   }
 }
-class lo extends v(HTMLElement, gi) {
+class lo extends v(HTMLElement, $i) {
   static tagName = "media-quality-radio-group";
   onConnect() {
-    Ot(this, (t, e) => {
+    Ft(this, (t, e) => {
       const s = e.bitrate, i = t.querySelector('[data-part="bitrate"]');
       s && i && l(() => {
         i.textContent = s() || "";
@@ -8405,15 +8405,15 @@ class lo extends v(HTMLElement, gi) {
     });
   }
 }
-class co extends v(HTMLElement, ui) {
+class co extends v(HTMLElement, gi) {
   static tagName = "media-radio";
 }
-class uo extends xi {
+class uo extends Li {
   static tagName = "media-slider-thumbnail";
   #t;
   #e;
   onSetup() {
-    super.onSetup(), this.#t = $(), this.#e = Dt(ie.state);
+    super.onSetup(), this.#t = $(), this.#e = Nt(re.state);
   }
   onConnect() {
     super.onConnect(), l(this.#s.bind(this));
@@ -8423,7 +8423,7 @@ class uo extends xi {
     this.time = e() + this.#e.pointerRate() * t();
   }
 }
-class po extends v(HTMLElement, di) {
+class po extends v(HTMLElement, mi) {
   static tagName = "media-slider-value";
   static attrs = {
     padMinutes: {
@@ -8436,7 +8436,7 @@ class po extends v(HTMLElement, di) {
     });
   }
 }
-class mo extends v(HTMLElement, ci) {
+class mo extends v(HTMLElement, fi) {
   static tagName = "media-time-slider";
 }
 class fo extends v(HTMLElement, jn) {
@@ -8445,7 +8445,7 @@ class fo extends v(HTMLElement, jn) {
 class go extends v(HTMLElement, Xn) {
   static tagName = "media-volume-slider";
 }
-class yo extends v(HTMLElement, dt) {
+class yo extends v(HTMLElement, pt) {
   static tagName = "media-captions";
 }
 class bo extends v(HTMLElement, Ar) {
@@ -8504,7 +8504,7 @@ class Co extends b {
     fillPercent: 50
   };
   onConnect(t) {
-    ht(() => {
+    ct(() => {
       if (!this.connectScope) return;
       const e = t.querySelector("svg"), s = e.firstElementChild, i = s.nextElementSibling;
       l(this.#t.bind(this, e, s, i));
@@ -8550,17 +8550,17 @@ class Ao extends v(HTMLElement, Eo) {
   }
   #e() {
     const t = this.firstElementChild, e = t?.localName === "template", s = this.$props.when();
-    if (!(la(s) ? s : st(() => s(this.#t.player.state))())) {
-      e ? (this.textContent = "", this.appendChild(t)) : St(t) && (t.style.display = "none");
+    if (!(la(s) ? s : at(() => s(this.#t.player.state))())) {
+      e ? (this.textContent = "", this.appendChild(t)) : xt(t) && (t.style.display = "none");
       return;
     }
-    e ? this.append(t.content.cloneNode(!0)) : St(t) && (t.style.display = "");
+    e ? this.append(t.content.cloneNode(!0)) : xt(t) && (t.style.display = "");
   }
 }
 class Mo extends v(HTMLElement, wr) {
   static tagName = "media-google-cast-button";
 }
-class Lo extends v(HTMLElement, yi) {
+class Lo extends v(HTMLElement, wi) {
   static tagName = "media-toggle-button";
 }
 class qo extends v(HTMLElement, yr) {
@@ -8585,10 +8585,10 @@ class Vo extends v(HTMLElement, hr) {
     }
   };
 }
-class Do extends v(HTMLElement, Se) {
+class Do extends v(HTMLElement, xe) {
   static tagName = "media-chapters-radio-group";
   onConnect() {
-    Ot(this, (t, e) => {
+    Ft(this, (t, e) => {
       const { cue: s, startTime: i, duration: n } = e, r = t.querySelector(".vds-thumbnail,media-thumbnail"), o = t.querySelector('[data-part="start-time"]'), h = t.querySelector('[data-part="duration"]');
       o && (o.textContent = i), h && (h.textContent = n), r && (r.setAttribute("time", s.startTime + ""), l(() => {
         const d = this.$props.thumbnails();
@@ -8597,22 +8597,22 @@ class Do extends v(HTMLElement, Se) {
     });
   }
 }
-class Ro extends v(HTMLElement, Ti) {
+class Ro extends v(HTMLElement, Ci) {
   static tagName = "media-audio-gain-radio-group";
   onConnect() {
-    Ot(this);
+    Ft(this);
   }
 }
-class Oo extends v(HTMLElement, $i) {
+class Oo extends v(HTMLElement, Si) {
   static tagName = "media-radio-group";
 }
-class No extends v(HTMLElement, ie) {
+class No extends v(HTMLElement, re) {
   static tagName = "media-slider";
 }
-const Ho = /* @__PURE__ */ js(
+const Ho = /* @__PURE__ */ Zs(
   '<video muted playsinline preload="none" style="max-width: unset;"></video>'
 );
-class Fo extends v(HTMLElement, bi) {
+class Fo extends v(HTMLElement, Ti) {
   static tagName = "media-slider-video";
   #t;
   #e = this.#s();
@@ -8626,7 +8626,7 @@ class Fo extends v(HTMLElement, bi) {
     });
   }
   #s() {
-    return Ys(Ho);
+    return ti(Ho);
   }
 }
 class Bo extends v(HTMLElement, kr) {
@@ -8638,11 +8638,11 @@ class Go extends v(HTMLElement, Sr) {
 class Uo extends v(HTMLElement, Pr) {
   static tagName = "media-quality-slider";
 }
-class Ko extends v(HTMLElement, vi) {
+class Ko extends v(HTMLElement, ki) {
   static tagName = "media-slider-chapters";
   #t = null;
   onConnect() {
-    ht(() => {
+    ct(() => {
       if (!this.connectScope) return;
       const t = this.querySelector("template");
       t && (this.#t = t, l(this.#e.bind(this)));
@@ -8650,7 +8650,7 @@ class Ko extends v(HTMLElement, vi) {
   }
   #e() {
     if (!this.#t) return;
-    const t = We(this.#t, this.cues.length || 1);
+    const t = Je(this.#t, this.cues.length || 1);
     this.setRefs(t);
   }
 }
@@ -8660,14 +8660,14 @@ class zo extends v(HTMLElement, Qo) {
   static tagName = "media-slider-steps";
   #t = null;
   onConnect(t) {
-    ht(() => {
+    ct(() => {
       this.connectScope && (this.#t = t.querySelector("template"), this.#t && l(this.#e.bind(this)));
     });
   }
   #e() {
     if (!this.#t) return;
-    const { min: t, max: e, step: s } = Dt(Et), i = (e() - t()) / s();
-    We(this.#t, Math.floor(i) + 1);
+    const { min: t, max: e, step: s } = Nt(Lt), i = (e() - t()) / s();
+    Je(this.#t, Math.floor(i) + 1);
   }
 }
 class Wo extends v(HTMLElement, Lr) {
@@ -8732,47 +8732,47 @@ y(Do);
 y(Oo);
 y(co);
 y(bo);
-y(xi);
+y(Li);
 y(yo);
 y(Xr);
 y(zr);
 y(ko);
 y(Po);
 y(xo);
-const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
+const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ ut({
   __name: "controls-group",
   setup(a) {
-    const { size: t } = Zt("size");
-    return (e, s) => (U(), mt("media-controls-group", {
-      class: te(["controls-group", `controls-group--${Z(t)}`])
+    const { size: t } = se("size");
+    return (e, s) => (U(), yt("media-controls-group", {
+      class: ie(["controls-group", `controls-group--${et(t)}`])
     }, [
-      nt("div", jo, [
-        ut(e.$slots, "default", {}, void 0, !0)
+      ht("div", jo, [
+        ft(e.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Xo = /* @__PURE__ */ yt(Yo, [["__scopeId", "data-v-435a35bc"]]), Jo = /* @__PURE__ */ lt({
+}), Xo = /* @__PURE__ */ $t(Yo, [["__scopeId", "data-v-435a35bc"]]), Jo = /* @__PURE__ */ ut({
   __name: "fullscreen-button",
   emits: ["toggle"],
   setup(a, { emit: t }) {
-    const { fullscreen: e } = Zt("size"), s = t;
-    return (i, n) => (U(), mt("div", {
-      class: te(["fullscreen-button", { "fullscreen-button--active": Z(e) }]),
-      onClick: n[0] || (n[0] = (r) => s("toggle", !Z(e)))
+    const { fullscreen: e } = se("size"), s = t;
+    return (i, n) => (U(), yt("div", {
+      class: ie(["fullscreen-button", { "fullscreen-button--active": et(e) }]),
+      onClick: n[0] || (n[0] = (r) => s("toggle", !et(e)))
     }, [
-      W(fe, {
+      W(be, {
         icon: "player-enter-fullscreen",
         color: "on-dark",
         class: "fullscreen-button__enter"
       }),
-      W(fe, {
+      W(be, {
         icon: "player-exit-fullscreen",
         color: "on-dark",
         class: "fullscreen-button__exit"
       })
     ], 2));
   }
-}), Zo = /* @__PURE__ */ yt(Jo, [["__scopeId", "data-v-3d52fe3e"]]), th = /* @__PURE__ */ lt({
+}), Zo = /* @__PURE__ */ $t(Jo, [["__scopeId", "data-v-3d52fe3e"]]), th = /* @__PURE__ */ ut({
   __name: "toggle-button",
   props: {
     icon: {},
@@ -8784,18 +8784,18 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
     const e = a, s = t, i = () => {
       e.disabled || s("toggle");
     };
-    return (n, r) => (U(), mt("div", {
+    return (n, r) => (U(), yt("div", {
       class: "toggle-button",
       onClick: i
     }, [
-      W(fe, {
+      W(be, {
         icon: e.icon,
         color: e.color,
         disabled: e.disabled
       }, null, 8, ["icon", "color", "disabled"])
     ]));
   }
-}), eh = { class: "video-display-panel__head" }, sh = ["title"], ih = { class: "video-display-panel__controls" }, ah = /* @__PURE__ */ lt({
+}), eh = { class: "video-display-panel__head" }, sh = ["title"], ih = { class: "video-display-panel__controls" }, ah = /* @__PURE__ */ ut({
   __name: "video-display-panel",
   props: {
     title: {},
@@ -8805,7 +8805,7 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
   },
   emits: ["close"],
   setup(a, { emit: t }) {
-    const { size: e, fullscreen: s, changeSize: i, enterFullscreen: n } = Zt("size"), r = Ds(
+    const { size: e, fullscreen: s, changeSize: i, enterFullscreen: n } = se("size"), r = Hs(
       () => e.value === Q.SM ? "expand" : "collapse"
     ), o = a, h = t, d = (g) => {
       g ? e.value !== Q.LG && (s.value = !0, i(Q.LG), n()) : e.value === Q.LG && (u(), s.value = !1, i(Q.SM));
@@ -8822,41 +8822,41 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
       }), Vi(() => {
         document.removeEventListener("keyup", m);
       });
-    }), (g, C) => (U(), mt("media-controls-group", {
-      class: te([`video-display-panel--${Z(e)}`, "video-display-panel controls-group"])
+    }), (g, C) => (U(), yt("media-controls-group", {
+      class: ie([`video-display-panel--${et(e)}`, "video-display-panel controls-group"])
     }, [
-      nt("div", eh, [
-        ut(g.$slots, "avatar", {}, () => [
-          o.username ? (U(), Ut(ga, {
+      ht("div", eh, [
+        ft(g.$slots, "avatar", {}, () => [
+          o.username ? (U(), zt(ga, {
             key: 0,
             username: o.username,
             size: "sm",
             class: "video-display-panel__avatar"
-          }, null, 8, ["username"])) : Kt("", !0)
+          }, null, 8, ["username"])) : Wt("", !0)
         ], !0),
-        nt("span", {
+        ht("span", {
           class: "video-display-panel__title typo-body-2-bold",
           title: o.title || o.username
         }, Di(o.title || o.username), 9, sh)
       ]),
-      nt("div", ih, [
+      ht("div", ih, [
         W(Zo, { onToggle: d }),
-        o.hideExpand ? Kt("", !0) : (U(), Ut(th, {
+        o.hideExpand ? Wt("", !0) : (U(), zt(th, {
           key: 0,
           icon: r.value,
           color: "on-dark",
           onToggle: c
         }, null, 8, ["icon"])),
-        o.closable ? (U(), Ut(fe, {
+        o.closable ? (U(), zt(be, {
           key: 1,
           icon: "close",
           color: "on-dark",
-          onClick: C[0] || (C[0] = (A) => h("close"))
-        })) : Kt("", !0)
+          onClick: C[0] || (C[0] = (_) => h("close"))
+        })) : Wt("", !0)
       ])
     ], 2));
   }
-}), nh = /* @__PURE__ */ yt(ah, [["__scopeId", "data-v-b860ca5f"]]), rh = { class: "video-display-panel-wrapper" }, oh = { class: "video-layout-content" }, hh = { class: "video-layout-controls" }, lh = /* @__PURE__ */ lt({
+}), nh = /* @__PURE__ */ $t(ah, [["__scopeId", "data-v-b860ca5f"]]), rh = { class: "video-display-panel-wrapper" }, oh = { class: "video-layout-content" }, hh = { class: "video-layout-controls" }, lh = /* @__PURE__ */ ut({
   __name: "video-layout",
   props: {
     title: {},
@@ -8869,49 +8869,49 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
   },
   emits: ["close-player", "close-session", "make-screenshot", "toggle-record"],
   setup(a, { emit: t }) {
-    const { size: e } = Zt("size"), s = a, i = t;
-    return (n, r) => (U(), mt("media-controls", {
-      class: te(["video-layout controls", `video-layout--${Z(e)}`])
+    const { size: e } = se("size"), s = a, i = t;
+    return (n, r) => (U(), yt("media-controls", {
+      class: ie(["video-layout controls", `video-layout--${et(e)}`])
     }, [
-      nt("div", rh, [
-        s.hideVideoDisplayPanel ? Kt("", !0) : (U(), Ut(nh, {
+      ht("div", rh, [
+        s.hideVideoDisplayPanel ? Wt("", !0) : (U(), zt(nh, {
           key: 0,
           title: s.title,
           username: s.username,
           closable: s.closable,
           "hide-expand": s.hideExpand,
           onClose: r[0] || (r[0] = (o) => i("close-player"))
-        }, Rs({ _: 2 }, [
+        }, Fs({ _: 2 }, [
           n.$slots.avatar ? {
             name: "avatar",
-            fn: Qt(() => [
-              ut(n.$slots, "avatar", {}, void 0, !0)
+            fn: jt(() => [
+              ft(n.$slots, "avatar", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["title", "username", "closable", "hide-expand"]))
       ]),
-      nt("media-controls-group", oh, [
-        ut(n.$slots, "content", {}, void 0, !0)
+      ht("media-controls-group", oh, [
+        ft(n.$slots, "content", {}, void 0, !0)
       ]),
-      nt("div", hh, [
-        s.hideControlsPanel ? Kt("", !0) : ut(n.$slots, "controls-panel", { key: 0 }, () => [
-          W(Z(bh), {
+      ht("div", hh, [
+        s.hideControlsPanel ? Wt("", !0) : ft(n.$slots, "controls-panel", { key: 0 }, () => [
+          W(et(bh), {
             "countdown-time-mode": s.countdownTimeMode
           }, null, 8, ["countdown-time-mode"])
         ], !0)
       ])
     ], 2));
   }
-}), dh = /* @__PURE__ */ yt(lh, [["__scopeId", "data-v-e3192d93"]]), ch = { class: "play-button" }, uh = /* @__PURE__ */ lt({
+}), dh = /* @__PURE__ */ $t(lh, [["__scopeId", "data-v-e3192d93"]]), ch = { class: "play-button" }, uh = /* @__PURE__ */ ut({
   __name: "play-button",
   setup(a) {
-    const { size: t } = Zt("size");
+    const { size: t } = se("size");
     return (e, s) => {
       const i = Ri("wt-button");
-      return U(), mt("media-play-button", ch, [
+      return U(), yt("media-play-button", ch, [
         W(i, {
-          size: Z(t),
+          size: et(t),
           variant: "outlined",
           color: "secondary",
           icon: "play",
@@ -8921,7 +8921,7 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
           class: "play-button__play-icon"
         }, null, 8, ["size"]),
         W(i, {
-          size: Z(t),
+          size: et(t),
           variant: "outlined",
           color: "secondary",
           icon: "pause",
@@ -8933,22 +8933,22 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
       ]);
     };
   }
-}), ph = /* @__PURE__ */ yt(uh, [["__scopeId", "data-v-b5fb70ec"]]), mh = { class: "time-slider media-slider" }, fh = /* @__PURE__ */ lt({
+}), ph = /* @__PURE__ */ $t(uh, [["__scopeId", "data-v-b5fb70ec"]]), mh = { class: "time-slider media-slider" }, fh = /* @__PURE__ */ ut({
   __name: "time-slider",
   setup(a) {
-    return (t, e) => (U(), mt("media-time-slider", mh, [
+    return (t, e) => (U(), yt("media-time-slider", mh, [
       W(ya, { class: "time-slider__slider" })
     ]));
   }
-}), gh = /* @__PURE__ */ yt(fh, [["__scopeId", "data-v-fbc2d9f8"]]), yh = /* @__PURE__ */ lt({
+}), gh = /* @__PURE__ */ $t(fh, [["__scopeId", "data-v-fbc2d9f8"]]), yh = /* @__PURE__ */ ut({
   __name: "playback-controls-panel",
   props: {
     countdownTimeMode: { type: Boolean, default: !1 }
   },
   setup(a) {
     const t = a;
-    return (e, s) => (U(), Ut(Z(Xo), { class: "playback-control-panel" }, {
-      default: Qt(() => [
+    return (e, s) => (U(), zt(et(Xo), { class: "playback-control-panel" }, {
+      default: jt(() => [
         W(ph),
         W(gh),
         W(da, {
@@ -8958,7 +8958,7 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
       _: 1
     }));
   }
-}), bh = /* @__PURE__ */ yt(yh, [["__scopeId", "data-v-9d70f28d"]]), vh = ["autoplay", "muted", "src"], $h = /* @__PURE__ */ lt({
+}), bh = /* @__PURE__ */ $t(yh, [["__scopeId", "data-v-9d70f28d"]]), vh = ["autoplay", "muted", "src"], $h = /* @__PURE__ */ ut({
   __name: "wt-vidstack-player",
   props: {
     src: {},
@@ -8981,72 +8981,90 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
     mirrorVideo: { type: Boolean }
   },
   emits: ["close", "change-size"],
-  setup(a, { emit: t }) {
-    const e = a, s = t, i = Oi("root"), n = us(e.size || Q.SM), r = us(!1);
+  setup(a, { expose: t, emit: e }) {
+    const s = a, i = e, n = Oi("root");
+    t({
+      rootEl: n
+    });
+    const r = gs(s.size || Q.SM), o = gs(!1);
     Ni("size", {
-      size: n,
-      fullscreen: r,
-      changeSize: (A) => {
-        n.value = A, s("change-size", A);
+      size: r,
+      fullscreen: o,
+      changeSize: (V) => {
+        r.value = V, i("change-size", V);
       },
       enterFullscreen: () => {
-        i.value?.requestFullscreen();
+        n.value?.requestFullscreen();
       }
     });
-    const { src: d, mime: c, stream: u } = Hi(e), { normalizedSrcObject: m } = ca({
-      src: d,
-      type: c,
-      stream: u
-    }), g = Ds(() => [
-      `wt-vidstack-player--${n.value}`,
-      `wt-vidstack-player-video-object-fit--${e.videoObjectFit}`,
-      e.mirrorVideo && "wt-vidstack-player--mirror-video",
-      r.value && "wt-vidstack-player--fullscreen",
-      e.stretch && "wt-vidstack-player--stretch",
-      e.static && "wt-vidstack-player--static",
-      e.hideBackground && "wt-vidstack-player--hide-background"
-    ]), C = (A) => {
-      e.autoplay && A.target?.play();
+    const { src: c, mime: u, stream: m } = Hi(s), { normalizedSrcObject: g } = ca({
+      src: c,
+      type: u,
+      stream: m
+    }), C = Hs(() => [
+      `wt-vidstack-player--${r.value}`,
+      `wt-vidstack-player-video-object-fit--${s.videoObjectFit}`,
+      s.mirrorVideo && "wt-vidstack-player--mirror-video",
+      o.value && "wt-vidstack-player--fullscreen",
+      s.stretch && "wt-vidstack-player--stretch",
+      s.static && "wt-vidstack-player--static",
+      s.hideBackground && "wt-vidstack-player--hide-background"
+    ]), _ = (V) => {
+      if (V instanceof HTMLVideoElement) return V;
+      const Z = V instanceof Element && V.shadowRoot ? Array.from(V.shadowRoot.children) : [], nt = Array.from(V.children ?? []);
+      for (const Ae of [
+        ...Z,
+        ...nt
+      ]) {
+        const le = _(Ae);
+        if (le) return le;
+      }
+      return null;
+    }, J = (V) => {
+      if (!s.autoplay) return;
+      const nt = (_(V.target) ?? V.target).play?.();
+      nt && typeof nt.catch == "function" && nt.catch(() => {
+      });
     };
-    return (A, H) => (U(), mt("div", {
+    return (V, Z) => (U(), yt("div", {
       ref: "root",
-      class: te([g.value, "wt-vidstack-player"])
+      class: ie([C.value, "wt-vidstack-player"])
     }, [
-      nt("media-player", {
+      ht("media-player", {
         ref: "player",
-        autoplay: e.autoplay,
-        muted: e.muted,
-        src: Z(m),
+        autoplay: s.autoplay,
+        muted: s.muted,
+        src: et(g),
         class: "wt-vidstack-player__player",
         "cross-origin": "",
         playsinline: "",
-        onClose: H[1] || (H[1] = (re) => s("close")),
-        onCanPlay: C
+        onClose: Z[1] || (Z[1] = (nt) => i("close")),
+        onCanPlay: J
       }, [
-        H[2] || (H[2] = nt("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
-        W(Z(dh), {
-          autoplay: e.autoplay,
-          closable: e.closable,
-          "hide-controls-panel": e.hideControlsPanel,
-          "hide-expand": e.hideExpand,
-          "hide-video-display-panel": e.hideVideoDisplayPanel,
-          title: e.title,
-          username: e.username,
-          "countdown-time-mode": e.countdownTimeMode,
-          onClosePlayer: H[0] || (H[0] = (re) => s("close"))
-        }, Rs({
-          "controls-panel": Qt(() => [
-            ut(A.$slots, "controls-panel", { size: n.value }, void 0, !0)
+        Z[2] || (Z[2] = ht("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
+        W(et(dh), {
+          autoplay: s.autoplay,
+          closable: s.closable,
+          "hide-controls-panel": s.hideControlsPanel,
+          "hide-expand": s.hideExpand,
+          "hide-video-display-panel": s.hideVideoDisplayPanel,
+          title: s.title,
+          username: s.username,
+          "countdown-time-mode": s.countdownTimeMode,
+          onClosePlayer: Z[0] || (Z[0] = (nt) => i("close"))
+        }, Fs({
+          "controls-panel": jt(() => [
+            ft(V.$slots, "controls-panel", { size: r.value }, void 0, !0)
           ]),
-          content: Qt(() => [
-            ut(A.$slots, "content", { size: n.value }, void 0, !0)
+          content: jt(() => [
+            ft(V.$slots, "content", { size: r.value }, void 0, !0)
           ]),
           _: 2
         }, [
-          A.$slots.avatar ? {
+          V.$slots.avatar ? {
             name: "avatar",
-            fn: Qt(() => [
-              ut(A.$slots, "avatar", {}, void 0, !0)
+            fn: jt(() => [
+              ft(V.$slots, "avatar", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -9054,22 +9072,22 @@ const jo = { class: "controls-group__actions" }, Yo = /* @__PURE__ */ lt({
       ], 40, vh)
     ], 2));
   }
-}), wh = /* @__PURE__ */ yt($h, [["__scopeId", "data-v-bffa8f0a"]]), qh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), wh = /* @__PURE__ */ $t($h, [["__scopeId", "data-v-a876bf55"]]), qh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: wh
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   x as L,
-  J as Q,
-  ge as T,
-  js as a,
+  tt as Q,
+  ve as T,
+  Zs as a,
   k as b,
-  Ys as c,
-  xe as d,
-  ce as e,
+  ti as c,
+  Le as d,
+  me as e,
   Ch as f,
   Qa as g,
   xh as l,
-  se as p,
+  ne as p,
   qh as w
 };