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

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

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