markdown-flow-ui 0.1.128 → 0.1.129

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

@@ -1,36 +1,54 @@
 import { j as n } from "../../_virtual/jsx-runtime.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";
+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 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))
+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 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(
+  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",
@@ -49,7 +67,7 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
       /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), _r = () => /* @__PURE__ */ n.jsxs(
+), Rr = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -68,7 +86,7 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
       /* @__PURE__ */ n.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), H = {
+), J = {
   fullscreen: "F",
   next: "→",
   nextSubtitle: "Shift+→",
@@ -77,386 +95,422 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, 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,
+}, 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: 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
+  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 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({
+  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
-  }), 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
-    ),
-    [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(
+  }), 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(De)
+      "--slide-player-mobile-control-count": String(at)
     }),
-    [De]
-  ), a = Y(
+    [at]
+  ), i = te(
     () => ({
-      ...It,
-      ...Be
+      ...ur,
+      ...Ye
     }),
-    [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(
+    [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 ? kr(e, t) : e
+      title: P ? Ur(e, t) : e
     }),
     [P]
-  ), Qe = O(
-    a.subtitleToggleAriaLabel,
-    H.subtitle,
+  ), ot = V(
+    i.subtitleToggleAriaLabel,
+    J.subtitle,
     "c"
-  ), et = O(
-    a.previousLabel,
-    H.previous,
+  ), ft = V(
+    i.previousLabel,
+    J.previous,
     "ArrowLeft"
-  ), tt = O(
-    a.previousSubtitleLabel,
-    H.previousSubtitle,
+  ), dt = V(
+    i.previousSubtitleLabel,
+    J.previousSubtitle,
     "Shift+ArrowLeft"
-  ), rt = O(
-    Xe,
-    H.playback,
+  ), mt = V(
+    ct,
+    J.playback,
     "Space"
-  ), nt = O(
-    a.nextLabel,
-    H.next,
+  ), pt = V(
+    i.nextLabel,
+    J.next,
     "ArrowRight"
-  ), ut = O(
-    a.nextSubtitleLabel,
-    H.nextSubtitle,
+  ), ht = V(
+    i.nextSubtitleLabel,
+    J.nextSubtitle,
     "Shift+ArrowRight"
-  ), st = O(
-    Ge,
-    H.fullscreen,
+  ), yt = V(
+    it,
+    J.fullscreen,
     "f"
-  ), lt = O(
-    a.notesLabel,
-    H.notes,
+  ), bt = V(
+    i.notesLabel,
+    J.notes,
     "n"
-  ), ye = r(() => {
-    P && Gt(z);
-  }, [z, P]), jt = r(
+  ), _e = r(() => {
+    P && cr(D);
+  }, [D, P]), Ot = r(
     (e) => {
-      ye(), Ve?.(e);
+      _e(), Xe?.(e);
     },
-    [ye, Ve]
-  ), Ct = r(
+    [_e, Xe]
+  ), Vt = r(
     (e) => {
-      ye(), Oe?.(e);
+      _e(), De?.(e);
     },
-    [ye, Oe]
+    [_e, De]
   );
-  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(
+  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) => {
-      Ze.current === e && (!e || t === null) || (Ze.current = e, je?.({
+      qe.current === e && (!e || t === null) || (qe.current = e, Pe?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [je]
+    [Pe]
   ), B = r(
     (e) => {
-      ne.current = e, Ce?.(e);
+      se.current = e, Be?.(e);
     },
-    [Ce]
-  ), se = r(() => F ? {
-    shouldContinuePlayback: ne.current
+    [Be]
+  ), X = r(() => F ? {
+    shouldContinuePlayback: se.current
   } : {
-    shouldContinuePlayback: ur({
-      defaultPlaying: ne.current,
-      isPausedByUser: b.current
+    shouldContinuePlayback: pr({
+      defaultPlaying: se.current,
+      isPausedByUser: k.current
     })
-  }, [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;
+  }, [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;
-  }, []), I = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
+  }, []), G = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
     (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
     0
-  ), []), ot = r(
-    (e) => !o || T ? !1 : g ? !0 : gt(w, e),
-    [o, w, g, T]
-  ), le = r(
-    (e, t) => {
-      const s = ar({
+  ), []), 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,
-        subtitleCues: Ie
+        excludeTarget: s.excludeTarget,
+        tracks: st
       });
-      return s === null || !ot(s) ? null : s;
+      return !u || !xe(
+        f[u.audioIndex],
+        u.timeMs
+      ) || u.audioIndex !== a && (!me || Te && !Te(u)) ? null : u;
     },
-    [ot, Ie]
-  ), Te = r(
+    [
+      f,
+      Te,
+      xe,
+      a,
+      me,
+      st
+    ]
+  ), Re = r(
     (e, t = !1) => {
       const s = Math.max(Number(e), 0);
-      if (!t && pe.current !== null && Math.abs(
-        s - pe.current
-      ) < xr)
+      if (!t && be.current !== null && Math.abs(
+        s - be.current
+      ) < Kr)
         return;
-      pe.current = s;
-      const i = {
-        previous: le("previous", s) !== null,
-        next: le("next", s) !== null
+      be.current = s;
+      const u = {
+        previous: ce("previous", s) !== null,
+        next: ce("next", s) !== null
       };
-      At((p) => p.previous === i.previous && p.next === i.next ? p : i);
+      Ft((b) => b.previous === u.previous && b.next === u.next ? b : u);
     },
-    [le]
+    [ce]
   );
-  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(
+  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 t = Math.max(e, 0);
-      me.current !== t && (me.current = t, ie?.(t), qe.current(t));
+      ye.current !== t && (ye.current = t, Sr({
+        currentAudioIndex: a,
+        currentTimeMs: t,
+        target: ae.current
+      }) && (ae.current = null), oe?.(t), et.current(t));
     },
-    [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)
+    [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 = () => {
-      m();
-      const t = _.current;
+      y();
+      const t = M.current;
       if (!t || t.paused || t.ended) {
-        q.current = null;
+        Y.current = null;
         return;
       }
-      q.current = window.requestAnimationFrame(e);
+      Y.current = window.requestAnimationFrame(e);
     };
-    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(
+    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 t = _.current;
+      const t = M.current;
       if (!t)
         return !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);
+        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;
     },
-    [at, u]
-  ), v = r(
+    [St, l]
+  ), A = r(
     (e, t, s = {}) => {
-      const i = _.current, p = j.current[e];
-      if (!i || !p)
+      const u = M.current, b = j.current[e];
+      if (!u || !b)
         return !1;
-      const J = it(p.audio_data), ge = Math.max(
+      const $ = gt(b.audio_data), Ce = 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
+      K.current = e, m.current = null, v.current = !1, N.current = !0, z.current = "segment", C(
+        G(e) + Ce * 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);
+      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);
     },
     [
-      V,
-      it,
-      I,
-      x,
-      M,
-      u
+      H,
+      gt,
+      G,
+      C,
+      L,
+      l
     ]
-  ), dt = r(
+  ), we = r(
     (e) => {
-      const t = _.current;
-      if (!t || !o || T)
+      const t = M.current;
+      if (!t || !p || x)
         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(
+      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
-      ) ? lr(
+      ) ? yr(
         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,
+      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: p.segmentTimeSeconds,
-            shouldResume: i
+            seekTimeSeconds: b.segmentTimeSeconds,
+            shouldResume: u
           }
         );
-      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);
+      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;
     },
     [
-      o,
-      g,
+      p,
       T,
       x,
-      v,
-      h,
-      M,
-      u,
+      C,
+      A,
+      g,
+      L,
+      l,
       B
     ]
-  ), ae = r(
+  ), ie = r(
     (e) => {
-      const t = le(
+      const t = ce(
         e,
-        be()
+        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 t === null ? !1 : dt(t);
+      return s && (ae.current = t), s;
     },
     [
-      be,
-      le,
-      dt
+      a,
+      ke,
+      X,
+      ce,
+      me,
+      we
     ]
-  ), Q = r(
+  ), ee = r(
     (e) => {
-      h(), l.current = !1, A.current = !1, C.current = !1, m(), d(!1), u(!1), k >= 0 && Ue?.(k);
+      g(), c.current = !1, v.current = !1, N.current = !1, y(), h(!1), l(!1), a >= 0 && $e?.(a);
     },
     [
-      k,
-      Ue,
-      h,
-      m,
-      u
+      a,
+      $e,
+      g,
+      y,
+      l
     ]
-  ), Se = r(
+  ), Me = r(
     (e) => {
-      const t = _.current;
-      return !t || U.current !== "url" || !Dt({
+      const t = M.current;
+      return !t || U.current !== "url" || !lr({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
-      }) ? !1 : (l.current = !1, t.pause(), Q(e), !0);
+      }) ? !1 : (c.current = !1, t.pause(), ee(e), !0);
     },
-    [Q]
-  ), mt = r(() => {
-    const e = K.current + 1, t = j.current, s = t[e], i = de.current, p = t.some((J) => J.is_final);
+    [ee]
+  ), kt = r(() => {
+    const e = K.current + 1, t = j.current, s = t[e], u = he.current, b = t.some(($) => $.is_final);
     if (s) {
-      v(e, "ended");
+      A(e, "ended");
       return;
     }
-    if (i?.isAudioStreaming || !p) {
-      K.current = e, f.current = e, A.current = !0, l.current = L, x(I(e)), d(!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;
     }
-    Q("segments-completed");
+    ee("segments-completed");
   }, [
-    L,
-    Q,
-    I,
-    x,
-    v,
-    u
+    _,
+    ee,
+    G,
+    C,
+    A,
+    l
   ]);
-  y(() => {
-    if ($e.current === Le)
+  S(() => {
+    if (Ie.current === Ee)
       return;
-    $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));
+    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));
   }, [
-    k,
-    Le,
-    w.length,
+    a,
+    Ee,
+    E.length,
+    T,
+    C,
     g,
-    x,
-    h,
-    u
-  ]), y(() => {
-    const e = _.current;
+    l
+  ]), S(() => {
+    const e = M.current;
     if (e) {
-      if (T) {
-        ue.current = !!(de.current && !b.current && (!e.paused || l.current || f.current !== null)), l.current = !1, u(!1), e.pause(), d(!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 (!(!ue.current || !de.current || b.current)) {
-        if (ue.current = !1, f.current !== null) {
-          if (f.current < j.current.length) {
-            v(f.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;
           }
-          l.current = !0, u(!0, "waitingForMoreAudio");
+          c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!E.current && j.current.length > 0) {
-          v(
+        if (!R.current && j.current.length > 0) {
+          A(
             Math.min(
               K.current,
               j.current.length - 1
@@ -465,296 +519,307 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
           );
           return;
         }
-        e.paused && (l.current = !0, M("external-resume"));
+        e.paused && (c.current = !0, L("external-resume"));
       }
     }
   }, [
-    T,
-    v,
-    M,
-    u
-  ]), y(() => {
-    const e = _.current;
+    x,
+    A,
+    L,
+    l
+  ]), S(() => {
+    const e = M.current;
     if (!e)
       return;
-    if (!o) {
-      G();
+    if (!p) {
+      q();
       return;
     }
-    if (T) {
-      l.current = !1, u(!1), e.pause(), d(!1);
+    if (x) {
+      c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const t = nr({
+    const t = mr({
       activeSourceType: U.current,
-      hasAudioUrl: !!g,
-      segmentCount: w.length,
-      preferredSourceType: Z.current,
-      waitingSegmentIndex: f.current
+      hasAudioUrl: !!T,
+      segmentCount: E.length,
+      preferredSourceType: z.current,
+      waitingSegmentIndex: m.current
     });
-    if (t && Z.current !== t && (Z.current = t), t === "url" && g) {
-      const s = E.current !== g, i = V();
+    if (t && z.current !== t && (z.current = t), t === "url" && T) {
+      const s = R.current !== T, u = H();
       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);
+        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 (l.current = i, A.current = !1, C.current = !1, u(!1), !i) {
-        l.current = !1, e.pause(), d(!1);
+      if (c.current = u, v.current = !1, N.current = !1, l(!1), !u) {
+        c.current = !1, e.pause(), h(!1);
         return;
       }
-      M(s ? "sync-url-init" : "sync-url");
+      L(s ? "sync-url-init" : "sync-url");
       return;
     }
-    if (t === "segment" && f.current !== null) {
-      if (f.current < w.length) {
-        if (b.current) {
-          d(!1), u(!1);
+    if (t === "segment" && m.current !== null) {
+      if (m.current < E.length) {
+        if (k.current) {
+          h(!1), l(!1);
           return;
         }
-        v(f.current, "wait-resume");
+        A(m.current, "wait-resume");
         return;
       }
-      A.current = !0, l.current = V(), d(!1), u(V());
+      v.current = !0, c.current = H(), h(!1), l(H());
       return;
     }
-    if (t === "segment" && !w.length) {
-      if (o.isAudioStreaming) {
-        f.current = K.current, A.current = !0, l.current = V(), d(!1), u(V());
+    if (t === "segment" && !E.length) {
+      if (p.isAudioStreaming) {
+        m.current = K.current, v.current = !0, c.current = H(), h(!1), l(H());
         return;
       }
-      G();
+      q();
       return;
     }
-    if (t === "segment" && !E.current) {
-      v(
+    if (t === "segment" && !R.current) {
+      A(
         Math.min(
           K.current,
-          w.length - 1
+          E.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (t !== "segment") {
-      G();
+      q();
       return;
     }
-    if (!L || b.current) {
-      l.current = !1, e.pause(), d(!1);
+    if (!_ || k.current) {
+      c.current = !1, e.pause(), h(!1);
       return;
     }
-    e.paused && (l.current = !0, M("sync-paused-retry"));
+    e.paused && (c.current = !0, L("sync-paused-retry"));
   }, [
-    o,
-    k,
-    w,
-    g,
-    L,
+    p,
+    a,
+    E,
     T,
-    V,
+    _,
     x,
-    G,
-    v,
-    M,
-    ct,
-    u
-  ]), y(() => G, [G]), y(() => h, [h]);
-  const Nt = r(() => {
-    m(), ft(), d(!0), u(!1), Ne?.();
+    H,
+    C,
+    q,
+    A,
+    L,
+    _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));
   }, [
-    Ne,
-    ft,
-    m,
-    u
-  ]), 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"));
+    f,
+    xe,
+    a,
+    we,
+    O
+  ]), S(() => q, [q]), S(() => g, [g]);
+  const Ht = r(() => {
+    y(), xt(), h(!0), l(!1), Oe?.();
   }, [
-    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");
+    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
+  ]), 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]), pt = r(() => {
-    m();
-  }, [m]), Bt = r(() => {
+    l(!0, "loadingAudio");
+  }, [l]), wt = r(() => {
+    y();
+  }, [y]), Xt = r(() => {
     const e = U.current === "url" || j.current.length === 0;
-    if (h(), C.current = !1, e) {
-      Q("url-ended");
+    if (g(), N.current = !1, e) {
+      ee("url-ended");
       return;
     }
-    mt();
-  }, [Q, mt, h]), Ot = r(() => {
-    h(), m(), d(!1), u(!1);
-  }, [h, m, u]), Vt = r(
+    kt();
+  }, [ee, kt, g]), Gt = r(() => {
+    g(), y(), h(!1), l(!1);
+  }, [g, y, l]), Qt = r(
     (e) => {
-      Ke?.(e), D(!1);
+      He?.(e), Q(!1);
     },
-    [Ke]
-  ), Ae = r(() => {
+    [He]
+  ), Ke = r(() => {
     if (F) {
-      const t = !$;
-      return B(t), Fe?.(t), !0;
+      const t = !Z;
+      return B(t), Je?.(t), !0;
     }
-    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(
+    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(
         K.current,
-        w.length - 1
+        E.length - 1
       ),
       "toggle"
-    ), !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);
+    ), !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);
   }, [
-    o,
-    w.length,
-    $,
-    T,
-    he,
-    Fe,
-    v,
-    M,
-    u,
+    p,
+    E.length,
+    Z,
+    x,
+    Se,
+    Je,
+    A,
+    L,
+    l,
     B,
     F
   ]);
-  y(() => {
+  S(() => {
     if (P)
-      return Qt(z);
-  }, [z, P]);
-  const ve = Y(
+      return ir(D);
+  }, [D, P]);
+  const Ue = te(
     () => ({
-      fullscreen: () => te ? (te(), !0) : !1,
-      interaction: () => fe ? (_e && fe(), !0) : !1,
-      next: () => oe ? (we || oe(
-        St(se())
+      fullscreen: () => ne ? (ne(), !0) : !1,
+      interaction: () => pe ? (Le && pe(), !0) : !1,
+      next: () => de ? (je || de(
+        We(X())
       ), !0) : !1,
-      nextSubtitle: () => X.next ? ae("next") : !0,
-      previous: () => ce ? (ke || ce(
-        St(se())
+      nextSubtitle: () => I.next ? ie("next") : !0,
+      previous: () => fe ? (Ae || fe(
+        We(X())
       ), !0) : !1,
-      previousSubtitle: () => X.previous ? ae("previous") : !0,
-      subtitle: () => ee ? (ee(), !0) : !1,
-      togglePlayback: () => (Ae(), !0)
+      previousSubtitle: () => I.previous ? ie("previous") : !0,
+      subtitle: () => re ? (re(), !0) : !1,
+      togglePlayback: () => (Ke(), !0)
     }),
     [
-      se,
-      _e,
-      ae,
-      we,
-      te,
+      X,
+      Le,
+      ie,
+      je,
+      ne,
+      pe,
+      de,
       fe,
-      oe,
-      ce,
-      ee,
-      ke,
-      X.next,
-      X.previous,
-      Ae
+      re,
+      Ae,
+      I.next,
+      I.previous,
+      Ke
     ]
-  ), ht = c(ve);
-  return y(() => {
-    ht.current = ve;
-  }, [ve]), y(() => {
+  ), Mt = o(Ue);
+  return S(() => {
+    Mt.current = Ue;
+  }, [Ue]), S(() => {
     if (!P || typeof document > "u")
       return;
     const e = (t) => {
-      if (!er(z))
+      if (!or(D))
         return;
-      const s = tr(t);
-      if (!s || rr(t, s))
+      const s = fr(t);
+      if (!s || dr(t, s))
         return;
-      let i = !1;
-      const p = ht.current[s];
-      i = p(), i && t.preventDefault();
+      let u = !1;
+      const b = Mt.current[s];
+      u = b(), u && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [z, P]), y(() => {
-    ie?.(me.current);
-  }, [ie]), /* @__PURE__ */ n.jsxs(
+  }, [D, P]), S(() => {
+    oe?.(ye.current);
+  }, [oe]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      ...Lt,
-      "data-slide-player-shortcut-owner": z,
-      className: bt("slide-player", N),
-      onFocusCapture: Ct,
-      onPointerDown: jt,
+      ...Kt,
+      "data-slide-player-shortcut-owner": D,
+      className: Tt("slide-player", d),
+      onFocusCapture: Vt,
+      onPointerDown: Ot,
       children: [
         /* @__PURE__ */ n.jsx(
           "audio",
           {
-            ref: _,
+            ref: M,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: Wt,
-            onLoadedMetadata: Ut,
-            onCanPlay: Kt,
-            onPlay: Nt,
-            onPause: Et,
-            onWaiting: Pt,
-            onSeeking: pt,
-            onSeeked: pt,
-            onTimeUpdate: Ft,
-            onEnded: Bt,
-            onError: Ot
+            onLoadStart: Yt,
+            onLoadedMetadata: Zt,
+            onCanPlay: Jt,
+            onPlay: Ht,
+            onPause: $t,
+            onWaiting: Dt,
+            onSeeking: wt,
+            onSeeked: wt,
+            onTimeUpdate: zt,
+            onEnded: Xt,
+            onError: Gt
           }
         ),
-        Me ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        Ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsx(
-            zt,
+            nr,
             {
-              container: wt,
+              container: Et,
               labels: {
-                closeSettings: a.closeSettingsLabel,
-                fullscreen: a.fullscreenLabel,
-                nonFullscreen: a.nonFullscreenLabel,
-                screen: a.screenLabel,
-                screenMode: a.screenModeLabel,
-                subtitle: a.subtitleLabel,
-                subtitleToggle: a.subtitleToggleAriaLabel,
-                title: a.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: xe,
-              onClose: () => D(!1),
-              onOpenChange: D,
-              onSubtitleToggle: ee ?? (() => {
+              isSubtitleEnabled: ve,
+              onClose: () => Q(!1),
+              onOpenChange: Q,
+              onSubtitleToggle: re ?? (() => {
               }),
-              onViewModeChange: Vt,
-              open: ze,
-              viewMode: kt
+              onViewModeChange: Qt,
+              open: nt,
+              viewMode: Nt
             }
           ),
-          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: vt, 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": ze,
+                  "aria-expanded": nt,
                   "aria-haspopup": "dialog",
-                  "aria-label": a.moreOptionsAriaLabel,
+                  "aria-label": i.moreOptionsAriaLabel,
                   className: "slide-player__action slide-player__action--mobile-more",
                   onClick: () => {
-                    D((e) => !e);
+                    Q((e) => !e);
                   },
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    ir,
+                    gr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -765,104 +830,110 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": a.volumeAriaLabel,
+                  "aria-label": i.volumeAriaLabel,
                   className: "hidden",
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(cr, { 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": a.subtitleToggleAriaLabel,
-                  "aria-keyshortcuts": Qe.ariaKeyShortcuts,
-                  "aria-pressed": xe,
-                  className: "slide-player__action slide-player__action--subtitle",
-                  onClick: ee,
-                  title: Qe.title,
+                  "aria-label": ct,
+                  "aria-keyshortcuts": mt.ariaKeyShortcuts,
+                  className: "slide-player__toggle slide-player__toggle--playback",
+                  onClick: () => {
+                    Ke();
+                  },
+                  title: mt.title,
                   type: "button",
-                  children: xe ? /* @__PURE__ */ n.jsx(or, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                    fr,
-                    {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
-                    }
-                  )
+                  children: Bt ? /* @__PURE__ */ n.jsx(Er, {}) : /* @__PURE__ */ n.jsx(Rr, {})
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-keyshortcuts": tt.ariaKeyShortcuts,
-                  "aria-label": a.previousSubtitleLabel,
-                  className: "slide-player__action slide-player__action--prev-subtitle",
-                  disabled: !X.previous,
+                  "aria-keyshortcuts": ft.ariaKeyShortcuts,
+                  "aria-label": i.previousLabel,
+                  className: "slide-player__action slide-player__action--prev",
+                  disabled: Ae,
                   onClick: () => {
-                    ae("previous");
+                    fe?.(X());
                   },
-                  title: tt.title,
+                  title: ft.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(dr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(xr, { 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: ke,
+                  "aria-keyshortcuts": pt.ariaKeyShortcuts,
+                  "aria-label": i.nextLabel,
+                  className: "slide-player__action slide-player__action--next",
+                  disabled: je,
                   onClick: () => {
-                    ce?.(se());
+                    de?.(X());
                   },
-                  title: et.title,
+                  title: pt.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(mr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(
+                    kr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  )
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": Xe,
-                  "aria-keyshortcuts": rt.ariaKeyShortcuts,
-                  className: "slide-player__toggle slide-player__toggle--playback",
+                  "aria-keyshortcuts": dt.ariaKeyShortcuts,
+                  "aria-label": i.previousSubtitleLabel,
+                  className: "slide-player__action slide-player__action--prev-subtitle",
+                  disabled: !I.previous,
                   onClick: () => {
-                    Ae();
+                    ie("previous");
                   },
-                  title: rt.title,
+                  title: dt.title,
                   type: "button",
-                  children: Rt ? /* @__PURE__ */ n.jsx(gr, {}) : /* @__PURE__ */ n.jsx(_r, {})
+                  children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
               ),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-keyshortcuts": nt.ariaKeyShortcuts,
-                  "aria-label": a.nextLabel,
-                  className: "slide-player__action slide-player__action--next",
-                  disabled: we,
+                  "aria-keyshortcuts": ht.ariaKeyShortcuts,
+                  "aria-label": i.nextSubtitleLabel,
+                  className: "slide-player__action slide-player__action--next-subtitle",
+                  disabled: !I.next,
                   onClick: () => {
-                    oe?.(se());
+                    ie("next");
                   },
-                  title: nt.title,
+                  title: ht.title,
                   type: "button",
-                  children: /* @__PURE__ */ n.jsx(pr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                  children: /* @__PURE__ */ n.jsx(
+                    Mr,
+                    {
+                      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,
+                  "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(
-                    hr,
+                  children: ve ? /* @__PURE__ */ n.jsx(Cr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                    Tr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -870,23 +941,23 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
                   )
                 }
               ),
-              te ? /* @__PURE__ */ n.jsx(
+              ne ? /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": Ge,
-                  "aria-keyshortcuts": st.ariaKeyShortcuts,
+                  "aria-label": it,
+                  "aria-keyshortcuts": yt.ariaKeyShortcuts,
                   className: "slide-player__action slide-player__action--fullscreen",
-                  onClick: te,
-                  title: st.title,
+                  onClick: ne,
+                  title: yt.title,
                   type: "button",
-                  children: Ee ? /* @__PURE__ */ n.jsx(
-                    yr,
+                  children: Ve ? /* @__PURE__ */ n.jsx(
+                    Lr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
                     }
                   ) : /* @__PURE__ */ n.jsx(
-                    br,
+                    vr,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -897,22 +968,22 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
             ] }),
             /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
             /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-              Ye.map((e, t) => /* @__PURE__ */ n.jsx(Ht.Fragment, { children: e }, `custom-action-${t}`)),
+              lt.map((e, t) => /* @__PURE__ */ n.jsx(qt.Fragment, { children: e }, `custom-action-${t}`)),
               /* @__PURE__ */ n.jsx(
                 "button",
                 {
-                  "aria-label": a.notesLabel,
-                  "aria-keyshortcuts": lt.ariaKeyShortcuts,
-                  className: bt(
+                  "aria-label": i.notesLabel,
+                  "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                  className: Tt(
                     "slide-player__action slide-player__action--notes",
-                    re && "slide-player__action--active"
+                    ue && "slide-player__action--active"
                   ),
-                  disabled: !_e,
-                  onClick: fe,
-                  title: lt.title,
+                  disabled: !Le,
+                  onClick: pe,
+                  title: bt.title,
                   type: "button",
                   children: /* @__PURE__ */ n.jsx(
-                    Sr,
+                    Ar,
                     {
                       className: "slide-player__icon",
                       strokeWidth: 2.25
@@ -926,9 +997,9 @@ const _t = /* @__PURE__ */ new Map(), xt = (R) => {
       ]
     }
   );
-}, Mr = $t(wr);
-Mr.displayName = "Player";
+}, Wr = er(Fr);
+Wr.displayName = "Player";
 export {
-  Mr as default
+  Wr as default
 };
 //# sourceMappingURL=Player.es.js.map