markdown-flow-ui 0.1.128 → 0.2.0

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 rr, { memo as nr, useId as ur, useContext as sr, useRef as o, useState as Fe, useMemo as te, useCallback as r, useEffect as S } from "react";
+import { cn as Lt } from "../../lib/utils.es.js";
+import lr from "./MobilePlayerSettingsSheet.es.js";
+import { getSlidePlayerTexts as ar } from "./slideI18n.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as cr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as ir } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as or } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as fr, registerPlayerKeyboardShortcutOwner as dr, isActivePlayerKeyboardShortcutOwner as mr, getPlayerKeyboardShortcutAction as pr, shouldIgnorePlayerKeyboardShortcutEvent as hr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as yr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as br } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Sr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as Pe } from "./utils/playerNavigationContext.es.js";
+import { isPlaybackTimeCoveredBySegments as vt, resolveSegmentSeekTarget as gr } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as At } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as _r, shouldClearSubtitleCueJumpTarget as xr } 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 kr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import wr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import Mr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import Cr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Tr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Lr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import vr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Ar from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import jr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import Nr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Rr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
+  if (typeof window > "u" || !f || jt.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(), jt.set(f, d);
+}, Er = (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);
+}), Kr = (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 ?? []
+    }))
+  };
+}, Ur = () => /* @__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(
+), Fr = () => /* @__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,425 @@ 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,
+}, Pr = 250, Wr = (f, d) => f ? `${f} (${d})` : d, Br = ({
+  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: We,
+  onPlaybackPreferenceChange: Be,
+  onPlaybackStarted: Oe,
+  onPlaybackTimeChange: oe,
+  onSubtitleToggle: re,
+  onPrev: fe,
+  onNext: de,
+  onSubtitleJump: me,
+  canJumpToSubtitleTarget: Te,
+  onFullscreen: ne,
+  isFullscreen: Ve = !1,
+  mobileViewMode: Rt = cr,
+  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,
+  onControlsPointerEnter: Kt,
+  onControlsPointerLeave: Ut,
+  enableKeyboardShortcuts: Ft = !0,
+  subtitleSeekRequest: O = null,
+  customActions: Ze,
+  customActionContext: ze,
+  locale: Ye,
+  texts: De,
+  onFocusCapture: Ge,
+  onPointerDown: Qe,
+  ...Pt
 }) => {
-  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 Wt = ur(), Xe = sr(or), M = o(null), qe = o(ue), E = o(null), Ie = o(null), K = o(0), m = o(null), he = o(void 0), j = o([]), se = o(
+    F ? Z : _
+  ), le = o(!1), et = 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), tt = o(() => {
+  }), be = o(null), ae = o(null), rt = o(null), nt = o(null), P = o("unknown"), [Se, h] = Fe(_), [ut, X] = Fe(!1), [q, Bt] = 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 = Xe?.ownerId ?? Wt, W = Ft && (Xe?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, T = p?.audioUrl, st = p?.audioSegments, Ot = st?.length ?? 0, R = te(
+    () => At(p),
+    [p, Ot, st]
+  );
+  let ge = nt.current;
+  Er(f, ge) || (ge = Kr(f), nt.current = ge);
+  const lt = ge.tracks, at = te(
+    () => Sr(Ze, ze),
+    [ze, Ze]
+  ), ct = at.length + 7, Vt = te(
     () => ({
-      "--slide-player-mobile-control-count": String(De)
+      "--slide-player-mobile-control-count": String(ct)
     }),
-    [De]
-  ), a = Y(
+    [ct]
+  ), i = te(
     () => ({
-      ...It,
-      ...Be
+      ...ar(Ye),
+      ...De
     }),
-    [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, De]
+  ), Re = te(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Ht = F ? Z : Se, it = F ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : Se ? i.pauseLabel : i.playLabel, ot = Ve ? i.exitFullscreenLabel : i.enterFullscreenLabel, V = r(
     (e, t, s) => ({
-      ariaKeyShortcuts: P ? s : void 0,
-      title: P ? kr(e, t) : e
+      ariaKeyShortcuts: W ? s : void 0,
+      title: W ? Wr(e, t) : e
     }),
-    [P]
-  ), Qe = O(
-    a.subtitleToggleAriaLabel,
-    H.subtitle,
+    [W]
+  ), ft = V(
+    i.subtitleToggleAriaLabel,
+    J.subtitle,
     "c"
-  ), et = O(
-    a.previousLabel,
-    H.previous,
+  ), dt = V(
+    i.previousLabel,
+    J.previous,
     "ArrowLeft"
-  ), tt = O(
-    a.previousSubtitleLabel,
-    H.previousSubtitle,
+  ), mt = V(
+    i.previousSubtitleLabel,
+    J.previousSubtitle,
     "Shift+ArrowLeft"
-  ), rt = O(
-    Xe,
-    H.playback,
+  ), pt = V(
+    it,
+    J.playback,
     "Space"
-  ), nt = O(
-    a.nextLabel,
-    H.next,
+  ), ht = V(
+    i.nextLabel,
+    J.next,
     "ArrowRight"
-  ), ut = O(
-    a.nextSubtitleLabel,
-    H.nextSubtitle,
+  ), yt = V(
+    i.nextSubtitleLabel,
+    J.nextSubtitle,
     "Shift+ArrowRight"
-  ), st = O(
-    Ge,
-    H.fullscreen,
+  ), bt = V(
+    ot,
+    J.fullscreen,
     "f"
-  ), lt = O(
-    a.notesLabel,
-    H.notes,
+  ), St = V(
+    i.notesLabel,
+    J.notes,
     "n"
-  ), ye = r(() => {
-    P && Gt(z);
-  }, [z, P]), jt = r(
+  ), _e = r(() => {
+    W && fr(D);
+  }, [D, W]), $t = r(
     (e) => {
-      ye(), Ve?.(e);
+      _e(), Qe?.(e);
     },
-    [ye, Ve]
-  ), Ct = r(
+    [_e, Qe]
+  ), Jt = r(
     (e) => {
-      ye(), Oe?.(e);
+      _e(), Ge?.(e);
     },
-    [ye, Oe]
+    [_e, Ge]
   );
-  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 || X(!1);
+  }, [Ne]), S(() => {
+    !qe.current && ue && X(!1), qe.current = ue;
+  }, [ue]), S(() => {
+    j.current = R;
+  }, [R]), S(() => {
+    const e = p?.audioUrl, t = a >= 0 ? f[a + 1]?.audioUrl : void 0;
+    Nt(e), Nt(t);
+  }, [f, p?.audioUrl, a]);
+  const l = r(
     (e, t = null) => {
-      Ze.current === e && (!e || t === null) || (Ze.current = e, je?.({
+      et.current === e && (!e || t === null) || (et.current = e, We?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [je]
+    [We]
   ), B = r(
     (e) => {
-      ne.current = e, Ce?.(e);
+      se.current = e, Be?.(e);
     },
-    [Ce]
-  ), se = r(() => F ? {
-    shouldContinuePlayback: ne.current
+    [Be]
+  ), G = r(() => F ? {
+    shouldContinuePlayback: se.current
   } : {
-    shouldContinuePlayback: ur({
-      defaultPlaying: ne.current,
-      isPausedByUser: b.current
+    shouldContinuePlayback: br({
+      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]), gt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => _ && !x && !k.current && P.current !== "blocked", [_, x]), _t = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xt = 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(
+  }, []), Q = 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 : vt(
+      At(e),
+      t
+    ),
+    [x]
+  ), ce = r(
+    (e, t, s = {}) => {
+      const u = _r({
+        currentAudioIndex: a,
         currentTimeMs: t,
         direction: e,
-        subtitleCues: Ie
+        excludeTarget: s.excludeTarget,
+        tracks: lt
       });
-      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,
+      lt
+    ]
+  ), Ee = 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
+      ) < Pr)
         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);
+      Bt((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(() => {
+    tt.current = Ee, Ee(ye.current, !0);
+  }, [Ee]);
+  const ke = r(() => {
+    const e = M.current;
+    return e ? U.current === "segment" ? Q(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 ? Q(m.current) : 0;
+  }, [Q]), 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, xr({
+        currentAudioIndex: a,
+        currentTimeMs: t,
+        target: ae.current
+      }) && (ae.current = null), oe?.(t), tt.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);
+  }, []), kt = 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]), I = 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(), E.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);
+        P.current === "unknown" && (P.current = "auto"), c.current = !1, N.current = !1;
+      }).catch((u) => {
+        P.current === "unknown" && gt(u) && (P.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
       }), !0;
     },
-    [at, u]
-  ), v = r(
+    [gt, 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 $ = _t(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(
+        Q(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 Tt = s.shouldResume ?? H();
+      c.current = Tt, l(!1);
+      const tr = E.current !== $;
+      return U.current = "segment", tr && (u.pause(), u.removeAttribute("src"), u.load(), E.current = $, u.src = $, u.load()), w.current = Ce, u.readyState > 0 && (u.currentTime = Ce, w.current = null), Tt ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, u.pause(), h(!1), !0);
     },
     [
-      V,
-      it,
-      I,
-      x,
-      M,
-      u
+      H,
+      _t,
+      Q,
+      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 = vt(
         j.current,
         s
-      ) ? lr(
+      ) ? gr(
         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 && (P.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 E.current !== T && (t.pause(), t.removeAttribute("src"), t.load(), E.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
+        }
       );
-      return t === null ? !1 : dt(t);
+      if (t === null)
+        return !1;
+      if (t.audioIndex === a) {
+        const u = we(t.timeMs);
+        return u && (ae.current = t), u;
+      }
+      const s = !!me?.(
+        t,
+        Pe(G())
+      );
+      return s && (ae.current = t), s;
     },
     [
-      be,
-      le,
-      dt
+      a,
+      ke,
+      G,
+      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" || !ir({
         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]
+  ), wt = 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(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
-    Q("segments-completed");
+    ee("segments-completed");
   }, [
-    L,
+    _,
+    ee,
     Q,
-    I,
-    x,
-    v,
-    u
+    C,
+    A,
+    l
   ]);
-  y(() => {
-    if ($e.current === Le)
+  S(() => {
+    if (Ie.current === Re)
       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 = Re, 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, E.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,
+    Re,
+    R.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(
+          A(
             Math.min(
               K.current,
               j.current.length - 1
@@ -465,470 +522,496 @@ 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) {
+      I();
       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 = yr({
       activeSourceType: U.current,
-      hasAudioUrl: !!g,
-      segmentCount: w.length,
-      preferredSourceType: Z.current,
-      waitingSegmentIndex: f.current
+      hasAudioUrl: !!T,
+      segmentCount: R.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 = E.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 ? xt() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), E.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 < R.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" && !R.length) {
+      if (p.isAudioStreaming) {
+        m.current = K.current, v.current = !0, c.current = H(), h(!1), l(H());
         return;
       }
-      G();
+      I();
       return;
     }
     if (t === "segment" && !E.current) {
-      v(
+      A(
         Math.min(
           K.current,
-          w.length - 1
+          R.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (t !== "segment") {
-      G();
+      I();
       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,
+    R,
     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,
+    I,
+    A,
+    L,
+    xt,
+    l
+  ]), S(() => {
+    if (!O || O.id === rt.current || O.audioIndex !== a)
+      return;
+    const e = f[O.audioIndex];
+    xe(e, O.timeMs) && (rt.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(() => I, [I]), S(() => g, [g]);
+  const Zt = r(() => {
+    y(), kt(), 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,
+    kt,
+    y,
+    l
+  ]), zt = r(() => {
+    v.current || N.current || (g(), y(), h(!1));
+  }, [a, g, y]), Yt = 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
+  ]), Dt = r(() => {
+    const e = M.current;
+    e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), Me("metadata-seek-finished");
+  }, [a, Me, y]), Gt = r(() => {
+    y();
+  }, [y]), Qt = r(() => {
+    v.current || l(!0, "loadingAudio");
+  }, [l]), Xt = r(() => {
+    if (v.current) {
+      l(!0, "waitingForMoreAudio");
       return;
     }
-    u(!0, "loadingAudio");
-  }, [u]), pt = r(() => {
-    m();
-  }, [m]), Bt = r(() => {
+    l(!0, "loadingAudio");
+  }, [l]), Mt = r(() => {
+    y();
+  }, [y]), qt = 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(
+    wt();
+  }, [ee, wt, g]), It = r(() => {
+    g(), y(), h(!1), l(!1);
+  }, [g, y, l]), er = r(
     (e) => {
-      Ke?.(e), D(!1);
+      He?.(e), X(!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), P.current = "manual", k.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && R.length > 0 ? (B(!0), P.current = "manual", k.current = !1, A(
       Math.min(
         K.current,
-        w.length - 1
+        R.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), P.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,
+    R.length,
+    Z,
+    x,
+    Se,
+    Je,
+    A,
+    L,
+    l,
     B,
     F
   ]);
-  y(() => {
-    if (P)
-      return Qt(z);
-  }, [z, P]);
-  const ve = Y(
+  S(() => {
+    if (W)
+      return dr(D);
+  }, [D, W]);
+  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(
+        Pe(G())
       ), !0) : !1,
-      nextSubtitle: () => X.next ? ae("next") : !0,
-      previous: () => ce ? (ke || ce(
-        St(se())
+      nextSubtitle: () => q.next ? ie("next") : !0,
+      previous: () => fe ? (Ae || fe(
+        Pe(G())
       ), !0) : !1,
-      previousSubtitle: () => X.previous ? ae("previous") : !0,
-      subtitle: () => ee ? (ee(), !0) : !1,
-      togglePlayback: () => (Ae(), !0)
+      previousSubtitle: () => q.previous ? ie("previous") : !0,
+      subtitle: () => re ? (re(), !0) : !1,
+      togglePlayback: () => (Ke(), !0)
     }),
     [
-      se,
-      _e,
-      ae,
-      we,
-      te,
+      G,
+      Le,
+      ie,
+      je,
+      ne,
+      pe,
+      de,
       fe,
-      oe,
-      ce,
-      ee,
-      ke,
-      X.next,
-      X.previous,
-      Ae
+      re,
+      Ae,
+      q.next,
+      q.previous,
+      Ke
     ]
-  ), ht = c(ve);
-  return y(() => {
-    ht.current = ve;
-  }, [ve]), y(() => {
-    if (!P || typeof document > "u")
+  ), Ct = o(Ue);
+  return S(() => {
+    Ct.current = Ue;
+  }, [Ue]), S(() => {
+    if (!W || typeof document > "u")
       return;
     const e = (t) => {
-      if (!er(z))
+      if (!mr(D))
         return;
-      const s = tr(t);
-      if (!s || rr(t, s))
+      const s = pr(t);
+      if (!s || hr(t, s))
         return;
-      let i = !1;
-      const p = ht.current[s];
-      i = p(), i && t.preventDefault();
+      let u = !1;
+      const b = Ct.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, W]), 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,
+      ...Pt,
+      "data-slide-player-shortcut-owner": D,
+      className: Lt("slide-player", d),
+      onFocusCapture: Jt,
+      onPointerDown: $t,
       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: Qt,
+            onLoadedMetadata: Dt,
+            onCanPlay: Yt,
+            onPlay: Zt,
+            onPause: zt,
+            onWaiting: Xt,
+            onSeeking: Mt,
+            onSeeked: Mt,
+            onTimeUpdate: Gt,
+            onEnded: qt,
+            onError: It
           }
         ),
-        Me ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        Ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsx(
-            zt,
+            lr,
             {
-              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: () => X(!1),
+              onOpenChange: X,
+              onSubtitleToggle: re ?? (() => {
               }),
-              onViewModeChange: Vt,
-              open: ze,
-              viewMode: kt
+              onViewModeChange: er,
+              open: ut,
+              viewMode: Rt
             }
           ),
-          /* @__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": ze,
-                  "aria-haspopup": "dialog",
-                  "aria-label": a.moreOptionsAriaLabel,
-                  className: "slide-player__action slide-player__action--mobile-more",
-                  onClick: () => {
-                    D((e) => !e);
-                  },
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    ir,
+          /* @__PURE__ */ n.jsxs(
+            "div",
+            {
+              className: "slide-player__controls",
+              onPointerEnter: Kt,
+              onPointerLeave: Ut,
+              style: Vt,
+              children: [
+                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-expanded": ut,
+                      "aria-haspopup": "dialog",
+                      "aria-label": i.moreOptionsAriaLabel,
+                      className: "slide-player__action slide-player__action--mobile-more",
+                      onClick: () => {
+                        X((e) => !e);
+                      },
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        kr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": a.volumeAriaLabel,
-                  className: "hidden",
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(cr, { 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,
-                  type: "button",
-                  children: xe ? /* @__PURE__ */ n.jsx(or, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                    fr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": i.volumeAriaLabel,
+                      className: "hidden",
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "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: ke,
-                  onClick: () => {
-                    ce?.(se());
-                  },
-                  title: et.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(mr, { 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",
-                  onClick: () => {
-                    Ae();
-                  },
-                  title: rt.title,
-                  type: "button",
-                  children: Rt ? /* @__PURE__ */ n.jsx(gr, {}) : /* @__PURE__ */ n.jsx(_r, {})
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-keyshortcuts": nt.ariaKeyShortcuts,
-                  "aria-label": a.nextLabel,
-                  className: "slide-player__action slide-player__action--next",
-                  disabled: we,
-                  onClick: () => {
-                    oe?.(se());
-                  },
-                  title: nt.title,
-                  type: "button",
-                  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,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": it,
+                      "aria-keyshortcuts": pt.ariaKeyShortcuts,
+                      className: "slide-player__toggle slide-player__toggle--playback",
+                      onClick: () => {
+                        Ke();
+                      },
+                      title: pt.title,
+                      type: "button",
+                      children: Ht ? /* @__PURE__ */ n.jsx(Ur, {}) : /* @__PURE__ */ n.jsx(Fr, {})
                     }
-                  )
-                }
-              ),
-              te ? /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": Ge,
-                  "aria-keyshortcuts": st.ariaKeyShortcuts,
-                  className: "slide-player__action slide-player__action--fullscreen",
-                  onClick: te,
-                  title: st.title,
-                  type: "button",
-                  children: Ee ? /* @__PURE__ */ n.jsx(
-                    yr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-keyshortcuts": dt.ariaKeyShortcuts,
+                      "aria-label": i.previousLabel,
+                      className: "slide-player__action slide-player__action--prev",
+                      disabled: Ae,
+                      onClick: () => {
+                        fe?.(G());
+                      },
+                      title: dt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(Mr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
-                  ) : /* @__PURE__ */ n.jsx(
-                    br,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-keyshortcuts": ht.ariaKeyShortcuts,
+                      "aria-label": i.nextLabel,
+                      className: "slide-player__action slide-player__action--next",
+                      disabled: je,
+                      onClick: () => {
+                        de?.(G());
+                      },
+                      title: ht.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Cr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-keyshortcuts": mt.ariaKeyShortcuts,
+                      "aria-label": i.previousSubtitleLabel,
+                      className: "slide-player__action slide-player__action--prev-subtitle",
+                      disabled: !q.previous,
+                      onClick: () => {
+                        ie("previous");
+                      },
+                      title: mt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(Tr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                    }
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-keyshortcuts": yt.ariaKeyShortcuts,
+                      "aria-label": i.nextSubtitleLabel,
+                      className: "slide-player__action slide-player__action--next-subtitle",
+                      disabled: !q.next,
+                      onClick: () => {
+                        ie("next");
+                      },
+                      title: yt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Lr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-label": i.subtitleToggleAriaLabel,
+                      "aria-keyshortcuts": ft.ariaKeyShortcuts,
+                      "aria-pressed": ve,
+                      className: "slide-player__action slide-player__action--subtitle",
+                      onClick: re,
+                      title: ft.title,
+                      type: "button",
+                      children: ve ? /* @__PURE__ */ n.jsx(vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                        Ar,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
-                  )
-                }
-              ) : null
-            ] }),
-            /* @__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}`)),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": a.notesLabel,
-                  "aria-keyshortcuts": lt.ariaKeyShortcuts,
-                  className: bt(
-                    "slide-player__action slide-player__action--notes",
-                    re && "slide-player__action--active"
                   ),
-                  disabled: !_e,
-                  onClick: fe,
-                  title: lt.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    Sr,
+                  ne ? /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-label": ot,
+                      "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                      className: "slide-player__action slide-player__action--fullscreen",
+                      onClick: ne,
+                      title: bt.title,
+                      type: "button",
+                      children: Ve ? /* @__PURE__ */ n.jsx(
+                        jr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      ) : /* @__PURE__ */ n.jsx(
+                        Nr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ) : null
+                ] }),
+                /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
+                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
+                  at.map((e, t) => /* @__PURE__ */ n.jsx(rr.Fragment, { children: e }, `custom-action-${t}`)),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": i.notesLabel,
+                      "aria-keyshortcuts": St.ariaKeyShortcuts,
+                      className: Lt(
+                        "slide-player__action slide-player__action--notes",
+                        ue && "slide-player__action--active"
+                      ),
+                      disabled: !Le,
+                      onClick: pe,
+                      title: St.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Rr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ] })
-          ] })
+                ] })
+              ]
+            }
+          )
         ] }) : null
       ]
     }
   );
-}, Mr = $t(wr);
-Mr.displayName = "Player";
+}, Or = nr(Br);
+Or.displayName = "Player";
 export {
-  Mr as default
+  Or as default
 };
 //# sourceMappingURL=Player.es.js.map