markdown-flow-ui 0.2.26-dev.1 → 0.2.26-dev.3

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

@@ -1,12 +1,12 @@
 import { jsxs as re, jsx as s, Fragment as Jt } 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 d } from "react";
-import { getMarkdownFlowDirection as vr, getMarkdownFlowLanguage as kr } from "../../lib/locale.es.js";
+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 Er } from "./slideI18n.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Nr } from "./utils/mobileScreenMode.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";
@@ -16,9 +16,9 @@ import { toPlayerCustomActionList as Pr } from "./utils/playerCustomActions.es.j
 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 { getSubtitleCueJumpTarget as $r, shouldClearSubtitleCueJumpTarget as Hr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import $r from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import Dr 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 jr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
@@ -33,21 +33,21 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     return;
   const p = window.document.createElement("audio");
   p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = m, p.load(), zt.set(m, p);
-}, en = (m, p) => p !== null && p.audioList === m && p.subtitleCueLists.length === m.length && m.every((l, w) => {
-  const T = l.element?.subtitle_cues;
+}, en = (m, p) => p !== null && p.audioList === m && p.subtitleCueLists.length === m.length && m.every((a, w) => {
+  const T = a.element?.subtitle_cues;
   return p.subtitleCueLists[w] === T && p.subtitleCueLengths[w] === (T?.length ?? 0);
 }), tn = (m) => {
   const p = m.map(
-    (l) => l.element?.subtitle_cues
+    (a) => a.element?.subtitle_cues
   );
   return {
     audioList: m,
     subtitleCueLists: p,
     subtitleCueLengths: p.map(
-      (l) => l?.length ?? 0
+      (a) => a?.length ?? 0
     ),
-    tracks: p.map((l) => ({
-      subtitleCues: l ?? []
+    tracks: p.map((a) => ({
+      subtitleCues: a ?? []
     }))
   };
 }, rn = () => /* @__PURE__ */ re(
@@ -95,10 +95,10 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, un = 250, an = 15e3, ln = (m, p) => m ? `${m} (${p})` : p, sn = ({
+}, un = 250, ln = 15e3, an = (m, p) => m ? `${m} (${p})` : p, sn = ({
   audioList: m = [],
   className: p,
-  currentAudioIndex: l = -1,
+  currentAudioIndex: a = -1,
   defaultPlaying: w = !0,
   isPlaybackPaused: T = !1,
   isAutoAdvanceEnabled: j = !0,
@@ -117,11 +117,11 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   canJumpToSubtitleTarget: Be,
   onFullscreen: me,
   isFullscreen: rt = !1,
-  mobileViewMode: Gt = Nr,
+  mobileViewMode: Gt = Er,
   settingsPortalContainer: Qt,
   onMobileViewModeChange: nt,
   onEnded: ut,
-  onAutoAdvanceToggle: at,
+  onAutoAdvanceToggle: lt,
   onInteractionToggle: on,
   hasInteraction: fn,
   isInteractionOpen: Te = !1,
@@ -133,56 +133,56 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   onControlsPointerLeave: qt,
   slideProgress: O = null,
   enableKeyboardShortcuts: er = !0,
-  subtitleSeekRequest: H = null,
-  customActions: lt,
+  subtitleSeekRequest: $ = null,
+  customActions: at,
   customActionContext: it,
-  locale: ve,
+  locale: ke,
   texts: st,
   onFocusCapture: ct,
   onPointerDown: ot,
   ...Ie
 }) => {
-  const Pe = Ie.dir ?? vr(ve), ft = Ie.lang ?? kr(ve), tr = wr(), mt = Tr(Fr), g = i(null), { resolvedDirection: dt, readDirection: pt } = Ar(g, Pe), ke = dt === "rtl", rr = Lr(g, ft), ht = i(Te), R = i(null), Le = i(null), K = i(0), h = i(null), de = i(void 0), v = i([]), pe = i(
+  const Pe = Ie.dir ?? kr(ke), ft = Ie.lang ?? vr(ke), tr = wr(), mt = Tr(Fr), g = i(null), { resolvedDirection: dt, readDirection: pt } = Ar(g, Pe), ve = dt === "rtl", rr = Lr(g, ft), ht = i(Te), R = i(null), Le = i(null), K = i(0), h = i(null), de = i(void 0), k = i([]), pe = i(
     W ? j : w
-  ), he = i(!1), gt = i(!1), k = i(!1), B = i(null), z = i(null), E = i(!1), c = i(!1), x = i(null), F = i(!1), Y = i(null), Ae = i(0), St = i(() => {
-  }), Ce = i(null), ge = i(null), yt = i(null), G = 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({
+  ), he = i(!1), gt = i(!1), v = i(!1), B = i(null), z = i(null), N = i(!1), c = i(!1), x = i(null), F = i(!1), Y = i(null), Ae = i(0), St = i(() => {
+  }), Ce = i(null), ge = i(null), yt = i(null), G = i(null), bt = i(0), $e = i(!1), He = i(!1), _t = i(ne), Mt = i(() => 0), wt = i(null), V = i("unknown"), [xe, S] = Ge(w), [Tt, ue] = Ge(!1), [le, nr] = Ge({
     next: !1,
     previous: !1
-  }), Q = mt?.ownerId ?? tr, I = er && (mt?.enabled ?? !0), f = l >= 0 ? m[l] : void 0, A = f?.audioUrl, vt = f?.audioSegments, ur = vt?.length ?? 0, U = ce(
+  }), Q = mt?.ownerId ?? tr, I = er && (mt?.enabled ?? !0), f = a >= 0 ? m[a] : void 0, A = f?.audioUrl, kt = f?.audioSegments, ur = kt?.length ?? 0, U = ce(
     () => jt(f),
-    [f, ur, vt]
+    [f, ur, kt]
   );
-  let Ee = wt.current;
-  en(m, Ee) || (Ee = tn(m), wt.current = Ee);
-  const kt = Ee.tracks, $e = ce(
-    () => Pr(lt, it),
-    [it, lt]
-  ), Lt = $e.length + 6, ar = ce(
+  let Ne = wt.current;
+  en(m, Ne) || (Ne = tn(m), wt.current = Ne);
+  const vt = Ne.tracks, De = ce(
+    () => Pr(at, it),
+    [it, at]
+  ), Lt = De.length + 6, lr = ce(
     () => ({
       "--slide-player-mobile-control-count": String(Lt)
     }),
     [Lt]
   ), o = ce(
     () => ({
-      ...Er(ve),
+      ...Nr(ke),
       ...st
     }),
-    [ve, st]
-  ), Je = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), lr = W ? j : xe, At = W ? j ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Ct = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, X = u(
+    [ke, st]
+  ), Je = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), ar = W ? j : xe, At = W ? j ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Ct = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, X = u(
     (e, t, r) => ({
       ariaKeyShortcuts: I ? r : void 0,
-      title: I ? ln(e, t) : e
+      title: I ? an(e, t) : e
     }),
     [I]
   ), xt = X(
     o.subtitleToggleAriaLabel,
     Z.subtitle,
     "c"
-  ), Et = X(
-    o.previousLabel,
-    ke ? Z.next : Z.previous,
-    ke ? "ArrowRight" : "ArrowLeft"
   ), Nt = X(
+    o.previousLabel,
+    ve ? Z.next : Z.previous,
+    ve ? "ArrowRight" : "ArrowLeft"
+  ), Et = X(
     o.previousSubtitleLabel,
     Z.previousSubtitle,
     "Shift+ArrowLeft"
@@ -192,8 +192,8 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     "Space"
   ), Ft = X(
     o.nextLabel,
-    ke ? Z.previous : Z.next,
-    ke ? "ArrowLeft" : "ArrowRight"
+    ve ? Z.previous : Z.next,
+    ve ? "ArrowLeft" : "ArrowRight"
   ), Ut = X(
     o.nextSubtitleLabel,
     Z.nextSubtitle,
@@ -202,18 +202,18 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     Ct,
     Z.fullscreen,
     "f"
-  ), Ne = u(() => {
+  ), Ee = u(() => {
     I && Ur(Q);
   }, [Q, I]), ir = u(
     (e) => {
-      Ne(), ot?.(e);
+      Ee(), ot?.(e);
     },
-    [Ne, ot]
+    [Ee, ot]
   ), sr = u(
     (e) => {
-      Ne(), ct?.(e);
+      Ee(), ct?.(e);
     },
-    [Ne, ct]
+    [Ee, ct]
   );
   d(() => {
     de.current = f;
@@ -224,12 +224,12 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   }, [Ve]), d(() => {
     !ht.current && Te && ue(!1), ht.current = Te;
   }, [Te]), d(() => {
-    v.current = U;
+    k.current = U;
   }, [U]), d(() => {
-    const e = f?.audioUrl, t = l >= 0 ? m[l + 1]?.audioUrl : void 0;
+    const e = f?.audioUrl, t = a >= 0 ? m[a + 1]?.audioUrl : void 0;
     Yt(e), Yt(t);
-  }, [m, f?.audioUrl, l]);
-  const a = u(
+  }, [m, f?.audioUrl, a]);
+  const l = u(
     (e, t = null) => {
       gt.current === e && (!e || t === null) || (gt.current = e, qe?.({
         loading: e,
@@ -247,15 +247,15 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   } : {
     shouldContinuePlayback: Ir({
       defaultPlaying: pe.current,
-      isPausedByUser: k.current
+      isPausedByUser: v.current
     })
-  }, [W]), Wt = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), D = u(() => w && !T && !k.current && V.current !== "blocked", [w, T]), Ot = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Rt = u(() => {
+  }, [W]), Wt = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = 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(() => {
     const e = h.current;
-    return e == null || e <= 0 ? 0 : v.current.slice(0, e).reduce(
+    return e == null || e <= 0 ? 0 : k.current.slice(0, e).reduce(
       (t, r) => t + Math.max(Number(r.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), ee = u((e) => e <= 0 ? 0 : v.current.slice(0, e).reduce(
+  }, []), ee = u((e) => e <= 0 ? 0 : k.current.slice(0, e).reduce(
     (t, r) => t + Math.max(Number(r.duration_ms ?? 0), 0),
     0
   ), []), Ke = u(
@@ -266,25 +266,25 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     [T]
   ), Se = u(
     (e, t, r = {}) => {
-      const n = Hr({
-        currentAudioIndex: l,
+      const n = $r({
+        currentAudioIndex: a,
         currentTimeMs: t,
         direction: e,
         excludeTarget: r.excludeTarget,
-        tracks: kt
+        tracks: vt
       });
       return !n || !Ke(
         m[n.audioIndex],
         n.timeMs
-      ) || n.audioIndex !== l && (!we || Be && !Be(n)) ? null : n;
+      ) || n.audioIndex !== a && (!we || Be && !Be(n)) ? null : n;
     },
     [
       m,
       Be,
       Ke,
-      l,
+      a,
       we,
-      kt
+      vt
     ]
   ), Ze = u(
     (e, t = !1) => {
@@ -305,44 +305,44 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   d(() => {
     St.current = Ze, Ze(Ae.current, !0);
   }, [Ze]);
-  const $ = u(() => {
+  const D = u(() => {
     const e = g.current;
     return e ? B.current === "segment" ? ee(K.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 ? ee(h.current) : 0;
   }, [ee]);
   d(() => {
     _t.current = ne;
   }, [ne]), d(() => {
-    Mt.current = $;
-  }, [$]);
-  const N = u(
+    Mt.current = D;
+  }, [D]);
+  const E = u(
     (e) => {
       const t = Math.max(e, 0);
-      Ae.current !== t && (Ae.current = t, Dr({
-        currentAudioIndex: l,
+      Ae.current !== t && (Ae.current = t, Hr({
+        currentAudioIndex: a,
         currentTimeMs: t,
         target: ge.current
       }) && (ge.current = null), be?.(t), St.current(t));
     },
-    [l, be]
+    [a, be]
   ), y = u(() => {
-    N($());
-  }, [$, N]), J = u(
+    E(D());
+  }, [D, E]), 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 - bt.current < 5e3 || (bt.current = n, $e.current = t, ne({
         audioKey: r,
         isComplete: t,
-        timeMs: $()
+        timeMs: D()
       }));
     },
-    [$, ne]
+    [D, ne]
   );
   d(
     () => () => {
-      He.current || _t.current?.({
+      $e.current || _t.current?.({
         audioKey: Le.current ?? "none",
         isComplete: !1,
         timeMs: Mt.current()
@@ -350,8 +350,8 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     },
     []
   ), d(() => {
-    He.current = !1;
-  }, [l]);
+    $e.current = !1;
+  }, [a]);
   const M = u(() => {
     typeof window > "u" || Y.current === null || (window.cancelAnimationFrame(Y.current), Y.current = null);
   }, []), Vt = u(() => {
@@ -367,10 +367,10 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       Y.current = window.requestAnimationFrame(e);
     };
     Y.current = window.requestAnimationFrame(e);
-  }, [y]), le = u(() => {
+  }, [y]), ae = u(() => {
     const e = g.current;
-    e && (M(), c.current = !1, k.current = !1, he.current = !1, B.current = null, x.current = null, E.current = !1, F.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, K.current = 0, h.current = null, N(0), S(!1), a(!1));
-  }, [N, M, a]), L = u(
+    e && (M(), c.current = !1, v.current = !1, he.current = !1, B.current = null, x.current = null, N.current = !1, F.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, K.current = 0, h.current = null, E(0), S(!1), l(!1));
+  }, [E, M, l]), L = u(
     (e) => {
       const t = g.current;
       if (!t)
@@ -379,34 +379,34 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       return r && typeof r.then == "function" && r.then(() => {
         V.current === "unknown" && (V.current = "auto"), c.current = !1, F.current = !1;
       }).catch((n) => {
-        V.current === "unknown" && Wt(n) && (V.current = "blocked", c.current = !1, a(!1)), F.current = !1, S(!1);
+        V.current === "unknown" && Wt(n) && (V.current = "blocked", c.current = !1, l(!1)), F.current = !1, S(!1);
       }), !0;
     },
-    [Wt, a]
+    [Wt, l]
   ), C = u(
     (e, t, r = {}) => {
-      const n = g.current, b = v.current[e];
+      const n = g.current, b = k.current[e];
       if (!n || !b)
         return !1;
       const te = Ot(b.audio_data), Ye = Math.max(
         Number(r.seekTimeSeconds ?? 0),
         0
       );
-      K.current = e, h.current = null, E.current = !1, F.current = !0, z.current = "segment", N(
+      K.current = e, h.current = null, N.current = !1, F.current = !0, z.current = "segment", E(
         ee(e) + Ye * 1e3
       );
-      const $t = r.shouldResume ?? D();
-      c.current = $t, a(!1);
+      const Dt = r.shouldResume ?? H();
+      c.current = Dt, l(!1);
       const br = R.current !== te;
-      return B.current = "segment", br && (n.pause(), n.removeAttribute("src"), n.load(), R.current = te, n.src = te, n.load()), x.current = Ye, n.readyState > 0 && (n.currentTime = Ye, x.current = null), $t ? L(`start-segment:${t}`) : (c.current = !1, F.current = !1, n.pause(), S(!1), !0);
+      return B.current = "segment", br && (n.pause(), n.removeAttribute("src"), n.load(), R.current = te, n.src = te, n.load()), x.current = Ye, n.readyState > 0 && (n.currentTime = Ye, x.current = null), Dt ? L(`start-segment:${t}`) : (c.current = !1, F.current = !1, n.pause(), S(!1), !0);
     },
     [
-      D,
+      H,
       Ot,
       ee,
-      N,
+      E,
       L,
-      a
+      l
     ]
   ), ie = u(
     (e, t) => {
@@ -414,22 +414,22 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       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, B.current = "url", z.current = "url", r.src = e, r.load()), x.current = n, N(n * 1e3), r.readyState > 0 && (r.currentTime = n, x.current = null), !0;
+      return R.current !== e && (r.pause(), r.removeAttribute("src"), r.load(), R.current = e, B.current = "url", z.current = "url", r.src = e, r.load()), x.current = n, E(n * 1e3), r.readyState > 0 && (r.currentTime = n, x.current = null), !0;
     },
-    [N]
+    [E]
   ), Fe = u(
     (e) => {
       const t = g.current;
       if (!t || !f || T)
         return !1;
-      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || F.current || h.current !== null && pe.current && !k.current, b = Xe(
-        v.current,
+      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || F.current || h.current !== null && pe.current && !v.current, b = Xe(
+        k.current,
         r
       ) ? Zt(
-        v.current,
+        k.current,
         r
       ) : null;
-      return Ce.current = null, M(), c.current = n, a(!1), n && (V.current = "manual", k.current = !1, P(!0)), b && (B.current === "segment" || !A) ? C(
+      return Ce.current = null, M(), c.current = n, l(!1), n && (V.current = "manual", v.current = !1, P(!0)), b && (B.current === "segment" || !A) ? C(
         b.segmentIndex,
         "subtitle-seek-segment",
         {
@@ -446,7 +446,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       C,
       M,
       L,
-      a,
+      l,
       P
     ]
   ), It = u(
@@ -454,13 +454,13 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       if (!g.current || !f)
         return !1;
       const r = Math.max(Number(e), 0), n = Xe(
-        v.current,
+        k.current,
         r
       ) ? Zt(
-        v.current,
+        k.current,
         r
       ) : null;
-      return c.current = !0, a(!1), n && (B.current === "segment" || !A) ? C(n.segmentIndex, "restore", {
+      return c.current = !0, l(!1), n && (B.current === "segment" || !A) ? C(n.segmentIndex, "restore", {
         seekTimeSeconds: n.segmentTimeSeconds,
         shouldResume: !0
       }) : !A || !ie(A, r) ? !1 : (L("restore"), !0);
@@ -471,20 +471,20 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       ie,
       C,
       L,
-      a
+      l
     ]
   ), ye = u(
     (e) => {
       const t = Se(
         e,
-        $(),
+        D(),
         {
           excludeTarget: e === "previous" ? ge.current : null
         }
       );
       if (t === null)
         return !1;
-      if (t.audioIndex === l) {
+      if (t.audioIndex === a) {
         const n = Fe(t.timeMs);
         return n && (ge.current = t), n;
       }
@@ -495,8 +495,8 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       return r && (ge.current = t), r;
     },
     [
-      l,
-      $,
+      a,
+      D,
       q,
       Se,
       we,
@@ -504,14 +504,14 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     ]
   ), se = u(
     (e) => {
-      M(), c.current = !1, E.current = !1, F.current = !1, y(), S(!1), a(!1), l >= 0 && ut?.(l);
+      M(), c.current = !1, N.current = !1, F.current = !1, y(), S(!1), l(!1), a >= 0 && ut?.(a);
     },
     [
-      l,
+      a,
       ut,
       M,
       y,
-      a
+      l
     ]
   ), Ue = u(
     (e) => {
@@ -523,13 +523,13 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     },
     [se]
   ), Pt = u(() => {
-    const e = K.current + 1, t = v.current, r = t[e], n = de.current, b = t.some((te) => te.is_final);
+    const e = K.current + 1, t = k.current, r = t[e], n = de.current, b = t.some((te) => te.is_final);
     if (r) {
       C(e, "ended");
       return;
     }
     if (n?.isAudioStreaming || !b) {
-      K.current = e, h.current = e, E.current = !0, c.current = w, N(ee(e)), S(!1), a(!0, "waitingForMoreAudio");
+      K.current = e, h.current = e, N.current = !0, c.current = w, E(ee(e)), S(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     se("segments-completed");
@@ -537,46 +537,46 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     w,
     se,
     ee,
-    N,
+    E,
     C,
-    a
+    l
   ]);
   d(() => {
     if (Le.current === Je)
       return;
-    J(!0), Le.current = Je, K.current = 0, h.current = null, E.current = !1, k.current = !1, he.current = !1, c.current = !1, F.current = !1, B.current = null, z.current = null, R.current = null, M(), N(0), a(!1);
+    J(!0), Le.current = Je, K.current = 0, h.current = null, N.current = !1, v.current = !1, he.current = !1, c.current = !1, F.current = !1, B.current = null, z.current = null, R.current = null, M(), E(0), l(!1);
     const e = g.current;
-    e && (De.current = !0, e.pause(), e.removeAttribute("src"), e.load(), De.current = !1, S(!1));
+    e && (He.current = !0, e.pause(), e.removeAttribute("src"), e.load(), He.current = !1, S(!1));
   }, [
-    l,
+    a,
     Je,
     U.length,
     A,
     J,
-    N,
+    E,
     M,
-    a
+    l
   ]), d(() => {
     const e = g.current;
     if (e) {
       if (T) {
-        he.current = !!(de.current && !k.current && (!e.paused || c.current || h.current !== null)), c.current = !1, a(!1), e.pause(), S(!1);
+        he.current = !!(de.current && !v.current && (!e.paused || c.current || h.current !== null)), c.current = !1, l(!1), e.pause(), S(!1);
         return;
       }
-      if (!(!he.current || !de.current || k.current)) {
+      if (!(!he.current || !de.current || v.current)) {
         if (he.current = !1, h.current !== null) {
-          if (h.current < v.current.length) {
+          if (h.current < k.current.length) {
             C(h.current, "external-resume");
             return;
           }
-          c.current = !0, a(!0, "waitingForMoreAudio");
+          c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!R.current && v.current.length > 0) {
+        if (!R.current && k.current.length > 0) {
           C(
             Math.min(
               K.current,
-              v.current.length - 1
+              k.current.length - 1
             ),
             "external-resume-init"
           );
@@ -589,19 +589,19 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     T,
     C,
     L,
-    a
+    l
   ]), d(() => {
     const e = g.current;
     if (!e)
       return;
     if (!f) {
-      le();
+      ae();
       return;
     }
     if (_ && _.id !== G.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({
@@ -612,12 +612,12 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       waitingSegmentIndex: h.current
     });
     if (t && z.current !== t && (z.current = t), t === "url" && A) {
-      const r = R.current !== A, n = D();
+      const r = R.current !== A, n = H();
       if (r) {
         const b = h.current !== null ? Rt() : 0;
         ie(A, b * 1e3);
       }
-      if (c.current = n, E.current = !1, F.current = !1, a(!1), !n) {
+      if (c.current = n, N.current = !1, F.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), S(!1);
         return;
       }
@@ -626,22 +626,22 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     }
     if (t === "segment" && h.current !== null) {
       if (h.current < U.length) {
-        if (k.current) {
-          S(!1), a(!1);
+        if (v.current) {
+          S(!1), l(!1);
           return;
         }
         C(h.current, "wait-resume");
         return;
       }
-      E.current = !0, c.current = D(), S(!1), a(D());
+      N.current = !0, c.current = H(), S(!1), l(H());
       return;
     }
     if (t === "segment" && !U.length) {
       if (f.isAudioStreaming) {
-        h.current = K.current, E.current = !0, c.current = D(), S(!1), a(D());
+        h.current = K.current, N.current = !0, c.current = H(), S(!1), l(H());
         return;
       }
-      le();
+      ae();
       return;
     }
     if (t === "segment" && !R.current) {
@@ -655,42 +655,42 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       return;
     }
     if (t !== "segment") {
-      le();
+      ae();
       return;
     }
-    if (!w || k.current) {
+    if (!w || v.current) {
       c.current = !1, e.pause(), S(!1);
       return;
     }
     e.paused && (c.current = !0, L("sync-paused-retry"));
   }, [
     f,
-    l,
+    a,
     U,
     A,
     w,
     T,
     _,
-    D,
-    le,
+    H,
+    ae,
     ie,
     C,
     L,
     Rt,
-    a
+    l
   ]), d(() => {
-    if (!H || H.id === yt.current || H.audioIndex !== l)
+    if (!$ || $.id === yt.current || $.audioIndex !== a)
       return;
-    const e = m[H.audioIndex];
-    Ke(e, H.timeMs) && (yt.current = H.id, Fe(H.timeMs));
+    const e = m[$.audioIndex];
+    Ke(e, $.timeMs) && (yt.current = $.id, Fe($.timeMs));
   }, [
     m,
     Ke,
-    l,
+    a,
     Fe,
-    H
+    $
   ]), d(() => {
-    if (!(!_ || _.id === G.current || l < 0)) {
+    if (!(!_ || _.id === G.current || a < 0)) {
       if (It(_.timeMs)) {
         G.current = _.id, oe?.(_.id);
         return;
@@ -699,39 +699,39 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     }
   }, [
     f?.isAudioStreaming,
-    l,
+    a,
     oe,
     _,
     It
   ]), d(() => {
-    if (!_ || _.id === G.current || l < 0 || !f?.isAudioStreaming)
+    if (!_ || _.id === G.current || a < 0 || !f?.isAudioStreaming)
       return;
     const e = window.setTimeout(() => {
       _.id !== G.current && (G.current = _.id, oe?.(_.id));
-    }, an);
+    }, ln);
     return () => {
       window.clearTimeout(e);
     };
   }, [
     f?.isAudioStreaming,
-    l,
+    a,
     oe,
     _
-  ]), d(() => le, [le]), d(() => M, [M]);
+  ]), d(() => ae, [ae]), d(() => M, [M]);
   const cr = u(() => {
-    y(), Vt(), S(!0), a(!1), tt?.();
+    y(), Vt(), S(!0), l(!1), tt?.();
   }, [
     tt,
     Vt,
     y,
-    a
+    l
   ]), or = u(() => {
-    De.current || E.current || F.current || (M(), y(), J(!0), S(!1));
+    He.current || N.current || F.current || (M(), y(), J(!0), S(!1));
   }, [J, M, y]), fr = 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"));
   }, [
-    l,
+    a,
     w,
     Ue,
     y,
@@ -739,20 +739,20 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   ]), mr = u(() => {
     const e = g.current;
     e && x.current !== null && (e.currentTime = x.current, x.current = null), y(), Ue("metadata-seek-finished");
-  }, [l, Ue, y]), dr = u(() => {
+  }, [a, Ue, y]), dr = u(() => {
     y(), J();
   }, [J, y]), pr = u(() => {
-    E.current || a(!0, "loadingAudio");
-  }, [a]), hr = u(() => {
-    if (E.current) {
-      a(!0, "waitingForMoreAudio");
+    N.current || l(!0, "loadingAudio");
+  }, [l]), hr = u(() => {
+    if (N.current) {
+      l(!0, "waitingForMoreAudio");
       return;
     }
-    a(!0, "loadingAudio");
-  }, [a]), Ht = u(() => {
+    l(!0, "loadingAudio");
+  }, [l]), $t = u(() => {
     y();
   }, [y]), gr = u(() => {
-    const e = de.current, t = B.current === "url" || v.current.length === 0, r = !!v.current[K.current + 1], n = v.current.some(
+    const e = de.current, t = B.current === "url" || k.current.length === 0, r = !!k.current[K.current + 1], n = k.current.some(
       (te) => te.is_final
     ), b = !!e?.isAudioStreaming;
     if (J(
@@ -769,8 +769,8 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
     Pt,
     M
   ]), Sr = u(() => {
-    M(), y(), S(!1), a(!1);
-  }, [M, y, a]), yr = u(
+    M(), y(), S(!1), l(!1);
+  }, [M, y, l]), yr = u(
     (e) => {
       nt?.(e), ue(!1);
     },
@@ -778,26 +778,26 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
   ), je = u(() => {
     if (W) {
       const t = !j;
-      return P(t), at?.(t), !0;
+      return P(t), lt?.(t), !0;
     }
     const e = g.current;
-    return T || !e || !f ? !1 : h.current !== null ? xe ? (P(!1), c.current = !1, k.current = !0, h.current = null, E.current = !1, S(!1), a(!1), e.pause(), !0) : (P(!0), V.current = "manual", k.current = !1, c.current = !0, a(!0, "waitingForMoreAudio"), !0) : !e.src && U.length > 0 ? (P(!0), V.current = "manual", k.current = !1, C(
+    return T || !e || !f ? !1 : h.current !== null ? xe ? (P(!1), c.current = !1, v.current = !0, h.current = null, N.current = !1, S(!1), l(!1), e.pause(), !0) : (P(!0), V.current = "manual", v.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && U.length > 0 ? (P(!0), V.current = "manual", v.current = !1, C(
       Math.min(
         K.current,
         U.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? (P(!0), V.current = "manual", k.current = !1, c.current = !0, L("toggle-resume"), !0) : (P(!1), c.current = !1, k.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? (P(!0), V.current = "manual", v.current = !1, c.current = !0, L("toggle-resume"), !0) : (P(!1), c.current = !1, v.current = !0, e.pause(), !0);
   }, [
     f,
     U.length,
     j,
     T,
     xe,
-    at,
+    lt,
     C,
     L,
-    a,
+    l,
     P,
     W
   ]);
@@ -811,11 +811,11 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       next: () => Me ? (Re || Me(
         Qe(q())
       ), !0) : !1,
-      nextSubtitle: () => ae.next ? ye("next") : !0,
+      nextSubtitle: () => le.next ? ye("next") : !0,
       previous: () => _e ? (Oe || _e(
         Qe(q())
       ), !0) : !1,
-      previousSubtitle: () => ae.previous ? ye("previous") : !0,
+      previousSubtitle: () => le.previous ? ye("previous") : !0,
       subtitle: () => fe ? (fe(), !0) : !1,
       togglePlayback: () => (je(), !0)
     }),
@@ -828,13 +828,13 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       _e,
       fe,
       Oe,
-      ae.next,
-      ae.previous,
+      le.next,
+      le.previous,
       je
     ]
-  ), Dt = i(ze);
+  ), Ht = i(ze);
   return d(() => {
-    Dt.current = ze;
+    Ht.current = ze;
   }, [ze]), d(() => {
     if (!I || typeof document > "u")
       return;
@@ -845,7 +845,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
       if (!r || Rr(t, r))
         return;
       let n = !1;
-      const b = Dt.current[r];
+      const b = Ht.current[r];
       n = b(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
@@ -876,8 +876,8 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
             onPlay: cr,
             onPause: or,
             onWaiting: hr,
-            onSeeking: Ht,
-            onSeeked: Ht,
+            onSeeking: $t,
+            onSeeked: $t,
             onTimeUpdate: dr,
             onEnded: gr,
             onError: Sr
@@ -916,7 +916,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
               className: "slide-player__controls",
               onPointerEnter: Xt,
               onPointerLeave: qt,
-              style: ar,
+              style: lr,
               children: [
                 /* @__PURE__ */ re("div", { className: "slide-player__group", children: [
                   /* @__PURE__ */ s(
@@ -931,7 +931,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
                       },
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        $r,
+                        Dr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -959,20 +959,20 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
                       },
                       title: Kt.title,
                       type: "button",
-                      children: lr ? /* @__PURE__ */ s(rn, {}) : /* @__PURE__ */ s(nn, {})
+                      children: ar ? /* @__PURE__ */ s(rn, {}) : /* @__PURE__ */ s(nn, {})
                     }
                   ),
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Et.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Nt.ariaKeyShortcuts,
                       "aria-label": o.previousLabel,
                       className: "slide-player__action slide-player__action--prev",
                       disabled: Oe,
                       onClick: () => {
                         _e?.(q());
                       },
-                      title: Et.title,
+                      title: Nt.title,
                       type: "button",
                       children: /* @__PURE__ */ s(Zr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
@@ -1001,14 +1001,14 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
                   /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Nt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Et.ariaKeyShortcuts,
                       "aria-label": o.previousSubtitleLabel,
                       className: "slide-player__action slide-player__action--prev-subtitle",
-                      disabled: !ae.previous,
+                      disabled: !le.previous,
                       onClick: () => {
                         ye("previous");
                       },
-                      title: Nt.title,
+                      title: Et.title,
                       type: "button",
                       children: /* @__PURE__ */ s(zr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
@@ -1019,7 +1019,7 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
                       "aria-keyshortcuts": Ut.ariaKeyShortcuts,
                       "aria-label": o.nextSubtitleLabel,
                       className: "slide-player__action slide-player__action--next-subtitle",
-                      disabled: !ae.next,
+                      disabled: !le.next,
                       onClick: () => {
                         ye("next");
                       },
@@ -1078,9 +1078,9 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
                     }
                   ) : null
                 ] }),
-                $e.length > 0 ? /* @__PURE__ */ re(Jt, { children: [
+                De.length > 0 ? /* @__PURE__ */ re(Jt, { children: [
                   /* @__PURE__ */ s("div", { className: "slide-player__separator" }),
-                  /* @__PURE__ */ s("div", { className: "slide-player__group slide-player__group--custom-actions", children: $e.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: De.map((e, t) => /* @__PURE__ */ s(_r.Fragment, { children: e }, `custom-action-${t}`)) })
                 ] }) : null
               ]
             }
@@ -1089,20 +1089,17 @@ const zt = /* @__PURE__ */ new Map(), Yt = (m) => {
             "div",
             {
               "aria-label": O.ariaLabel,
-              "aria-valuemax": O.totalSteps,
-              "aria-valuemin": 1,
-              "aria-valuenow": Math.min(
-                Math.max(O.currentIndex + 1, 1),
-                O.totalSteps
-              ),
               className: "slide-player__slide-progress",
-              role: "progressbar",
+              role: "navigation",
               children: Array.from({ length: O.totalSteps }, (e, t) => /* @__PURE__ */ s(
-                "span",
+                "button",
                 {
-                  "aria-hidden": "true",
+                  "aria-current": t === O.currentIndex ? "step" : void 0,
+                  "aria-label": `${O.ariaLabel} ${t + 1}`,
                   className: "slide-player__slide-progress-segment",
-                  "data-state": t < O.currentIndex ? "completed" : t === O.currentIndex ? "current" : "upcoming"
+                  "data-state": t < O.currentIndex ? "completed" : t === O.currentIndex ? "current" : "upcoming",
+                  onClick: () => O.onNavigate?.(t),
+                  type: "button"
                 },
                 t
               ))