@webitel/ui-sdk 26.4.54 → 26.4.55

package/dist/{wt-vidstack-player-DuaRjf_T.js → wt-vidstack-player-CuYDziPr.js}

@@ -1,10 +1,10 @@
-import { defineComponent as lt, inject as ye, createElementBlock as mt, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as ut, createVNode as W, computed as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
-import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as oe, t as z, V as J, v as w, C as b, S as gt, w as Vt, x as p, y as rt, z as j, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as de, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ce, a5 as ta, a6 as Dt, a7 as U, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CFFNYX4t.js";
-import { T as ca, U as ua, V as pa, X as ma, _ as yt, Q as ue, C as K, Y as fa } from "./install-Dy8FCdqU.js";
+import { defineComponent as lt, inject as ye, createElementBlock as mt, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as ut, createVNode as W, computed as 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, ref as us, provide as Oi, toRefs as Ni } from "vue";
+import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Os, E as Ns, D as L, h as Q, o as x, j as Hi, k as g, m as l, n as M, p as Hs, q as Fi, r as oe, t as z, V as J, v as w, C as b, S as gt, w as Vt, x as p, y as rt, z as j, I as Fs, A as Bi, B as Gi, F as tt, G as Ge, H as Bs, J as ps, K as Ue, L as Gs, M as kt, N as Ke, O as de, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Us, a2 as T, a3 as _, a4 as ce, a5 as ta, a6 as Dt, a7 as U, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-r5eaGiNI.js";
+import { T as ca, U as ua, V as pa, X as ma, _ as yt, Q as ue, C as K, Y as fa } from "./install-b3LF2l6e.js";
 import { _ as ga } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
-const Us = ft();
+const Ks = ft();
 function $() {
-  return q(Us);
+  return q(Ks);
 }
 class he {
   #t;
@@ -87,7 +87,7 @@ function De(a, t) {
   return t >= a.startTime && t < a.endTime;
 }
 function ve(a, t, e) {
-  let s = null, i = Rs();
+  let s = null, i = Os();
   function n() {
     const r = S(t) ? [t] : t, o = a.toArray().find((h) => r.includes(h.kind) && h.mode === "showing");
     if (o !== s) {
@@ -131,7 +131,7 @@ const $a = /* @__PURE__ */ Symbol(0), wa = /* @__PURE__ */ Symbol(0), Ta = /* @_
   native: Pa,
   nativeHLS: xa
 };
-class pe extends Os {
+class pe extends Ns {
   static createId(t) {
     return `vds-${t.type}-${t.kind}-${t.src ?? t.label ?? "?"}`;
   }
@@ -296,7 +296,7 @@ function Ea(a, t, e) {
   let i = [], n = [];
   return s.regions && e && (i = s.regions.map((r) => Object.assign(new e(), r))), (s.cues || B(s)) && (n = (B(s) ? s : s.cues).filter((r) => Q(r.startTime) && Q(r.endTime)).map((r) => Object.assign(new t(0, 0, ""), r))), { regions: i, cues: n };
 }
-const Aa = /* @__PURE__ */ Symbol(0), Ma = /* @__PURE__ */ Symbol(0), La = /* @__PURE__ */ Symbol(0), qa = /* @__PURE__ */ Symbol(0), _a = /* @__PURE__ */ Symbol(0), Ia = /* @__PURE__ */ Symbol(0), Va = /* @__PURE__ */ Symbol(0), Da = /* @__PURE__ */ Symbol(0), Ra = /* @__PURE__ */ Symbol(0), x = {
+const Aa = /* @__PURE__ */ Symbol(0), Ma = /* @__PURE__ */ Symbol(0), La = /* @__PURE__ */ Symbol(0), qa = /* @__PURE__ */ Symbol(0), _a = /* @__PURE__ */ Symbol(0), Ia = /* @__PURE__ */ Symbol(0), Va = /* @__PURE__ */ Symbol(0), Da = /* @__PURE__ */ Symbol(0), Ra = /* @__PURE__ */ Symbol(0), C = {
   add: Aa,
   remove: Ma,
   reset: La,
@@ -342,25 +342,25 @@ function E(a, t, e) {
 function bt(a, t) {
   if (a.hasAttribute("aria-label") || a.hasAttribute("data-no-label")) return;
   if (!Hi(t)) {
-    f(a, "aria-label", t);
+    g(a, "aria-label", t);
     return;
   }
   function e() {
-    f(a, "aria-label", t());
+    g(a, "aria-label", t());
   }
   l(e);
 }
-function Ks(a) {
+function Qs(a) {
   const t = getComputedStyle(a);
   return t.display !== "none" && parseInt(t.opacity) > 0;
 }
 function Fa(a) {
-  return !!a && ("checkVisibility" in a ? a.checkVisibility({ checkOpacity: !0, checkVisibilityCSS: !0 }) : Ks(a));
+  return !!a && ("checkVisibility" in a ? a.checkVisibility({ checkOpacity: !0, checkVisibilityCSS: !0 }) : Qs(a));
 }
-function Qs(a, t) {
+function Ws(a, t) {
   return Ha(() => t(Fa(a)));
 }
-function Ws(a, t, e) {
+function zs(a, t, e) {
   for (; t; ) {
     if (t === a)
       return !0;
@@ -374,14 +374,14 @@ function pt(a, t) {
   return new M(a).add("pointerup", (e) => {
     e.button === 0 && !e.defaultPrevented && t(e);
   }).add("keydown", (e) => {
-    Ns(e) && t(e);
+    Hs(e) && t(e);
   });
 }
 function Qe(a) {
   return oe(a) && (a.touches.length > 1 || a.changedTouches.length > 1);
 }
 function ht(a) {
-  let t = Rs(), e = window.requestAnimationFrame(() => {
+  let t = Os(), e = window.requestAnimationFrame(() => {
     Zt(a, t), e = -1;
   });
   return () => {
@@ -393,18 +393,18 @@ function We(a, t, e) {
   !r && a.firstElementChild && (a.innerHTML = a.firstElementChild.outerHTML, a.firstElementChild.remove(), r = a.content.firstElementChild);
   for (let h = 0; h < t; h++)
     s = document.importNode(r, !0), e?.(s, h), n.insertBefore(s, i.nextSibling), o.push(s), i = s;
-  return P(() => {
+  return x(() => {
     for (let h = 0; h < o.length; h++) o[h].remove();
   }), o;
 }
-function zs(a) {
+function js(a) {
   const t = document.createElement("template");
   return t.innerHTML = a, t.content;
 }
-function js(a) {
+function Ys(a) {
   return a.cloneNode(!0).firstElementChild;
 }
-function Ys(a, t, e, {
+function Xs(a, t, e, {
   offsetVarName: s,
   xOffset: i,
   yOffset: n,
@@ -424,11 +424,11 @@ function Ys(a, t, e, {
         ma()
       ],
       ...r
-    }).then(({ x: u, y: m, middlewareData: g }) => {
-      const C = !!g.flip?.index;
-      h = e.includes(C ? "bottom" : "top"), a.setAttribute(
+    }).then(({ x: u, y: m, middlewareData: f }) => {
+      const P = !!f.flip?.index;
+      h = e.includes(P ? "bottom" : "top"), a.setAttribute(
         "data-placement",
-        C ? e.startsWith("top") ? e.replace("top", "bottom") : e.replace("bottom", "top") : e
+        P ? e.startsWith("top") ? e.replace("top", "bottom") : e.replace("bottom", "top") : e
       ), Object.assign(a.style, {
         top: `calc(${m + "px"} + ${c(
           n ? n + "px" : `var(--${s}-y-offset, 0px)`
@@ -500,20 +500,20 @@ class Z extends J {
   }
 }
 function ne(a, t) {
-  f(a, "data-focus", t), f(a, "data-hocus", t);
+  g(a, "data-focus", t), g(a, "data-hocus", t);
 }
 function ys(a, t) {
-  f(a, "data-hocus", t), f(a, "data-hover", t);
+  g(a, "data-hocus", t), g(a, "data-hover", t);
 }
-class Xs extends Os {
+class Js extends Ns {
   items = [];
   /** @internal */
-  [x.readonly] = !1;
+  [C.readonly] = !1;
   get length() {
     return this.items.length;
   }
   get readonly() {
-    return this[x.readonly];
+    return this[C.readonly];
   }
   /**
    * Returns the index of the first occurrence of the given item, or -1 if it is not present.
@@ -537,7 +537,7 @@ class Xs extends Os {
     return this.items.values();
   }
   /** @internal */
-  [x.add](t, e) {
+  [C.add](t, e) {
     const s = this.items.length;
     "" + s in this || Object.defineProperty(this, s, {
       get() {
@@ -546,18 +546,18 @@ class Xs extends Os {
     }), !this.items.includes(t) && (this.items.push(t), this.dispatchEvent(new L("add", { detail: t, trigger: e })));
   }
   /** @internal */
-  [x.remove](t, e) {
+  [C.remove](t, e) {
     const s = this.items.indexOf(t);
-    s >= 0 && (this[x.onRemove]?.(t, e), this.items.splice(s, 1), this.dispatchEvent(new L("remove", { detail: t, trigger: e })));
+    s >= 0 && (this[C.onRemove]?.(t, e), this.items.splice(s, 1), this.dispatchEvent(new L("remove", { detail: t, trigger: e })));
   }
   /** @internal */
-  [x.reset](t) {
-    for (const e of [...this.items]) this[x.remove](e, t);
-    this.items = [], this[x.setReadonly](!1, t), this[x.onReset]?.();
+  [C.reset](t) {
+    for (const e of [...this.items]) this[C.remove](e, t);
+    this.items = [], this[C.setReadonly](!1, t), this[C.onReset]?.();
   }
   /** @internal */
-  [x.setReadonly](t, e) {
-    this[x.readonly] !== t && (this[x.readonly] = t, this.dispatchEvent(new L("readonly-change", { detail: t, trigger: e })));
+  [C.setReadonly](t, e) {
+    this[C.readonly] !== t && (this[C.readonly] = t, this.dispatchEvent(new L("readonly-change", { detail: t, trigger: e })));
   }
 }
 const Oe = kt.fullscreenEnabled;
@@ -576,7 +576,7 @@ class Qa extends J {
     return Oe;
   }
   onConnect() {
-    new M(kt).add("fullscreenchange", this.#i.bind(this)).add("fullscreenerror", this.#a.bind(this)), P(this.#s.bind(this));
+    new M(kt).add("fullscreenchange", this.#i.bind(this)).add("fullscreenerror", this.#a.bind(this)), x(this.#s.bind(this));
   }
   async #s() {
     Oe && await this.exit();
@@ -660,7 +660,7 @@ class $e extends J {
   /**
    * Whether the native Screen Orientation API is available.
    */
-  static supported = Bs();
+  static supported = Gs();
   /**
    * Whether the native Screen Orientation API is available.
    */
@@ -672,9 +672,9 @@ class $e extends J {
       O(screen.orientation, "change", this.#a.bind(this));
     else {
       const t = window.matchMedia("(orientation: landscape)");
-      t.onchange = this.#a.bind(this), P(() => t.onchange = null);
+      t.onchange = this.#a.bind(this), x(() => t.onchange = null);
     }
-    P(this.#i.bind(this));
+    x(this.#i.bind(this));
   }
   async #i() {
     this.supported && this.#e() && await this.unlock();
@@ -724,7 +724,7 @@ class $e extends J {
 function Ne(a) {
   return !S(a) && "width" in a && "height" in a && Q(a.width) && Q(a.height);
 }
-const Js = new gt({
+const Zs = new gt({
   artist: "",
   artwork: null,
   audioTrack: null,
@@ -736,14 +736,14 @@ const Js = new gt({
   canLoad: !1,
   canLoadPoster: !1,
   canFullscreen: !1,
-  canOrientScreen: Bs(),
+  canOrientScreen: Gs(),
   canPictureInPicture: !1,
   canPlay: !1,
   clipStartTime: 0,
   clipEndTime: 0,
   controls: !1,
   get iOSControls() {
-    return Hs && this.mediaType === "video" && (!this.playsInline || !kt.fullscreenEnabled && this.fullscreen);
+    return Fs && this.mediaType === "video" && (!this.playsInline || !kt.fullscreenEnabled && this.fullscreen);
   },
   get nativeControls() {
     return this.controls || this.iOSControls;
@@ -900,7 +900,7 @@ const Js = new gt({
   liveSyncPosition: null,
   inferredLiveDVRWindow: 0,
   savedState: null
-}), Zs = /* @__PURE__ */ new Set([
+}), ti = /* @__PURE__ */ new Set([
   "autoPlayError",
   "autoPlaying",
   "buffered",
@@ -913,7 +913,7 @@ const Js = new gt({
   "seeking",
   "waiting"
 ]), Wa = /* @__PURE__ */ new Set([
-  ...Zs,
+  ...ti,
   "ended",
   "inferredPoster",
   "inferredStreamType",
@@ -927,10 +927,10 @@ const Js = new gt({
   "userBehindLiveEdge"
 ]);
 function vs(a, t = !1) {
-  const e = t ? Zs : Wa;
-  Js.reset(a, (s) => e.has(s)), rt();
+  const e = t ? ti : Wa;
+  Zs.reset(a, (s) => e.has(s)), rt();
 }
-function ti(a, t) {
+function ei(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);
 }
@@ -1429,7 +1429,7 @@ class ja {
   }
 }
 const Ft = /* @__PURE__ */ Symbol(0);
-class ei extends Xs {
+class si extends Js {
   get selected() {
     return this.items.find((t) => t.selected) ?? null;
   }
@@ -1437,22 +1437,22 @@ class ei extends Xs {
     return this.items.findIndex((t) => t.selected);
   }
   /** @internal */
-  [x.onRemove](t, e) {
-    this[x.select](t, !1, e);
+  [C.onRemove](t, e) {
+    this[C.select](t, !1, e);
   }
   /** @internal */
-  [x.add](t, e) {
+  [C.add](t, e) {
     t[Ft] = !1, Object.defineProperty(t, "selected", {
       get() {
         return this[Ft];
       },
       set: (s) => {
-        this.readonly || (this[x.onUserSelect]?.(), this[x.select](t, s));
+        this.readonly || (this[C.onUserSelect]?.(), this[C.select](t, s));
       }
-    }), super[x.add](t, e);
+    }), super[C.add](t, e);
   }
   /** @internal */
-  [x.select](t, e, s) {
+  [C.select](t, e, s) {
     if (e === t?.[Ft]) return;
     const i = this.selected;
     t && (t[Ft] = e), (e ? i !== t : i === t) && (i && (i[Ft] = !1), this.dispatchEvent(
@@ -1466,7 +1466,7 @@ class ei extends Xs {
     ));
   }
 }
-class Ya extends ei {
+class Ya extends si {
 }
 class Xa {
   priority = 0;
@@ -1535,7 +1535,7 @@ class Ja {
   constructor(t) {
     this.#i = t;
     const e = t.textTracks;
-    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));
+    this.#e = e, l(this.#o.bind(this)), x(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;
@@ -1586,7 +1586,7 @@ class Ja {
     this.#n?.detach(), this.#n = null, this.#r?.detach(), this.#r = null;
   }
 }
-class Za extends Xs {
+class Za extends Js {
   #t = !1;
   #e = {};
   #s = null;
@@ -1611,11 +1611,11 @@ class Za extends Xs {
   }
   add(t, e) {
     const s = t instanceof pe, i = s ? t : new pe(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;
+    return this.#e[n] && t.default && delete t.default, i.addEventListener("mode-change", this.#r), this[C.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) {
     if (this.#n = t, !!this.items.includes(t))
-      return t === this.#e[t.kind] && delete this.#e[t.kind], t.mode = "disabled", t[k.onModeChange] = null, t.removeEventListener("mode-change", this.#r), this[x.remove](t, e), this.#n = null, this;
+      return t === this.#e[t.kind] && delete this.#e[t.kind], t.mode = "disabled", t[k.onModeChange] = null, t.removeEventListener("mode-change", this.#r), this[C.remove](t, e), this.#n = null, this;
   }
   clear(t) {
     for (const e of [...this.items])
@@ -1675,7 +1675,7 @@ class Za extends Xs {
     this.#s = t;
   }
 }
-class tn extends ei {
+class tn extends si {
   #t = !1;
   /**
    * Configures quality switching:
@@ -1702,11 +1702,11 @@ class tn extends ei {
   /** @internal */
   [X.enableAuto];
   /** @internal */
-  [x.onUserSelect]() {
+  [C.onUserSelect]() {
     this[X.setAuto](!1);
   }
   /** @internal */
-  [x.onReset](t) {
+  [C.onReset](t) {
     this[X.enableAuto] = void 0, this[X.setAuto](!1, t);
   }
   /**
@@ -1798,7 +1798,7 @@ class on extends Ct {
   #i(t) {
     if (!t.key || Gt.has(t.key)) return;
     const e = document.activeElement;
-    if (e?.matches($s) || Ns(t) && e?.matches(rn))
+    if (e?.matches($s) || Hs(t) && e?.matches(rn))
       return;
     let { method: s, value: i } = this.#n(t), n = !t.metaKey && /^[0-9]$/.test(t.key);
     if (!S(i) && !B(i) && !n) {
@@ -2038,7 +2038,7 @@ class cn extends Ct {
   }
   #y(t) {
     // @ts-expect-error
-    t.MEDIA_GESTURE || this.#e || Qe(t) || (Gs(t) && (t.key === "Escape" ? (this.el?.focus(), this.#a = null) : this.#a && (t.preventDefault(), requestAnimationFrame(() => {
+    t.MEDIA_GESTURE || this.#e || Qe(t) || (Us(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,7 +2070,7 @@ class un {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-dgkmjxrA.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-CAtkbhyu.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,17 +2083,17 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-BVaKT-Zj.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-C4Nn4Tci.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
-  static supported = Fs();
+  static supported = Bs();
   name = "hls";
   canPlay(t) {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-8qL6KSkp.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BLwPZsJT.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-BUv3XcDo.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-_VUyXBlM.js")).DASHProvider(this.target, t);
   }
 }
 class pn {
@@ -2125,7 +2125,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-D0omUMJ4.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-BM6Grb7n.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-DMr7-35w.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-DKIF9ZLF.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);
@@ -2250,7 +2250,7 @@ class ws extends Ct {
       let s, i = new IntersectionObserver((n) => {
         this.scope && n[0].isIntersecting && (s?.(), s = void 0, this.#e());
       });
-      i.observe(t), s = P(() => i.disconnect());
+      i.observe(t), s = x(() => i.disconnect());
     }
   }
 }
@@ -2280,23 +2280,23 @@ class yn {
         remotePlaybackInfo: c,
         playsInline: u,
         savedState: m,
-        source: g
+        source: f
       } = this.#e.$state;
       if (n()) return;
-      const C = {
+      const P = {
         duration: t?.duration ?? o(),
         seekable: t?.seekable ?? h(),
         buffered: t?.buffered ?? d(),
         provider: this.#e.$provider()
       };
-      this.notify("can-play", C, e), rt();
-      let I = this.#e.$provider(), { storage: et, qualities: os } = this.#e, { muted: Ci, volume: Ei, clipStartTime: Ai, playbackRate: Mi } = this.#e.$props;
-      await et?.onLoad?.(g());
-      const Li = m()?.currentTime, hs = m()?.paused, Pe = await et?.getTime(), ls = Li ?? Pe ?? Ai(), qi = hs === !1 || hs !== !0 && !r() && i();
+      this.notify("can-play", P, e), rt();
+      let I = this.#e.$provider(), { storage: et, qualities: os } = this.#e, { muted: Ei, volume: Ai, clipStartTime: Mi, playbackRate: Li } = this.#e.$props;
+      await et?.onLoad?.(f());
+      const qi = m()?.currentTime, hs = m()?.paused, Pe = await et?.getTime(), ls = qi ?? Pe ?? Mi(), _i = hs === !1 || hs !== !0 && !r() && i();
       if (I) {
-        I.setVolume(await et?.getVolume() ?? Ei()), I.setMuted(Ci() || !!await et?.getMuted());
+        I.setVolume(await et?.getVolume() ?? Ai()), I.setMuted(Ei() || !!await et?.getMuted());
         const Mt = await et?.getAudioGain() ?? 1;
-        Mt > 1 && I.audioGain?.setGain?.(Mt), I.setPlaybackRate?.(await et?.getPlaybackRate() ?? Mi()), I.setPlaysInline?.(u()), ls > 0 && I.setCurrentTime(ls);
+        Mt > 1 && I.audioGain?.setGain?.(Mt), I.setPlaybackRate?.(await et?.getPlaybackRate() ?? Li()), I.setPlaysInline?.(u()), ls > 0 && I.setCurrentTime(ls);
       }
       const Nt = await et?.getVideoQuality();
       if (Nt && os.length) {
@@ -2307,7 +2307,7 @@ class yn {
         }
         Mt && (Mt.selected = !0);
       }
-      n() && qi ? await this.#s(e) : Pe && Pe > 0 && this.notify("started", void 0, e), c.set(null);
+      n() && _i ? await this.#s(e) : Pe && Pe > 0 && this.notify("started", void 0, e), c.set(null);
     });
   }
   async #s(t) {
@@ -2358,7 +2358,7 @@ class bn {
     this.#t.clear();
   }
 }
-class si {
+class ii {
   #t = !1;
   #e = Ve();
   #s = /* @__PURE__ */ new Map();
@@ -2437,7 +2437,7 @@ class vn extends Ct {
   #i;
   #a;
   #n;
-  #r = new si();
+  #r = new ii();
   constructor(t, e, s) {
     super(), this.#t = t, this.#e = e, this.#s = s, this.#n = s.$provider, this.controls = new cn(), this.#i = new Qa(), this.#a = new $e();
   }
@@ -2625,7 +2625,7 @@ class vn extends Ct {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (te("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-EswopiE4.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU--9OviSIY.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);
@@ -2815,7 +2815,7 @@ class vn extends Ct {
     s() && (this.#e.replaying = !0);
     const h = t.type;
     this.#e.seeking = !1, this.#e.queue.delete(h);
-    const d = ti(o, this.$state);
+    const d = ei(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) {
@@ -2919,11 +2919,11 @@ class kn extends Ct {
     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));
+    l(this.#E.bind(this)), this.#p(), this.#m(), this.#y(), this.#l(), x(this.#c.bind(this));
   }
   onDestroy() {
     const { audioTracks: t, qualities: e, textTracks: s } = this.#e;
-    t[x.reset](), e[x.reset](), s[x.reset](), this.#S();
+    t[C.reset](), e[C.reset](), s[C.reset](), this.#S();
   }
   handle(t) {
     if (!this.scope) return;
@@ -3016,7 +3016,7 @@ class kn extends Ct {
         const d = Math.abs(h.width - i) + Math.abs(h.height - n);
         d < o && (o = d, r = h);
       }
-      r && t[x.select](
+      r && t[C.select](
         r,
         !0,
         new L("resize", { detail: { width: i, height: n } })
@@ -3101,10 +3101,10 @@ class kn extends Ct {
       if (!Ne(o)) continue;
       if (!e.some((d) => d.src === o.src)) {
         const d = i.getBySrc(o.src);
-        d && (i[x.remove](d, s), r = !0);
+        d && (i[C.remove](d, s), r = !0);
       }
     }
-    r && !i.length && (this.$state.savedState.set(null), i[x.reset](s));
+    r && !i.length && (this.$state.savedState.set(null), i[C.reset](s));
     for (const o of e) {
       if (!Ne(o) || i.getBySrc(o.src)) continue;
       const h = {
@@ -3114,7 +3114,7 @@ class kn extends Ct {
         ...o,
         selected: !1
       };
-      i[x.add](h, s), n = !0;
+      i[C.add](h, s), n = !0;
     }
     n && !i[X.enableAuto] && (this.#k(), i[X.enableAuto] = this.#k.bind(this), i[X.setAuto](!0, s));
   }
@@ -3126,7 +3126,7 @@ class kn extends Ct {
   #C(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[C.reset](t), i[C.reset](t), vs(this.$state, e), this.#u();
       return;
     }
     vs(this.$state, e), this.#u();
@@ -3248,8 +3248,8 @@ class kn extends Ct {
       return;
     }
     if (r() && !d() && c() === 0) {
-      const g = o() ?? h() - 2;
-      Number.isFinite(g) && this.#e.$provider().setCurrentTime(g);
+      const f = o() ?? h() - 2;
+      Number.isFinite(f) && this.#e.$provider().setCurrentTime(f);
     }
     this.started(t);
   }
@@ -3516,7 +3516,7 @@ class Pn extends Ct {
     const t = this.#i.bind(this);
     for (const e of ks)
       navigator.mediaSession.setActionHandler(e, t);
-    P(this.#t.bind(this));
+    x(this.#t.bind(this));
   }
   #t() {
     for (const t of ks)
@@ -3556,11 +3556,11 @@ class Pn extends Ct {
 }
 class Lt extends b {
   static props = gn;
-  static state = Js;
+  static state = Zs;
   #t;
   #e;
   #s;
-  canPlayQueue = new si();
+  canPlayQueue = new ii();
   remoteControl;
   get #i() {
     return this.#t.$provider();
@@ -3582,7 +3582,7 @@ class Lt extends b {
     };
     t.remote = this.remoteControl = new za(
       void 0
-    ), t.remote.setPlayer(this), t.textTracks = new Za(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Ja(t), t.ariaKeys = {}, this.#t = t, j(Us, t), this.orientation = new $e(), new Z(), new on(t);
+    ), t.remote.setPlayer(this), t.textTracks = new Za(), t.textTracks[k.crossOrigin] = this.$state.crossOrigin, t.textRenderers = new Ja(t), t.ariaKeys = {}, this.#t = t, j(Ks, t), this.orientation = new $e(), new Z(), new on(t);
     const e = new wn();
     this.#e = new kn(e, t), this.#s = new vn(this.#e, e, t), t.delegate = new yn(this.#e.handle.bind(this.#e), t), t.notify = t.delegate.notify.bind(t.delegate), typeof navigator < "u" && "mediaSession" in navigator && new Pn(), new ws("load", this.startLoading.bind(this)), new ws("posterLoad", this.startLoadingPoster.bind(this));
   }
@@ -3593,7 +3593,7 @@ class Lt extends b {
     t.setAttribute("data-media-player", ""), E(t, "tabindex", "0"), E(t, "role", "region"), l(this.#S.bind(this)), l(this.#r.bind(this)), l(this.#o.bind(this)), O(t, "find-media-player", this.#c.bind(this));
   }
   onConnect(t) {
-    Hs && f(t, "data-iphone", "");
+    Fs && g(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)));
@@ -3601,7 +3601,7 @@ class Lt extends b {
       detail: this,
       bubbles: !0,
       composed: !0
-    }), P(() => {
+    }), x(() => {
       s.disconnect(), e.onchange = null;
     });
   }
@@ -3611,7 +3611,7 @@ class Lt extends b {
   #n = !1;
   #r() {
     const t = this.$el, { title: e, live: s, viewType: i, providedTitle: n } = this.$state, r = s(), o = Bi(i()), h = o !== "Unknown" ? `${r ? "Live " : ""}${o}` : r ? "Live" : "Media", d = e();
-    f(
+    g(
       this.el,
       "aria-label",
       `${h} Player` + (d ? ` - ${d}` : "")
@@ -3619,7 +3619,7 @@ class Lt extends b {
   }
   #o() {
     const t = this.orientation.landscape ? "landscape" : "portrait";
-    this.$state.orientation.set(t), f(this.el, "data-orientation", t), this.#u();
+    this.$state.orientation.set(t), g(this.el, "data-orientation", t), this.#u();
   }
   #h() {
     this.$state.canPlay() && this.#i ? this.canPlayQueue.start() : this.canPlayQueue.stop();
@@ -3684,7 +3684,7 @@ class Lt extends b {
   }
   #d(t) {
     const e = t.matches ? "coarse" : "fine";
-    f(this.el, "data-pointer", e), this.$state.pointer.set(e), this.#u();
+    g(this.el, "data-pointer", e), this.$state.pointer.set(e), this.#u();
   }
   /**
    * The current media provider.
@@ -3796,7 +3796,7 @@ class Lt extends b {
       const { currentTime: e } = this.$state;
       t !== p(e) && p(() => {
         if (!this.#i) return;
-        const s = ti(t, this.$state);
+        const s = ei(t, this.$state);
         Number.isFinite(s) && this.#i.setCurrentTime(s);
       });
     });
@@ -3844,7 +3844,7 @@ class Lt extends b {
       const { source: s } = this.$state, i = S(t) ? t : this.el?.id, n = tt(this.#x.bind(this));
       l(() => e.onChange(s(), n(), i || void 0));
     }
-    this.#t.storage = e, this.#t.textTracks.setStorage(e), P(() => {
+    this.#t.storage = e, this.#t.textTracks.setStorage(e), x(() => {
       e?.onDestroy?.(), this.#t.storage = null, this.#t.textTracks.setStorage(null);
     });
   }
@@ -3991,11 +3991,11 @@ _(A, "setAudioGain");
 function xn(a, t) {
   return fetch(a, t).then((e) => e.text()).then((e) => /type="static"/.test(e) ? "on-demand" : "live");
 }
-function ii(a, t) {
+function ai(a, t) {
   return fetch(a, t).then((e) => e.text()).then((e) => {
     const s = Cn(e);
     if (s)
-      return ii(
+      return ai(
         /^https?:/.test(s) ? s : new URL(s, a).href,
         t
       );
@@ -4030,16 +4030,16 @@ class An {
     this.#s = t, this.#i = e, this.#a = s;
     const n = new Xe(), r = new Ye(), o = new je(), h = new un(), d = new mn(), c = new pn(), u = [d, c];
     this.#e = tt(() => {
-      const g = e.$state.remotePlaybackLoader(), C = e.$props.preferNativeHLS() ? [o, h, n, r, ...u, ...i] : [r, o, h, n, ...u, ...i];
-      return g ? [g, ...C] : C;
+      const f = e.$state.remotePlaybackLoader(), P = e.$props.preferNativeHLS() ? [o, h, n, r, ...u, ...i] : [r, o, h, n, ...u, ...i];
+      return f ? [f, ...P] : P;
     });
     const { $state: m } = e;
     m.sources.set(Ss(e.$props.src()));
-    for (const g of m.sources()) {
-      const C = this.#e().find((et) => et.canPlay(g));
-      if (!C) continue;
-      const I = C.mediaType(g);
-      e.$state.source.set(g), e.$state.mediaType.set(I), e.$state.inferredViewType.set(I), this.#a.set(C), this.#t = !0;
+    for (const f of m.sources()) {
+      const P = this.#e().find((et) => et.canPlay(f));
+      if (!P) continue;
+      const I = P.mediaType(f);
+      e.$state.source.set(f), e.$state.mediaType.set(I), e.$state.inferredViewType.set(I), this.#a.set(P), this.#t = !0;
       break;
     }
   }
@@ -4079,18 +4079,18 @@ class An {
   #o(t, e) {
     let s = { src: "", type: "" }, i = null, n = new L("sources-change", { detail: { sources: e } }), r = this.#e(), { started: o, paused: h, currentTime: d, quality: c, savedState: u } = this.#i.$state;
     for (const m of e) {
-      const g = r.find((C) => C.canPlay(m));
-      if (g) {
-        s = m, i = g;
+      const f = r.find((P) => P.canPlay(m));
+      if (f) {
+        s = m, i = f;
         break;
       }
     }
     if (Ne(s)) {
-      const m = c(), g = e.find((C) => C.src === m?.src);
+      const m = c(), f = e.find((P) => P.src === m?.src);
       p(o) ? u.set({
         paused: p(h),
         currentTime: p(d)
-      }) : u.set(null), g && (s = g, n = new L("quality-change", {
+      }) : u.set(null), f && (s = f, n = new L("quality-change", {
         detail: { quality: m }
       }));
     }
@@ -4118,7 +4118,7 @@ class An {
     if (!xs(t?.currentSrc, e)) {
       if (this.#i.$state.canLoad()) {
         const n = new AbortController();
-        return Ge(e) ? (i || !Fs()) && ii(e.src, {
+        return Ge(e) ? (i || !Bs()) && ai(e.src, {
           credentials: Wt(s),
           signal: n.signal
         }).then((r) => {
@@ -4183,7 +4183,7 @@ class Mn {
     this.#s = t;
   }
 }
-class ai extends b {
+class ni extends b {
   static props = {
     loaders: []
   };
@@ -4211,13 +4211,13 @@ class ai extends b {
     const e = new ResizeObserver(Vt(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(() => {
+    s.observe(t, { attributes: !0, childList: !0 }), this.#h(), this.#l(), x(() => {
       e.disconnect(), s.disconnect();
     });
   }
   #n = -1;
   load(t) {
-    t?.setAttribute("aria-hidden", "true"), window.cancelAnimationFrame(this.#n), this.#n = requestAnimationFrame(() => this.#r(t)), P(() => {
+    t?.setAttribute("aria-hidden", "true"), window.cancelAnimationFrame(this.#n), this.#n = requestAnimationFrame(() => this.#r(t)), x(() => {
       window.cancelAnimationFrame(this.#n);
     });
   }
@@ -4272,9 +4272,9 @@ class ai extends b {
     this.#s.set(t), this.#i.set(e), rt();
   }
 }
-const Ln = ai.prototype;
+const Ln = ni.prototype;
 _(Ln, "load");
-function ni(a, t) {
+function ri(a, t) {
   return [...a].sort(t ? _n : qn);
 }
 function qn(a, t) {
@@ -4291,7 +4291,7 @@ class In extends J {
   onAttach(t) {
     const { $props: e, ariaKeys: s } = $(), i = t.getAttribute("aria-keyshortcuts");
     if (i) {
-      s[this.#t] = i, P(() => {
+      s[this.#t] = i, x(() => {
         delete s[this.#t];
       });
       return;
@@ -4311,7 +4311,7 @@ function Me(a, t) {
   }
   return e;
 }
-function ri(a) {
+function oi(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,
@@ -4321,14 +4321,14 @@ function ri(a) {
   };
 }
 function we(a, { padHrs: t = null, padMins: e = null, showHrs: s = !1, showMs: i = !1 } = {}) {
-  const { hours: n, minutes: r, seconds: o, fraction: h } = ri(a), d = t ? Me(n, 2) : n, c = e || nt(e) && a >= 3600 ? Me(r, 2) : r, u = Me(o, 2), m = i && h > 0 ? `.${String(h).replace(/^0?\./, "")}` : "", g = `${c}:${u}${m}`;
-  return n > 0 || s ? `${d}:${g}` : g;
+  const { hours: n, minutes: r, seconds: o, fraction: h } = oi(a), d = t ? Me(n, 2) : n, c = e || nt(e) && a >= 3600 ? Me(r, 2) : r, u = Me(o, 2), m = i && h > 0 ? `.${String(h).replace(/^0?\./, "")}` : "", f = `${c}:${u}${m}`;
+  return n > 0 || s ? `${d}:${f}` : f;
 }
 function fe(a) {
-  const t = [], { hours: e, minutes: s, seconds: i } = ri(a);
+  const t = [], { hours: e, minutes: s, seconds: i } = oi(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 oi extends J {
+class hi extends J {
   #t;
   constructor(t) {
     super(), this.#t = t, l(this.#e.bind(this));
@@ -4725,7 +4725,7 @@ function Cs(a, t, e) {
   const s = t - a, i = e - a;
   return s > 0 ? i / s : 0;
 }
-class hi extends J {
+class li extends J {
   #t;
   #e;
   constructor(t) {
@@ -4734,7 +4734,7 @@ class hi extends J {
   onConnect(t) {
     this.#e = new IntersectionObserver((e) => {
       this.#t.callback?.(e, this.#e);
-    }, this.#t), this.#e.observe(t), P(this.#s.bind(this));
+    }, this.#t), this.#e.observe(t), x(this.#s.bind(this));
   }
   /**
    * Disconnect any active intersection observers.
@@ -4900,7 +4900,7 @@ class Kn extends J {
   #x(t) {
     const { key: e, shiftKey: s } = t;
     t.preventDefault(), t.stopPropagation();
-    const { shiftKeyMultiplier: i } = this.$props, { min: n, max: r, value: o, pointerValue: h } = this.$state, d = this.#t.getStep(), c = this.#t.getKeyStep(), u = s ? c * i() : c, m = Number(Le[e]), g = u * m, C = this.#f ? h() : this.#t.getValue?.() ?? o(), I = (C + g) / d;
+    const { shiftKeyMultiplier: i } = this.$props, { min: n, max: r, value: o, pointerValue: h } = this.$state, d = this.#t.getStep(), c = this.#t.getKeyStep(), u = s ? c * i() : c, m = Number(Le[e]), f = u * m, P = this.#f ? h() : this.#t.getValue?.() ?? o(), I = (P + f) / d;
     return Math.max(n(), Math.min(r(), Number((d * I).toFixed(3))));
   }
   // -------------------------------------------------------------------------------------------
@@ -4949,7 +4949,7 @@ class Y extends J {
       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 Kn(this.#e, this.#t).attach(this), new hi({
+    }), l(this.#r.bind(this)), l(this.#o.bind(this)), l(this.#h.bind(this)), this.#c(), new Kn(this.#e, this.#t).attach(this), new li({
       callback: this.#a.bind(this)
     }).attach(this);
   }
@@ -4957,7 +4957,7 @@ class Y extends J {
     E(t, "role", "slider"), E(t, "tabindex", "0"), E(t, "autocomplete", "off"), l(this.#u.bind(this));
   }
   onConnect(t) {
-    P(Qs(t, this.#s.set)), l(this.#n.bind(this));
+    x(Ws(t, this.#s.set)), l(this.#n.bind(this));
   }
   #a(t) {
     this.#i.set(t[0].isIntersecting);
@@ -5312,14 +5312,14 @@ class Qn extends b {
       height: u
     } = getComputedStyle(this.el);
     h === "100%" && (h = parseFloat(c) + ""), d === "100%" && (d = parseFloat(u) + "");
-    let m = Math.max(parseInt(h) / i, parseInt(d) / n), g = Math.min(
+    let m = Math.max(parseInt(h) / i, parseInt(d) / n), f = Math.min(
       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(
+    ), P = !isNaN(f) && f < 1 ? f : m > 1 ? m : 1;
+    this.#d(t, "--thumbnail-width", `${i * P}px`), this.#d(t, "--thumbnail-height", `${n * P}px`), this.#d(t, "--thumbnail-aspect-ratio", String(V(i / n, 5))), this.#d(e, "width", `${e.naturalWidth * P}px`), this.#d(e, "height", `${e.naturalHeight * P}px`), this.#d(
       e,
       "transform",
-      s.coords ? `translate(-${s.coords.x * C}px, -${s.coords.y * C}px)` : ""
+      s.coords ? `translate(-${s.coords.x * P}px, -${s.coords.y * P}px)` : ""
     ), this.#d(e, "max-width", "none");
   }
   #d(t, e, s) {
@@ -5330,7 +5330,7 @@ class Qn extends b {
     this.#e = [];
   }
 }
-class li extends b {
+class di extends b {
   static props = {
     type: "pointer",
     format: null,
@@ -5358,19 +5358,19 @@ class li extends b {
       padMinutes: n,
       showHours: r,
       showMs: o
-    } = this.$props, { value: h, pointerValue: d, min: c, max: u } = this.#s, m = e?.() ?? this.#t.default, g = t() === "current" ? h() : d();
+    } = this.$props, { value: h, pointerValue: d, min: c, max: u } = this.#s, m = e?.() ?? this.#t.default, f = t() === "current" ? h() : d();
     if (m === "percent") {
-      const C = u() - c(), I = g / C * 100;
+      const P = u() - c(), I = f / P * 100;
       return (this.#t.percent ?? V)(I, s()) + "%";
-    } else return m === "time" ? (this.#t.time ?? we)(g, {
+    } else return m === "time" ? (this.#t.time ?? we)(f, {
       padHrs: i(),
       padMins: n(),
       showHrs: r(),
       showMs: o()
-    }) : (this.#t.value?.(g) ?? g.toFixed(2)) + "";
+    }) : (this.#t.value?.(f) ?? f.toFixed(2)) + "";
   }
 }
-const Wn = li.prototype;
+const Wn = di.prototype;
 _(Wn, "getValueText");
 class zn extends b {
   static props = {
@@ -5395,9 +5395,9 @@ class zn extends b {
   }
   onConnect(t) {
     const { preview: e } = this.#t;
-    e.set(t), P(() => e.set(null)), l(this.#e.bind(this));
+    e.set(t), x(() => e.set(null)), l(this.#e.bind(this));
     const s = new ResizeObserver(this.#e.bind(this));
-    s.observe(t), P(() => s.disconnect());
+    s.observe(t), x(() => s.disconnect());
   }
   #e = Vt(() => {
     const { disabled: t, orientation: e } = this.#t;
@@ -5514,7 +5514,7 @@ class Yn extends b {
     this.#r(t);
   }
 }
-let di = class extends b {
+let ci = class extends b {
   static props = {
     ...Y.props,
     step: 0.1,
@@ -5586,7 +5586,7 @@ let di = class extends b {
   }
   #o() {
     const t = this.#t.player.el, { preview: e } = q(Je);
-    t && e() && f(t, "data-preview", this.$state.active());
+    t && e() && g(t, "data-preview", this.$state.active());
   }
   #h(t, e) {
     this.#t.remote.seeking(t, e);
@@ -5720,12 +5720,12 @@ class er {
     this.#i = t;
   }
   attachMenu(t) {
-    O(t, "focus", this.#r.bind(this)), this.#e = t, P(() => {
+    O(t, "focus", this.#r.bind(this)), this.#e = t, x(() => {
       this.#e = null;
     });
   }
   listen() {
-    this.#e && (this.update(), new M(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)), x(() => {
       this.#t = -1, this.#s = [];
     }));
   }
@@ -5806,7 +5806,7 @@ class er {
     const t = this.#e.querySelectorAll(Zn), 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);
+      zs(this.#e, i, s) && e.push(i);
     return e;
   }
 }
@@ -5847,7 +5847,7 @@ class Rt extends b {
   constructor() {
     super();
     const { showDelay: t } = this.$props;
-    this.#c = new oi({
+    this.#c = new hi({
       trigger: this.#n,
       content: this.#r,
       showDelay: t,
@@ -5886,7 +5886,7 @@ class Rt extends b {
       disableMenuButton: this.#P.bind(this),
       addSubmenu: this.#I.bind(this),
       onTransitionEvent: (e) => {
-        this.#m.add(e), P(() => {
+        this.#m.add(e), x(() => {
           this.#m.delete(e);
         });
       }
@@ -5923,15 +5923,15 @@ class Rt extends b {
   }
   #b(t) {
     const e = t.el, s = this.isSubmenu, i = N(this.#x.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(() => {
+    E(e, "tabindex", s ? "-1" : "0"), E(e, "role", s ? "menuitem" : "button"), g(e, "id", this.#s), g(e, "aria-haspopup", "menu"), g(e, "aria-expanded", "false"), g(e, "data-root", !this.isSubmenu), g(e, "data-submenu", this.isSubmenu), l(() => {
+      g(e, "data-open", this.#i()), g(e, "aria-disabled", i());
+    }), this.#n.set(e), x(() => {
       this.#n.set(null);
     });
   }
   #$(t) {
     const e = t.el;
-    e.style.setProperty("display", "none"), f(e, "id", this.#e), E(e, "role", "menu"), E(e, "tabindex", "-1"), f(e, "data-root", !this.isSubmenu), f(e, "data-submenu", this.isSubmenu), this.#r.set(e), P(() => this.#r.set(null)), l(() => f(e, "data-open", this.#i())), this.#u.attachMenu(e), this.#v(!1);
+    e.style.setProperty("display", "none"), g(e, "id", this.#e), E(e, "role", "menu"), E(e, "tabindex", "-1"), g(e, "data-root", !this.isSubmenu), g(e, "data-submenu", this.isSubmenu), this.#r.set(e), x(() => this.#r.set(null)), l(() => g(e, "data-open", this.#i())), this.#u.attachMenu(e), this.#v(!1);
     const i = this.#B.bind(this);
     this.isSubmenu ? this.#o?.onTransitionEvent(i) : (t.listen("transitionstart", i), t.listen("transitionend", i), t.listen("animationend", this.#O), t.listen("vds-menu-resize", this.#O));
   }
@@ -5940,14 +5940,14 @@ class Rt extends b {
   }
   #v(t) {
     const e = p(this.#r);
-    e && f(e, "aria-hidden", ce(!t));
+    e && g(e, "aria-hidden", ce(!t));
   }
   #P(t) {
     this.#p.set(t);
   }
   #f = !1;
   #T(t, e) {
-    if (this.#f = Gs(e), e?.stopPropagation(), this.#i() === t) return;
+    if (this.#f = Us(e), e?.stopPropagation(), this.#i() === t) return;
     if (this.#x()) {
       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", ce(t))), i && f(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), rt(), this.#f) {
+    if (s && (g(s, "aria-controls", t && this.#e), g(s, "aria-expanded", ce(t))), i && g(i, "aria-labelledby", t && this.#s), this.#i.set(t), this.#q(e), rt(), this.#f) {
       t ? i?.focus() : s?.focus();
       for (const n of [this.el, i])
         n && n.setAttribute("data-keyboard", "");
@@ -6001,13 +6001,13 @@ class Rt extends b {
   }
   #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 && zs(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 M(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), x(this.#_);
   }
   #_ = this.#D.bind(this);
   #D(t) {
@@ -6053,7 +6053,7 @@ class Rt extends b {
       else if (n.nodeType === 3)
         e += parseFloat(getComputedStyle(n).fontSize);
       else if (St(n)) {
-        if (!Ks(n)) continue;
+        if (!Qs(n)) continue;
         const r = getComputedStyle(n);
         e += n.offsetHeight + (parseFloat(r.marginTop) || 0) + (parseFloat(r.marginBottom) || 0);
       }
@@ -6062,7 +6062,7 @@ class Rt extends b {
   #N = !1;
   #B(t) {
     const e = this.#r();
-    e && t.propertyName === "height" && (this.#N = t.type === "transitionstart", f(e, "data-transition", this.#N ? "height" : null), this.#i() && this.#k());
+    e && t.propertyName === "height" && (this.#N = t.type === "transitionstart", g(e, "data-transition", this.#N ? "height" : null), this.#i() && this.#k());
     for (const s of this.#m) s(t);
   }
   open(t) {
@@ -6108,7 +6108,7 @@ class ts 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 }), x(() => e.disconnect()), pt(t, (s) => {
       this.dispatch("select", { trigger: s });
     });
   }
@@ -6168,7 +6168,7 @@ class or extends b {
     let e = this.#n(this.$props.container());
     if (!e) return;
     const s = this.#t.parentElement === e;
-    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));
+    g(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;
@@ -6192,7 +6192,7 @@ class hr extends b {
   onAttach(t) {
     if (this.#t = q(D), this.#t.attachMenuItems(this), U(le)) {
       const e = q(le);
-      e && (j(le, null), e.attach(t), P(() => e.attach(null)));
+      e && (j(le, null), e.attach(t), x(() => e.attach(null)));
     }
   }
   onConnect(t) {
@@ -6210,13 +6210,13 @@ class hr extends b {
       width: "max-content"
     });
     const { offset: s, alignOffset: i } = this.$props;
-    P(
-      Ys(this.el, this.#i(), e, {
+    x(
+      Xs(this.el, this.#i(), e, {
         offsetVarName: "media-menu",
         xOffset: i(),
         yOffset: s()
       })
-    ), P(this.#s.bind(this));
+    ), x(this.#s.bind(this));
   }
   #s() {
     this.el && (this.el.removeAttribute("style"), this.el.style.display = "none");
@@ -6271,7 +6271,7 @@ class At extends J {
     return null;
   }
 }
-class ci extends b {
+class ui extends b {
   static props = {
     value: ""
   };
@@ -6302,7 +6302,7 @@ class ci extends b {
     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(), pt(t, this.#n.bind(this)), x(this.#s.bind(this));
   }
   #s() {
     Zt(() => {
@@ -6329,9 +6329,9 @@ class ci extends b {
     this.dispatch("select", { trigger: t });
   }
 }
-const lr = ci.prototype;
+const lr = ui.prototype;
 T(lr, "checked");
-class ui extends b {
+class pi extends b {
   static props = {
     emptyLabel: "Default"
   };
@@ -6385,11 +6385,11 @@ class ui extends b {
     }
   }
 }
-const es = ui.prototype;
+const es = pi.prototype;
 T(es, "value");
 T(es, "disabled");
 _(es, "getOptions");
-class pi extends b {
+class mi extends b {
   static props = {
     offLabel: "Off"
   };
@@ -6459,12 +6459,12 @@ class pi extends b {
     return t.id + ":" + t.kind + "-" + t.label.toLowerCase();
   }
 }
-const ss = pi.prototype;
+const ss = mi.prototype;
 T(ss, "value");
 T(ss, "disabled");
 _(ss, "getOptions");
 const dr = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-class mi extends b {
+class fi extends b {
   static props = {
     normalLabel: "Normal",
     rates: dr
@@ -6515,11 +6515,11 @@ class mi extends b {
     this.#t.remote.changePlaybackRate(s, e), this.dispatch("change", { detail: s, trigger: e });
   }
 }
-const is = mi.prototype;
+const is = fi.prototype;
 T(is, "value");
 T(is, "disabled");
 _(is, "getOptions");
-class fi extends b {
+class gi extends b {
   static props = {
     autoLabel: "Auto",
     hideBitrate: !1,
@@ -6537,7 +6537,7 @@ class fi extends b {
   }
   #i = tt(() => {
     const { sort: t } = this.$props, { qualities: e } = this.#t.$state;
-    return ni(e(), t() === "descending");
+    return ri(e(), t() === "descending");
   });
   constructor() {
     super(), this.#s = new At(), this.#s.onValueChange = this.#o.bind(this);
@@ -6597,7 +6597,7 @@ class fi extends b {
     return t.height + "_" + t.bitrate;
   }
 }
-const as = fi.prototype;
+const as = gi.prototype;
 T(as, "value");
 T(as, "disabled");
 _(as, "getOptions");
@@ -6625,7 +6625,7 @@ class cr extends b {
     this.setAttributes({
       "data-type": t,
       "data-remainder": this.#c.bind(this)
-    }), new hi({
+    }), new li({
       callback: this.#a.bind(this)
     }).attach(this);
   }
@@ -6633,7 +6633,7 @@ class cr extends b {
     t.hasAttribute("role") || l(this.#h.bind(this)), l(this.#o.bind(this));
   }
   onConnect(t) {
-    P(Qs(t, this.#s.set)), l(this.#n.bind(this)), l(this.#r.bind(this));
+    x(Ws(t, this.#s.set)), l(this.#n.bind(this)), l(this.#r.bind(this));
   }
   #a(t) {
     this.#i.set(t[0].isIntersecting);
@@ -6667,7 +6667,7 @@ class cr extends b {
   #h() {
     if (!this.el) return;
     const { toggle: t } = this.$props;
-    f(this.el, "role", t() ? "timer" : null), f(this.el, "tabindex", t() ? 0 : null);
+    g(this.el, "role", t() ? "timer" : null), g(this.el, "tabindex", t() ? 0 : null);
   }
   #l(t) {
     const { bufferedEnd: e, duration: s, currentTime: i } = this.#t.$state;
@@ -6763,7 +6763,7 @@ class ur extends b {
     const i = window.setTimeout(() => {
       e.set(!1);
     }, 150);
-    return this.el && f(this.el, "aria-label", s), S(s) && this.dispatch("change", { detail: s }), () => window.clearTimeout(i);
+    return this.el && g(this.el, "aria-label", s), S(s) && this.dispatch("change", { detail: s }), () => window.clearTimeout(i);
   }
   #d(t) {
     const { label: e } = this.$state;
@@ -6796,7 +6796,7 @@ class pr extends b {
   #e() {
     if (!this.el) return;
     const { nativeControls: t } = this.#t.$state, e = t();
-    f(this.el, "aria-hidden", e ? "true" : null), z(this.el, "display", e ? "none" : null);
+    g(this.el, "aria-hidden", e ? "true" : null), z(this.el, "display", e ? "none" : null);
   }
   #s() {
     const { controls: t } = this.#t.player, { hideDelay: e, hideOnMouseLeave: s } = this.$props;
@@ -6825,7 +6825,7 @@ class gr extends b {
   constructor() {
     super(), new Z();
     const { showDelay: t } = this.$props;
-    new oi({
+    new hi({
       trigger: this.#e,
       content: this.#s,
       showDelay: t,
@@ -6854,7 +6854,7 @@ class gr extends b {
   #a(t) {
     this.#e.set(t);
     let e = t.getAttribute("data-media-tooltip");
-    e && this.el?.setAttribute(`data-media-${e}-tooltip`, ""), f(t, "data-describedby", this.#t);
+    e && this.el?.setAttribute(`data-media-${e}-tooltip`, ""), g(t, "data-describedby", this.#t);
   }
   #n(t) {
     t.removeAttribute("data-describedby"), t.removeAttribute("aria-describedby"), this.#e.set(null);
@@ -6867,9 +6867,9 @@ class gr extends b {
   }
   #h(t) {
     const e = this.#e(), s = this.#s();
-    e && f(e, "aria-describedby", t ? this.#t : null);
+    e && g(e, "aria-describedby", t ? this.#t : null);
     for (const i of [this.el, e, s])
-      i && f(i, "data-visible", t);
+      i && g(i, "data-visible", t);
     this.#i.set(t);
   }
 }
@@ -6878,12 +6878,12 @@ class yr extends b {
     super(), new Z();
   }
   onConnect(t) {
-    P(
+    x(
       ht(() => {
         if (!this.connectScope) return;
         this.#t();
         const e = q(wt);
-        P(() => {
+        x(() => {
           const s = this.#e();
           s && e.detachTrigger(s);
         });
@@ -6923,7 +6923,7 @@ class br extends b {
   onConnect(t) {
     this.#t(t);
     const e = q(wt);
-    P(() => e.detachContent(t)), P(
+    x(() => e.detachContent(t)), x(
       ht(() => {
         this.connectScope && l(this.#e.bind(this));
       })
@@ -6936,7 +6936,7 @@ class br extends b {
     const { showing: t } = q(wt);
     if (!t()) return;
     const { placement: e, offset: s, alignOffset: i } = this.$props;
-    return Ys(this.el, this.#s(), e(), {
+    return Xs(this.el, this.#s(), e(), {
       offsetVarName: "media-tooltip",
       xOffset: i(),
       yOffset: s()
@@ -6946,7 +6946,7 @@ class br extends b {
     return q(wt).trigger();
   }
 }
-class gi extends b {
+class yi extends b {
   static props = {
     disabled: !1,
     defaultPressed: !1
@@ -6964,7 +6964,7 @@ class gi extends b {
     });
   }
 }
-const vr = gi.prototype;
+const vr = yi.prototype;
 T(vr, "pressed");
 class $r extends b {
   static props = F.props;
@@ -7004,7 +7004,7 @@ class $r extends b {
     return `Google Cast ${t()}`;
   }
 }
-class yi extends b {
+class bi extends b {
   static props = {
     src: null,
     crossOrigin: null
@@ -7074,7 +7074,7 @@ class yi extends b {
     e() && n && Number.isFinite(s()) && Number.isFinite(i()) && (n.currentTime = i() * s());
   }
 }
-const wr = yi.prototype;
+const wr = bi.prototype;
 T(wr, "video");
 class Tr extends b {
   static props = {
@@ -7224,7 +7224,7 @@ class Sr extends b {
   #t;
   #e = tt(() => {
     const { qualities: t } = this.#t.$state;
-    return ni(t());
+    return ri(t());
   });
   onSetup() {
     this.#t = $(), new Y({
@@ -7283,7 +7283,7 @@ class Sr extends b {
     this.#o(t);
   }
 }
-class bi extends b {
+class vi extends b {
   static props = {
     disabled: !1
   };
@@ -7307,13 +7307,13 @@ class bi extends b {
     return this.#r()[this.#h()] || null;
   }
   onSetup() {
-    this.#t = $(), this.#e = Dt(di.state);
+    this.#t = $(), this.#e = Dt(ci.state);
   }
   onAttach(t) {
     ve(this.#t.textTracks, "chapters", this.#c.bind(this)), l(this.#E.bind(this));
   }
   onConnect() {
-    P(() => this.#u.bind(this));
+    x(() => this.#u.bind(this));
   }
   onDestroy() {
     this.#c(null);
@@ -7374,7 +7374,7 @@ class bi extends b {
     for (let i = t; i < e; i++) this.#$(this.#a[i], s);
   }
   #$(t, e) {
-    t && (t.style.setProperty("--chapter-fill", e + "%"), f(t, "data-active", e > 0 && e < 100), f(t, "data-ended", e === 100));
+    t && (t.style.setProperty("--chapter-fill", e + "%"), g(t, "data-active", e > 0 && e < 100), g(t, "data-ended", e === 100));
   }
   #w(t, e) {
     let s = 0, i = this.#r();
@@ -7424,8 +7424,8 @@ class bi extends b {
     for (let c = 0; c < t.length - 1; c++) {
       const u = t[c], m = t[c + 1];
       if (e.push(u), m) {
-        const g = m.startTime - u.endTime;
-        g > 0 && e.push(new window.VTTCue(u.endTime, u.endTime + g, ""));
+        const f = m.startTime - u.endTime;
+        f > 0 && e.push(new window.VTTCue(u.endTime, u.endTime + f, ""));
       }
     }
     const d = t[t.length - 1];
@@ -7482,12 +7482,12 @@ class bi extends b {
     return t ? t.querySelector('[data-part="chapter-title"]') : null;
   }
 }
-const Te = bi.prototype;
+const Te = vi.prototype;
 T(Te, "cues");
 T(Te, "activeCue");
 T(Te, "activePointerCue");
 _(Te, "setRefs");
-class vi extends b {
+class $i extends b {
   static props = {
     value: ""
   };
@@ -7521,9 +7521,9 @@ class vi extends b {
     this.dispatch(s);
   }
 }
-const $i = vi.prototype;
-T($i, "values");
-T($i, "value");
+const wi = $i.prototype;
+T(wi, "values");
+T(wi, "value");
 var Pr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, ns = (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);
@@ -7600,8 +7600,8 @@ class ke extends b {
     const { realCurrentTime: e, seekableStart: s, seekableEnd: i } = this.#t.$state, n = s(), r = i(), o = e(), h = this.#a().findIndex((d) => De(d, o));
     this.#s.value = h.toString(), h >= 0 && ht(() => {
       if (!this.connectScope) return;
-      const d = this.#a()[h], c = this.el.querySelector("[aria-checked='true']"), u = Math.max(n, d.startTime), m = Math.min(r, d.endTime) - u, g = Math.max(0, o - u) / m * 100;
-      c && z(c, "--progress", V(g, 3) + "%");
+      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, f = Math.max(0, o - u) / m * 100;
+      c && z(c, "--progress", V(f, 3) + "%");
     });
   }
   #l() {
@@ -7623,7 +7623,7 @@ ns([
   _
 ], ke.prototype, "getOptions");
 const Cr = [1, 1.25, 1.5, 1.75, 2, 2.5, 3, 4];
-class wi extends b {
+class Ti extends b {
   static props = {
     normalLabel: "Disabled",
     gains: Cr
@@ -7674,7 +7674,7 @@ class wi extends b {
     this.#t.remote.changeAudioGain(s, e), this.dispatch("change", { detail: s, trigger: e });
   }
 }
-const rs = wi.prototype;
+const rs = Ti.prototype;
 T(rs, "value");
 T(rs, "disabled");
 _(rs, "getOptions");
@@ -7878,9 +7878,9 @@ class dt extends b {
   }
   #d() {
     const t = this.#g();
-    f(t, "data-example", "");
+    g(t, "data-example", "");
     const e = this.#b();
-    f(e, "data-example", ""), e.textContent = this.$props.exampleText(), t?.append(e), this.el?.append(t), this.el?.setAttribute("data-example", ""), this.#m();
+    g(e, "data-example", ""), e.textContent = this.$props.exampleText(), t?.append(e), this.el?.append(t), this.el?.setAttribute("data-example", ""), this.#m();
   }
   #p = -1;
   #m() {
@@ -7891,11 +7891,11 @@ class dt extends b {
   }
   #g() {
     const t = document.createElement("div");
-    return f(t, "data-part", "cue-display"), t;
+    return g(t, "data-part", "cue-display"), t;
   }
   #b() {
     const t = document.createElement("div");
-    return f(t, "data-part", "cue"), t;
+    return g(t, "data-part", "cue"), t;
   }
 }
 class Mr extends b {
@@ -7940,7 +7940,7 @@ class Mr extends b {
   }
   #i() {
     const { src: t } = this.$props, { poster: e, nativeControls: s } = this.#t.$state;
-    this.el && f(this.el, "display", s() ? "none" : null), this.$state.hidden.set(this.#e() || !(t() || e()) || s());
+    this.el && g(this.el, "display", s() ? "none" : null), this.$state.hidden.set(this.#e() || !(t() || e()) || s());
   }
   #a() {
     const { loading: t, hidden: e } = this.$state;
@@ -7978,7 +7978,7 @@ class Mr extends b {
     e.set(!1), s.set(t);
   }
 }
-class Lr extends v(HTMLElement, ai) {
+class Lr extends v(HTMLElement, ni) {
   static tagName = "media-provider";
   #t;
   #e = null;
@@ -7996,7 +7996,7 @@ class Lr extends v(HTMLElement, ai) {
         const o = this.#e?.parentElement ?? this;
         this.#e?.remove(), this.#e = r, r && o.prepend(r), i && r && l(() => {
           const { nativeControls: h, viewType: d } = this.#t.$state, c = h(), u = d() === "audio";
-          !c && !u ? (this.#s = this.querySelector(".vds-blocker"), this.#s || (this.#s = document.createElement("div"), this.#s.classList.add("vds-blocker"), r.after(this.#s))) : (this.#s?.remove(), this.#s = null), f(r, "data-no-controls", !c);
+          !c && !u ? (this.#s = this.querySelector(".vds-blocker"), this.#s || (this.#s = document.createElement("div"), this.#s.classList.add("vds-blocker"), r.after(this.#s))) : (this.#s?.remove(), this.#s = null), g(r, "data-no-controls", !c);
         });
       }
       e ? r?.classList.add("vds-youtube") : s && r?.classList.add("vds-vimeo"), i || (this.#s?.remove(), this.#s = null), this.load(r);
@@ -8005,24 +8005,24 @@ class Lr extends v(HTMLElement, ai) {
   #i() {
     const t = this.#e instanceof HTMLAudioElement ? this.#e : document.createElement("audio"), { controls: e, crossOrigin: s } = this.#t.$state;
     return l(() => {
-      f(t, "controls", e()), f(t, "crossorigin", s());
+      g(t, "controls", e()), g(t, "crossorigin", s());
     }), t;
   }
   #a() {
     const t = this.#e instanceof HTMLVideoElement ? this.#e : document.createElement("video"), { crossOrigin: e, poster: s, nativeControls: i } = this.#t.$state, n = tt(() => i() ? "true" : null), r = tt(() => s() && i() ? s() : null);
     return l(() => {
-      f(t, "controls", n()), f(t, "crossorigin", e()), f(t, "poster", r());
+      g(t, "controls", n()), g(t, "crossorigin", e()), g(t, "poster", r());
     }), t;
   }
   #n() {
     const t = this.#e instanceof HTMLIFrameElement ? this.#e : document.createElement("iframe"), { nativeControls: e } = this.#t.$state;
-    return l(() => f(t, "tabindex", e() ? null : -1)), t;
+    return l(() => g(t, "tabindex", e() ? null : -1)), t;
   }
   #r() {
     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_-BpkY0Ewv.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-4NXefQZ2.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
@@ -8040,10 +8040,10 @@ class qr extends v(HTMLElement, Lt) {
 y(qr);
 y(Lr);
 var qe;
-const ge = window, _t = ge.trustedTypes, Es = _t ? _t.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Be = "$lit$", ct = `lit$${(Math.random() + "").slice(9)}$`, Ti = "?" + ct, _r = `<${Ti}>`, Pt = document, jt = () => Pt.createComment(""), Yt = (a) => a === null || typeof a != "object" && typeof a != "function", ki = Array.isArray, Ir = (a) => ki(a) || typeof a?.[Symbol.iterator] == "function", _e = `[ 	
+const ge = window, _t = ge.trustedTypes, Es = _t ? _t.createPolicy("lit-html", { createHTML: (a) => a }) : void 0, Be = "$lit$", ct = `lit$${(Math.random() + "").slice(9)}$`, ki = "?" + ct, _r = `<${ki}>`, Pt = document, jt = () => Pt.createComment(""), Yt = (a) => a === null || typeof a != "object" && typeof a != "function", Si = Array.isArray, Ir = (a) => Si(a) || typeof a?.[Symbol.iterator] == "function", _e = `[ 	
 \f\r]`, Bt = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, As = /-->/g, Ms = />/g, vt = RegExp(`>|${_e}(?:([^\\s"'>=/]+)(${_e}*=${_e}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Ls = /'/g, qs = /"/g, Si = /^(?:script|style|textarea|title)$/i, Vr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Dr = Vr(1), Xt = /* @__PURE__ */ Symbol.for("lit-noChange"), R = /* @__PURE__ */ Symbol.for("lit-nothing"), _s = /* @__PURE__ */ new WeakMap(), Tt = Pt.createTreeWalker(Pt, 129, null, !1);
-function Pi(a, t) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Ls = /'/g, qs = /"/g, Pi = /^(?:script|style|textarea|title)$/i, Vr = (a) => (t, ...e) => ({ _$litType$: a, strings: t, values: e }), Dr = Vr(1), Xt = /* @__PURE__ */ Symbol.for("lit-noChange"), R = /* @__PURE__ */ Symbol.for("lit-nothing"), _s = /* @__PURE__ */ new WeakMap(), Tt = Pt.createTreeWalker(Pt, 129, null, !1);
+function xi(a, t) {
   if (!Array.isArray(a) || !a.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Es !== void 0 ? Es.createHTML(t) : t;
 }
@@ -8053,11 +8053,11 @@ const Rr = (a, t) => {
   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 ? (Si.test(c[2]) && (i = RegExp("</" + c[2], "g")), r = vt) : c[3] !== void 0 && (r = vt) : r === vt ? c[0] === ">" ? (r = i ?? Bt, u = -1) : c[1] === void 0 ? u = -2 : (u = r.lastIndex - c[2].length, d = c[1], r = c[3] === void 0 ? vt : c[3] === '"' ? qs : Ls) : r === qs || r === Ls ? r = vt : r === As || r === Ms ? r = Bt : (r = vt, i = void 0);
-    const g = r === vt && a[o + 1].startsWith("/>") ? " " : "";
-    n += r === Bt ? h + _r : u >= 0 ? (s.push(d), h.slice(0, u) + Be + h.slice(u) + 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 === 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 f = r === vt && a[o + 1].startsWith("/>") ? " " : "";
+    n += r === Bt ? h + _r : u >= 0 ? (s.push(d), h.slice(0, u) + Be + h.slice(u) + ct + f) : h + ct + (u === -2 ? (s.push(void 0), o) : f);
   }
-  return [Pi(a, n + (a[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+  return [xi(a, n + (a[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
 class Jt {
   constructor({ strings: t, _$litType$: e }, s) {
@@ -8074,23 +8074,23 @@ class Jt {
         if (i.hasAttributes()) {
           const u = [];
           for (const m of i.getAttributeNames()) if (m.endsWith(Be) || m.startsWith(ct)) {
-            const g = c[r++];
-            if (u.push(m), g !== void 0) {
-              const C = i.getAttribute(g.toLowerCase() + Be).split(ct), I = /([.?@])?(.*)/.exec(g);
-              h.push({ type: 1, index: n, name: I[2], strings: C, ctor: I[1] === "." ? Nr : I[1] === "?" ? Fr : I[1] === "@" ? Br : Se });
+            const f = c[r++];
+            if (u.push(m), f !== void 0) {
+              const P = i.getAttribute(f.toLowerCase() + Be).split(ct), I = /([.?@])?(.*)/.exec(f);
+              h.push({ type: 1, index: n, name: I[2], strings: P, ctor: I[1] === "." ? Nr : I[1] === "?" ? Fr : I[1] === "@" ? Br : Se });
             } else h.push({ type: 6, index: n });
           }
           for (const m of u) i.removeAttribute(m);
         }
-        if (Si.test(i.tagName)) {
+        if (Pi.test(i.tagName)) {
           const u = i.textContent.split(ct), m = u.length - 1;
           if (m > 0) {
             i.textContent = _t ? _t.emptyScript : "";
-            for (let g = 0; g < m; g++) i.append(u[g], jt()), Tt.nextNode(), h.push({ type: 2, index: ++n });
+            for (let f = 0; f < m; f++) i.append(u[f], jt()), Tt.nextNode(), h.push({ type: 2, index: ++n });
             i.append(u[m], jt());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === Ti) h.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === ki) 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;
@@ -8173,7 +8173,7 @@ class ie {
   }
   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(Pi(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Jt.createElement(xi(i.h, i.h[0]), this.options)), i);
     if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === n) this._$AH.v(s);
     else {
       const r = new Or(n, this), o = r.u(this.options);
@@ -8185,7 +8185,7 @@ class ie {
     return e === void 0 && _s.set(t.strings, e = new Jt(t)), e;
   }
   T(t) {
-    ki(this._$AH) || (this._$AH = [], this._$AR());
+    Si(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 ie(this.k(jt()), this.k(jt()), this, this.options)) : s = e[i], s._$AI(n), i++;
@@ -8294,10 +8294,10 @@ class Ur extends HTMLElement {
     this.rootPart?.setConnected(!1), this.rootPart = null, Vs(null, this);
   }
 }
-const Kr = /* @__PURE__ */ zs(
+const Kr = /* @__PURE__ */ js(
   '<img loading="eager" decoding="async" aria-hidden="true">'
 );
-class xi extends v(HTMLElement, Qn) {
+class Ci extends v(HTMLElement, Qn) {
   static tagName = "media-thumbnail";
   static attrs = {
     crossOrigin: "crossorigin"
@@ -8310,11 +8310,11 @@ class xi extends v(HTMLElement, Qn) {
   onConnect() {
     const { src: t, crossOrigin: e } = this.$state;
     this.#e.parentNode !== this && this.prepend(this.#e), l(() => {
-      f(this.#e, "src", t()), f(this.#e, "crossorigin", e());
+      g(this.#e, "src", t()), g(this.#e, "crossorigin", e());
     });
   }
   #s() {
-    return js(Kr);
+    return Ys(Kr);
   }
 }
 class Qr extends v(HTMLElement, cr) {
@@ -8364,13 +8364,13 @@ function Ot(a, t) {
     });
   });
 }
-class eo extends v(HTMLElement, ui) {
+class eo extends v(HTMLElement, pi) {
   static tagName = "media-audio-radio-group";
   onConnect() {
     Ot(this);
   }
 }
-class so extends v(HTMLElement, pi) {
+class so extends v(HTMLElement, mi) {
   static tagName = "media-captions-radio-group";
   onConnect() {
     Ot(this);
@@ -8388,13 +8388,13 @@ class no extends v(HTMLElement, rr) {
 class ro extends v(HTMLElement, hr) {
   static tagName = "media-menu-items";
 }
-class oo extends v(HTMLElement, mi) {
+class oo extends v(HTMLElement, fi) {
   static tagName = "media-speed-radio-group";
   onConnect() {
     Ot(this);
   }
 }
-class ho extends v(HTMLElement, fi) {
+class ho extends v(HTMLElement, gi) {
   static tagName = "media-quality-radio-group";
   onConnect() {
     Ot(this, (t, e) => {
@@ -8405,10 +8405,10 @@ class ho extends v(HTMLElement, fi) {
     });
   }
 }
-class lo extends v(HTMLElement, ci) {
+class lo extends v(HTMLElement, ui) {
   static tagName = "media-radio";
 }
-class co extends xi {
+class co extends Ci {
   static tagName = "media-slider-thumbnail";
   #t;
   #e;
@@ -8423,7 +8423,7 @@ class co extends xi {
     this.time = e() + this.#e.pointerRate() * t();
   }
 }
-class uo extends v(HTMLElement, li) {
+class uo extends v(HTMLElement, di) {
   static tagName = "media-slider-value";
   static attrs = {
     padMinutes: {
@@ -8436,7 +8436,7 @@ class uo extends v(HTMLElement, li) {
     });
   }
 }
-class po extends v(HTMLElement, di) {
+class po extends v(HTMLElement, ci) {
   static tagName = "media-time-slider";
 }
 class mo extends v(HTMLElement, zn) {
@@ -8512,7 +8512,7 @@ class Po extends b {
   }
   #t(t, e, s) {
     const { size: i, trackWidth: n, fillPercent: r } = this.$props;
-    f(t, "width", i()), f(t, "height", i()), f(e, "stroke-width", n()), f(s, "stroke-width", n()), f(s, "stroke-dashoffset", 100 - r());
+    g(t, "width", i()), g(t, "height", i()), g(e, "stroke-width", n()), g(s, "stroke-width", n()), g(s, "stroke-dashoffset", 100 - r());
   }
 }
 class xo extends v(Ur, Po) {
@@ -8560,7 +8560,7 @@ class Eo extends v(HTMLElement, Co) {
 class Ao extends v(HTMLElement, $r) {
   static tagName = "media-google-cast-button";
 }
-class Mo extends v(HTMLElement, gi) {
+class Mo extends v(HTMLElement, yi) {
   static tagName = "media-toggle-button";
 }
 class Lo extends v(HTMLElement, gr) {
@@ -8597,22 +8597,22 @@ class Vo extends v(HTMLElement, ke) {
     });
   }
 }
-class Do extends v(HTMLElement, wi) {
+class Do extends v(HTMLElement, Ti) {
   static tagName = "media-audio-gain-radio-group";
   onConnect() {
     Ot(this);
   }
 }
-class Ro extends v(HTMLElement, vi) {
+class Ro extends v(HTMLElement, $i) {
   static tagName = "media-radio-group";
 }
 class Oo extends v(HTMLElement, ee) {
   static tagName = "media-slider";
 }
-const No = /* @__PURE__ */ zs(
+const No = /* @__PURE__ */ js(
   '<video muted playsinline preload="none" style="max-width: unset;"></video>'
 );
-class Ho extends v(HTMLElement, yi) {
+class Ho extends v(HTMLElement, bi) {
   static tagName = "media-slider-video";
   #t;
   #e = this.#s();
@@ -8622,11 +8622,11 @@ class Ho extends v(HTMLElement, yi) {
   onConnect() {
     const { canLoad: t } = this.#t.$state, { src: e, crossOrigin: s } = this.$state;
     this.#e.parentNode !== this && this.prepend(this.#e), l(() => {
-      f(this.#e, "crossorigin", s()), f(this.#e, "preload", t() ? "auto" : "none"), f(this.#e, "src", e());
+      g(this.#e, "crossorigin", s()), g(this.#e, "preload", t() ? "auto" : "none"), g(this.#e, "src", e());
     });
   }
   #s() {
-    return js(No);
+    return Ys(No);
   }
 }
 class Fo extends v(HTMLElement, Tr) {
@@ -8638,7 +8638,7 @@ class Bo extends v(HTMLElement, kr) {
 class Go extends v(HTMLElement, Sr) {
   static tagName = "media-quality-slider";
 }
-class Uo extends v(HTMLElement, bi) {
+class Uo extends v(HTMLElement, vi) {
   static tagName = "media-slider-chapters";
   #t = null;
   onConnect() {
@@ -8685,7 +8685,7 @@ class Wo extends v(HTMLElement, Mr) {
       const { loading: i, hidden: n } = this.$state;
       this.#t.style.display = i() || n() ? "none" : "";
     }), l(() => {
-      f(this.#t, "alt", e()), f(this.#t, "crossorigin", s()), f(this.#t, "src", t());
+      g(this.#t, "alt", e()), g(this.#t, "crossorigin", s()), g(this.#t, "src", t());
     }), this.#t.parentNode !== this && this.prepend(this.#t);
   }
 }
@@ -8732,7 +8732,7 @@ y(Vo);
 y(Ro);
 y(lo);
 y(yo);
-y(xi);
+y(Ci);
 y(go);
 y(Yr);
 y(Qr);
@@ -8806,7 +8806,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
   },
   emits: ["close"],
   setup(a, { emit: t }) {
-    const { size: e, fullscreen: s, changeSize: i } = ye("size"), n = _i(
+    const { size: e, fullscreen: s, changeSize: i } = ye("size"), n = Ds(
       () => e.value === K.SM ? "expand" : "collapse"
     ), r = a, o = t, h = (m) => {
       m ? e.value !== K.LG && (s.value = !0, i(K.LG)) : e.value === K.LG && (c(), s.value = !1, i(K.SM));
@@ -8823,7 +8823,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
       }), Vi(() => {
         document.removeEventListener("keyup", u);
       });
-    }), (m, g) => (G(), mt("media-controls-group", {
+    }), (m, f) => (G(), mt("media-controls-group", {
       class: be([`video-display-panel--${ot(e)}`, "video-display-panel controls-group"])
     }, [
       at("div", th, [
@@ -8852,7 +8852,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           key: 1,
           icon: "close",
           color: "on-dark",
-          onClick: g[0] || (g[0] = (C) => o("close"))
+          onClick: f[0] || (f[0] = (P) => o("close"))
         })) : Kt("", !0)
       ])
     ], 2));
@@ -8882,7 +8882,7 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           closable: s.closable,
           "hide-expand": s.hideExpand,
           onClose: r[0] || (r[0] = (o) => i("close-player"))
-        }, Ds({ _: 2 }, [
+        }, Rs({ _: 2 }, [
           n.$slots.avatar ? {
             name: "avatar",
             fn: Qt(() => [
@@ -8978,7 +8978,8 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
     hideBackground: { type: Boolean },
     hideExpand: { type: Boolean },
     stretch: { type: Boolean },
-    videoObjectFit: { default: "contain" }
+    videoObjectFit: { default: "contain" },
+    mirrorVideo: { type: Boolean }
   },
   emits: ["close", "change-size"],
   setup(a, { emit: t }) {
@@ -8986,26 +8987,27 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
     Oi("size", {
       size: i,
       fullscreen: n,
-      changeSize: (m) => {
-        i.value = m, s("change-size", m);
+      changeSize: (f) => {
+        i.value = f, s("change-size", f);
       }
     });
     const { src: o, mime: h, stream: d } = Ni(e), { normalizedSrcObject: c } = da({
       src: o,
       type: h,
       stream: d
-    }), u = (m) => {
-      e.autoplay && m.target?.play();
+    }), u = Ds(() => [
+      `wt-vidstack-player--${i.value}`,
+      `wt-vidstack-player-video-object-fit--${e.videoObjectFit}`,
+      e.mirrorVideo && "wt-vidstack-player--mirror-video",
+      n.value && "wt-vidstack-player--fullscreen",
+      e.stretch && "wt-vidstack-player--stretch",
+      e.static && "wt-vidstack-player--static",
+      e.hideBackground && "wt-vidstack-player--hide-background"
+    ]), m = (f) => {
+      e.autoplay && f.target?.play();
     };
-    return (m, g) => (G(), mt("div", {
-      class: be([[
-        `wt-vidstack-player--${i.value}`,
-        `wt-vidstack-player-video-object-fit--${e.videoObjectFit}`,
-        n.value && "wt-vidstack-player--fullscreen",
-        a.stretch && "wt-vidstack-player--stretch",
-        e.static && "wt-vidstack-player--static",
-        e.hideBackground && "wt-vidstack-player--hide-background"
-      ], "wt-vidstack-player"])
+    return (f, P) => (G(), mt("div", {
+      class: be([u.value, "wt-vidstack-player"])
     }, [
       at("media-player", {
         ref: "player",
@@ -9015,10 +9017,10 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
         class: "wt-vidstack-player__player",
         "cross-origin": "",
         playsinline: "",
-        onClose: g[1] || (g[1] = (C) => s("close")),
-        onCanPlay: u
+        onClose: P[1] || (P[1] = (I) => s("close")),
+        onCanPlay: m
       }, [
-        g[2] || (g[2] = at("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
+        P[2] || (P[2] = at("media-provider", { class: "wt-vidstack-player__provider" }, null, -1)),
         W(ot(lh), {
           autoplay: e.autoplay,
           closable: e.closable,
@@ -9028,20 +9030,20 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
           title: e.title,
           username: e.username,
           "countdown-time-mode": e.countdownTimeMode,
-          onClosePlayer: g[0] || (g[0] = (C) => s("close"))
-        }, Ds({
+          onClosePlayer: P[0] || (P[0] = (I) => s("close"))
+        }, Rs({
           "controls-panel": Qt(() => [
-            ut(m.$slots, "controls-panel", { size: i.value }, void 0, !0)
+            ut(f.$slots, "controls-panel", { size: i.value }, void 0, !0)
           ]),
           content: Qt(() => [
-            ut(m.$slots, "content", { size: i.value }, void 0, !0)
+            ut(f.$slots, "content", { size: i.value }, void 0, !0)
           ]),
           _: 2
         }, [
-          m.$slots.avatar ? {
+          f.$slots.avatar ? {
             name: "avatar",
             fn: Qt(() => [
-              ut(m.$slots, "avatar", {}, void 0, !0)
+              ut(f.$slots, "avatar", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
@@ -9049,17 +9051,17 @@ const zo = { class: "controls-group__actions" }, jo = /* @__PURE__ */ lt({
       ], 40, bh)
     ], 2));
   }
-}), $h = /* @__PURE__ */ yt(vh, [["__scopeId", "data-v-cb7058f6"]]), Lh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $h = /* @__PURE__ */ yt(vh, [["__scopeId", "data-v-eb8362b9"]]), Lh = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: $h
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  x as L,
+  C as L,
   X as Q,
   pe as T,
-  zs as a,
+  js as a,
   k as b,
-  js as c,
+  Ys as c,
   xe as d,
   he as e,
   Ph as f,