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

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

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