markdown-flow-ui 0.1.124 → 0.1.125

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

@@ -1,29 +1,31 @@
-import { j as t } from "../../_virtual/jsx-runtime.es.js";
-import sr, { memo as lr, useRef as a, useState as Ce, useMemo as Y, useEffect as x, useCallback as u } from "react";
-import { cn as Le } from "../../lib/utils.es.js";
-import ar from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as cr } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as ir } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as or } from "./utils/audioCompletion.es.js";
-import { resolveAudioPlaybackSourceType as fr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as dr } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as mr } from "./utils/playerCustomActions.es.js";
+import { j as n } from "../../_virtual/jsx-runtime.es.js";
+import jr, { memo as Rr, useId as Er, useContext as Cr, useRef as c, useState as nr, useMemo as G, useCallback as t, useEffect as m } from "react";
+import { cn as ur } from "../../lib/utils.es.js";
+import Nr from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as vr } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as Tr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as Kr } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as Ur } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as Fr, registerPlayerKeyboardShortcutOwner as Pr, isActivePlayerKeyboardShortcutOwner as Wr, getPlayerKeyboardShortcutAction as Or, shouldIgnorePlayerKeyboardShortcutEvent as Br } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as Vr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as Hr } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as $r } from "./utils/playerCustomActions.es.js";
 /* empty css              */
-import pr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import hr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import yr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import gr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import _r from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import br from "../../node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import xr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import Sr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import wr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const ve = /* @__PURE__ */ new Map(), Fe = (R) => {
-  if (typeof window > "u" || !R || ve.has(R))
+import Zr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import qr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import zr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Yr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import Dr from "../../node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import Xr from "../../node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import Gr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import Jr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Qr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const ar = /* @__PURE__ */ new Map(), sr = (k) => {
+  if (typeof window > "u" || !k || ar.has(k))
     return;
-  const U = window.document.createElement("audio");
-  U.preload = "auto", U.setAttribute("playsinline", "true"), U.src = R, U.load(), ve.set(R, U);
-}, Mr = () => /* @__PURE__ */ t.jsxs(
+  const j = window.document.createElement("audio");
+  j.preload = "auto", j.setAttribute("playsinline", "true"), j.src = k, j.load(), ar.set(k, j);
+}, Ir = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -32,17 +34,17 @@ const ve = /* @__PURE__ */ new Map(), Fe = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ n.jsx(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ t.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), kr = () => /* @__PURE__ */ t.jsxs(
+), et = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -51,320 +53,372 @@ const ve = /* @__PURE__ */ new Map(), Fe = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ n.jsx(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ t.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ n.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), jr = ({
-  audioList: R = [],
-  className: U,
-  currentAudioIndex: m = -1,
+), J = {
+  fullscreen: "F",
+  next: "→",
+  notes: "N",
+  playback: "Space",
+  previous: "←",
+  subtitle: "C"
+}, rt = (k, j) => k ? `${k} (${j})` : j, tt = ({
+  audioList: k = [],
+  className: j,
+  currentAudioIndex: h = -1,
   defaultPlaying: g = !0,
-  isPlaybackPaused: P = !1,
-  isAutoAdvanceEnabled: $ = !0,
-  useAutoAdvanceToggle: T = !1,
-  onLoadingChange: le,
-  onPlaybackPreferenceChange: ae,
-  onPlaybackStarted: ce,
-  onPlaybackTimeChange: G,
-  onSubtitleToggle: ie,
-  onPrev: Ue,
-  onNext: Pe,
-  onFullscreen: oe,
-  isFullscreen: fe = !1,
-  mobileViewMode: We = ir,
-  settingsPortalContainer: Ve,
-  onMobileViewModeChange: de,
-  onEnded: me,
-  onAutoAdvanceToggle: Be,
-  onInteractionToggle: Ze,
-  hasInteraction: $e = !1,
-  isInteractionOpen: D = !1,
-  isSubtitleEnabled: re = !0,
-  prevDisabled: He = !1,
-  nextDisabled: Ke = !1,
-  showControls: te = !0,
-  customActions: pe,
-  customActionContext: he,
-  texts: ye,
-  ...Oe
+  isPlaybackPaused: K = !1,
+  isAutoAdvanceEnabled: O = !0,
+  useAutoAdvanceToggle: N = !1,
+  onLoadingChange: xe,
+  onPlaybackPreferenceChange: ke,
+  onPlaybackStarted: Me,
+  onPlaybackTimeChange: ne,
+  onSubtitleToggle: Q,
+  onPrev: ue,
+  onNext: ae,
+  onFullscreen: I,
+  isFullscreen: Le = !1,
+  mobileViewMode: lr = Tr,
+  settingsPortalContainer: cr,
+  onMobileViewModeChange: Ae,
+  onEnded: je,
+  onAutoAdvanceToggle: Re,
+  onInteractionToggle: se,
+  hasInteraction: me = !1,
+  isInteractionOpen: ee = !1,
+  isSubtitleEnabled: pe = !0,
+  prevDisabled: he = !1,
+  nextDisabled: ye = !1,
+  showControls: be = !0,
+  enableKeyboardShortcuts: or = !0,
+  customActions: Ee,
+  customActionContext: Ce,
+  texts: Ne,
+  onFocusCapture: ve,
+  onPointerDown: Te,
+  ...ir
 }) => {
-  const p = a(null), ge = a(D), C = a(null), _e = a(null), S = a(0), c = a(null), J = a(void 0), j = a([]), Q = a(
-    T ? $ : g
-  ), X = a(!1), be = a(!1), h = a(!1), L = a(null), H = a(null), _ = a(!1), s = a(!1), y = a(null), w = a(!1), W = a(null), ne = a(0), v = a("unknown"), [ue, o] = Ce(g), [xe, K] = Ce(!1), f = m >= 0 ? R[m] : void 0, V = f?.audioUrl, M = Y(
-    () => [...f?.audioSegments ?? []].sort(
+  const fr = Er(), Ke = Cr(Ur), y = c(null), Ue = c(ee), U = c(null), Fe = c(null), R = c(0), o = c(null), le = c(void 0), v = c([]), ce = c(
+    N ? O : g
+  ), re = c(!1), Pe = c(!1), b = c(!1), F = c(null), q = c(null), _ = c(!1), s = c(!1), S = c(null), E = c(!1), B = c(null), Se = c(0), P = c("unknown"), [oe, f] = nr(g), [We, z] = nr(!1), V = Ke?.ownerId ?? fr, T = or && (Ke?.enabled ?? !0), d = h >= 0 ? k[h] : void 0, H = d?.audioUrl, M = G(
+    () => [...d?.audioSegments ?? []].sort(
       (e, r) => e.segment_index - r.segment_index
     ),
-    [f?.audioSegments]
-  ), Se = Y(
-    () => mr(pe, he),
-    [he, pe]
-  ), we = Se.length + 5, qe = Y(
+    [d?.audioSegments]
+  ), Oe = G(
+    () => $r(Ee, Ce),
+    [Ce, Ee]
+  ), Be = Oe.length + 5, dr = G(
     () => ({
-      "--slide-player-mobile-control-count": String(we)
+      "--slide-player-mobile-control-count": String(Be)
     }),
-    [we]
-  ), B = Y(
+    [Be]
+  ), l = G(
     () => ({
-      ...cr,
-      ...ye
+      ...vr,
+      ...Ne
     }),
-    [ye]
-  ), se = Y(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), ze = T ? $ : ue, De = T ? $ ? "Pause autoplay" : "Play autoplay" : ue ? "Pause" : "Play";
-  x(() => {
-    J.current = f;
-  }, [f]), x(() => {
-    Q.current = T ? $ : g;
-  }, [g, $, T]), x(() => {
-    te || K(!1);
-  }, [te]), x(() => {
-    !ge.current && D && K(!1), ge.current = D;
-  }, [D]), x(() => {
-    j.current = M;
-  }, [M]), x(() => {
-    const e = f?.audioUrl, r = m >= 0 ? R[m + 1]?.audioUrl : void 0;
-    Fe(e), Fe(r);
-  }, [R, f?.audioUrl, m]);
-  const n = u(
+    [Ne]
+  ), ge = G(() => d ? d.audioKey ?? `${String(d.sequenceNumber ?? "none")}:${String(d.audioUrl ?? "")}` : "none", [d]), mr = N ? O : oe, Ve = N ? O ? l.pauseAutoplayLabel : l.playAutoplayLabel : oe ? l.pauseLabel : l.playLabel, He = Le ? l.exitFullscreenLabel : l.enterFullscreenLabel, Y = t(
+    (e, r, a) => ({
+      ariaKeyShortcuts: T ? a : void 0,
+      title: T ? rt(e, r) : e
+    }),
+    [T]
+  ), $e = Y(
+    l.subtitleToggleAriaLabel,
+    J.subtitle,
+    "c"
+  ), Ze = Y(
+    l.previousLabel,
+    J.previous,
+    "ArrowLeft"
+  ), qe = Y(
+    Ve,
+    J.playback,
+    "Space"
+  ), ze = Y(
+    l.nextLabel,
+    J.next,
+    "ArrowRight"
+  ), Ye = Y(
+    He,
+    J.fullscreen,
+    "f"
+  ), De = Y(
+    l.notesLabel,
+    J.notes,
+    "n"
+  ), ie = t(() => {
+    T && Fr(V);
+  }, [V, T]), pr = t(
+    (e) => {
+      ie(), Te?.(e);
+    },
+    [ie, Te]
+  ), hr = t(
+    (e) => {
+      ie(), ve?.(e);
+    },
+    [ie, ve]
+  );
+  m(() => {
+    le.current = d;
+  }, [d]), m(() => {
+    ce.current = N ? O : g;
+  }, [g, O, N]), m(() => {
+    be || z(!1);
+  }, [be]), m(() => {
+    !Ue.current && ee && z(!1), Ue.current = ee;
+  }, [ee]), m(() => {
+    v.current = M;
+  }, [M]), m(() => {
+    const e = d?.audioUrl, r = h >= 0 ? k[h + 1]?.audioUrl : void 0;
+    sr(e), sr(r);
+  }, [k, d?.audioUrl, h]);
+  const u = t(
     (e, r = null) => {
-      be.current === e && (!e || r === null) || (be.current = e, le?.({
+      Pe.current === e && (!e || r === null) || (Pe.current = e, xe?.({
         loading: e,
         reason: e ? r : null
       }));
     },
-    [le]
-  ), O = u(
+    [xe]
+  ), $ = t(
     (e) => {
-      Q.current = e, ae?.(e);
+      ce.current = e, ke?.(e);
     },
-    [ae]
-  ), Me = u(() => T ? {
-    shouldContinuePlayback: Q.current
+    [ke]
+  ), te = t(() => N ? {
+    shouldContinuePlayback: ce.current
   } : {
-    shouldContinuePlayback: dr({
-      defaultPlaying: Q.current,
-      isPausedByUser: h.current
+    shouldContinuePlayback: Hr({
+      defaultPlaying: ce.current,
+      isPausedByUser: b.current
     })
-  }, [T]), ke = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), F = u(() => g && !P && !h.current && v.current !== "blocked", [g, P]), je = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Ee = u(() => {
-    const e = c.current;
-    return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
-      (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
+  }, [N]), Xe = t((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), W = t(() => g && !K && !b.current && P.current !== "blocked", [g, K]), Ge = t((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Je = t(() => {
+    const e = o.current;
+    return e == null || e <= 0 ? 0 : v.current.slice(0, e).reduce(
+      (r, a) => r + Math.max(Number(a.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), Z = u((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
-    (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
+  }, []), Z = t((e) => e <= 0 ? 0 : v.current.slice(0, e).reduce(
+    (r, a) => r + Math.max(Number(a.duration_ms ?? 0), 0),
     0
-  ), []), Ne = u(() => {
-    const e = p.current;
-    return e ? L.current === "segment" ? Z(S.current) + Math.max(e.currentTime, 0) * 1e3 : y.current !== null && e.readyState === 0 ? y.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : c.current != null ? Z(c.current) : 0;
-  }, [Z]), b = u(
+  ), []), Qe = t(() => {
+    const e = y.current;
+    return e ? F.current === "segment" ? Z(R.current) + Math.max(e.currentTime, 0) * 1e3 : S.current !== null && e.readyState === 0 ? S.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : o.current != null ? Z(o.current) : 0;
+  }, [Z]), w = t(
     (e) => {
       const r = Math.max(e, 0);
-      ne.current !== r && (ne.current = r, G?.(r));
+      Se.current !== r && (Se.current = r, ne?.(r));
     },
-    [G]
-  ), i = u(() => {
-    b(Ne());
-  }, [Ne, b]), d = u(() => {
-    typeof window > "u" || W.current === null || (window.cancelAnimationFrame(W.current), W.current = null);
-  }, []), Ae = u(() => {
-    if (typeof window > "u" || W.current !== null)
+    [ne]
+  ), i = t(() => {
+    w(Qe());
+  }, [Qe, w]), p = t(() => {
+    typeof window > "u" || B.current === null || (window.cancelAnimationFrame(B.current), B.current = null);
+  }, []), Ie = t(() => {
+    if (typeof window > "u" || B.current !== null)
       return;
     const e = () => {
       i();
-      const r = p.current;
+      const r = y.current;
       if (!r || r.paused || r.ended) {
-        W.current = null;
+        B.current = null;
         return;
       }
-      W.current = window.requestAnimationFrame(e);
+      B.current = window.requestAnimationFrame(e);
     };
-    W.current = window.requestAnimationFrame(e);
-  }, [i]), q = u(() => {
-    const e = p.current;
-    e && (d(), s.current = !1, h.current = !1, X.current = !1, L.current = null, y.current = null, _.current = !1, w.current = !1, H.current = null, e.pause(), e.removeAttribute("src"), e.load(), C.current = null, S.current = 0, c.current = null, b(0), o(!1), n(!1));
-  }, [b, d, n]), k = u(
+    B.current = window.requestAnimationFrame(e);
+  }, [i]), D = t(() => {
+    const e = y.current;
+    e && (p(), s.current = !1, b.current = !1, re.current = !1, F.current = null, S.current = null, _.current = !1, E.current = !1, q.current = null, e.pause(), e.removeAttribute("src"), e.load(), U.current = null, R.current = 0, o.current = null, w(0), f(!1), u(!1));
+  }, [w, p, u]), L = t(
     (e) => {
-      const r = p.current;
+      const r = y.current;
       if (!r)
         return !1;
-      const l = r.play();
-      return l && typeof l.then == "function" && l.then(() => {
-        v.current === "unknown" && (v.current = "auto"), s.current = !1, w.current = !1;
-      }).catch((N) => {
-        v.current === "unknown" && ke(N) && (v.current = "blocked", s.current = !1, n(!1)), w.current = !1, o(!1);
+      const a = r.play();
+      return a && typeof a.then == "function" && a.then(() => {
+        P.current === "unknown" && (P.current = "auto"), s.current = !1, E.current = !1;
+      }).catch((x) => {
+        P.current === "unknown" && Xe(x) && (P.current = "blocked", s.current = !1, u(!1)), E.current = !1, f(!1);
       }), !0;
     },
-    [ke, n]
-  ), E = u(
+    [Xe, u]
+  ), C = t(
     (e, r) => {
-      const l = p.current, N = j.current[e];
-      if (!l || !N)
+      const a = y.current, x = v.current[e];
+      if (!a || !x)
         return !1;
-      const A = je(N.audio_data);
-      S.current = e, c.current = null, _.current = !1, w.current = !0, H.current = "segment", b(Z(e));
-      const ee = F();
-      s.current = ee, n(!1);
-      const ur = C.current !== A;
-      return L.current = "segment", ur && (l.pause(), l.removeAttribute("src"), l.load(), C.current = A, l.src = A, l.load()), y.current = 0, l.readyState > 0 && (l.currentTime = 0, y.current = null), ee ? k(`start-segment:${r}`) : (s.current = !1, w.current = !1, l.pause(), o(!1), !0);
+      const A = Ge(x.audio_data);
+      R.current = e, o.current = null, _.current = !1, E.current = !0, q.current = "segment", w(Z(e));
+      const de = W();
+      s.current = de, u(!1);
+      const Ar = U.current !== A;
+      return F.current = "segment", Ar && (a.pause(), a.removeAttribute("src"), a.load(), U.current = A, a.src = A, a.load()), S.current = 0, a.readyState > 0 && (a.currentTime = 0, S.current = null), de ? L(`start-segment:${r}`) : (s.current = !1, E.current = !1, a.pause(), f(!1), !0);
     },
     [
-      F,
-      je,
+      W,
+      Ge,
       Z,
-      b,
-      k,
-      n
+      w,
+      L,
+      u
     ]
-  ), z = u(
+  ), X = t(
     (e) => {
-      d(), s.current = !1, _.current = !1, w.current = !1, i(), o(!1), n(!1), m >= 0 && me?.(m);
+      p(), s.current = !1, _.current = !1, E.current = !1, i(), f(!1), u(!1), h >= 0 && je?.(h);
     },
     [
-      m,
-      me,
-      d,
+      h,
+      je,
+      p,
       i,
-      n
+      u
     ]
-  ), I = u(
+  ), fe = t(
     (e) => {
-      const r = p.current;
-      return !r || L.current !== "url" || !or({
+      const r = y.current;
+      return !r || F.current !== "url" || !Kr({
         currentTimeSeconds: Math.max(r.currentTime, 0),
         durationSeconds: r.duration
-      }) ? !1 : (s.current = !1, r.pause(), z(e), !0);
+      }) ? !1 : (s.current = !1, r.pause(), X(e), !0);
     },
-    [z]
-  ), Re = u(() => {
-    const e = S.current + 1, r = j.current, l = r[e], N = J.current, A = r.some((ee) => ee.is_final);
-    if (l) {
-      E(e, "ended");
+    [X]
+  ), er = t(() => {
+    const e = R.current + 1, r = v.current, a = r[e], x = le.current, A = r.some((de) => de.is_final);
+    if (a) {
+      C(e, "ended");
       return;
     }
-    if (N?.isAudioStreaming || !A) {
-      S.current = e, c.current = e, _.current = !0, s.current = g, b(Z(e)), o(!1), n(!0, "waitingForMoreAudio");
+    if (x?.isAudioStreaming || !A) {
+      R.current = e, o.current = e, _.current = !0, s.current = g, w(Z(e)), f(!1), u(!0, "waitingForMoreAudio");
       return;
     }
-    z("segments-completed");
+    X("segments-completed");
   }, [
     g,
-    z,
+    X,
     Z,
-    b,
-    E,
-    n
+    w,
+    C,
+    u
   ]);
-  x(() => {
-    if (_e.current === se)
+  m(() => {
+    if (Fe.current === ge)
       return;
-    _e.current = se, S.current = 0, c.current = null, _.current = !1, h.current = !1, X.current = !1, s.current = !1, w.current = !1, L.current = null, H.current = null, C.current = null, d(), b(0), n(!1);
-    const e = p.current;
-    e && (e.pause(), e.removeAttribute("src"), e.load(), o(!1));
+    Fe.current = ge, R.current = 0, o.current = null, _.current = !1, b.current = !1, re.current = !1, s.current = !1, E.current = !1, F.current = null, q.current = null, U.current = null, p(), w(0), u(!1);
+    const e = y.current;
+    e && (e.pause(), e.removeAttribute("src"), e.load(), f(!1));
   }, [
-    m,
-    se,
+    h,
+    ge,
     M.length,
-    V,
-    b,
-    d,
-    n
-  ]), x(() => {
-    const e = p.current;
+    H,
+    w,
+    p,
+    u
+  ]), m(() => {
+    const e = y.current;
     if (e) {
-      if (P) {
-        X.current = !!(J.current && !h.current && (!e.paused || s.current || c.current !== null)), s.current = !1, n(!1), e.pause(), o(!1);
+      if (K) {
+        re.current = !!(le.current && !b.current && (!e.paused || s.current || o.current !== null)), s.current = !1, u(!1), e.pause(), f(!1);
         return;
       }
-      if (!(!X.current || !J.current || h.current)) {
-        if (X.current = !1, c.current !== null) {
-          if (c.current < j.current.length) {
-            E(c.current, "external-resume");
+      if (!(!re.current || !le.current || b.current)) {
+        if (re.current = !1, o.current !== null) {
+          if (o.current < v.current.length) {
+            C(o.current, "external-resume");
             return;
           }
-          s.current = !0, n(!0, "waitingForMoreAudio");
+          s.current = !0, u(!0, "waitingForMoreAudio");
           return;
         }
-        if (!C.current && j.current.length > 0) {
-          E(
+        if (!U.current && v.current.length > 0) {
+          C(
             Math.min(
-              S.current,
-              j.current.length - 1
+              R.current,
+              v.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (s.current = !0, k("external-resume"));
+        e.paused && (s.current = !0, L("external-resume"));
       }
     }
   }, [
-    P,
-    E,
-    k,
-    n
-  ]), x(() => {
-    const e = p.current;
+    K,
+    C,
+    L,
+    u
+  ]), m(() => {
+    const e = y.current;
     if (!e)
       return;
-    if (!f) {
-      q();
+    if (!d) {
+      D();
       return;
     }
-    if (P) {
-      s.current = !1, n(!1), e.pause(), o(!1);
+    if (K) {
+      s.current = !1, u(!1), e.pause(), f(!1);
       return;
     }
-    const r = fr({
-      activeSourceType: L.current,
-      hasAudioUrl: !!V,
+    const r = Vr({
+      activeSourceType: F.current,
+      hasAudioUrl: !!H,
       segmentCount: M.length,
-      preferredSourceType: H.current,
-      waitingSegmentIndex: c.current
+      preferredSourceType: q.current,
+      waitingSegmentIndex: o.current
     });
-    if (r && H.current !== r && (H.current = r), r === "url" && V) {
-      const l = C.current !== V, N = F();
-      if (l) {
-        const A = c.current !== null ? Ee() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), C.current = V, L.current = "url", e.src = V, e.load(), y.current = A, b(A * 1e3), e.readyState > 0 && (e.currentTime = A, y.current = null);
+    if (r && q.current !== r && (q.current = r), r === "url" && H) {
+      const a = U.current !== H, x = W();
+      if (a) {
+        const A = o.current !== null ? Je() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), U.current = H, F.current = "url", e.src = H, e.load(), S.current = A, w(A * 1e3), e.readyState > 0 && (e.currentTime = A, S.current = null);
       }
-      if (s.current = N, _.current = !1, w.current = !1, n(!1), !N) {
-        s.current = !1, e.pause(), o(!1);
+      if (s.current = x, _.current = !1, E.current = !1, u(!1), !x) {
+        s.current = !1, e.pause(), f(!1);
         return;
       }
-      k(l ? "sync-url-init" : "sync-url");
+      L(a ? "sync-url-init" : "sync-url");
       return;
     }
-    if (r === "segment" && c.current !== null) {
-      if (c.current < M.length) {
-        if (h.current) {
-          o(!1), n(!1);
+    if (r === "segment" && o.current !== null) {
+      if (o.current < M.length) {
+        if (b.current) {
+          f(!1), u(!1);
           return;
         }
-        E(c.current, "wait-resume");
+        C(o.current, "wait-resume");
         return;
       }
-      _.current = !0, s.current = F(), o(!1), n(F());
+      _.current = !0, s.current = W(), f(!1), u(W());
       return;
     }
     if (r === "segment" && !M.length) {
-      if (f.isAudioStreaming) {
-        c.current = S.current, _.current = !0, s.current = F(), o(!1), n(F());
+      if (d.isAudioStreaming) {
+        o.current = R.current, _.current = !0, s.current = W(), f(!1), u(W());
         return;
       }
-      q();
+      D();
       return;
     }
-    if (r === "segment" && !C.current) {
-      E(
+    if (r === "segment" && !U.current) {
+      C(
         Math.min(
-          S.current,
+          R.current,
           M.length - 1
         ),
         "effect-init"
@@ -372,283 +426,354 @@ const ve = /* @__PURE__ */ new Map(), Fe = (R) => {
       return;
     }
     if (r !== "segment") {
-      q();
+      D();
       return;
     }
-    if (!g || h.current) {
-      s.current = !1, e.pause(), o(!1);
+    if (!g || b.current) {
+      s.current = !1, e.pause(), f(!1);
       return;
     }
-    e.paused && (s.current = !0, k("sync-paused-retry"));
+    e.paused && (s.current = !0, L("sync-paused-retry"));
   }, [
-    f,
-    m,
+    d,
+    h,
     M,
-    V,
+    H,
     g,
-    P,
-    F,
-    b,
-    q,
-    E,
-    k,
-    Ee,
-    n
-  ]), x(() => q, [q]), x(() => d, [d]);
-  const Xe = u(() => {
-    i(), Ae(), o(!0), n(!1), ce?.();
+    K,
+    W,
+    w,
+    D,
+    C,
+    L,
+    Je,
+    u
+  ]), m(() => D, [D]), m(() => p, [p]);
+  const yr = t(() => {
+    i(), Ie(), f(!0), u(!1), Me?.();
   }, [
-    ce,
-    Ae,
+    Me,
+    Ie,
     i,
-    n
-  ]), Ye = u(() => {
-    _.current || w.current || (d(), i(), o(!1));
-  }, [m, d, i]), Ge = u(() => {
-    const e = p.current;
-    e && y.current !== null && (e.currentTime = y.current, y.current = null), i(), !I("canplay-seek-finished") && (!s.current || !g || k("canplay"));
+    u
+  ]), br = t(() => {
+    _.current || E.current || (p(), i(), f(!1));
+  }, [h, p, i]), Sr = t(() => {
+    const e = y.current;
+    e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), !fe("canplay-seek-finished") && (!s.current || !g || L("canplay"));
   }, [
-    m,
+    h,
     g,
-    I,
+    fe,
     i,
-    k
-  ]), Je = u(() => {
-    const e = p.current;
-    e && y.current !== null && (e.currentTime = y.current, y.current = null), i(), I("metadata-seek-finished");
-  }, [m, I, i]), Qe = u(() => {
+    L
+  ]), gr = t(() => {
+    const e = y.current;
+    e && S.current !== null && (e.currentTime = S.current, S.current = null), i(), fe("metadata-seek-finished");
+  }, [h, fe, i]), _r = t(() => {
     i();
-  }, [i]), Ie = u(() => {
-    _.current || n(!0, "loadingAudio");
-  }, [n]), er = u(() => {
+  }, [i]), wr = t(() => {
+    _.current || u(!0, "loadingAudio");
+  }, [u]), xr = t(() => {
     if (_.current) {
-      n(!0, "waitingForMoreAudio");
+      u(!0, "waitingForMoreAudio");
       return;
     }
-    n(!0, "loadingAudio");
-  }, [n]), Te = u(() => {
+    u(!0, "loadingAudio");
+  }, [u]), rr = t(() => {
     i();
-  }, [i]), rr = u(() => {
-    const e = L.current === "url" || j.current.length === 0;
-    if (d(), w.current = !1, e) {
-      z("url-ended");
+  }, [i]), kr = t(() => {
+    const e = F.current === "url" || v.current.length === 0;
+    if (p(), E.current = !1, e) {
+      X("url-ended");
       return;
     }
-    Re();
-  }, [z, Re, d]), tr = u(() => {
-    d(), i(), o(!1), n(!1);
-  }, [d, i, n]), nr = u(
+    er();
+  }, [X, er, p]), Mr = t(() => {
+    p(), i(), f(!1), u(!1);
+  }, [p, i, u]), Lr = t(
     (e) => {
-      de?.(e), K(!1);
+      Ae?.(e), z(!1);
     },
-    [de]
-  );
-  return x(() => {
-    G?.(ne.current);
-  }, [G]), /* @__PURE__ */ t.jsxs("div", { className: Le("slide-player", U), ...Oe, children: [
-    /* @__PURE__ */ t.jsx(
-      "audio",
-      {
-        ref: p,
-        preload: "auto",
-        playsInline: !0,
-        onLoadStart: Ie,
-        onLoadedMetadata: Je,
-        onCanPlay: Ge,
-        onPlay: Xe,
-        onPause: Ye,
-        onWaiting: er,
-        onSeeking: Te,
-        onSeeked: Te,
-        onTimeUpdate: Qe,
-        onEnded: rr,
-        onError: tr
-      }
-    ),
-    te ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        ar,
-        {
-          container: Ve,
-          labels: {
-            fullscreen: B.fullscreenLabel,
-            nonFullscreen: B.nonFullscreenLabel,
-            screen: B.screenLabel,
-            subtitle: B.subtitleLabel,
-            subtitleToggle: B.subtitleToggleAriaLabel,
-            title: B.settingsTitle
-          },
-          isSubtitleEnabled: re,
-          onClose: () => K(!1),
-          onOpenChange: K,
-          onSubtitleToggle: ie ?? (() => {
-          }),
-          onViewModeChange: nr,
-          open: xe,
-          viewMode: We
-        }
+    [Ae]
+  ), _e = t(() => {
+    if (N) {
+      const r = !O;
+      return $(r), Re?.(r), !0;
+    }
+    const e = y.current;
+    return K || !e || !d ? !1 : o.current !== null ? oe ? ($(!1), s.current = !1, b.current = !0, o.current = null, _.current = !1, f(!1), u(!1), e.pause(), !0) : ($(!0), P.current = "manual", b.current = !1, s.current = !0, u(!0, "waitingForMoreAudio"), !0) : !e.src && M.length > 0 ? ($(!0), P.current = "manual", b.current = !1, C(
+      Math.min(
+        R.current,
+        M.length - 1
       ),
-      /* @__PURE__ */ t.jsxs("div", { className: "slide-player__controls", style: qe, children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
-          /* @__PURE__ */ t.jsx(
-            "button",
+      "toggle"
+    ), !0) : e.paused ? ($(!0), P.current = "manual", b.current = !1, s.current = !0, L("toggle-resume"), !0) : ($(!1), s.current = !1, b.current = !0, e.pause(), !0);
+  }, [
+    d,
+    M.length,
+    O,
+    K,
+    oe,
+    Re,
+    C,
+    L,
+    u,
+    $,
+    N
+  ]);
+  m(() => {
+    if (T)
+      return Pr(V);
+  }, [V, T]);
+  const we = G(
+    () => ({
+      fullscreen: () => I ? (I(), !0) : !1,
+      interaction: () => se ? (me && se(), !0) : !1,
+      next: () => ae ? (ye || ae(te()), !0) : !1,
+      previous: () => ue ? (he || ue(te()), !0) : !1,
+      subtitle: () => Q ? (Q(), !0) : !1,
+      togglePlayback: () => (_e(), !0)
+    }),
+    [
+      te,
+      me,
+      ye,
+      I,
+      se,
+      ae,
+      ue,
+      Q,
+      he,
+      _e
+    ]
+  ), tr = c(we);
+  return m(() => {
+    tr.current = we;
+  }, [we]), m(() => {
+    if (!T || typeof document > "u")
+      return;
+    const e = (r) => {
+      if (!Wr(V))
+        return;
+      const a = Or(r);
+      if (!a || Br(r, a))
+        return;
+      let x = !1;
+      const A = tr.current[a];
+      x = A(), x && r.preventDefault();
+    };
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [V, T]), m(() => {
+    ne?.(Se.current);
+  }, [ne]), /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      ...ir,
+      "data-slide-player-shortcut-owner": V,
+      className: ur("slide-player", j),
+      onFocusCapture: hr,
+      onPointerDown: pr,
+      children: [
+        /* @__PURE__ */ n.jsx(
+          "audio",
+          {
+            ref: y,
+            preload: "auto",
+            playsInline: !0,
+            onLoadStart: wr,
+            onLoadedMetadata: gr,
+            onCanPlay: Sr,
+            onPlay: yr,
+            onPause: br,
+            onWaiting: xr,
+            onSeeking: rr,
+            onSeeked: rr,
+            onTimeUpdate: _r,
+            onEnded: kr,
+            onError: Mr
+          }
+        ),
+        be ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx(
+            Nr,
             {
-              "aria-expanded": xe,
-              "aria-haspopup": "dialog",
-              "aria-label": "More options",
-              className: "slide-player__action slide-player__action--mobile-more",
-              onClick: () => {
-                K((e) => !e);
+              container: cr,
+              labels: {
+                closeSettings: l.closeSettingsLabel,
+                fullscreen: l.fullscreenLabel,
+                nonFullscreen: l.nonFullscreenLabel,
+                screen: l.screenLabel,
+                screenMode: l.screenModeLabel,
+                subtitle: l.subtitleLabel,
+                subtitleToggle: l.subtitleToggleAriaLabel,
+                title: l.settingsTitle
               },
-              type: "button",
-              children: /* @__PURE__ */ t.jsx(
-                pr,
-                {
-                  className: "slide-player__icon",
-                  strokeWidth: 2.25
-                }
-              )
+              isSubtitleEnabled: pe,
+              onClose: () => z(!1),
+              onOpenChange: z,
+              onSubtitleToggle: Q ?? (() => {
+              }),
+              onViewModeChange: Lr,
+              open: We,
+              viewMode: lr
             }
           ),
-          /* @__PURE__ */ t.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ t.jsx(hr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": B.subtitleToggleAriaLabel,
-              "aria-pressed": re,
-              className: "slide-player__action slide-player__action--subtitle",
-              onClick: ie,
-              type: "button",
-              children: re ? /* @__PURE__ */ t.jsx(yr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ t.jsx(
-                gr,
+          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: dr, children: [
+            /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
+              /* @__PURE__ */ n.jsx(
+                "button",
                 {
-                  className: "slide-player__icon",
-                  strokeWidth: 2.25
+                  "aria-expanded": We,
+                  "aria-haspopup": "dialog",
+                  "aria-label": l.moreOptionsAriaLabel,
+                  className: "slide-player__action slide-player__action--mobile-more",
+                  onClick: () => {
+                    z((e) => !e);
+                  },
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(
+                    Zr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": "Rewind",
-              className: "slide-player__action slide-player__action--prev",
-              disabled: He,
-              onClick: () => {
-                Ue?.(Me());
-              },
-              type: "button",
-              children: /* @__PURE__ */ t.jsx(_r, { className: "slide-player__icon", strokeWidth: 2.25 })
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": De,
-              className: "slide-player__toggle slide-player__toggle--playback",
-              onClick: () => {
-                if (T) {
-                  const r = !$;
-                  O(r), Be?.(r);
-                  return;
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-label": l.volumeAriaLabel,
+                  className: "hidden",
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(qr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
-                const e = p.current;
-                if (!(P || !e || !f)) {
-                  if (c.current !== null) {
-                    if (ue) {
-                      O(!1), s.current = !1, h.current = !0, c.current = null, _.current = !1, o(!1), n(!1), e.pause();
-                      return;
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-label": l.subtitleToggleAriaLabel,
+                  "aria-keyshortcuts": $e.ariaKeyShortcuts,
+                  "aria-pressed": pe,
+                  className: "slide-player__action slide-player__action--subtitle",
+                  onClick: Q,
+                  title: $e.title,
+                  type: "button",
+                  children: pe ? /* @__PURE__ */ n.jsx(zr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                    Yr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
                     }
-                    O(!0), v.current = "manual", h.current = !1, s.current = !0, n(!0, "waitingForMoreAudio");
-                    return;
-                  }
-                  if (!e.src && M.length > 0) {
-                    O(!0), v.current = "manual", h.current = !1, E(
-                      Math.min(
-                        S.current,
-                        M.length - 1
-                      ),
-                      "toggle"
-                    );
-                    return;
-                  }
-                  if (e.paused) {
-                    O(!0), v.current = "manual", h.current = !1, s.current = !0, k("toggle-resume");
-                    return;
-                  }
-                  O(!1), s.current = !1, h.current = !0, e.pause();
+                  )
                 }
-              },
-              type: "button",
-              children: ze ? /* @__PURE__ */ t.jsx(Mr, {}) : /* @__PURE__ */ t.jsx(kr, {})
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": "Forward",
-              className: "slide-player__action slide-player__action--next",
-              disabled: Ke,
-              onClick: () => {
-                Pe?.(Me());
-              },
-              type: "button",
-              children: /* @__PURE__ */ t.jsx(br, { className: "slide-player__icon", strokeWidth: 2.25 })
-            }
-          ),
-          oe ? /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": fe ? "Exit fullscreen" : "Enter fullscreen",
-              className: "slide-player__action slide-player__action--fullscreen",
-              onClick: oe,
-              type: "button",
-              children: fe ? /* @__PURE__ */ t.jsx(
-                xr,
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
                 {
-                  className: "slide-player__icon",
-                  strokeWidth: 2.25
+                  "aria-keyshortcuts": Ze.ariaKeyShortcuts,
+                  "aria-label": l.previousLabel,
+                  className: "slide-player__action slide-player__action--prev",
+                  disabled: he,
+                  onClick: () => {
+                    ue?.(te());
+                  },
+                  title: Ze.title,
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(Dr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
-              ) : /* @__PURE__ */ t.jsx(
-                Sr,
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
                 {
-                  className: "slide-player__icon",
-                  strokeWidth: 2.25
+                  "aria-label": Ve,
+                  "aria-keyshortcuts": qe.ariaKeyShortcuts,
+                  className: "slide-player__toggle slide-player__toggle--playback",
+                  onClick: () => {
+                    _e();
+                  },
+                  title: qe.title,
+                  type: "button",
+                  children: mr ? /* @__PURE__ */ n.jsx(Ir, {}) : /* @__PURE__ */ n.jsx(et, {})
+                }
+              ),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-keyshortcuts": ze.ariaKeyShortcuts,
+                  "aria-label": l.nextLabel,
+                  className: "slide-player__action slide-player__action--next",
+                  disabled: ye,
+                  onClick: () => {
+                    ae?.(te());
+                  },
+                  title: ze.title,
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(Xr, { className: "slide-player__icon", strokeWidth: 2.25 })
                 }
-              )
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "slide-player__separator" }),
-        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
-          Se.map((e, r) => /* @__PURE__ */ t.jsx(sr.Fragment, { children: e }, `custom-action-${r}`)),
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              "aria-label": "Notes",
-              className: Le(
-                "slide-player__action slide-player__action--notes",
-                D && "slide-player__action--active"
               ),
-              disabled: !$e,
-              onClick: Ze,
-              type: "button",
-              children: /* @__PURE__ */ t.jsx(
-                wr,
+              I ? /* @__PURE__ */ n.jsx(
+                "button",
                 {
-                  className: "slide-player__icon",
-                  strokeWidth: 2.25
+                  "aria-label": He,
+                  "aria-keyshortcuts": Ye.ariaKeyShortcuts,
+                  className: "slide-player__action slide-player__action--fullscreen",
+                  onClick: I,
+                  title: Ye.title,
+                  type: "button",
+                  children: Le ? /* @__PURE__ */ n.jsx(
+                    Gr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  ) : /* @__PURE__ */ n.jsx(
+                    Jr,
+                    {
+                      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: [
+              Oe.map((e, r) => /* @__PURE__ */ n.jsx(jr.Fragment, { children: e }, `custom-action-${r}`)),
+              /* @__PURE__ */ n.jsx(
+                "button",
+                {
+                  "aria-label": l.notesLabel,
+                  "aria-keyshortcuts": De.ariaKeyShortcuts,
+                  className: ur(
+                    "slide-player__action slide-player__action--notes",
+                    ee && "slide-player__action--active"
+                  ),
+                  disabled: !me,
+                  onClick: se,
+                  title: De.title,
+                  type: "button",
+                  children: /* @__PURE__ */ n.jsx(
+                    Qr,
+                    {
+                      className: "slide-player__icon",
+                      strokeWidth: 2.25
+                    }
+                  )
                 }
               )
-            }
-          )
-        ] })
-      ] })
-    ] }) : null
-  ] });
-}, Er = lr(jr);
-Er.displayName = "Player";
+            ] })
+          ] })
+        ] }) : null
+      ]
+    }
+  );
+}, nt = Rr(tt);
+nt.displayName = "Player";
 export {
-  Er as default
+  nt as default
 };
 //# sourceMappingURL=Player.es.js.map