markdown-flow-ui 0.2.26-dev.5 → 0.2.26-dev.7

package/dist/components/Slide/Player.es.js

@@ -1,56 +1,56 @@
-import { jsxs as H, jsx as s, Fragment as Pt } from "react/jsx-runtime";
-import _r, { memo as Mr, useId as wr, useContext as Tr, useRef as i, useState as Ge, useMemo as ce, useCallback as u, useEffect as m } from "react";
-import { getMarkdownFlowDirection as kr, getMarkdownFlowLanguage as vr } from "../../lib/locale.es.js";
-import { useDetachedLanguage as Lr } from "../../lib/useDetachedLanguage.es.js";
-import { useResolvedDirection as Ar } from "../../lib/useResolvedDirection.es.js";
-import { cn as Cr } from "../../lib/utils.es.js";
-import xr from "./MobilePlayerSettingsSheet.es.js";
-import { getSlidePlayerTexts as Nr } from "./slideI18n.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Er } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as Kr } from "./utils/audioCompletion.es.js";
-import { PlayerKeyboardShortcutContext as Fr } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Ur, registerPlayerKeyboardShortcutOwner as Br, isActivePlayerKeyboardShortcutOwner as Wr, getPlayerKeyboardShortcutAction as Or, shouldIgnorePlayerKeyboardShortcutEvent as Rr } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as Vr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as Ir } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as $r } from "./utils/playerCustomActions.es.js";
+import { jsxs as H, jsx as s, Fragment as jt } from "react/jsx-runtime";
+import wr, { memo as Tr, useId as vr, useContext as kr, useRef as a, useState as Ge, useMemo as ce, useCallback as u, useEffect as m } from "react";
+import { getMarkdownFlowDirection as Lr, getMarkdownFlowLanguage as Ar } from "../../lib/locale.es.js";
+import { useDetachedLanguage as Cr } from "../../lib/useDetachedLanguage.es.js";
+import { useResolvedDirection as xr } from "../../lib/useResolvedDirection.es.js";
+import { cn as Nr } from "../../lib/utils.es.js";
+import Er from "./MobilePlayerSettingsSheet.es.js";
+import { getSlidePlayerTexts as Kr } from "./slideI18n.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as Fr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as Ur } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as Wr } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as Br, registerPlayerKeyboardShortcutOwner as Rr, isActivePlayerKeyboardShortcutOwner as Or, getPlayerKeyboardShortcutAction as Ir, shouldIgnorePlayerKeyboardShortcutEvent as Vr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as $r } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as Hr } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Dr } from "./utils/playerCustomActions.es.js";
 import { suppressPlayerControlsWakeAfterNavigation as Qe } from "./utils/playerNavigationContext.es.js";
-import { isPlaybackTimeCoveredBySegments as Xe, resolveSegmentSeekTarget as Zt } from "./utils/segmentSeek.es.js";
-import { getSortedAudioSegments as jt } from "./utils/audioSegments.es.js";
-import { getSubtitleCueJumpTarget as Hr, shouldClearSubtitleCueJumpTarget as Dr } from "./utils/subtitleCue.es.js";
+import { isPlaybackTimeCoveredBySegments as Xe, resolveSegmentSeekTarget as zt } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as Yt } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as Jr, shouldClearSubtitleCueJumpTarget as Pr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import Jr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import Pr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import Zr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
-import jr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import zr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
-import Yr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
-import Gr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import Qr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import Xr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import qr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
-  if (typeof window > "u" || !d || zt.has(d))
+import Zr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import jr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import zr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import Yr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Gr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Qr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import Xr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import qr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import en from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import tn from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
+  if (typeof window > "u" || !d || Gt.has(d))
     return;
   const p = window.document.createElement("audio");
-  p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = d, p.load(), zt.set(d, p);
-}, en = (d, p) => p !== null && p.audioList === d && p.subtitleCueLists.length === d.length && d.every((l, w) => {
-  const T = l.element?.subtitle_cues;
+  p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = d, p.load(), Gt.set(d, p);
+}, rn = (d, p) => p !== null && p.audioList === d && p.subtitleCueLists.length === d.length && d.every((i, w) => {
+  const T = i.element?.subtitle_cues;
   return p.subtitleCueLists[w] === T && p.subtitleCueLengths[w] === (T?.length ?? 0);
-}), tn = (d) => {
+}), nn = (d) => {
   const p = d.map(
-    (l) => l.element?.subtitle_cues
+    (i) => i.element?.subtitle_cues
   );
   return {
     audioList: d,
     subtitleCueLists: p,
     subtitleCueLengths: p.map(
-      (l) => l?.length ?? 0
+      (i) => i?.length ?? 0
     ),
-    tracks: p.map((l) => ({
-      subtitleCues: l ?? []
+    tracks: p.map((i) => ({
+      subtitleCues: i ?? []
     }))
   };
-}, rn = () => /* @__PURE__ */ H(
+}, un = () => /* @__PURE__ */ H(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,7 +69,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
       /* @__PURE__ */ s("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), nn = () => /* @__PURE__ */ H(
+), ln = () => /* @__PURE__ */ H(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -88,21 +88,21 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
       /* @__PURE__ */ s("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), j = {
+), z = {
   fullscreen: "F",
   next: "→",
   nextSubtitle: "Shift+→",
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, un = 250, an = 15e3, ln = (d, p) => d ? `${d} (${p})` : p, sn = ({
+}, an = 250, sn = 15e3, cn = (d, p) => d ? `${d} (${p})` : p, on = ({
   audioList: d = [],
   className: p,
-  currentAudioIndex: l = -1,
+  currentAudioIndex: i = -1,
   defaultPlaying: w = !0,
   isPlaybackPaused: T = !1,
-  isAutoAdvanceEnabled: z = !0,
-  useAutoAdvanceToggle: O = !1,
+  isAutoAdvanceEnabled: Y = !0,
+  useAutoAdvanceToggle: R = !1,
   onLoadingChange: qe,
   onPlaybackPreferenceChange: et,
   onPlaybackStarted: tt,
@@ -114,102 +114,102 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
   onPrev: _e,
   onNext: Me,
   onSubtitleJump: we,
-  canJumpToSubtitleTarget: Be,
+  canJumpToSubtitleTarget: We,
   onFullscreen: de,
   isFullscreen: rt = !1,
-  mobileViewMode: Gt = Er,
-  settingsPortalContainer: Qt,
+  mobileViewMode: Xt = Fr,
+  settingsPortalContainer: qt,
   onMobileViewModeChange: nt,
   onEnded: ut,
-  onAutoAdvanceToggle: at,
-  onInteractionToggle: on,
-  hasInteraction: fn,
+  onAutoAdvanceToggle: lt,
+  onInteractionToggle: dn,
+  hasInteraction: mn,
   isInteractionOpen: Te = !1,
-  isSubtitleEnabled: We = !0,
-  prevDisabled: Oe = !1,
-  nextDisabled: Re = !1,
-  showControls: Ve = !0,
-  onControlsPointerEnter: Xt,
-  onControlsPointerLeave: qt,
-  slideProgress: N = null,
-  enableKeyboardShortcuts: er = !0,
+  isSubtitleEnabled: Be = !0,
+  prevDisabled: Re = !1,
+  nextDisabled: Oe = !1,
+  showControls: Ie = !0,
+  onControlsPointerEnter: er,
+  onControlsPointerLeave: tr,
+  slideProgress: v = null,
+  enableKeyboardShortcuts: rr = !0,
   subtitleSeekRequest: D = null,
-  customActions: lt,
+  customActions: at,
   customActionContext: it,
-  locale: ke,
+  locale: ve,
   texts: st,
   onFocusCapture: ct,
   onPointerDown: ot,
-  ...Ie
+  ...Ve
 }) => {
-  const $e = Ie.dir ?? kr(ke), ft = Ie.lang ?? vr(ke), tr = wr(), dt = Tr(Fr), g = i(null), { resolvedDirection: mt, readDirection: pt } = Ar(g, $e), ve = mt === "rtl", rr = Lr(g, ft), ht = i(Te), R = i(null), Le = i(null), F = i(0), h = i(null), me = i(void 0), k = i([]), pe = i(
-    O ? z : w
-  ), he = i(!1), gt = i(!1), v = i(!1), W = i(null), Y = i(null), E = i(!1), c = i(!1), x = i(null), U = i(!1), G = i(null), Ae = i(0), St = i(() => {
-  }), Ce = i(null), ge = i(null), yt = i(null), Q = i(null), bt = i(0), He = i(!1), De = i(!1), _t = i(ne), Mt = i(() => 0), wt = i(null), V = i("unknown"), [xe, S] = Ge(w), [Tt, ue] = Ge(!1), [ae, nr] = Ge({
+  const $e = Ve.dir ?? Lr(ve), ft = Ve.lang ?? Ar(ve), nr = vr(), dt = kr(Wr), g = a(null), mt = a(null), pt = a(null), { resolvedDirection: ht, readDirection: gt } = xr(g, $e), ke = ht === "rtl", ur = Cr(g, ft), St = a(Te), O = a(null), Le = a(null), F = a(0), h = a(null), me = a(void 0), k = a([]), pe = a(
+    R ? Y : w
+  ), he = a(!1), yt = a(!1), L = a(!1), B = a(null), G = a(null), E = a(!1), c = a(!1), N = a(null), U = a(!1), Q = a(null), Ae = a(0), bt = a(() => {
+  }), Ce = a(null), ge = a(null), _t = a(null), X = a(null), Mt = a(0), He = a(!1), De = a(!1), wt = a(ne), Tt = a(() => 0), vt = a(null), I = a("unknown"), [xe, S] = Ge(w), [kt, ue] = Ge(!1), [le, lr] = Ge({
     next: !1,
     previous: !1
-  }), X = dt?.ownerId ?? tr, I = er && (dt?.enabled ?? !0), f = l >= 0 ? d[l] : void 0, A = f?.audioUrl, kt = f?.audioSegments, ur = kt?.length ?? 0, B = ce(
-    () => jt(f),
-    [f, ur, kt]
+  }), q = dt?.ownerId ?? nr, V = rr && (dt?.enabled ?? !0), f = i >= 0 ? d[i] : void 0, C = f?.audioUrl, Lt = f?.audioSegments, ar = Lt?.length ?? 0, W = ce(
+    () => Yt(f),
+    [f, ar, Lt]
   );
-  let Ne = wt.current;
-  en(d, Ne) || (Ne = tn(d), wt.current = Ne);
-  const vt = Ne.tracks, Je = ce(
-    () => $r(lt, it),
-    [it, lt]
-  ), Lt = Je.length + 6, ar = ce(
+  let Ne = vt.current;
+  rn(d, Ne) || (Ne = nn(d), vt.current = Ne);
+  const At = Ne.tracks, Je = ce(
+    () => Dr(at, it),
+    [it, at]
+  ), Ct = Je.length + 6, ir = ce(
     () => ({
-      "--slide-player-mobile-control-count": String(Lt)
+      "--slide-player-mobile-control-count": String(Ct)
     }),
-    [Lt]
+    [Ct]
   ), o = ce(
     () => ({
-      ...Nr(ke),
+      ...Kr(ve),
       ...st
     }),
-    [ke, st]
-  ), Pe = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), lr = O ? z : xe, At = O ? z ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Ct = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, q = u(
+    [ve, st]
+  ), Pe = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), sr = R ? Y : xe, xt = R ? Y ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Nt = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, ee = u(
     (e, t, r) => ({
-      ariaKeyShortcuts: I ? r : void 0,
-      title: I ? ln(e, t) : e
+      ariaKeyShortcuts: V ? r : void 0,
+      title: V ? cn(e, t) : e
     }),
-    [I]
-  ), xt = q(
+    [V]
+  ), Et = ee(
     o.subtitleToggleAriaLabel,
-    j.subtitle,
+    z.subtitle,
     "c"
-  ), Nt = q(
+  ), Kt = ee(
     o.previousLabel,
-    ve ? j.next : j.previous,
-    ve ? "ArrowRight" : "ArrowLeft"
-  ), Et = q(
+    ke ? z.next : z.previous,
+    ke ? "ArrowRight" : "ArrowLeft"
+  ), Ft = ee(
     o.previousSubtitleLabel,
-    j.previousSubtitle,
+    z.previousSubtitle,
     "Shift+ArrowLeft"
-  ), Kt = q(
-    At,
+  ), Ut = ee(
+    xt,
     o.playbackShortcutLabel,
     "Space"
-  ), Ft = q(
+  ), Wt = ee(
     o.nextLabel,
-    ve ? j.previous : j.next,
-    ve ? "ArrowLeft" : "ArrowRight"
-  ), Ut = q(
+    ke ? z.previous : z.next,
+    ke ? "ArrowLeft" : "ArrowRight"
+  ), Bt = ee(
     o.nextSubtitleLabel,
-    j.nextSubtitle,
+    z.nextSubtitle,
     "Shift+ArrowRight"
-  ), Bt = q(
-    Ct,
-    j.fullscreen,
+  ), Rt = ee(
+    Nt,
+    z.fullscreen,
     "f"
   ), Ee = u(() => {
-    I && Ur(X);
-  }, [X, I]), ir = u(
+    V && Br(q);
+  }, [q, V]), cr = u(
     (e) => {
       Ee(), ot?.(e);
     },
     [Ee, ot]
-  ), sr = u(
+  ), or = u(
     (e) => {
       Ee(), ct?.(e);
     },
@@ -218,20 +218,20 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
   m(() => {
     me.current = f;
   }, [f]), m(() => {
-    pe.current = O ? z : w;
-  }, [w, z, O]), m(() => {
-    Ve || ue(!1);
-  }, [Ve]), m(() => {
-    !ht.current && Te && ue(!1), ht.current = Te;
+    pe.current = R ? Y : w;
+  }, [w, Y, R]), m(() => {
+    Ie || ue(!1);
+  }, [Ie]), m(() => {
+    !St.current && Te && ue(!1), St.current = Te;
   }, [Te]), m(() => {
-    k.current = B;
-  }, [B]), m(() => {
-    const e = f?.audioUrl, t = l >= 0 ? d[l + 1]?.audioUrl : void 0;
-    Yt(e), Yt(t);
-  }, [d, f?.audioUrl, l]);
-  const a = u(
+    k.current = W;
+  }, [W]), m(() => {
+    const e = f?.audioUrl, t = i >= 0 ? d[i + 1]?.audioUrl : void 0;
+    Qt(e), Qt(t);
+  }, [d, f?.audioUrl, i]);
+  const l = u(
     (e, t = null) => {
-      gt.current === e && (!e || t === null) || (gt.current = e, qe?.({
+      yt.current === e && (!e || t === null) || (yt.current = e, qe?.({
         loading: e,
         reason: e ? t : null
       }));
@@ -242,14 +242,22 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
       pe.current = e, et?.(e);
     },
     [et]
-  ), ee = u(() => O ? {
+  ), J = u(() => R ? {
     shouldContinuePlayback: pe.current
   } : {
-    shouldContinuePlayback: Ir({
+    shouldContinuePlayback: Hr({
       defaultPlaying: pe.current,
-      isPausedByUser: v.current
+      isPausedByUser: L.current
     })
-  }, [O]), Wt = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), J = u(() => w && !T && !v.current && V.current !== "blocked", [w, T]), Ot = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Rt = u(() => {
+  }, [R]);
+  m(() => {
+    const e = mt.current, t = pt.current;
+    !e || !t || typeof e.scrollTo != "function" || e.scrollTo({
+      behavior: "smooth",
+      left: t.offsetLeft - e.clientWidth / 2 + t.clientWidth / 2
+    });
+  }, [v?.currentIndex, v?.totalSteps]);
+  const Ot = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), P = u(() => w && !T && !L.current && I.current !== "blocked", [w, T]), It = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Vt = u(() => {
     const e = h.current;
     return e == null || e <= 0 ? 0 : k.current.slice(0, e).reduce(
       (t, r) => t + Math.max(Number(r.duration_ms ?? 0), 0),
@@ -260,153 +268,153 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
     0
   ), []), Ke = u(
     (e, t) => !e || T ? !1 : e.audioUrl ? !0 : Xe(
-      jt(e),
+      Yt(e),
       t
     ),
     [T]
   ), Se = u(
     (e, t, r = {}) => {
-      const n = Hr({
-        currentAudioIndex: l,
+      const n = Jr({
+        currentAudioIndex: i,
         currentTimeMs: t,
         direction: e,
         excludeTarget: r.excludeTarget,
-        tracks: vt
+        tracks: At
       });
       return !n || !Ke(
         d[n.audioIndex],
         n.timeMs
-      ) || n.audioIndex !== l && (!we || Be && !Be(n)) ? null : n;
+      ) || n.audioIndex !== i && (!we || We && !We(n)) ? null : n;
     },
     [
       d,
-      Be,
+      We,
       Ke,
-      l,
+      i,
       we,
-      vt
+      At
     ]
   ), Ze = u(
     (e, t = !1) => {
       const r = Math.max(Number(e), 0);
       if (!t && Ce.current !== null && Math.abs(
         r - Ce.current
-      ) < un)
+      ) < an)
         return;
       Ce.current = r;
       const n = {
         previous: Se("previous", r) !== null,
         next: Se("next", r) !== null
       };
-      nr((b) => b.previous === n.previous && b.next === n.next ? b : n);
+      lr((b) => b.previous === n.previous && b.next === n.next ? b : n);
     },
     [Se]
   );
   m(() => {
-    St.current = Ze, Ze(Ae.current, !0);
+    bt.current = Ze, Ze(Ae.current, !0);
   }, [Ze]);
-  const P = u(() => {
+  const Z = u(() => {
     const e = g.current;
-    return e ? W.current === "segment" ? te(F.current) + Math.max(e.currentTime, 0) * 1e3 : x.current !== null && e.readyState === 0 ? x.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : h.current != null ? te(h.current) : 0;
+    return e ? B.current === "segment" ? te(F.current) + Math.max(e.currentTime, 0) * 1e3 : N.current !== null && e.readyState === 0 ? N.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : h.current != null ? te(h.current) : 0;
   }, [te]);
   m(() => {
-    _t.current = ne;
+    wt.current = ne;
   }, [ne]), m(() => {
-    Mt.current = P;
-  }, [P]);
+    Tt.current = Z;
+  }, [Z]);
   const K = u(
     (e) => {
       const t = Math.max(e, 0);
-      Ae.current !== t && (Ae.current = t, Dr({
-        currentAudioIndex: l,
+      Ae.current !== t && (Ae.current = t, Pr({
+        currentAudioIndex: i,
         currentTimeMs: t,
         target: ge.current
-      }) && (ge.current = null), be?.(t), St.current(t));
+      }) && (ge.current = null), be?.(t), bt.current(t));
     },
-    [l, be]
+    [i, be]
   ), y = u(() => {
-    K(P());
-  }, [P, K]), Z = u(
+    K(Z());
+  }, [Z, K]), j = u(
     (e = !1, t = !1) => {
       const r = Le.current;
       if (!ne || !r)
         return;
       const n = Date.now();
-      !e && n - bt.current < 5e3 || (bt.current = n, He.current = t, ne({
+      !e && n - Mt.current < 5e3 || (Mt.current = n, He.current = t, ne({
         audioKey: r,
         isComplete: t,
-        timeMs: P()
+        timeMs: Z()
       }));
     },
-    [P, ne]
+    [Z, ne]
   );
   m(
     () => () => {
-      He.current || _t.current?.({
+      He.current || wt.current?.({
         audioKey: Le.current ?? "none",
         isComplete: !1,
-        timeMs: Mt.current()
+        timeMs: Tt.current()
       });
     },
     []
   ), m(() => {
     He.current = !1;
-  }, [l]);
+  }, [i]);
   const M = u(() => {
-    typeof window > "u" || G.current === null || (window.cancelAnimationFrame(G.current), G.current = null);
-  }, []), Vt = u(() => {
-    if (typeof window > "u" || G.current !== null)
+    typeof window > "u" || Q.current === null || (window.cancelAnimationFrame(Q.current), Q.current = null);
+  }, []), $t = u(() => {
+    if (typeof window > "u" || Q.current !== null)
       return;
     const e = () => {
       y();
       const t = g.current;
       if (!t || t.paused || t.ended) {
-        G.current = null;
+        Q.current = null;
         return;
       }
-      G.current = window.requestAnimationFrame(e);
+      Q.current = window.requestAnimationFrame(e);
     };
-    G.current = window.requestAnimationFrame(e);
-  }, [y]), le = u(() => {
+    Q.current = window.requestAnimationFrame(e);
+  }, [y]), ae = u(() => {
     const e = g.current;
-    e && (M(), c.current = !1, v.current = !1, he.current = !1, W.current = null, x.current = null, E.current = !1, U.current = !1, Y.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, F.current = 0, h.current = null, K(0), S(!1), a(!1));
-  }, [K, M, a]), L = u(
+    e && (M(), c.current = !1, L.current = !1, he.current = !1, B.current = null, N.current = null, E.current = !1, U.current = !1, G.current = null, e.pause(), e.removeAttribute("src"), e.load(), O.current = null, F.current = 0, h.current = null, K(0), S(!1), l(!1));
+  }, [K, M, l]), A = u(
     (e) => {
       const t = g.current;
       if (!t)
         return !1;
       const r = t.play();
       return r && typeof r.then == "function" && r.then(() => {
-        V.current === "unknown" && (V.current = "auto"), c.current = !1, U.current = !1;
+        I.current === "unknown" && (I.current = "auto"), c.current = !1, U.current = !1;
       }).catch((n) => {
-        V.current === "unknown" && Wt(n) && (V.current = "blocked", c.current = !1, a(!1)), U.current = !1, S(!1);
+        I.current === "unknown" && Ot(n) && (I.current = "blocked", c.current = !1, l(!1)), U.current = !1, S(!1);
       }), !0;
     },
-    [Wt, a]
-  ), C = u(
+    [Ot, l]
+  ), x = u(
     (e, t, r = {}) => {
       const n = g.current, b = k.current[e];
       if (!n || !b)
         return !1;
-      const re = Ot(b.audio_data), Ye = Math.max(
+      const re = It(b.audio_data), Ye = Math.max(
         Number(r.seekTimeSeconds ?? 0),
         0
       );
-      F.current = e, h.current = null, E.current = !1, U.current = !0, Y.current = "segment", K(
+      F.current = e, h.current = null, E.current = !1, U.current = !0, G.current = "segment", K(
         te(e) + Ye * 1e3
       );
-      const Jt = r.shouldResume ?? J();
-      c.current = Jt, a(!1);
-      const br = R.current !== re;
-      return W.current = "segment", br && (n.pause(), n.removeAttribute("src"), n.load(), R.current = re, n.src = re, n.load()), x.current = Ye, n.readyState > 0 && (n.currentTime = Ye, x.current = null), Jt ? L(`start-segment:${t}`) : (c.current = !1, U.current = !1, n.pause(), S(!1), !0);
+      const Zt = r.shouldResume ?? P();
+      c.current = Zt, l(!1);
+      const Mr = O.current !== re;
+      return B.current = "segment", Mr && (n.pause(), n.removeAttribute("src"), n.load(), O.current = re, n.src = re, n.load()), N.current = Ye, n.readyState > 0 && (n.currentTime = Ye, N.current = null), Zt ? A(`start-segment:${t}`) : (c.current = !1, U.current = !1, n.pause(), S(!1), !0);
     },
     [
-      J,
-      Ot,
+      P,
+      It,
       te,
       K,
-      L,
-      a
+      A,
+      l
     ]
   ), ie = u(
     (e, t) => {
@@ -414,7 +422,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
       if (!r)
         return !1;
       const n = Math.max(Number(t), 0) / 1e3;
-      return R.current !== e && (r.pause(), r.removeAttribute("src"), r.load(), R.current = e, W.current = "url", Y.current = "url", r.src = e, r.load()), x.current = n, K(n * 1e3), r.readyState > 0 && (r.currentTime = n, x.current = null), !0;
+      return O.current !== e && (r.pause(), r.removeAttribute("src"), r.load(), O.current = e, B.current = "url", G.current = "url", r.src = e, r.load()), N.current = n, K(n * 1e3), r.readyState > 0 && (r.currentTime = n, N.current = null), !0;
     },
     [K]
   ), Fe = u(
@@ -422,114 +430,114 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
       const t = g.current;
       if (!t || !f || T)
         return !1;
-      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || U.current || h.current !== null && pe.current && !v.current, b = Xe(
+      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || U.current || h.current !== null && pe.current && !L.current, b = Xe(
         k.current,
         r
-      ) ? Zt(
+      ) ? zt(
         k.current,
         r
       ) : null;
-      return Ce.current = null, M(), c.current = n, a(!1), n && (V.current = "manual", v.current = !1, $(!0)), b && (W.current === "segment" || !A) ? C(
+      return Ce.current = null, M(), c.current = n, l(!1), n && (I.current = "manual", L.current = !1, $(!0)), b && (B.current === "segment" || !C) ? x(
         b.segmentIndex,
         "subtitle-seek-segment",
         {
           seekTimeSeconds: b.segmentTimeSeconds,
           shouldResume: n
         }
-      ) : A && ie(A, r) ? n ? L("subtitle-seek-url") : (c.current = !1, t.pause(), S(!1), !0) : !1;
+      ) : C && ie(C, r) ? n ? A("subtitle-seek-url") : (c.current = !1, t.pause(), S(!1), !0) : !1;
     },
     [
       f,
-      A,
+      C,
       T,
       ie,
-      C,
+      x,
       M,
-      L,
-      a,
+      A,
+      l,
       $
     ]
-  ), It = u(
+  ), Ht = u(
     (e) => {
       if (!g.current || !f)
         return !1;
       const r = Math.max(Number(e), 0), n = Xe(
         k.current,
         r
-      ) ? Zt(
+      ) ? zt(
         k.current,
         r
       ) : null;
-      return c.current = !0, a(!1), n && (W.current === "segment" || !A) ? C(n.segmentIndex, "restore", {
+      return c.current = !0, l(!1), n && (B.current === "segment" || !C) ? x(n.segmentIndex, "restore", {
         seekTimeSeconds: n.segmentTimeSeconds,
         shouldResume: !0
-      }) : !A || !ie(A, r) ? !1 : (L("restore"), !0);
+      }) : !C || !ie(C, r) ? !1 : (A("restore"), !0);
     },
     [
       f,
-      A,
-      ie,
       C,
-      L,
-      a
+      ie,
+      x,
+      A,
+      l
     ]
   ), ye = u(
     (e) => {
       const t = Se(
         e,
-        P(),
+        Z(),
         {
           excludeTarget: e === "previous" ? ge.current : null
         }
       );
       if (t === null)
         return !1;
-      if (t.audioIndex === l) {
+      if (t.audioIndex === i) {
         const n = Fe(t.timeMs);
         return n && (ge.current = t), n;
       }
       const r = !!we?.(
         t,
-        Qe(ee())
+        Qe(J())
       );
       return r && (ge.current = t), r;
     },
     [
-      l,
-      P,
-      ee,
+      i,
+      Z,
+      J,
       Se,
       we,
       Fe
     ]
   ), se = u(
     (e) => {
-      M(), c.current = !1, E.current = !1, U.current = !1, y(), S(!1), a(!1), l >= 0 && ut?.(l);
+      M(), c.current = !1, E.current = !1, U.current = !1, y(), S(!1), l(!1), i >= 0 && ut?.(i);
     },
     [
-      l,
+      i,
       ut,
       M,
       y,
-      a
+      l
     ]
   ), Ue = u(
     (e) => {
       const t = g.current;
-      return !t || W.current !== "url" || !Kr({
+      return !t || B.current !== "url" || !Ur({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
       }) ? !1 : (c.current = !1, t.pause(), se(e), !0);
     },
     [se]
-  ), $t = u(() => {
+  ), Dt = u(() => {
     const e = F.current + 1, t = k.current, r = t[e], n = me.current, b = t.some((re) => re.is_final);
     if (r) {
-      C(e, "ended");
+      x(e, "ended");
       return;
     }
     if (n?.isAudioStreaming || !b) {
-      F.current = e, h.current = e, E.current = !0, c.current = w, K(te(e)), S(!1), a(!0, "waitingForMoreAudio");
+      F.current = e, h.current = e, E.current = !0, c.current = w, K(te(e)), S(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     se("segments-completed");
@@ -538,42 +546,42 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
     se,
     te,
     K,
-    C,
-    a
+    x,
+    l
   ]);
   m(() => {
     if (Le.current === Pe)
       return;
-    Z(!0), Le.current = Pe, F.current = 0, h.current = null, E.current = !1, v.current = !1, he.current = !1, c.current = !1, U.current = !1, W.current = null, Y.current = null, R.current = null, M(), K(0), a(!1);
+    j(!0), Le.current = Pe, F.current = 0, h.current = null, E.current = !1, L.current = !1, he.current = !1, c.current = !1, U.current = !1, B.current = null, G.current = null, O.current = null, M(), K(0), l(!1);
     const e = g.current;
     e && (De.current = !0, e.pause(), e.removeAttribute("src"), e.load(), De.current = !1, S(!1));
   }, [
-    l,
+    i,
     Pe,
-    B.length,
-    A,
-    Z,
+    W.length,
+    C,
+    j,
     K,
     M,
-    a
+    l
   ]), m(() => {
     const e = g.current;
     if (e) {
       if (T) {
-        he.current = !!(me.current && !v.current && (!e.paused || c.current || h.current !== null)), c.current = !1, a(!1), e.pause(), S(!1);
+        he.current = !!(me.current && !L.current && (!e.paused || c.current || h.current !== null)), c.current = !1, l(!1), e.pause(), S(!1);
         return;
       }
-      if (!(!he.current || !me.current || v.current)) {
+      if (!(!he.current || !me.current || L.current)) {
         if (he.current = !1, h.current !== null) {
           if (h.current < k.current.length) {
-            C(h.current, "external-resume");
+            x(h.current, "external-resume");
             return;
           }
-          c.current = !0, a(!0, "waitingForMoreAudio");
+          c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!R.current && k.current.length > 0) {
-          C(
+        if (!O.current && k.current.length > 0) {
+          x(
             Math.min(
               F.current,
               k.current.length - 1
@@ -582,287 +590,287 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
           );
           return;
         }
-        e.paused && (c.current = !0, L("external-resume"));
+        e.paused && (c.current = !0, A("external-resume"));
       }
     }
   }, [
     T,
-    C,
-    L,
-    a
+    x,
+    A,
+    l
   ]), m(() => {
     const e = g.current;
     if (!e)
       return;
     if (!f) {
-      le();
+      ae();
       return;
     }
-    if (_ && _.id !== Q.current)
+    if (_ && _.id !== X.current)
       return;
     if (T) {
-      c.current = !1, a(!1), e.pause(), S(!1);
+      c.current = !1, l(!1), e.pause(), S(!1);
       return;
     }
-    const t = Vr({
-      activeSourceType: W.current,
-      hasAudioUrl: !!A,
-      segmentCount: B.length,
-      preferredSourceType: Y.current,
+    const t = $r({
+      activeSourceType: B.current,
+      hasAudioUrl: !!C,
+      segmentCount: W.length,
+      preferredSourceType: G.current,
       waitingSegmentIndex: h.current
     });
-    if (t && Y.current !== t && (Y.current = t), t === "url" && A) {
-      const r = R.current !== A, n = J();
+    if (t && G.current !== t && (G.current = t), t === "url" && C) {
+      const r = O.current !== C, n = P();
       if (r) {
-        const b = h.current !== null ? Rt() : 0;
-        ie(A, b * 1e3);
+        const b = h.current !== null ? Vt() : 0;
+        ie(C, b * 1e3);
       }
-      if (c.current = n, E.current = !1, U.current = !1, a(!1), !n) {
+      if (c.current = n, E.current = !1, U.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), S(!1);
         return;
       }
-      L(r ? "sync-url-init" : "sync-url");
+      A(r ? "sync-url-init" : "sync-url");
       return;
     }
     if (t === "segment" && h.current !== null) {
-      if (h.current < B.length) {
-        if (v.current) {
-          S(!1), a(!1);
+      if (h.current < W.length) {
+        if (L.current) {
+          S(!1), l(!1);
           return;
         }
-        C(h.current, "wait-resume");
+        x(h.current, "wait-resume");
         return;
       }
-      E.current = !0, c.current = J(), S(!1), a(J());
+      E.current = !0, c.current = P(), S(!1), l(P());
       return;
     }
-    if (t === "segment" && !B.length) {
+    if (t === "segment" && !W.length) {
       if (f.isAudioStreaming) {
-        h.current = F.current, E.current = !0, c.current = J(), S(!1), a(J());
+        h.current = F.current, E.current = !0, c.current = P(), S(!1), l(P());
         return;
       }
-      le();
+      ae();
       return;
     }
-    if (t === "segment" && !R.current) {
-      C(
+    if (t === "segment" && !O.current) {
+      x(
         Math.min(
           F.current,
-          B.length - 1
+          W.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (t !== "segment") {
-      le();
+      ae();
       return;
     }
-    if (!w || v.current) {
+    if (!w || L.current) {
       c.current = !1, e.pause(), S(!1);
       return;
     }
-    e.paused && (c.current = !0, L("sync-paused-retry"));
+    e.paused && (c.current = !0, A("sync-paused-retry"));
   }, [
     f,
-    l,
-    B,
-    A,
+    i,
+    W,
+    C,
     w,
     T,
     _,
-    J,
-    le,
+    P,
+    ae,
     ie,
-    C,
-    L,
-    Rt,
-    a
+    x,
+    A,
+    Vt,
+    l
   ]), m(() => {
-    if (!D || D.id === yt.current || D.audioIndex !== l)
+    if (!D || D.id === _t.current || D.audioIndex !== i)
       return;
     const e = d[D.audioIndex];
-    Ke(e, D.timeMs) && (yt.current = D.id, Fe(D.timeMs));
+    Ke(e, D.timeMs) && (_t.current = D.id, Fe(D.timeMs));
   }, [
     d,
     Ke,
-    l,
+    i,
     Fe,
     D
   ]), m(() => {
-    if (!(!_ || _.id === Q.current || l < 0)) {
-      if (It(_.timeMs)) {
-        Q.current = _.id, oe?.(_.id);
+    if (!(!_ || _.id === X.current || i < 0)) {
+      if (Ht(_.timeMs)) {
+        X.current = _.id, oe?.(_.id);
         return;
       }
-      f?.isAudioStreaming || (Q.current = _.id, oe?.(_.id));
+      f?.isAudioStreaming || (X.current = _.id, oe?.(_.id));
     }
   }, [
     f?.isAudioStreaming,
-    l,
+    i,
     oe,
     _,
-    It
+    Ht
   ]), m(() => {
-    if (!_ || _.id === Q.current || l < 0 || !f?.isAudioStreaming)
+    if (!_ || _.id === X.current || i < 0 || !f?.isAudioStreaming)
       return;
     const e = window.setTimeout(() => {
-      _.id !== Q.current && (Q.current = _.id, oe?.(_.id));
-    }, an);
+      _.id !== X.current && (X.current = _.id, oe?.(_.id));
+    }, sn);
     return () => {
       window.clearTimeout(e);
     };
   }, [
     f?.isAudioStreaming,
-    l,
+    i,
     oe,
     _
-  ]), m(() => le, [le]), m(() => M, [M]);
-  const cr = u(() => {
-    y(), Vt(), S(!0), a(!1), tt?.();
+  ]), m(() => ae, [ae]), m(() => M, [M]);
+  const fr = u(() => {
+    y(), $t(), S(!0), l(!1), tt?.();
   }, [
     tt,
-    Vt,
+    $t,
     y,
-    a
-  ]), or = u(() => {
-    De.current || E.current || U.current || (M(), y(), Z(!0), S(!1));
-  }, [Z, M, y]), fr = u(() => {
+    l
+  ]), dr = u(() => {
+    De.current || E.current || U.current || (M(), y(), j(!0), S(!1));
+  }, [j, M, y]), mr = u(() => {
     const e = g.current;
-    e && x.current !== null && (e.currentTime = x.current, x.current = null), y(), !Ue("canplay-seek-finished") && (!c.current || !w || L("canplay"));
+    e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), !Ue("canplay-seek-finished") && (!c.current || !w || A("canplay"));
   }, [
-    l,
+    i,
     w,
     Ue,
     y,
-    L
-  ]), dr = u(() => {
+    A
+  ]), pr = u(() => {
     const e = g.current;
-    e && x.current !== null && (e.currentTime = x.current, x.current = null), y(), Ue("metadata-seek-finished");
-  }, [l, Ue, y]), mr = u(() => {
-    y(), Z();
-  }, [Z, y]), pr = u(() => {
-    E.current || a(!0, "loadingAudio");
-  }, [a]), hr = u(() => {
+    e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), Ue("metadata-seek-finished");
+  }, [i, Ue, y]), hr = u(() => {
+    y(), j();
+  }, [j, y]), gr = u(() => {
+    E.current || l(!0, "loadingAudio");
+  }, [l]), Sr = u(() => {
     if (E.current) {
-      a(!0, "waitingForMoreAudio");
+      l(!0, "waitingForMoreAudio");
       return;
     }
-    a(!0, "loadingAudio");
-  }, [a]), Ht = u(() => {
+    l(!0, "loadingAudio");
+  }, [l]), Jt = u(() => {
     y();
-  }, [y]), gr = u(() => {
-    const e = me.current, t = W.current === "url" || k.current.length === 0, r = !!k.current[F.current + 1], n = k.current.some(
+  }, [y]), yr = u(() => {
+    const e = me.current, t = B.current === "url" || k.current.length === 0, r = !!k.current[F.current + 1], n = k.current.some(
       (re) => re.is_final
     ), b = !!e?.isAudioStreaming;
-    if (Z(
+    if (j(
       !0,
       t || !b && !r && n
     ), M(), U.current = !1, t) {
       se("url-ended");
       return;
     }
-    $t();
+    Dt();
   }, [
-    Z,
+    j,
     se,
-    $t,
+    Dt,
     M
-  ]), Sr = u(() => {
-    M(), y(), S(!1), a(!1);
-  }, [M, y, a]), yr = u(
+  ]), br = u(() => {
+    M(), y(), S(!1), l(!1);
+  }, [M, y, l]), _r = u(
     (e) => {
       nt?.(e), ue(!1);
     },
     [nt]
   ), je = u(() => {
-    if (O) {
-      const t = !z;
-      return $(t), at?.(t), !0;
+    if (R) {
+      const t = !Y;
+      return $(t), lt?.(t), !0;
     }
     const e = g.current;
-    return T || !e || !f ? !1 : h.current !== null ? xe ? ($(!1), c.current = !1, v.current = !0, h.current = null, E.current = !1, S(!1), a(!1), e.pause(), !0) : ($(!0), V.current = "manual", v.current = !1, c.current = !0, a(!0, "waitingForMoreAudio"), !0) : !e.src && B.length > 0 ? ($(!0), V.current = "manual", v.current = !1, C(
+    return T || !e || !f ? !1 : h.current !== null ? xe ? ($(!1), c.current = !1, L.current = !0, h.current = null, E.current = !1, S(!1), l(!1), e.pause(), !0) : ($(!0), I.current = "manual", L.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && W.length > 0 ? ($(!0), I.current = "manual", L.current = !1, x(
       Math.min(
         F.current,
-        B.length - 1
+        W.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? ($(!0), V.current = "manual", v.current = !1, c.current = !0, L("toggle-resume"), !0) : ($(!1), c.current = !1, v.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? ($(!0), I.current = "manual", L.current = !1, c.current = !0, A("toggle-resume"), !0) : ($(!1), c.current = !1, L.current = !0, e.pause(), !0);
   }, [
     f,
-    B.length,
-    z,
+    W.length,
+    Y,
     T,
     xe,
-    at,
-    C,
-    L,
-    a,
+    lt,
+    x,
+    A,
+    l,
     $,
-    O
+    R
   ]);
   m(() => {
-    if (I)
-      return Br(X);
-  }, [X, I]);
+    if (V)
+      return Rr(q);
+  }, [q, V]);
   const ze = ce(
     () => ({
       fullscreen: () => de ? (de(), !0) : !1,
-      next: () => Me ? (Re || Me(
-        Qe(ee())
+      next: () => Me ? (Oe || Me(
+        Qe(J())
       ), !0) : !1,
-      nextSubtitle: () => ae.next ? ye("next") : !0,
-      previous: () => _e ? (Oe || _e(
-        Qe(ee())
+      nextSubtitle: () => le.next ? ye("next") : !0,
+      previous: () => _e ? (Re || _e(
+        Qe(J())
       ), !0) : !1,
-      previousSubtitle: () => ae.previous ? ye("previous") : !0,
+      previousSubtitle: () => le.previous ? ye("previous") : !0,
       subtitle: () => fe ? (fe(), !0) : !1,
       togglePlayback: () => (je(), !0)
     }),
     [
-      ee,
+      J,
       ye,
-      Re,
+      Oe,
       de,
       Me,
       _e,
       fe,
-      Oe,
-      ae.next,
-      ae.previous,
+      Re,
+      le.next,
+      le.previous,
       je
     ]
-  ), Dt = i(ze);
+  ), Pt = a(ze);
   return m(() => {
-    Dt.current = ze;
+    Pt.current = ze;
   }, [ze]), m(() => {
-    if (!I || typeof document > "u")
+    if (!V || typeof document > "u")
       return;
     const e = (t) => {
-      if (!Wr(X))
+      if (!Or(q))
         return;
-      const r = Or(t, pt());
-      if (!r || Rr(t, r))
+      const r = Ir(t, gt());
+      if (!r || Vr(t, r))
         return;
       let n = !1;
-      const b = Dt.current[r];
+      const b = Pt.current[r];
       n = b(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [X, pt, I]), m(() => {
+  }, [q, gt, V]), m(() => {
     be?.(Ae.current);
   }, [be]), /* @__PURE__ */ H(
     "div",
     {
-      ...Ie,
+      ...Ve,
       dir: $e,
       lang: ft,
-      "data-slide-player-shortcut-owner": X,
-      className: Cr("slide-player", p),
-      onFocusCapture: sr,
-      onPointerDown: ir,
+      "data-slide-player-shortcut-owner": q,
+      className: Nr("slide-player", p),
+      onFocusCapture: or,
+      onPointerDown: cr,
       children: [
         /* @__PURE__ */ s(
           "audio",
@@ -870,26 +878,26 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
             ref: g,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: pr,
-            onLoadedMetadata: dr,
-            onCanPlay: fr,
-            onPlay: cr,
-            onPause: or,
-            onWaiting: hr,
-            onSeeking: Ht,
-            onSeeked: Ht,
-            onTimeUpdate: mr,
-            onEnded: gr,
-            onError: Sr
+            onLoadStart: gr,
+            onLoadedMetadata: pr,
+            onCanPlay: mr,
+            onPlay: fr,
+            onPause: dr,
+            onWaiting: Sr,
+            onSeeking: Jt,
+            onSeeked: Jt,
+            onTimeUpdate: hr,
+            onEnded: yr,
+            onError: br
           }
         ),
-        Ve ? /* @__PURE__ */ H(Pt, { children: [
+        Ie ? /* @__PURE__ */ H(jt, { children: [
           /* @__PURE__ */ s(
-            xr,
+            Er,
             {
-              container: Qt,
-              dir: $e ?? mt,
-              lang: rr,
+              container: qt,
+              dir: $e ?? ht,
+              lang: ur,
               labels: {
                 closeSettings: o.closeSettingsLabel,
                 fullscreen: o.fullscreenLabel,
@@ -900,29 +908,29 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                 subtitleToggle: o.subtitleToggleAriaLabel,
                 title: o.settingsTitle
               },
-              isSubtitleEnabled: We,
+              isSubtitleEnabled: Be,
               onClose: () => ue(!1),
               onOpenChange: ue,
               onSubtitleToggle: fe ?? (() => {
               }),
-              onViewModeChange: yr,
-              open: Tt,
-              viewMode: Gt
+              onViewModeChange: _r,
+              open: kt,
+              viewMode: Xt
             }
           ),
           /* @__PURE__ */ H(
             "div",
             {
               className: "slide-player__controls",
-              onPointerEnter: Xt,
-              onPointerLeave: qt,
-              style: ar,
+              onPointerEnter: er,
+              onPointerLeave: tr,
+              style: ir,
               children: [
                 /* @__PURE__ */ H("div", { className: "slide-player__group", children: [
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-expanded": Tt,
+                      "aria-expanded": kt,
                       "aria-haspopup": "dialog",
                       "aria-label": o.moreOptionsAriaLabel,
                       className: "slide-player__action slide-player__action--mobile-more",
@@ -931,7 +939,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                       },
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        Jr,
+                        Zr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -945,52 +953,52 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                       "aria-label": o.volumeAriaLabel,
                       className: "hidden",
                       type: "button",
-                      children: /* @__PURE__ */ s(Pr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(jr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-label": At,
-                      "aria-keyshortcuts": Kt.ariaKeyShortcuts,
+                      "aria-label": xt,
+                      "aria-keyshortcuts": Ut.ariaKeyShortcuts,
                       className: "slide-player__toggle slide-player__toggle--playback",
                       onClick: () => {
                         je();
                       },
-                      title: Kt.title,
+                      title: Ut.title,
                       type: "button",
-                      children: lr ? /* @__PURE__ */ s(rn, {}) : /* @__PURE__ */ s(nn, {})
+                      children: sr ? /* @__PURE__ */ s(un, {}) : /* @__PURE__ */ s(ln, {})
                     }
                   ),
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Nt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Kt.ariaKeyShortcuts,
                       "aria-label": o.previousLabel,
                       className: "slide-player__action slide-player__action--prev",
-                      disabled: Oe,
+                      disabled: Re,
                       onClick: () => {
-                        _e?.(ee());
+                        _e?.(J());
                       },
-                      title: Nt.title,
+                      title: Kt.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(Zr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(zr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Ft.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Wt.ariaKeyShortcuts,
                       "aria-label": o.nextLabel,
                       className: "slide-player__action slide-player__action--next",
-                      disabled: Re,
+                      disabled: Oe,
                       onClick: () => {
-                        Me?.(ee());
+                        Me?.(J());
                       },
-                      title: Ft.title,
+                      title: Wt.title,
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        jr,
+                        Yr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1001,32 +1009,32 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Et.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Ft.ariaKeyShortcuts,
                       "aria-label": o.previousSubtitleLabel,
                       className: "slide-player__action slide-player__action--prev-subtitle",
-                      disabled: !ae.previous,
+                      disabled: !le.previous,
                       onClick: () => {
                         ye("previous");
                       },
-                      title: Et.title,
+                      title: Ft.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(zr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Gr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Ut.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Bt.ariaKeyShortcuts,
                       "aria-label": o.nextSubtitleLabel,
                       className: "slide-player__action slide-player__action--next-subtitle",
-                      disabled: !ae.next,
+                      disabled: !le.next,
                       onClick: () => {
                         ye("next");
                       },
-                      title: Ut.title,
+                      title: Bt.title,
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        Yr,
+                        Qr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1038,14 +1046,14 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                     "button",
                     {
                       "aria-label": o.subtitleToggleAriaLabel,
-                      "aria-keyshortcuts": xt.ariaKeyShortcuts,
-                      "aria-pressed": We,
+                      "aria-keyshortcuts": Et.ariaKeyShortcuts,
+                      "aria-pressed": Be,
                       className: "slide-player__action slide-player__action--subtitle",
                       onClick: fe,
-                      title: xt.title,
+                      title: Et.title,
                       type: "button",
-                      children: We ? /* @__PURE__ */ s(Gr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ s(
-                        Qr,
+                      children: Be ? /* @__PURE__ */ s(Xr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ s(
+                        qr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1056,20 +1064,20 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                   de ? /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-label": Ct,
-                      "aria-keyshortcuts": Bt.ariaKeyShortcuts,
+                      "aria-label": Nt,
+                      "aria-keyshortcuts": Rt.ariaKeyShortcuts,
                       className: "slide-player__action slide-player__action--fullscreen",
                       onClick: de,
-                      title: Bt.title,
+                      title: Rt.title,
                       type: "button",
                       children: rt ? /* @__PURE__ */ s(
-                        Xr,
+                        en,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
                         }
                       ) : /* @__PURE__ */ s(
-                        qr,
+                        tn,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1078,49 +1086,60 @@ const zt = /* @__PURE__ */ new Map(), Yt = (d) => {
                     }
                   ) : null
                 ] }),
-                Je.length > 0 ? /* @__PURE__ */ H(Pt, { children: [
+                Je.length > 0 ? /* @__PURE__ */ H(jt, { children: [
                   /* @__PURE__ */ s("div", { className: "slide-player__separator" }),
-                  /* @__PURE__ */ s("div", { className: "slide-player__group slide-player__group--custom-actions", children: Je.map((e, t) => /* @__PURE__ */ s(_r.Fragment, { children: e }, `custom-action-${t}`)) })
+                  /* @__PURE__ */ s("div", { className: "slide-player__group slide-player__group--custom-actions", children: Je.map((e, t) => /* @__PURE__ */ s(wr.Fragment, { children: e }, `custom-action-${t}`)) })
                 ] }) : null
               ]
             }
           ),
-          N && (N.totalSteps > 1 || N.isGenerating) ? /* @__PURE__ */ s(
+          v && (v.totalSteps > 1 || v.isGenerating) ? /* @__PURE__ */ H(
             "div",
             {
-              "aria-label": N.ariaLabel,
+              "aria-label": v.ariaLabel,
               className: "slide-player__slide-progress",
               role: "navigation",
-              children: /* @__PURE__ */ H("div", { className: "slide-player__slide-progress-track", children: [
-                Array.from(
-                  { length: N.totalSteps },
-                  (e, t) => /* @__PURE__ */ s(
-                    "button",
-                    {
-                      "aria-current": t === N.currentIndex ? "step" : void 0,
-                      "aria-label": `${N.ariaLabel} ${t + 1}`,
-                      className: "slide-player__slide-progress-segment",
-                      "data-state": t < N.currentIndex ? "completed" : t === N.currentIndex ? "current" : "upcoming",
-                      onClick: () => N.onNavigate?.(t),
-                      type: "button"
-                    },
-                    t
-                  )
+              children: [
+                /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: "slide-player__slide-progress-viewport",
+                    ref: mt,
+                    children: /* @__PURE__ */ s("div", { className: "slide-player__slide-progress-track", children: Array.from(
+                      { length: v.totalSteps },
+                      (e, t) => /* @__PURE__ */ s(
+                        "button",
+                        {
+                          "aria-current": t === v.currentIndex ? "step" : void 0,
+                          "aria-label": `${v.ariaLabel} ${t + 1}`,
+                          className: "slide-player__slide-progress-segment",
+                          "data-state": t < v.currentIndex ? "completed" : t === v.currentIndex ? "current" : "upcoming",
+                          onClick: () => v.onNavigate?.(
+                            t,
+                            J()
+                          ),
+                          ref: t === v.currentIndex ? pt : void 0,
+                          type: "button"
+                        },
+                        t
+                      )
+                    ) })
+                  }
                 ),
-                N.isGenerating ? /* @__PURE__ */ H("span", { className: "slide-player__slide-progress-generating", children: [
+                v.isGenerating ? /* @__PURE__ */ H("span", { className: "slide-player__slide-progress-generating", children: [
                   /* @__PURE__ */ s("span", { "aria-hidden": "true" }),
-                  N.generatingLabel
+                  v.generatingLabel
                 ] }) : null
-              ] })
+              ]
             }
           ) : null
         ] }) : null
       ]
     }
   );
-}, cn = Mr(sn);
-cn.displayName = "Player";
+}, fn = Tr(on);
+fn.displayName = "Player";
 export {
-  cn as default
+  fn as default
 };
 //# sourceMappingURL=Player.es.js.map