markdown-flow-ui 0.1.128-dev.1 → 0.1.129

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

@@ -1,32 +1,54 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import Rr, { memo as Er, useId as Cr, useContext as Nr, useRef as c, useState as nr, useMemo as G, useCallback as t, useEffect as m } from "react";
-import { cn as ur } from "../../lib/utils.es.js";
-import vr from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as Tr } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Kr } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as Pr } from "./utils/audioCompletion.es.js";
-import { PlayerKeyboardShortcutContext as Ur } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Fr, registerPlayerKeyboardShortcutOwner as Wr, isActivePlayerKeyboardShortcutOwner as Or, getPlayerKeyboardShortcutAction as Br, shouldIgnorePlayerKeyboardShortcutEvent as Vr } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as Hr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as $r } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as Zr } from "./utils/playerCustomActions.es.js";
-import { suppressPlayerControlsWakeAfterNavigation as ar } from "./utils/playerNavigationContext.es.js";
+import qt, { memo as er, useId as tr, useContext as rr, useRef as o, useState as Fe, useMemo as te, useCallback as r, useEffect as S } from "react";
+import { cn as Tt } from "../../lib/utils.es.js";
+import nr from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as ur } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as sr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as lr } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as ar } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as cr, registerPlayerKeyboardShortcutOwner as ir, isActivePlayerKeyboardShortcutOwner as or, getPlayerKeyboardShortcutAction as fr, shouldIgnorePlayerKeyboardShortcutEvent as dr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as mr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as pr } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as hr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as We } from "./utils/playerNavigationContext.es.js";
+import { isPlaybackTimeCoveredBySegments as Lt, resolveSegmentSeekTarget as yr } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as vt } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as br, shouldClearSubtitleCueJumpTarget as Sr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import qr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import zr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import Yr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import Dr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import Xr from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import Gr from "../../node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import Jr 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";
-import Ir from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const sr = /* @__PURE__ */ new Map(), lr = (k) => {
-  if (typeof window > "u" || !k || sr.has(k))
+import gr 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 xr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import kr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import wr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Mr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import Cr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Tr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import Lr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import vr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Ar from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const At = /* @__PURE__ */ new Map(), jt = (f) => {
+  if (typeof window > "u" || !f || At.has(f))
     return;
-  const j = window.document.createElement("audio");
-  j.preload = "auto", j.setAttribute("playsinline", "true"), j.src = k, j.load(), sr.set(k, j);
-}, et = () => /* @__PURE__ */ n.jsxs(
+  const d = window.document.createElement("audio");
+  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), At.set(f, d);
+}, jr = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((a, _) => {
+  const x = a.element?.subtitle_cues;
+  return d.subtitleCueLists[_] === x && d.subtitleCueLengths[_] === (x?.length ?? 0);
+}), Nr = (f) => {
+  const d = f.map(
+    (a) => a.element?.subtitle_cues
+  );
+  return {
+    audioList: f,
+    subtitleCueLists: d,
+    subtitleCueLengths: d.map(
+      (a) => a?.length ?? 0
+    ),
+    tracks: d.map((a) => ({
+      subtitleCues: a ?? []
+    }))
+  };
+}, Er = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -45,7 +67,7 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
       /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), rt = () => /* @__PURE__ */ n.jsxs(
+), Rr = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -67,580 +89,737 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
 ), J = {
   fullscreen: "F",
   next: "→",
+  nextSubtitle: "Shift+→",
   notes: "N",
   playback: "Space",
   previous: "←",
+  previousSubtitle: "Shift+←",
   subtitle: "C"
-}, tt = (k, j) => k ? `${k} (${j})` : j, nt = ({
-  audioList: k = [],
-  className: j,
-  currentAudioIndex: h = -1,
-  defaultPlaying: g = !0,
-  isPlaybackPaused: K = !1,
-  isAutoAdvanceEnabled: O = !0,
-  useAutoAdvanceToggle: N = !1,
-  onLoadingChange: xe,
-  onPlaybackPreferenceChange: ke,
-  onPlaybackStarted: Me,
-  onPlaybackTimeChange: ne,
-  onSubtitleToggle: Q,
-  onPrev: ue,
-  onNext: ae,
-  onFullscreen: I,
-  isFullscreen: Le = !1,
-  mobileViewMode: cr = Kr,
-  settingsPortalContainer: or,
-  onMobileViewModeChange: Ae,
-  onEnded: je,
-  onAutoAdvanceToggle: Re,
-  onInteractionToggle: se,
-  hasInteraction: me = !1,
-  isInteractionOpen: ee = !1,
-  isSubtitleEnabled: pe = !0,
-  prevDisabled: he = !1,
-  nextDisabled: ye = !1,
-  showControls: be = !0,
-  enableKeyboardShortcuts: ir = !0,
-  customActions: Ee,
-  customActionContext: Ce,
-  texts: Ne,
-  onFocusCapture: ve,
-  onPointerDown: Te,
-  ...fr
+}, Kr = 250, Ur = (f, d) => f ? `${f} (${d})` : d, Fr = ({
+  audioList: f = [],
+  className: d,
+  currentAudioIndex: a = -1,
+  defaultPlaying: _ = !0,
+  isPlaybackPaused: x = !1,
+  isAutoAdvanceEnabled: Z = !0,
+  useAutoAdvanceToggle: F = !1,
+  onLoadingChange: Pe,
+  onPlaybackPreferenceChange: Be,
+  onPlaybackStarted: Oe,
+  onPlaybackTimeChange: oe,
+  onSubtitleToggle: re,
+  onPrev: fe,
+  onNext: de,
+  onSubtitleJump: me,
+  canJumpToSubtitleTarget: Te,
+  onFullscreen: ne,
+  isFullscreen: Ve = !1,
+  mobileViewMode: Nt = sr,
+  settingsPortalContainer: Et,
+  onMobileViewModeChange: He,
+  onEnded: $e,
+  onAutoAdvanceToggle: Je,
+  onInteractionToggle: pe,
+  hasInteraction: Le = !1,
+  isInteractionOpen: ue = !1,
+  isSubtitleEnabled: ve = !0,
+  prevDisabled: Ae = !1,
+  nextDisabled: je = !1,
+  showControls: Ne = !0,
+  enableKeyboardShortcuts: Rt = !0,
+  subtitleSeekRequest: O = null,
+  customActions: Ze,
+  customActionContext: ze,
+  texts: Ye,
+  onFocusCapture: De,
+  onPointerDown: Xe,
+  ...Kt
 }) => {
-  const dr = Cr(), Ke = Nr(Ur), y = c(null), Pe = c(ee), P = c(null), Ue = c(null), R = c(0), o = c(null), le = c(void 0), v = c([]), ce = c(
-    N ? O : g
-  ), re = c(!1), Fe = c(!1), b = c(!1), U = c(null), q = c(null), _ = c(!1), s = c(!1), S = c(null), E = c(!1), B = c(null), Se = c(0), F = c("unknown"), [oe, f] = nr(g), [We, z] = nr(!1), V = Ke?.ownerId ?? dr, T = ir && (Ke?.enabled ?? !0), d = h >= 0 ? k[h] : void 0, H = d?.audioUrl, M = G(
-    () => [...d?.audioSegments ?? []].sort(
-      (e, r) => e.segment_index - r.segment_index
-    ),
-    [d?.audioSegments]
-  ), Oe = G(
-    () => Zr(Ee, Ce),
-    [Ce, Ee]
-  ), Be = Oe.length + 5, mr = G(
+  const Ut = tr(), Ge = rr(ar), M = o(null), Qe = o(ue), R = o(null), Ie = o(null), K = o(0), m = o(null), he = o(void 0), j = o([]), se = o(
+    F ? Z : _
+  ), le = o(!1), qe = o(!1), k = o(!1), U = o(null), z = o(null), v = o(!1), c = o(!1), w = o(null), N = o(!1), Y = o(null), ye = o(0), et = o(() => {
+  }), be = o(null), ae = o(null), tt = o(null), rt = o(null), W = o("unknown"), [Se, h] = Fe(_), [nt, Q] = Fe(!1), [I, Ft] = Fe({
+    next: !1,
+    previous: !1
+  }), D = Ge?.ownerId ?? Ut, P = Rt && (Ge?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, T = p?.audioUrl, ut = p?.audioSegments, Wt = ut?.length ?? 0, E = te(
+    () => vt(p),
+    [p, Wt, ut]
+  );
+  let ge = rt.current;
+  jr(f, ge) || (ge = Nr(f), rt.current = ge);
+  const st = ge.tracks, lt = te(
+    () => hr(Ze, ze),
+    [ze, Ze]
+  ), at = lt.length + 7, Pt = te(
     () => ({
-      "--slide-player-mobile-control-count": String(Be)
+      "--slide-player-mobile-control-count": String(at)
     }),
-    [Be]
-  ), l = G(
+    [at]
+  ), i = te(
     () => ({
-      ...Tr,
-      ...Ne
+      ...ur,
+      ...Ye
     }),
-    [Ne]
-  ), ge = G(() => d ? d.audioKey ?? `${String(d.sequenceNumber ?? "none")}:${String(d.audioUrl ?? "")}` : "none", [d]), pr = N ? O : oe, Ve = N ? O ? l.pauseAutoplayLabel : l.playAutoplayLabel : oe ? l.pauseLabel : l.playLabel, He = Le ? l.exitFullscreenLabel : l.enterFullscreenLabel, Y = t(
-    (e, r, a) => ({
-      ariaKeyShortcuts: T ? a : void 0,
-      title: T ? tt(e, r) : e
+    [Ye]
+  ), Ee = te(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Bt = F ? Z : Se, ct = F ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : Se ? i.pauseLabel : i.playLabel, it = Ve ? i.exitFullscreenLabel : i.enterFullscreenLabel, V = r(
+    (e, t, s) => ({
+      ariaKeyShortcuts: P ? s : void 0,
+      title: P ? Ur(e, t) : e
     }),
-    [T]
-  ), $e = Y(
-    l.subtitleToggleAriaLabel,
+    [P]
+  ), ot = V(
+    i.subtitleToggleAriaLabel,
     J.subtitle,
     "c"
-  ), Ze = Y(
-    l.previousLabel,
+  ), ft = V(
+    i.previousLabel,
     J.previous,
     "ArrowLeft"
-  ), qe = Y(
-    Ve,
+  ), dt = V(
+    i.previousSubtitleLabel,
+    J.previousSubtitle,
+    "Shift+ArrowLeft"
+  ), mt = V(
+    ct,
     J.playback,
     "Space"
-  ), ze = Y(
-    l.nextLabel,
+  ), pt = V(
+    i.nextLabel,
     J.next,
     "ArrowRight"
-  ), Ye = Y(
-    He,
+  ), ht = V(
+    i.nextSubtitleLabel,
+    J.nextSubtitle,
+    "Shift+ArrowRight"
+  ), yt = V(
+    it,
     J.fullscreen,
     "f"
-  ), De = Y(
-    l.notesLabel,
+  ), bt = V(
+    i.notesLabel,
     J.notes,
     "n"
-  ), ie = t(() => {
-    T && Fr(V);
-  }, [V, T]), hr = t(
+  ), _e = r(() => {
+    P && cr(D);
+  }, [D, P]), Ot = r(
     (e) => {
-      ie(), Te?.(e);
+      _e(), Xe?.(e);
     },
-    [ie, Te]
-  ), yr = t(
+    [_e, Xe]
+  ), Vt = r(
     (e) => {
-      ie(), ve?.(e);
+      _e(), De?.(e);
     },
-    [ie, ve]
+    [_e, De]
   );
-  m(() => {
-    le.current = d;
-  }, [d]), m(() => {
-    ce.current = N ? O : g;
-  }, [g, O, N]), m(() => {
-    be || z(!1);
-  }, [be]), m(() => {
-    !Pe.current && ee && z(!1), Pe.current = ee;
-  }, [ee]), m(() => {
-    v.current = M;
-  }, [M]), m(() => {
-    const e = d?.audioUrl, r = h >= 0 ? k[h + 1]?.audioUrl : void 0;
-    lr(e), lr(r);
-  }, [k, d?.audioUrl, h]);
-  const u = t(
-    (e, r = null) => {
-      Fe.current === e && (!e || r === null) || (Fe.current = e, xe?.({
+  S(() => {
+    he.current = p;
+  }, [p]), S(() => {
+    se.current = F ? Z : _;
+  }, [_, Z, F]), S(() => {
+    Ne || Q(!1);
+  }, [Ne]), S(() => {
+    !Qe.current && ue && Q(!1), Qe.current = ue;
+  }, [ue]), S(() => {
+    j.current = E;
+  }, [E]), S(() => {
+    const e = p?.audioUrl, t = a >= 0 ? f[a + 1]?.audioUrl : void 0;
+    jt(e), jt(t);
+  }, [f, p?.audioUrl, a]);
+  const l = r(
+    (e, t = null) => {
+      qe.current === e && (!e || t === null) || (qe.current = e, Pe?.({
         loading: e,
-        reason: e ? r : null
+        reason: e ? t : null
       }));
     },
-    [xe]
-  ), $ = t(
+    [Pe]
+  ), B = r(
     (e) => {
-      ce.current = e, ke?.(e);
+      se.current = e, Be?.(e);
     },
-    [ke]
-  ), te = t(() => N ? {
-    shouldContinuePlayback: ce.current
+    [Be]
+  ), X = r(() => F ? {
+    shouldContinuePlayback: se.current
   } : {
-    shouldContinuePlayback: $r({
-      defaultPlaying: ce.current,
-      isPausedByUser: b.current
+    shouldContinuePlayback: pr({
+      defaultPlaying: se.current,
+      isPausedByUser: k.current
     })
-  }, [N]), Xe = t((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), W = t(() => g && !K && !b.current && F.current !== "blocked", [g, K]), Ge = t((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Je = t(() => {
-    const e = o.current;
-    return e == null || e <= 0 ? 0 : v.current.slice(0, e).reduce(
-      (r, a) => r + Math.max(Number(a.duration_ms ?? 0), 0),
+  }, [F]), St = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => _ && !x && !k.current && W.current !== "blocked", [_, x]), gt = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), _t = r(() => {
+    const e = m.current;
+    return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
+      (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), Z = t((e) => e <= 0 ? 0 : v.current.slice(0, e).reduce(
-    (r, a) => r + Math.max(Number(a.duration_ms ?? 0), 0),
+  }, []), G = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
+    (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
     0
-  ), []), Qe = t(() => {
-    const e = y.current;
-    return e ? U.current === "segment" ? Z(R.current) + Math.max(e.currentTime, 0) * 1e3 : S.current !== null && e.readyState === 0 ? S.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : o.current != null ? Z(o.current) : 0;
-  }, [Z]), w = t(
+  ), []), xe = r(
+    (e, t) => !e || x ? !1 : e.audioUrl ? !0 : Lt(
+      vt(e),
+      t
+    ),
+    [x]
+  ), ce = r(
+    (e, t, s = {}) => {
+      const u = br({
+        currentAudioIndex: a,
+        currentTimeMs: t,
+        direction: e,
+        excludeTarget: s.excludeTarget,
+        tracks: st
+      });
+      return !u || !xe(
+        f[u.audioIndex],
+        u.timeMs
+      ) || u.audioIndex !== a && (!me || Te && !Te(u)) ? null : u;
+    },
+    [
+      f,
+      Te,
+      xe,
+      a,
+      me,
+      st
+    ]
+  ), Re = r(
+    (e, t = !1) => {
+      const s = Math.max(Number(e), 0);
+      if (!t && be.current !== null && Math.abs(
+        s - be.current
+      ) < Kr)
+        return;
+      be.current = s;
+      const u = {
+        previous: ce("previous", s) !== null,
+        next: ce("next", s) !== null
+      };
+      Ft((b) => b.previous === u.previous && b.next === u.next ? b : u);
+    },
+    [ce]
+  );
+  S(() => {
+    et.current = Re, Re(ye.current, !0);
+  }, [Re]);
+  const ke = r(() => {
+    const e = M.current;
+    return e ? U.current === "segment" ? G(K.current) + Math.max(e.currentTime, 0) * 1e3 : w.current !== null && e.readyState === 0 ? w.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? G(m.current) : 0;
+  }, [G]), C = r(
     (e) => {
-      const r = Math.max(e, 0);
-      Se.current !== r && (Se.current = r, ne?.(r));
+      const t = Math.max(e, 0);
+      ye.current !== t && (ye.current = t, Sr({
+        currentAudioIndex: a,
+        currentTimeMs: t,
+        target: ae.current
+      }) && (ae.current = null), oe?.(t), et.current(t));
     },
-    [ne]
-  ), i = t(() => {
-    w(Qe());
-  }, [Qe, w]), p = t(() => {
-    typeof window > "u" || B.current === null || (window.cancelAnimationFrame(B.current), B.current = null);
-  }, []), Ie = t(() => {
-    if (typeof window > "u" || B.current !== null)
+    [a, oe]
+  ), y = r(() => {
+    C(ke());
+  }, [ke, C]), g = r(() => {
+    typeof window > "u" || Y.current === null || (window.cancelAnimationFrame(Y.current), Y.current = null);
+  }, []), xt = r(() => {
+    if (typeof window > "u" || Y.current !== null)
       return;
     const e = () => {
-      i();
-      const r = y.current;
-      if (!r || r.paused || r.ended) {
-        B.current = null;
+      y();
+      const t = M.current;
+      if (!t || t.paused || t.ended) {
+        Y.current = null;
         return;
       }
-      B.current = window.requestAnimationFrame(e);
+      Y.current = window.requestAnimationFrame(e);
     };
-    B.current = window.requestAnimationFrame(e);
-  }, [i]), D = t(() => {
-    const e = y.current;
-    e && (p(), s.current = !1, b.current = !1, re.current = !1, U.current = null, S.current = null, _.current = !1, E.current = !1, q.current = null, e.pause(), e.removeAttribute("src"), e.load(), P.current = null, R.current = 0, o.current = null, w(0), f(!1), u(!1));
-  }, [w, p, u]), L = t(
+    Y.current = window.requestAnimationFrame(e);
+  }, [y]), q = r(() => {
+    const e = M.current;
+    e && (g(), c.current = !1, k.current = !1, le.current = !1, U.current = null, w.current = null, v.current = !1, N.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, K.current = 0, m.current = null, C(0), h(!1), l(!1));
+  }, [C, g, l]), L = r(
     (e) => {
-      const r = y.current;
-      if (!r)
+      const t = M.current;
+      if (!t)
         return !1;
-      const a = r.play();
-      return a && typeof a.then == "function" && a.then(() => {
-        F.current === "unknown" && (F.current = "auto"), s.current = !1, E.current = !1;
-      }).catch((x) => {
-        F.current === "unknown" && Xe(x) && (F.current = "blocked", s.current = !1, u(!1)), E.current = !1, f(!1);
+      const s = t.play();
+      return s && typeof s.then == "function" && s.then(() => {
+        W.current === "unknown" && (W.current = "auto"), c.current = !1, N.current = !1;
+      }).catch((u) => {
+        W.current === "unknown" && St(u) && (W.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
       }), !0;
     },
-    [Xe, u]
-  ), C = t(
-    (e, r) => {
-      const a = y.current, x = v.current[e];
-      if (!a || !x)
+    [St, l]
+  ), A = r(
+    (e, t, s = {}) => {
+      const u = M.current, b = j.current[e];
+      if (!u || !b)
         return !1;
-      const A = Ge(x.audio_data);
-      R.current = e, o.current = null, _.current = !1, E.current = !0, q.current = "segment", w(Z(e));
-      const de = W();
-      s.current = de, u(!1);
-      const jr = P.current !== A;
-      return U.current = "segment", jr && (a.pause(), a.removeAttribute("src"), a.load(), P.current = A, a.src = A, a.load()), S.current = 0, a.readyState > 0 && (a.currentTime = 0, S.current = null), de ? L(`start-segment:${r}`) : (s.current = !1, E.current = !1, a.pause(), f(!1), !0);
+      const $ = gt(b.audio_data), Ce = Math.max(
+        Number(s.seekTimeSeconds ?? 0),
+        0
+      );
+      K.current = e, m.current = null, v.current = !1, N.current = !0, z.current = "segment", C(
+        G(e) + Ce * 1e3
+      );
+      const Ct = s.shouldResume ?? H();
+      c.current = Ct, l(!1);
+      const It = R.current !== $;
+      return U.current = "segment", It && (u.pause(), u.removeAttribute("src"), u.load(), R.current = $, u.src = $, u.load()), w.current = Ce, u.readyState > 0 && (u.currentTime = Ce, w.current = null), Ct ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, u.pause(), h(!1), !0);
     },
     [
-      W,
-      Ge,
-      Z,
-      w,
+      H,
+      gt,
+      G,
+      C,
       L,
-      u
+      l
     ]
-  ), X = t(
+  ), we = r(
     (e) => {
-      p(), s.current = !1, _.current = !1, E.current = !1, i(), f(!1), u(!1), h >= 0 && je?.(h);
+      const t = M.current;
+      if (!t || !p || x)
+        return !1;
+      const s = Math.max(Number(e), 0), u = !t.paused && !t.ended || c.current || N.current || m.current !== null && se.current && !k.current, b = Lt(
+        j.current,
+        s
+      ) ? yr(
+        j.current,
+        s
+      ) : null;
+      if (be.current = null, g(), c.current = u, l(!1), u && (W.current = "manual", k.current = !1, B(!0)), b && (U.current === "segment" || !T))
+        return A(
+          b.segmentIndex,
+          "subtitle-seek-segment",
+          {
+            seekTimeSeconds: b.segmentTimeSeconds,
+            shouldResume: u
+          }
+        );
+      if (T) {
+        const $ = s / 1e3;
+        return R.current !== T && (t.pause(), t.removeAttribute("src"), t.load(), R.current = T, U.current = "url", z.current = "url", t.src = T, t.load()), w.current = $, C(s), t.readyState > 0 && (t.currentTime = $, w.current = null), u ? L("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
+      }
+      return !1;
     },
     [
-      h,
-      je,
       p,
-      i,
-      u
+      T,
+      x,
+      C,
+      A,
+      g,
+      L,
+      l,
+      B
     ]
-  ), fe = t(
+  ), ie = r(
     (e) => {
-      const r = y.current;
-      return !r || U.current !== "url" || !Pr({
-        currentTimeSeconds: Math.max(r.currentTime, 0),
-        durationSeconds: r.duration
-      }) ? !1 : (s.current = !1, r.pause(), X(e), !0);
+      const t = ce(
+        e,
+        ke(),
+        {
+          excludeTarget: e === "previous" ? ae.current : null
+        }
+      );
+      if (t === null)
+        return !1;
+      if (t.audioIndex === a) {
+        const u = we(t.timeMs);
+        return u && (ae.current = t), u;
+      }
+      const s = !!me?.(
+        t,
+        We(X())
+      );
+      return s && (ae.current = t), s;
+    },
+    [
+      a,
+      ke,
+      X,
+      ce,
+      me,
+      we
+    ]
+  ), ee = r(
+    (e) => {
+      g(), c.current = !1, v.current = !1, N.current = !1, y(), h(!1), l(!1), a >= 0 && $e?.(a);
+    },
+    [
+      a,
+      $e,
+      g,
+      y,
+      l
+    ]
+  ), Me = r(
+    (e) => {
+      const t = M.current;
+      return !t || U.current !== "url" || !lr({
+        currentTimeSeconds: Math.max(t.currentTime, 0),
+        durationSeconds: t.duration
+      }) ? !1 : (c.current = !1, t.pause(), ee(e), !0);
     },
-    [X]
-  ), er = t(() => {
-    const e = R.current + 1, r = v.current, a = r[e], x = le.current, A = r.some((de) => de.is_final);
-    if (a) {
-      C(e, "ended");
+    [ee]
+  ), kt = r(() => {
+    const e = K.current + 1, t = j.current, s = t[e], u = he.current, b = t.some(($) => $.is_final);
+    if (s) {
+      A(e, "ended");
       return;
     }
-    if (x?.isAudioStreaming || !A) {
-      R.current = e, o.current = e, _.current = !0, s.current = g, w(Z(e)), f(!1), u(!0, "waitingForMoreAudio");
+    if (u?.isAudioStreaming || !b) {
+      K.current = e, m.current = e, v.current = !0, c.current = _, C(G(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
-    X("segments-completed");
+    ee("segments-completed");
   }, [
-    g,
-    X,
-    Z,
-    w,
+    _,
+    ee,
+    G,
     C,
-    u
+    A,
+    l
   ]);
-  m(() => {
-    if (Ue.current === ge)
+  S(() => {
+    if (Ie.current === Ee)
       return;
-    Ue.current = ge, R.current = 0, o.current = null, _.current = !1, b.current = !1, re.current = !1, s.current = !1, E.current = !1, U.current = null, q.current = null, P.current = null, p(), w(0), u(!1);
-    const e = y.current;
-    e && (e.pause(), e.removeAttribute("src"), e.load(), f(!1));
+    Ie.current = Ee, K.current = 0, m.current = null, v.current = !1, k.current = !1, le.current = !1, c.current = !1, N.current = !1, U.current = null, z.current = null, R.current = null, g(), C(0), l(!1);
+    const e = M.current;
+    e && (e.pause(), e.removeAttribute("src"), e.load(), h(!1));
   }, [
-    h,
-    ge,
-    M.length,
-    H,
-    w,
-    p,
-    u
-  ]), m(() => {
-    const e = y.current;
+    a,
+    Ee,
+    E.length,
+    T,
+    C,
+    g,
+    l
+  ]), S(() => {
+    const e = M.current;
     if (e) {
-      if (K) {
-        re.current = !!(le.current && !b.current && (!e.paused || s.current || o.current !== null)), s.current = !1, u(!1), e.pause(), f(!1);
+      if (x) {
+        le.current = !!(he.current && !k.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
         return;
       }
-      if (!(!re.current || !le.current || b.current)) {
-        if (re.current = !1, o.current !== null) {
-          if (o.current < v.current.length) {
-            C(o.current, "external-resume");
+      if (!(!le.current || !he.current || k.current)) {
+        if (le.current = !1, m.current !== null) {
+          if (m.current < j.current.length) {
+            A(m.current, "external-resume");
             return;
           }
-          s.current = !0, u(!0, "waitingForMoreAudio");
+          c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!P.current && v.current.length > 0) {
-          C(
+        if (!R.current && j.current.length > 0) {
+          A(
             Math.min(
-              R.current,
-              v.current.length - 1
+              K.current,
+              j.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (s.current = !0, L("external-resume"));
+        e.paused && (c.current = !0, L("external-resume"));
       }
     }
   }, [
-    K,
-    C,
+    x,
+    A,
     L,
-    u
-  ]), m(() => {
-    const e = y.current;
+    l
+  ]), S(() => {
+    const e = M.current;
     if (!e)
       return;
-    if (!d) {
-      D();
+    if (!p) {
+      q();
       return;
     }
-    if (K) {
-      s.current = !1, u(!1), e.pause(), f(!1);
+    if (x) {
+      c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const r = Hr({
+    const t = mr({
       activeSourceType: U.current,
-      hasAudioUrl: !!H,
-      segmentCount: M.length,
-      preferredSourceType: q.current,
-      waitingSegmentIndex: o.current
+      hasAudioUrl: !!T,
+      segmentCount: E.length,
+      preferredSourceType: z.current,
+      waitingSegmentIndex: m.current
     });
-    if (r && q.current !== r && (q.current = r), r === "url" && H) {
-      const a = P.current !== H, x = W();
-      if (a) {
-        const A = o.current !== null ? Je() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), P.current = H, U.current = "url", e.src = H, e.load(), S.current = A, w(A * 1e3), e.readyState > 0 && (e.currentTime = A, S.current = null);
+    if (t && z.current !== t && (z.current = t), t === "url" && T) {
+      const s = R.current !== T, u = H();
+      if (s) {
+        const b = m.current !== null ? _t() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), R.current = T, U.current = "url", e.src = T, e.load(), w.current = b, C(b * 1e3), e.readyState > 0 && (e.currentTime = b, w.current = null);
       }
-      if (s.current = x, _.current = !1, E.current = !1, u(!1), !x) {
-        s.current = !1, e.pause(), f(!1);
+      if (c.current = u, v.current = !1, N.current = !1, l(!1), !u) {
+        c.current = !1, e.pause(), h(!1);
         return;
       }
-      L(a ? "sync-url-init" : "sync-url");
+      L(s ? "sync-url-init" : "sync-url");
       return;
     }
-    if (r === "segment" && o.current !== null) {
-      if (o.current < M.length) {
-        if (b.current) {
-          f(!1), u(!1);
+    if (t === "segment" && m.current !== null) {
+      if (m.current < E.length) {
+        if (k.current) {
+          h(!1), l(!1);
           return;
         }
-        C(o.current, "wait-resume");
+        A(m.current, "wait-resume");
         return;
       }
-      _.current = !0, s.current = W(), f(!1), u(W());
+      v.current = !0, c.current = H(), h(!1), l(H());
       return;
     }
-    if (r === "segment" && !M.length) {
-      if (d.isAudioStreaming) {
-        o.current = R.current, _.current = !0, s.current = W(), f(!1), u(W());
+    if (t === "segment" && !E.length) {
+      if (p.isAudioStreaming) {
+        m.current = K.current, v.current = !0, c.current = H(), h(!1), l(H());
         return;
       }
-      D();
+      q();
       return;
     }
-    if (r === "segment" && !P.current) {
-      C(
+    if (t === "segment" && !R.current) {
+      A(
         Math.min(
-          R.current,
-          M.length - 1
+          K.current,
+          E.length - 1
         ),
         "effect-init"
       );
       return;
     }
-    if (r !== "segment") {
-      D();
+    if (t !== "segment") {
+      q();
       return;
     }
-    if (!g || b.current) {
-      s.current = !1, e.pause(), f(!1);
+    if (!_ || k.current) {
+      c.current = !1, e.pause(), h(!1);
       return;
     }
-    e.paused && (s.current = !0, L("sync-paused-retry"));
+    e.paused && (c.current = !0, L("sync-paused-retry"));
   }, [
-    d,
-    h,
-    M,
+    p,
+    a,
+    E,
+    T,
+    _,
+    x,
     H,
-    g,
-    K,
-    W,
-    w,
-    D,
     C,
+    q,
+    A,
     L,
-    Je,
-    u
-  ]), m(() => D, [D]), m(() => p, [p]);
-  const br = t(() => {
-    i(), Ie(), f(!0), u(!1), Me?.();
+    _t,
+    l
+  ]), S(() => {
+    if (!O || O.id === tt.current || O.audioIndex !== a)
+      return;
+    const e = f[O.audioIndex];
+    xe(e, O.timeMs) && (tt.current = O.id, we(O.timeMs));
   }, [
-    Me,
-    Ie,
-    i,
-    u
-  ]), Sr = t(() => {
-    _.current || E.current || (p(), i(), f(!1));
-  }, [h, p, i]), gr = t(() => {
-    const e = y.current;
-    e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), !fe("canplay-seek-finished") && (!s.current || !g || L("canplay"));
+    f,
+    xe,
+    a,
+    we,
+    O
+  ]), S(() => q, [q]), S(() => g, [g]);
+  const Ht = r(() => {
+    y(), xt(), h(!0), l(!1), Oe?.();
   }, [
-    h,
-    g,
-    fe,
-    i,
+    Oe,
+    xt,
+    y,
+    l
+  ]), $t = r(() => {
+    v.current || N.current || (g(), y(), h(!1));
+  }, [a, g, y]), Jt = r(() => {
+    const e = M.current;
+    e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), !Me("canplay-seek-finished") && (!c.current || !_ || L("canplay"));
+  }, [
+    a,
+    _,
+    Me,
+    y,
     L
-  ]), _r = t(() => {
-    const e = y.current;
-    e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), fe("metadata-seek-finished");
-  }, [h, fe, i]), wr = t(() => {
-    i();
-  }, [i]), xr = t(() => {
-    _.current || u(!0, "loadingAudio");
-  }, [u]), kr = t(() => {
-    if (_.current) {
-      u(!0, "waitingForMoreAudio");
+  ]), Zt = r(() => {
+    const e = M.current;
+    e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), Me("metadata-seek-finished");
+  }, [a, Me, y]), zt = r(() => {
+    y();
+  }, [y]), Yt = r(() => {
+    v.current || l(!0, "loadingAudio");
+  }, [l]), Dt = r(() => {
+    if (v.current) {
+      l(!0, "waitingForMoreAudio");
       return;
     }
-    u(!0, "loadingAudio");
-  }, [u]), rr = t(() => {
-    i();
-  }, [i]), Mr = t(() => {
-    const e = U.current === "url" || v.current.length === 0;
-    if (p(), E.current = !1, e) {
-      X("url-ended");
+    l(!0, "loadingAudio");
+  }, [l]), wt = r(() => {
+    y();
+  }, [y]), Xt = r(() => {
+    const e = U.current === "url" || j.current.length === 0;
+    if (g(), N.current = !1, e) {
+      ee("url-ended");
       return;
     }
-    er();
-  }, [X, er, p]), Lr = t(() => {
-    p(), i(), f(!1), u(!1);
-  }, [p, i, u]), Ar = t(
+    kt();
+  }, [ee, kt, g]), Gt = r(() => {
+    g(), y(), h(!1), l(!1);
+  }, [g, y, l]), Qt = r(
     (e) => {
-      Ae?.(e), z(!1);
+      He?.(e), Q(!1);
     },
-    [Ae]
-  ), _e = t(() => {
-    if (N) {
-      const r = !O;
-      return $(r), Re?.(r), !0;
+    [He]
+  ), Ke = r(() => {
+    if (F) {
+      const t = !Z;
+      return B(t), Je?.(t), !0;
     }
-    const e = y.current;
-    return K || !e || !d ? !1 : o.current !== null ? oe ? ($(!1), s.current = !1, b.current = !0, o.current = null, _.current = !1, f(!1), u(!1), e.pause(), !0) : ($(!0), F.current = "manual", b.current = !1, s.current = !0, u(!0, "waitingForMoreAudio"), !0) : !e.src && M.length > 0 ? ($(!0), F.current = "manual", b.current = !1, C(
+    const e = M.current;
+    return x || !e || !p ? !1 : m.current !== null ? Se ? (B(!1), c.current = !1, k.current = !0, m.current = null, v.current = !1, h(!1), l(!1), e.pause(), !0) : (B(!0), W.current = "manual", k.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && E.length > 0 ? (B(!0), W.current = "manual", k.current = !1, A(
       Math.min(
-        R.current,
-        M.length - 1
+        K.current,
+        E.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? ($(!0), F.current = "manual", b.current = !1, s.current = !0, L("toggle-resume"), !0) : ($(!1), s.current = !1, b.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? (B(!0), W.current = "manual", k.current = !1, c.current = !0, L("toggle-resume"), !0) : (B(!1), c.current = !1, k.current = !0, e.pause(), !0);
   }, [
-    d,
-    M.length,
-    O,
-    K,
-    oe,
-    Re,
-    C,
+    p,
+    E.length,
+    Z,
+    x,
+    Se,
+    Je,
+    A,
     L,
-    u,
-    $,
-    N
+    l,
+    B,
+    F
   ]);
-  m(() => {
-    if (T)
-      return Wr(V);
-  }, [V, T]);
-  const we = G(
+  S(() => {
+    if (P)
+      return ir(D);
+  }, [D, P]);
+  const Ue = te(
     () => ({
-      fullscreen: () => I ? (I(), !0) : !1,
-      interaction: () => se ? (me && se(), !0) : !1,
-      next: () => ae ? (ye || ae(
-        ar(te())
+      fullscreen: () => ne ? (ne(), !0) : !1,
+      interaction: () => pe ? (Le && pe(), !0) : !1,
+      next: () => de ? (je || de(
+        We(X())
       ), !0) : !1,
-      previous: () => ue ? (he || ue(
-        ar(te())
+      nextSubtitle: () => I.next ? ie("next") : !0,
+      previous: () => fe ? (Ae || fe(
+        We(X())
       ), !0) : !1,
-      subtitle: () => Q ? (Q(), !0) : !1,
-      togglePlayback: () => (_e(), !0)
+      previousSubtitle: () => I.previous ? ie("previous") : !0,
+      subtitle: () => re ? (re(), !0) : !1,
+      togglePlayback: () => (Ke(), !0)
     }),
     [
-      te,
-      me,
-      ye,
-      I,
-      se,
-      ae,
-      ue,
-      Q,
-      he,
-      _e
+      X,
+      Le,
+      ie,
+      je,
+      ne,
+      pe,
+      de,
+      fe,
+      re,
+      Ae,
+      I.next,
+      I.previous,
+      Ke
     ]
-  ), tr = c(we);
-  return m(() => {
-    tr.current = we;
-  }, [we]), m(() => {
-    if (!T || typeof document > "u")
+  ), Mt = o(Ue);
+  return S(() => {
+    Mt.current = Ue;
+  }, [Ue]), S(() => {
+    if (!P || typeof document > "u")
       return;
-    const e = (r) => {
-      if (!Or(V))
+    const e = (t) => {
+      if (!or(D))
         return;
-      const a = Br(r);
-      if (!a || Vr(r, a))
+      const s = fr(t);
+      if (!s || dr(t, s))
         return;
-      let x = !1;
-      const A = tr.current[a];
-      x = A(), x && r.preventDefault();
+      let u = !1;
+      const b = Mt.current[s];
+      u = b(), u && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [V, T]), m(() => {
-    ne?.(Se.current);
-  }, [ne]), /* @__PURE__ */ n.jsxs(
+  }, [D, P]), S(() => {
+    oe?.(ye.current);
+  }, [oe]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      ...fr,
-      "data-slide-player-shortcut-owner": V,
-      className: ur("slide-player", j),
-      onFocusCapture: yr,
-      onPointerDown: hr,
+      ...Kt,
+      "data-slide-player-shortcut-owner": D,
+      className: Tt("slide-player", d),
+      onFocusCapture: Vt,
+      onPointerDown: Ot,
       children: [
         /* @__PURE__ */ n.jsx(
           "audio",
           {
-            ref: y,
+            ref: M,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: xr,
-            onLoadedMetadata: _r,
-            onCanPlay: gr,
-            onPlay: br,
-            onPause: Sr,
-            onWaiting: kr,
-            onSeeking: rr,
-            onSeeked: rr,
-            onTimeUpdate: wr,
-            onEnded: Mr,
-            onError: Lr
+            onLoadStart: Yt,
+            onLoadedMetadata: Zt,
+            onCanPlay: Jt,
+            onPlay: Ht,
+            onPause: $t,
+            onWaiting: Dt,
+            onSeeking: wt,
+            onSeeked: wt,
+            onTimeUpdate: zt,
+            onEnded: Xt,
+            onError: Gt
           }
         ),
-        be ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        Ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsx(
-            vr,
+            nr,
             {
-              container: or,
+              container: Et,
               labels: {
-                closeSettings: l.closeSettingsLabel,
-                fullscreen: l.fullscreenLabel,
-                nonFullscreen: l.nonFullscreenLabel,
-                screen: l.screenLabel,
-                screenMode: l.screenModeLabel,
-                subtitle: l.subtitleLabel,
-                subtitleToggle: l.subtitleToggleAriaLabel,
-                title: l.settingsTitle
+                closeSettings: i.closeSettingsLabel,
+                fullscreen: i.fullscreenLabel,
+                nonFullscreen: i.nonFullscreenLabel,
+                screen: i.screenLabel,
+                screenMode: i.screenModeLabel,
+                subtitle: i.subtitleLabel,
+                subtitleToggle: i.subtitleToggleAriaLabel,
+                title: i.settingsTitle
               },
-              isSubtitleEnabled: pe,
-              onClose: () => z(!1),
-              onOpenChange: z,
-              onSubtitleToggle: Q ?? (() => {
+              isSubtitleEnabled: ve,
+              onClose: () => Q(!1),
+              onOpenChange: Q,
+              onSubtitleToggle: re ?? (() => {
               }),
-              onViewModeChange: Ar,
-              open: We,
-              viewMode: cr
+              onViewModeChange: Qt,
+              open: nt,
+              viewMode: Nt
             }
           ),
-          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: mr, children: [
+          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: Pt, children: [
             /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-expanded": We,
+                  "aria-expanded": nt,
                   "aria-haspopup": "dialog",
-                  "aria-label": l.moreOptionsAriaLabel,
+                  "aria-label": i.moreOptionsAriaLabel,
                   className: "slide-player__action slide-player__action--mobile-more",
                   onClick: () => {
-                    z((e) => !e);
+                    Q((e) => !e);
                   },
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    qr,
+                    gr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -651,24 +830,55 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": l.volumeAriaLabel,
+                  "aria-label": i.volumeAriaLabel,
                   className: "hidden",
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(zr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(_r, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": l.subtitleToggleAriaLabel,
-                  "aria-keyshortcuts": $e.ariaKeyShortcuts,
-                  "aria-pressed": pe,
-                  className: "slide-player__action slide-player__action--subtitle",
-                  onClick: Q,
-                  title: $e.title,
+                  "aria-label": ct,
+                  "aria-keyshortcuts": mt.ariaKeyShortcuts,
+                  className: "slide-player__toggle slide-player__toggle--playback",
+                  onClick: () => {
+                    Ke();
+                  },
+                  title: mt.title,
                   type: "button",
-                  children: pe ? /* @__PURE__ */ n.jsx(Yr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                    Dr,
+                  children: Bt ? /* @__PURE__ */ n.jsx(Er, {}) : /* @__PURE__ */ n.jsx(Rr, {})
+                }
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-keyshortcuts": ft.ariaKeyShortcuts,
+                  "aria-label": i.previousLabel,
+                  className: "slide-player__action slide-player__action--prev",
+                  disabled: Ae,
+                  onClick: () => {
+                    fe?.(X());
+                  },
+                  title: ft.title,
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(xr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                }
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-keyshortcuts": pt.ariaKeyShortcuts,
+                  "aria-label": i.nextLabel,
+                  className: "slide-player__action slide-player__action--next",
+                  disabled: je,
+                  onClick: () => {
+                    de?.(X());
+                  },
+                  title: pt.title,
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(
+                    kr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -679,64 +889,75 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-keyshortcuts": Ze.ariaKeyShortcuts,
-                  "aria-label": l.previousLabel,
-                  className: "slide-player__action slide-player__action--prev",
-                  disabled: he,
+                  "aria-keyshortcuts": dt.ariaKeyShortcuts,
+                  "aria-label": i.previousSubtitleLabel,
+                  className: "slide-player__action slide-player__action--prev-subtitle",
+                  disabled: !I.previous,
                   onClick: () => {
-                    ue?.(te());
+                    ie("previous");
                   },
-                  title: Ze.title,
+                  title: dt.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(Xr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": Ve,
-                  "aria-keyshortcuts": qe.ariaKeyShortcuts,
-                  className: "slide-player__toggle slide-player__toggle--playback",
+                  "aria-keyshortcuts": ht.ariaKeyShortcuts,
+                  "aria-label": i.nextSubtitleLabel,
+                  className: "slide-player__action slide-player__action--next-subtitle",
+                  disabled: !I.next,
                   onClick: () => {
-                    _e();
+                    ie("next");
                   },
-                  title: qe.title,
+                  title: ht.title,
                   type: "button",
-                  children: pr ? /* @__PURE__ */ n.jsx(et, {}) : /* @__PURE__ */ n.jsx(rt, {})
+                  children: /* @__PURE__ */ n.jsx(
+                    Mr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  )
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-keyshortcuts": ze.ariaKeyShortcuts,
-                  "aria-label": l.nextLabel,
-                  className: "slide-player__action slide-player__action--next",
-                  disabled: ye,
-                  onClick: () => {
-                    ae?.(te());
-                  },
-                  title: ze.title,
+                  "aria-label": i.subtitleToggleAriaLabel,
+                  "aria-keyshortcuts": ot.ariaKeyShortcuts,
+                  "aria-pressed": ve,
+                  className: "slide-player__action slide-player__action--subtitle",
+                  onClick: re,
+                  title: ot.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(Gr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: ve ? /* @__PURE__ */ n.jsx(Cr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                    Tr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  )
                 }
               ),
-              I ? /* @__PURE__ */ n.jsx(
+              ne ? /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": He,
-                  "aria-keyshortcuts": Ye.ariaKeyShortcuts,
+                  "aria-label": it,
+                  "aria-keyshortcuts": yt.ariaKeyShortcuts,
                   className: "slide-player__action slide-player__action--fullscreen",
-                  onClick: I,
-                  title: Ye.title,
+                  onClick: ne,
+                  title: yt.title,
                   type: "button",
-                  children: Le ? /* @__PURE__ */ n.jsx(
-                    Jr,
+                  children: Ve ? /* @__PURE__ */ n.jsx(
+                    Lr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
                     }
                   ) : /* @__PURE__ */ n.jsx(
-                    Qr,
+                    vr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -747,22 +968,22 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
             ] }),
             /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
             /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-              Oe.map((e, r) => /* @__PURE__ */ n.jsx(Rr.Fragment, { children: e }, `custom-action-${r}`)),
+              lt.map((e, t) => /* @__PURE__ */ n.jsx(qt.Fragment, { children: e }, `custom-action-${t}`)),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": l.notesLabel,
-                  "aria-keyshortcuts": De.ariaKeyShortcuts,
-                  className: ur(
+                  "aria-label": i.notesLabel,
+                  "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                  className: Tt(
                     "slide-player__action slide-player__action--notes",
-                    ee && "slide-player__action--active"
+                    ue && "slide-player__action--active"
                   ),
-                  disabled: !me,
-                  onClick: se,
-                  title: De.title,
+                  disabled: !Le,
+                  onClick: pe,
+                  title: bt.title,
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    Ir,
+                    Ar,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -776,9 +997,9 @@ const sr = /* @__PURE__ */ new Map(), lr = (k) => {
       ]
     }
   );
-}, ut = Er(nt);
-ut.displayName = "Player";
+}, Wr = er(Fr);
+Wr.displayName = "Player";
 export {
-  ut as default
+  Wr as default
 };
 //# sourceMappingURL=Player.es.js.map