markdown-flow-ui 0.1.123 → 0.1.124

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

@@ -1,10 +1,10 @@
 import { j as t } from "../../_virtual/jsx-runtime.es.js";
-import sr, { memo as lr, useRef as a, useState as Ce, useMemo as G, useEffect as x, useCallback as u } from "react";
-import { cn as ve } from "../../lib/utils.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 or } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as ir } from "./utils/audioCompletion.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";
@@ -18,12 +18,12 @@ 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 Le = /* @__PURE__ */ new Map(), Fe = (T) => {
-  if (typeof window > "u" || !T || Le.has(T))
+const ve = /* @__PURE__ */ new Map(), Fe = (R) => {
+  if (typeof window > "u" || !R || ve.has(R))
     return;
   const U = window.document.createElement("audio");
-  U.preload = "auto", U.setAttribute("playsinline", "true"), U.src = T, U.load(), Le.set(T, U);
-}, Ar = () => /* @__PURE__ */ t.jsxs(
+  U.preload = "auto", U.setAttribute("playsinline", "true"), U.src = R, U.load(), ve.set(R, U);
+}, Mr = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -42,7 +42,7 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
       /* @__PURE__ */ t.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), Mr = () => /* @__PURE__ */ t.jsxs(
+), kr = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -62,23 +62,23 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
     ]
   }
 ), jr = ({
-  audioList: T = [],
+  audioList: R = [],
   className: U,
   currentAudioIndex: m = -1,
-  defaultPlaying: p = !0,
-  isPlaybackPaused: j = !1,
-  isAutoAdvanceEnabled: q = !0,
-  useAutoAdvanceToggle: z = !1,
+  defaultPlaying: g = !0,
+  isPlaybackPaused: P = !1,
+  isAutoAdvanceEnabled: $ = !0,
+  useAutoAdvanceToggle: T = !1,
   onLoadingChange: le,
   onPlaybackPreferenceChange: ae,
   onPlaybackStarted: ce,
-  onPlaybackTimeChange: J,
-  onSubtitleToggle: oe,
+  onPlaybackTimeChange: G,
+  onSubtitleToggle: ie,
   onPrev: Ue,
-  onNext: We,
-  onFullscreen: ie,
+  onNext: Pe,
+  onFullscreen: oe,
   isFullscreen: fe = !1,
-  mobileViewMode: Pe = or,
+  mobileViewMode: We = ir,
   settingsPortalContainer: Ve,
   onMobileViewModeChange: de,
   onEnded: me,
@@ -95,40 +95,42 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
   texts: ye,
   ...Oe
 }) => {
-  const h = a(null), ge = a(D), C = a(null), _e = a(null), S = a(0), c = a(null), Q = a(void 0), k = a([]), ne = a(p), X = a(!1), be = a(!1), y = a(!1), v = a(null), Z = a(null), g = a(!1), s = a(!1), _ = a(null), w = a(!1), W = a(null), ue = a(0), L = a("unknown"), [Y, f] = Ce(p), [xe, $] = Ce(!1), o = m >= 0 ? T[m] : void 0, P = o?.audioUrl, A = G(
-    () => [...o?.audioSegments ?? []].sort(
+  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(
       (e, r) => e.segment_index - r.segment_index
     ),
-    [o?.audioSegments]
-  ), Se = G(
+    [f?.audioSegments]
+  ), Se = Y(
     () => mr(pe, he),
     [he, pe]
-  ), we = Se.length + 5, qe = G(
+  ), we = Se.length + 5, qe = Y(
     () => ({
       "--slide-player-mobile-control-count": String(we)
     }),
     [we]
-  ), V = G(
+  ), B = Y(
     () => ({
       ...cr,
       ...ye
     }),
     [ye]
-  ), se = G(() => o ? o.audioKey ?? `${String(o.sequenceNumber ?? "none")}:${String(o.audioUrl ?? "")}` : "none", [o]), ze = z ? q : Y, De = z ? q ? "Pause autoplay" : "Play autoplay" : Y ? "Pause" : "Play";
+  ), 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(() => {
-    Q.current = o;
-  }, [o]), x(() => {
-    ne.current = p;
-  }, [p]), x(() => {
-    te || $(!1);
+    J.current = f;
+  }, [f]), x(() => {
+    Q.current = T ? $ : g;
+  }, [g, $, T]), x(() => {
+    te || K(!1);
   }, [te]), x(() => {
-    !ge.current && D && $(!1), ge.current = D;
+    !ge.current && D && K(!1), ge.current = D;
   }, [D]), x(() => {
-    k.current = A;
-  }, [A]), x(() => {
-    const e = o?.audioUrl, r = m >= 0 ? T[m + 1]?.audioUrl : void 0;
+    j.current = M;
+  }, [M]), x(() => {
+    const e = f?.audioUrl, r = m >= 0 ? R[m + 1]?.audioUrl : void 0;
     Fe(e), Fe(r);
-  }, [T, o?.audioUrl, m]);
+  }, [R, f?.audioUrl, m]);
   const n = u(
     (e, r = null) => {
       be.current === e && (!e || r === null) || (be.current = e, le?.({
@@ -137,58 +139,46 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
       }));
     },
     [le]
-  ), H = u(
+  ), O = u(
     (e) => {
-      ne.current = e, ae?.(e);
+      Q.current = e, ae?.(e);
     },
     [ae]
-  ), Ae = u(() => z ? {
-    shouldContinuePlayback: q
+  ), Me = u(() => T ? {
+    shouldContinuePlayback: Q.current
   } : {
     shouldContinuePlayback: dr({
-      defaultPlaying: ne.current,
-      hasCurrentAudio: !!o,
-      hasPendingAutoPlay: s.current,
-      isPausedByUser: y.current,
-      isPlaybackPaused: j,
-      isPlaying: Y,
-      isWaitingForMoreAudio: g.current || c.current !== null
+      defaultPlaying: Q.current,
+      isPausedByUser: h.current
     })
-  }, [
-    o,
-    p,
-    q,
-    j,
-    Y,
-    z
-  ]), Me = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), F = u(() => p && !j && !y.current && L.current !== "blocked", [p, j]), je = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), ke = u(() => {
+  }, [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 : k.current.slice(0, e).reduce(
+    return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
       (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), B = u((e) => e <= 0 ? 0 : k.current.slice(0, e).reduce(
+  }, []), Z = u((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
     (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
     0
-  ), []), Ee = u(() => {
-    const e = h.current;
-    return e ? v.current === "segment" ? B(S.current) + Math.max(e.currentTime, 0) * 1e3 : _.current !== null && e.readyState === 0 ? _.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : c.current != null ? B(c.current) : 0;
-  }, [B]), b = u(
+  ), []), 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(
     (e) => {
       const r = Math.max(e, 0);
-      ue.current !== r && (ue.current = r, J?.(r));
+      ne.current !== r && (ne.current = r, G?.(r));
     },
-    [J]
+    [G]
   ), i = u(() => {
-    b(Ee());
-  }, [Ee, b]), d = u(() => {
+    b(Ne());
+  }, [Ne, b]), d = u(() => {
     typeof window > "u" || W.current === null || (window.cancelAnimationFrame(W.current), W.current = null);
-  }, []), Ne = u(() => {
+  }, []), Ae = u(() => {
     if (typeof window > "u" || W.current !== null)
       return;
     const e = () => {
       i();
-      const r = h.current;
+      const r = p.current;
       if (!r || r.paused || r.ended) {
         W.current = null;
         return;
@@ -196,45 +186,45 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
       W.current = window.requestAnimationFrame(e);
     };
     W.current = window.requestAnimationFrame(e);
-  }, [i]), K = u(() => {
-    const e = h.current;
-    e && (d(), s.current = !1, y.current = !1, X.current = !1, v.current = null, _.current = null, g.current = !1, w.current = !1, Z.current = null, e.pause(), e.removeAttribute("src"), e.load(), C.current = null, S.current = 0, c.current = null, b(0), f(!1), n(!1));
-  }, [b, d, n]), M = u(
+  }, [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(
     (e) => {
-      const r = h.current;
+      const r = p.current;
       if (!r)
         return !1;
       const l = r.play();
       return l && typeof l.then == "function" && l.then(() => {
-        L.current === "unknown" && (L.current = "auto"), s.current = !1, w.current = !1;
+        v.current === "unknown" && (v.current = "auto"), s.current = !1, w.current = !1;
       }).catch((N) => {
-        L.current === "unknown" && Me(N) && (L.current = "blocked", s.current = !1, n(!1)), w.current = !1, f(!1);
+        v.current === "unknown" && ke(N) && (v.current = "blocked", s.current = !1, n(!1)), w.current = !1, o(!1);
       }), !0;
     },
-    [Me, n]
+    [ke, n]
   ), E = u(
     (e, r) => {
-      const l = h.current, N = k.current[e];
+      const l = p.current, N = j.current[e];
       if (!l || !N)
         return !1;
-      const R = je(N.audio_data);
-      S.current = e, c.current = null, g.current = !1, w.current = !0, Z.current = "segment", b(B(e));
+      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 !== R;
-      return v.current = "segment", ur && (l.pause(), l.removeAttribute("src"), l.load(), C.current = R, l.src = R, l.load()), _.current = 0, l.readyState > 0 && (l.currentTime = 0, _.current = null), ee ? M(`start-segment:${r}`) : (s.current = !1, w.current = !1, l.pause(), f(!1), !0);
+      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);
     },
     [
       F,
       je,
-      B,
+      Z,
       b,
-      M,
+      k,
       n
     ]
-  ), O = u(
+  ), z = u(
     (e) => {
-      d(), s.current = !1, g.current = !1, w.current = !1, i(), f(!1), n(!1), m >= 0 && me?.(m);
+      d(), s.current = !1, _.current = !1, w.current = !1, i(), o(!1), n(!1), m >= 0 && me?.(m);
     },
     [
       m,
@@ -245,28 +235,28 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
     ]
   ), I = u(
     (e) => {
-      const r = h.current;
-      return !r || v.current !== "url" || !ir({
+      const r = p.current;
+      return !r || L.current !== "url" || !or({
         currentTimeSeconds: Math.max(r.currentTime, 0),
         durationSeconds: r.duration
-      }) ? !1 : (s.current = !1, r.pause(), O(e), !0);
+      }) ? !1 : (s.current = !1, r.pause(), z(e), !0);
     },
-    [O]
+    [z]
   ), Re = u(() => {
-    const e = S.current + 1, r = k.current, l = r[e], N = Q.current, R = r.some((ee) => ee.is_final);
+    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");
       return;
     }
-    if (N?.isAudioStreaming || !R) {
-      S.current = e, c.current = e, g.current = !0, s.current = p, b(B(e)), f(!1), n(!0, "waitingForMoreAudio");
+    if (N?.isAudioStreaming || !A) {
+      S.current = e, c.current = e, _.current = !0, s.current = g, b(Z(e)), o(!1), n(!0, "waitingForMoreAudio");
       return;
     }
-    O("segments-completed");
+    z("segments-completed");
   }, [
-    p,
-    O,
-    B,
+    g,
+    z,
+    Z,
     b,
     E,
     n
@@ -274,164 +264,164 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
   x(() => {
     if (_e.current === se)
       return;
-    _e.current = se, S.current = 0, c.current = null, g.current = !1, y.current = !1, X.current = !1, s.current = !1, w.current = !1, v.current = null, Z.current = null, C.current = null, d(), b(0), n(!1);
-    const e = h.current;
-    e && (e.pause(), e.removeAttribute("src"), e.load(), f(!1));
+    _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));
   }, [
     m,
     se,
-    A.length,
-    P,
+    M.length,
+    V,
     b,
     d,
     n
   ]), x(() => {
-    const e = h.current;
+    const e = p.current;
     if (e) {
-      if (j) {
-        X.current = !!(Q.current && !y.current && (!e.paused || s.current || c.current !== null)), s.current = !1, n(!1), e.pause(), f(!1);
+      if (P) {
+        X.current = !!(J.current && !h.current && (!e.paused || s.current || c.current !== null)), s.current = !1, n(!1), e.pause(), o(!1);
         return;
       }
-      if (!(!X.current || !Q.current || y.current)) {
+      if (!(!X.current || !J.current || h.current)) {
         if (X.current = !1, c.current !== null) {
-          if (c.current < k.current.length) {
+          if (c.current < j.current.length) {
             E(c.current, "external-resume");
             return;
           }
           s.current = !0, n(!0, "waitingForMoreAudio");
           return;
         }
-        if (!C.current && k.current.length > 0) {
+        if (!C.current && j.current.length > 0) {
           E(
             Math.min(
               S.current,
-              k.current.length - 1
+              j.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (s.current = !0, M("external-resume"));
+        e.paused && (s.current = !0, k("external-resume"));
       }
     }
   }, [
-    j,
+    P,
     E,
-    M,
+    k,
     n
   ]), x(() => {
-    const e = h.current;
+    const e = p.current;
     if (!e)
       return;
-    if (!o) {
-      K();
+    if (!f) {
+      q();
       return;
     }
-    if (j) {
-      s.current = !1, n(!1), e.pause(), f(!1);
+    if (P) {
+      s.current = !1, n(!1), e.pause(), o(!1);
       return;
     }
     const r = fr({
-      activeSourceType: v.current,
-      hasAudioUrl: !!P,
-      segmentCount: A.length,
-      preferredSourceType: Z.current,
+      activeSourceType: L.current,
+      hasAudioUrl: !!V,
+      segmentCount: M.length,
+      preferredSourceType: H.current,
       waitingSegmentIndex: c.current
     });
-    if (r && Z.current !== r && (Z.current = r), r === "url" && P) {
-      const l = C.current !== P, N = F();
+    if (r && H.current !== r && (H.current = r), r === "url" && V) {
+      const l = C.current !== V, N = F();
       if (l) {
-        const R = c.current !== null ? ke() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), C.current = P, v.current = "url", e.src = P, e.load(), _.current = R, b(R * 1e3), e.readyState > 0 && (e.currentTime = R, _.current = null);
+        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 (s.current = N, g.current = !1, w.current = !1, n(!1), !N) {
-        s.current = !1, e.pause(), f(!1);
+      if (s.current = N, _.current = !1, w.current = !1, n(!1), !N) {
+        s.current = !1, e.pause(), o(!1);
         return;
       }
-      M(l ? "sync-url-init" : "sync-url");
+      k(l ? "sync-url-init" : "sync-url");
       return;
     }
     if (r === "segment" && c.current !== null) {
-      if (c.current < A.length) {
-        if (y.current) {
-          f(!1), n(!1);
+      if (c.current < M.length) {
+        if (h.current) {
+          o(!1), n(!1);
           return;
         }
         E(c.current, "wait-resume");
         return;
       }
-      g.current = !0, s.current = F(), f(!1), n(F());
+      _.current = !0, s.current = F(), o(!1), n(F());
       return;
     }
-    if (r === "segment" && !A.length) {
-      if (o.isAudioStreaming) {
-        c.current = S.current, g.current = !0, s.current = F(), f(!1), n(F());
+    if (r === "segment" && !M.length) {
+      if (f.isAudioStreaming) {
+        c.current = S.current, _.current = !0, s.current = F(), o(!1), n(F());
         return;
       }
-      K();
+      q();
       return;
     }
     if (r === "segment" && !C.current) {
       E(
         Math.min(
           S.current,
-          A.length - 1
+          M.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (r !== "segment") {
-      K();
+      q();
       return;
     }
-    if (!p || y.current) {
-      s.current = !1, e.pause(), f(!1);
+    if (!g || h.current) {
+      s.current = !1, e.pause(), o(!1);
       return;
     }
-    e.paused && (s.current = !0, M("sync-paused-retry"));
+    e.paused && (s.current = !0, k("sync-paused-retry"));
   }, [
-    o,
+    f,
     m,
-    A,
+    M,
+    V,
+    g,
     P,
-    p,
-    j,
     F,
     b,
-    K,
+    q,
     E,
-    M,
-    ke,
+    k,
+    Ee,
     n
-  ]), x(() => K, [K]), x(() => d, [d]);
+  ]), x(() => q, [q]), x(() => d, [d]);
   const Xe = u(() => {
-    i(), Ne(), f(!0), n(!1), ce?.();
+    i(), Ae(), o(!0), n(!1), ce?.();
   }, [
     ce,
-    Ne,
+    Ae,
     i,
     n
   ]), Ye = u(() => {
-    g.current || w.current || (d(), i(), f(!1));
+    _.current || w.current || (d(), i(), o(!1));
   }, [m, d, i]), Ge = u(() => {
-    const e = h.current;
-    e && _.current !== null && (e.currentTime = _.current, _.current = null), i(), !I("canplay-seek-finished") && (!s.current || !p || M("canplay"));
+    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"));
   }, [
     m,
-    p,
+    g,
     I,
     i,
-    M
+    k
   ]), Je = u(() => {
-    const e = h.current;
-    e && _.current !== null && (e.currentTime = _.current, _.current = null), i(), I("metadata-seek-finished");
+    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(() => {
     i();
   }, [i]), Ie = u(() => {
-    g.current || n(!0, "loadingAudio");
+    _.current || n(!0, "loadingAudio");
   }, [n]), er = u(() => {
-    if (g.current) {
+    if (_.current) {
       n(!0, "waitingForMoreAudio");
       return;
     }
@@ -439,27 +429,27 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
   }, [n]), Te = u(() => {
     i();
   }, [i]), rr = u(() => {
-    const e = v.current === "url" || k.current.length === 0;
+    const e = L.current === "url" || j.current.length === 0;
     if (d(), w.current = !1, e) {
-      O("url-ended");
+      z("url-ended");
       return;
     }
     Re();
-  }, [O, Re, d]), tr = u(() => {
-    d(), i(), f(!1), n(!1);
+  }, [z, Re, d]), tr = u(() => {
+    d(), i(), o(!1), n(!1);
   }, [d, i, n]), nr = u(
     (e) => {
-      de?.(e), $(!1);
+      de?.(e), K(!1);
     },
     [de]
   );
   return x(() => {
-    J?.(ue.current);
-  }, [J]), /* @__PURE__ */ t.jsxs("div", { className: ve("slide-player", U), ...Oe, children: [
+    G?.(ne.current);
+  }, [G]), /* @__PURE__ */ t.jsxs("div", { className: Le("slide-player", U), ...Oe, children: [
     /* @__PURE__ */ t.jsx(
       "audio",
       {
-        ref: h,
+        ref: p,
         preload: "auto",
         playsInline: !0,
         onLoadStart: Ie,
@@ -481,21 +471,21 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
         {
           container: Ve,
           labels: {
-            fullscreen: V.fullscreenLabel,
-            nonFullscreen: V.nonFullscreenLabel,
-            screen: V.screenLabel,
-            subtitle: V.subtitleLabel,
-            subtitleToggle: V.subtitleToggleAriaLabel,
-            title: V.settingsTitle
+            fullscreen: B.fullscreenLabel,
+            nonFullscreen: B.nonFullscreenLabel,
+            screen: B.screenLabel,
+            subtitle: B.subtitleLabel,
+            subtitleToggle: B.subtitleToggleAriaLabel,
+            title: B.settingsTitle
           },
           isSubtitleEnabled: re,
-          onClose: () => $(!1),
-          onOpenChange: $,
-          onSubtitleToggle: oe ?? (() => {
+          onClose: () => K(!1),
+          onOpenChange: K,
+          onSubtitleToggle: ie ?? (() => {
           }),
           onViewModeChange: nr,
           open: xe,
-          viewMode: Pe
+          viewMode: We
         }
       ),
       /* @__PURE__ */ t.jsxs("div", { className: "slide-player__controls", style: qe, children: [
@@ -508,7 +498,7 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
               "aria-label": "More options",
               className: "slide-player__action slide-player__action--mobile-more",
               onClick: () => {
-                $((e) => !e);
+                K((e) => !e);
               },
               type: "button",
               children: /* @__PURE__ */ t.jsx(
@@ -524,10 +514,10 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": V.subtitleToggleAriaLabel,
+              "aria-label": B.subtitleToggleAriaLabel,
               "aria-pressed": re,
               className: "slide-player__action slide-player__action--subtitle",
-              onClick: oe,
+              onClick: ie,
               type: "button",
               children: re ? /* @__PURE__ */ t.jsx(yr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ t.jsx(
                 gr,
@@ -545,7 +535,7 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
               className: "slide-player__action slide-player__action--prev",
               disabled: He,
               onClick: () => {
-                Ue?.(Ae());
+                Ue?.(Me());
               },
               type: "button",
               children: /* @__PURE__ */ t.jsx(_r, { className: "slide-player__icon", strokeWidth: 2.25 })
@@ -557,40 +547,40 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
               "aria-label": De,
               className: "slide-player__toggle slide-player__toggle--playback",
               onClick: () => {
-                if (z) {
-                  const r = !q;
-                  H(r), Be?.(r);
+                if (T) {
+                  const r = !$;
+                  O(r), Be?.(r);
                   return;
                 }
-                const e = h.current;
-                if (!(j || !e || !o)) {
+                const e = p.current;
+                if (!(P || !e || !f)) {
                   if (c.current !== null) {
-                    if (Y) {
-                      H(!1), s.current = !1, y.current = !0, c.current = null, g.current = !1, f(!1), n(!1), e.pause();
+                    if (ue) {
+                      O(!1), s.current = !1, h.current = !0, c.current = null, _.current = !1, o(!1), n(!1), e.pause();
                       return;
                     }
-                    H(!0), L.current = "manual", y.current = !1, s.current = !0, n(!0, "waitingForMoreAudio");
+                    O(!0), v.current = "manual", h.current = !1, s.current = !0, n(!0, "waitingForMoreAudio");
                     return;
                   }
-                  if (!e.src && A.length > 0) {
-                    H(!0), L.current = "manual", y.current = !1, E(
+                  if (!e.src && M.length > 0) {
+                    O(!0), v.current = "manual", h.current = !1, E(
                       Math.min(
                         S.current,
-                        A.length - 1
+                        M.length - 1
                       ),
                       "toggle"
                     );
                     return;
                   }
                   if (e.paused) {
-                    H(!0), L.current = "manual", y.current = !1, s.current = !0, M("toggle-resume");
+                    O(!0), v.current = "manual", h.current = !1, s.current = !0, k("toggle-resume");
                     return;
                   }
-                  H(!1), s.current = !1, y.current = !0, e.pause();
+                  O(!1), s.current = !1, h.current = !0, e.pause();
                 }
               },
               type: "button",
-              children: ze ? /* @__PURE__ */ t.jsx(Ar, {}) : /* @__PURE__ */ t.jsx(Mr, {})
+              children: ze ? /* @__PURE__ */ t.jsx(Mr, {}) : /* @__PURE__ */ t.jsx(kr, {})
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -600,18 +590,18 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
               className: "slide-player__action slide-player__action--next",
               disabled: Ke,
               onClick: () => {
-                We?.(Ae());
+                Pe?.(Me());
               },
               type: "button",
               children: /* @__PURE__ */ t.jsx(br, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          ie ? /* @__PURE__ */ t.jsx(
+          oe ? /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": fe ? "Exit fullscreen" : "Enter fullscreen",
               className: "slide-player__action slide-player__action--fullscreen",
-              onClick: ie,
+              onClick: oe,
               type: "button",
               children: fe ? /* @__PURE__ */ t.jsx(
                 xr,
@@ -636,7 +626,7 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
             "button",
             {
               "aria-label": "Notes",
-              className: ve(
+              className: Le(
                 "slide-player__action slide-player__action--notes",
                 D && "slide-player__action--active"
               ),
@@ -656,9 +646,9 @@ const Le = /* @__PURE__ */ new Map(), Fe = (T) => {
       ] })
     ] }) : null
   ] });
-}, kr = lr(jr);
-kr.displayName = "Player";
+}, Er = lr(jr);
+Er.displayName = "Player";
 export {
-  kr as default
+  Er as default
 };
 //# sourceMappingURL=Player.es.js.map