markdown-flow-ui 0.1.115-beta.4 → 0.1.115-beta.5

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

@@ -1,26 +1,27 @@
-import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import Ie, { memo as er, useRef as c, useState as je, useMemo as O, useEffect as x, useCallback as u } from "react";
-import { cn as ke } from "../../lib/utils.es.js";
-import rr from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as tr } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as nr } from "./utils/mobileScreenMode.es.js";
-import { toPlayerCustomActionList as ur } from "./utils/playerCustomActions.es.js";
+import { j as t } from "../../_virtual/jsx-runtime.es.js";
+import er, { memo as rr, useRef as c, useState as ke, useMemo as q, useEffect as S, useCallback as u } from "react";
+import { cn as Ee } from "../../lib/utils.es.js";
+import tr from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as nr } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as ur } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as sr } from "./utils/audioCompletion.es.js";
+import { toPlayerCustomActionList as lr } from "./utils/playerCustomActions.es.js";
 /* empty css              */
-import lr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import dr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import mr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
-  if (typeof window > "u" || !R || Ee.has(R))
+import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import dr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import mr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import pr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import hr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const Ne = /* @__PURE__ */ new Map(), Re = (R) => {
+  if (typeof window > "u" || !R || Ne.has(R))
     return;
-  const L = window.document.createElement("audio");
-  L.preload = "auto", L.setAttribute("playsinline", "true"), L.src = R, L.load(), Ee.set(R, L);
-}, pr = () => /* @__PURE__ */ r.jsxs(
+  const v = window.document.createElement("audio");
+  v.preload = "auto", v.setAttribute("playsinline", "true"), v.src = R, v.load(), Ne.set(R, v);
+}, gr = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -29,17 +30,17 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.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__ */ r.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ t.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), hr = () => /* @__PURE__ */ r.jsxs(
+), yr = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -48,294 +49,303 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.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__ */ r.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ t.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), gr = ({
+), _r = ({
   audioList: R = [],
-  className: L,
+  className: v,
   currentAudioIndex: m = -1,
   defaultPlaying: A = !0,
-  isPlaybackPaused: v = !1,
-  isAutoAdvanceEnabled: Y = !0,
-  useAutoAdvanceToggle: G = !1,
-  onLoadingChange: te,
-  onPlaybackStarted: ne,
-  onPlaybackTimeChange: q,
-  onSubtitleToggle: ue,
-  onPrev: Re,
-  onNext: Te,
+  isPlaybackPaused: F = !1,
+  isAutoAdvanceEnabled: G = !0,
+  useAutoAdvanceToggle: J = !1,
+  onLoadingChange: ne,
+  onPlaybackStarted: ue,
+  onPlaybackTimeChange: z,
+  onSubtitleToggle: se,
+  onPrev: Te,
+  onNext: Ce,
   onFullscreen: le,
-  isFullscreen: se = !1,
-  mobileViewMode: Ce = nr,
-  settingsPortalContainer: Le,
-  onMobileViewModeChange: ae,
-  onEnded: ce,
-  onAutoAdvanceToggle: ve,
-  onInteractionToggle: Fe,
-  hasInteraction: Ue = !1,
-  isInteractionOpen: Z = !1,
-  isSubtitleEnabled: J = !0,
-  prevDisabled: We = !1,
-  nextDisabled: Pe = !1,
-  showControls: Q = !0,
-  customActions: ie,
-  customActionContext: oe,
-  texts: fe,
-  ...Ve
+  isFullscreen: ae = !1,
+  mobileViewMode: Le = ur,
+  settingsPortalContainer: ve,
+  onMobileViewModeChange: ce,
+  onEnded: ie,
+  onAutoAdvanceToggle: Fe,
+  onInteractionToggle: Ue,
+  hasInteraction: We = !1,
+  isInteractionOpen: $ = !1,
+  isSubtitleEnabled: Q = !0,
+  prevDisabled: Pe = !1,
+  nextDisabled: Ve = !1,
+  showControls: I = !0,
+  customActions: oe,
+  customActionContext: fe,
+  texts: de,
+  ...Be
 }) => {
-  const h = c(null), de = c(Z), M = c(null), me = c(null), S = c(0), a = c(null), z = c(void 0), j = c([]), $ = c(!1), pe = c(!1), g = c(!1), F = c(null), y = c(!1), l = c(!1), p = c(null), w = c(!1), U = c(null), I = c(0), T = c("unknown"), [ee, i] = je(A), [he, B] = je(!1), f = m >= 0 ? R[m] : void 0, K = f?.audioUrl, k = O(
+  const p = c(null), me = c($), M = c(null), pe = c(null), x = c(0), a = c(null), D = c(void 0), j = c([]), H = c(!1), he = c(!1), g = c(!1), T = c(null), y = c(!1), s = c(!1), h = c(null), w = c(!1), U = c(null), ee = c(0), C = c("unknown"), [re, i] = ke(A), [ge, B] = ke(!1), f = m >= 0 ? R[m] : void 0, K = f?.audioUrl, k = q(
     () => [...f?.audioSegments ?? []].sort(
-      (e, n) => e.segment_index - n.segment_index
+      (e, r) => e.segment_index - r.segment_index
     ),
     [f?.audioSegments]
-  ), ge = O(
-    () => ur(ie, oe),
-    [oe, ie]
-  ), ye = ge.length + 5, Be = O(
+  ), ye = q(
+    () => lr(oe, fe),
+    [fe, oe]
+  ), _e = ye.length + 5, Ke = q(
     () => ({
-      "--slide-player-mobile-control-count": String(ye)
+      "--slide-player-mobile-control-count": String(_e)
     }),
-    [ye]
-  ), W = O(
+    [_e]
+  ), W = q(
     () => ({
-      ...tr,
-      ...fe
+      ...nr,
+      ...de
     }),
-    [fe]
-  ), re = O(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Ke = G ? Y : ee, Ze = G ? Y ? "Pause autoplay" : "Play autoplay" : ee ? "Pause" : "Play";
-  x(() => {
-    z.current = f;
-  }, [f]), x(() => {
-    Q || B(!1);
-  }, [Q]), x(() => {
-    !de.current && Z && B(!1), de.current = Z;
-  }, [Z]), x(() => {
+    [de]
+  ), te = q(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Ze = J ? G : re, $e = J ? G ? "Pause autoplay" : "Play autoplay" : re ? "Pause" : "Play";
+  S(() => {
+    D.current = f;
+  }, [f]), S(() => {
+    I || B(!1);
+  }, [I]), S(() => {
+    !me.current && $ && B(!1), me.current = $;
+  }, [$]), S(() => {
     j.current = k;
-  }, [k]), x(() => {
-    const e = f?.audioUrl, n = m >= 0 ? R[m + 1]?.audioUrl : void 0;
-    Ne(e), Ne(n);
+  }, [k]), S(() => {
+    const e = f?.audioUrl, r = m >= 0 ? R[m + 1]?.audioUrl : void 0;
+    Re(e), Re(r);
   }, [R, f?.audioUrl, m]);
-  const t = u(
-    (e, n = null) => {
-      pe.current === e && (!e || n === null) || (pe.current = e, te?.({
+  const n = u(
+    (e, r = null) => {
+      he.current === e && (!e || r === null) || (he.current = e, ne?.({
         loading: e,
-        reason: e ? n : null
+        reason: e ? r : null
       }));
     },
-    [te]
-  ), _e = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), C = u(() => A && !v && !g.current && T.current !== "blocked", [A, v]), be = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xe = u(() => {
+    [ne]
+  ), be = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), L = u(() => A && !F && !g.current && C.current !== "blocked", [A, F]), Se = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xe = u(() => {
     const e = a.current;
     return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
-      (n, s) => n + Math.max(Number(s.duration_ms ?? 0), 0),
+      (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
       0
     ) / 1e3;
   }, []), P = u((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
-    (n, s) => n + Math.max(Number(s.duration_ms ?? 0), 0),
+    (r, l) => r + Math.max(Number(l.duration_ms ?? 0), 0),
     0
-  ), []), Se = u(() => {
-    const e = h.current;
-    return e ? F.current === "segment" ? P(S.current) + Math.max(e.currentTime, 0) * 1e3 : p.current !== null && e.readyState === 0 ? p.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : a.current != null ? P(a.current) : 0;
+  ), []), we = u(() => {
+    const e = p.current;
+    return e ? T.current === "segment" ? P(x.current) + Math.max(e.currentTime, 0) * 1e3 : h.current !== null && e.readyState === 0 ? h.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : a.current != null ? P(a.current) : 0;
   }, [P]), _ = u(
     (e) => {
-      const n = Math.max(e, 0);
-      I.current !== n && (I.current = n, q?.(n));
+      const r = Math.max(e, 0);
+      ee.current !== r && (ee.current = r, z?.(r));
     },
-    [q]
+    [z]
   ), o = u(() => {
-    _(Se());
-  }, [Se, _]), d = u(() => {
+    _(we());
+  }, [we, _]), d = u(() => {
     typeof window > "u" || U.current === null || (window.cancelAnimationFrame(U.current), U.current = null);
-  }, []), we = u(() => {
+  }, []), Ae = u(() => {
     if (typeof window > "u" || U.current !== null)
       return;
     const e = () => {
       o();
-      const n = h.current;
-      if (!n || n.paused || n.ended) {
+      const r = p.current;
+      if (!r || r.paused || r.ended) {
         U.current = null;
         return;
       }
       U.current = window.requestAnimationFrame(e);
     };
     U.current = window.requestAnimationFrame(e);
-  }, [o]), H = u(() => {
-    const e = h.current;
-    e && (d(), l.current = !1, g.current = !1, $.current = !1, F.current = null, p.current = null, y.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), M.current = null, S.current = 0, a.current = null, _(0), i(!1), t(!1));
-  }, [_, d, t]), b = u(
+  }, [o]), O = u(() => {
+    const e = p.current;
+    e && (d(), s.current = !1, g.current = !1, H.current = !1, T.current = null, h.current = null, y.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), M.current = null, x.current = 0, a.current = null, _(0), i(!1), n(!1));
+  }, [_, d, n]), b = u(
     (e) => {
-      const n = h.current;
-      if (!n)
+      const r = p.current;
+      if (!r)
         return !1;
-      const s = n.play();
-      return s && typeof s.then == "function" && s.then(() => {
-        T.current === "unknown" && (T.current = "auto"), l.current = !1, w.current = !1;
+      const l = r.play();
+      return l && typeof l.then == "function" && l.then(() => {
+        C.current === "unknown" && (C.current = "auto"), s.current = !1, w.current = !1;
       }).catch((V) => {
-        T.current === "unknown" && _e(V) && (T.current = "blocked", l.current = !1, t(!1)), w.current = !1, i(!1);
+        C.current === "unknown" && be(V) && (C.current = "blocked", s.current = !1, n(!1)), w.current = !1, i(!1);
       }), !0;
     },
-    [_e, t]
+    [be, n]
   ), E = u(
-    (e, n) => {
-      const s = h.current, V = j.current[e];
-      if (!s || !V)
+    (e, r) => {
+      const l = p.current, V = j.current[e];
+      if (!l || !V)
         return !1;
-      const N = be(V.audio_data);
-      S.current = e, a.current = null, y.current = !1, w.current = !0, _(P(e));
-      const X = C();
-      l.current = X, t(!1);
-      const Qe = M.current !== N;
-      return F.current = "segment", Qe && (s.pause(), s.removeAttribute("src"), s.load(), M.current = N, s.src = N, s.load()), p.current = 0, s.readyState > 0 && (s.currentTime = 0, p.current = null), X ? b(`start-segment:${n}`) : (l.current = !1, w.current = !1, s.pause(), i(!1), !0);
+      const N = Se(V.audio_data);
+      x.current = e, a.current = null, y.current = !1, w.current = !0, _(P(e));
+      const Y = L();
+      s.current = Y, n(!1);
+      const Ie = M.current !== N;
+      return T.current = "segment", Ie && (l.pause(), l.removeAttribute("src"), l.load(), M.current = N, l.src = N, l.load()), h.current = 0, l.readyState > 0 && (l.currentTime = 0, h.current = null), Y ? b(`start-segment:${r}`) : (s.current = !1, w.current = !1, l.pause(), i(!1), !0);
     },
     [
-      C,
-      be,
+      L,
+      Se,
       P,
       _,
       b,
-      t
+      n
     ]
-  ), D = u(
+  ), Z = u(
     (e) => {
-      d(), l.current = !1, y.current = !1, w.current = !1, o(), i(!1), t(!1), m >= 0 && ce?.(m);
+      d(), s.current = !1, y.current = !1, w.current = !1, o(), i(!1), n(!1), m >= 0 && ie?.(m);
     },
     [
       m,
-      ce,
+      ie,
       d,
       o,
-      t
+      n
     ]
-  ), Ae = u(() => {
-    const e = S.current + 1, n = j.current, s = n[e], V = z.current, N = n.some((X) => X.is_final);
-    if (s) {
+  ), X = u(
+    (e) => {
+      const r = p.current;
+      return !r || T.current !== "url" || !sr({
+        currentTimeSeconds: Math.max(r.currentTime, 0),
+        durationSeconds: r.duration
+      }) ? !1 : (s.current = !1, r.pause(), Z(e), !0);
+    },
+    [Z]
+  ), Me = u(() => {
+    const e = x.current + 1, r = j.current, l = r[e], V = D.current, N = r.some((Y) => Y.is_final);
+    if (l) {
       E(e, "ended");
       return;
     }
     if (V?.isAudioStreaming || !N) {
-      S.current = e, a.current = e, y.current = !0, l.current = A, _(P(e)), i(!1), t(!0, "waitingForMoreAudio");
+      x.current = e, a.current = e, y.current = !0, s.current = A, _(P(e)), i(!1), n(!0, "waitingForMoreAudio");
       return;
     }
-    D("segments-completed");
+    Z("segments-completed");
   }, [
     A,
-    D,
+    Z,
     P,
     _,
     E,
-    t
+    n
   ]);
-  x(() => {
-    if (me.current === re)
+  S(() => {
+    if (pe.current === te)
       return;
-    me.current = re, S.current = 0, a.current = null, y.current = !1, g.current = !1, $.current = !1, l.current = !1, w.current = !1, F.current = null, M.current = null, d(), _(0), t(!1);
-    const e = h.current;
+    pe.current = te, x.current = 0, a.current = null, y.current = !1, g.current = !1, H.current = !1, s.current = !1, w.current = !1, T.current = null, M.current = null, d(), _(0), n(!1);
+    const e = p.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), i(!1));
   }, [
     m,
-    re,
+    te,
     k.length,
     K,
     _,
     d,
-    t
-  ]), x(() => {
-    const e = h.current;
+    n
+  ]), S(() => {
+    const e = p.current;
     if (e) {
-      if (v) {
-        $.current = !!(z.current && !g.current && (!e.paused || l.current || a.current !== null)), l.current = !1, t(!1), e.pause(), i(!1);
+      if (F) {
+        H.current = !!(D.current && !g.current && (!e.paused || s.current || a.current !== null)), s.current = !1, n(!1), e.pause(), i(!1);
         return;
       }
-      if (!(!$.current || !z.current || g.current)) {
-        if ($.current = !1, a.current !== null) {
+      if (!(!H.current || !D.current || g.current)) {
+        if (H.current = !1, a.current !== null) {
           if (a.current < j.current.length) {
             E(a.current, "external-resume");
             return;
           }
-          l.current = !0, t(!0, "waitingForMoreAudio");
+          s.current = !0, n(!0, "waitingForMoreAudio");
           return;
         }
         if (!M.current && j.current.length > 0) {
           E(
             Math.min(
-              S.current,
+              x.current,
               j.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (l.current = !0, b("external-resume"));
+        e.paused && (s.current = !0, b("external-resume"));
       }
     }
   }, [
-    v,
+    F,
     E,
     b,
-    t
-  ]), x(() => {
-    const e = h.current;
+    n
+  ]), S(() => {
+    const e = p.current;
     if (e) {
       if (!f) {
-        H();
+        O();
         return;
       }
-      if (v) {
-        l.current = !1, t(!1), e.pause(), i(!1);
+      if (F) {
+        s.current = !1, n(!1), e.pause(), i(!1);
         return;
       }
       if (K) {
-        const n = M.current !== K, s = C();
-        if (F.current === "segment" && !!M.current && a.current === null) {
-          if (!s) {
-            l.current = !1, e.pause(), i(!1);
+        const r = M.current !== K, l = L();
+        if (T.current === "segment" && !!M.current && a.current === null) {
+          if (!l) {
+            s.current = !1, e.pause(), i(!1);
             return;
           }
-          e.paused && (l.current = !0, b("keep-segment-source"));
+          e.paused && (s.current = !0, b("keep-segment-source"));
           return;
         }
-        if (n) {
+        if (r) {
           const N = a.current !== null ? xe() : 0;
-          e.pause(), e.removeAttribute("src"), e.load(), M.current = K, F.current = "url", e.src = K, e.load(), p.current = N, _(N * 1e3), e.readyState > 0 && (e.currentTime = N, p.current = null);
+          e.pause(), e.removeAttribute("src"), e.load(), M.current = K, T.current = "url", e.src = K, e.load(), h.current = N, _(N * 1e3), e.readyState > 0 && (e.currentTime = N, h.current = null);
         }
-        if (l.current = s, y.current = !1, w.current = !1, t(!1), !s) {
-          l.current = !1, e.pause(), i(!1);
+        if (s.current = l, y.current = !1, w.current = !1, n(!1), !l) {
+          s.current = !1, e.pause(), i(!1);
           return;
         }
-        b(n ? "sync-url-init" : "sync-url");
+        b(r ? "sync-url-init" : "sync-url");
         return;
       }
       if (a.current !== null) {
         if (a.current < k.length) {
           if (g.current) {
-            i(!1), t(!1);
+            i(!1), n(!1);
             return;
           }
           E(a.current, "wait-resume");
           return;
         }
-        y.current = !0, l.current = C(), i(!1), t(C());
+        y.current = !0, s.current = L(), i(!1), n(L());
         return;
       }
       if (!k.length) {
         if (f.isAudioStreaming) {
-          a.current = S.current, y.current = !0, l.current = C(), i(!1), t(C());
+          a.current = x.current, y.current = !0, s.current = L(), i(!1), n(L());
           return;
         }
-        H();
+        O();
         return;
       }
       if (!M.current) {
         E(
           Math.min(
-            S.current,
+            x.current,
             k.length - 1
           ),
           "effect-init"
@@ -343,10 +353,10 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
         return;
       }
       if (!A || g.current) {
-        l.current = !1, e.pause(), i(!1);
+        s.current = !1, e.pause(), i(!1);
         return;
       }
-      e.paused && (l.current = !0, b("sync-paused-retry"));
+      e.paused && (s.current = !0, b("sync-paused-retry"));
     }
   }, [
     f,
@@ -354,89 +364,90 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     k,
     K,
     A,
-    v,
-    C,
+    F,
+    L,
     _,
-    H,
+    O,
     E,
     b,
     xe,
-    t
-  ]), x(() => H, [H]), x(() => d, [d]);
-  const $e = u(() => {
-    o(), we(), i(!0), t(!1), ne?.();
+    n
+  ]), S(() => O, [O]), S(() => d, [d]);
+  const He = u(() => {
+    o(), Ae(), i(!0), n(!1), ue?.();
   }, [
-    ne,
-    we,
+    ue,
+    Ae,
     o,
-    t
-  ]), He = u(() => {
+    n
+  ]), Oe = u(() => {
     y.current || w.current || (d(), o(), i(!1));
-  }, [m, d, o]), Oe = u(() => {
-    const e = h.current;
-    e && p.current !== null && (e.currentTime = p.current, p.current = null), o(), !(!l.current || !A) && b("canplay");
+  }, [m, d, o]), qe = u(() => {
+    const e = p.current;
+    e && h.current !== null && (e.currentTime = h.current, h.current = null), o(), !X("canplay-seek-finished") && (!s.current || !A || b("canplay"));
   }, [
     m,
     A,
+    X,
     o,
     b
-  ]), qe = u(() => {
-    const e = h.current;
-    e && p.current !== null && (e.currentTime = p.current, p.current = null), o();
-  }, [m, o]), ze = u(() => {
+  ]), ze = u(() => {
+    const e = p.current;
+    e && h.current !== null && (e.currentTime = h.current, h.current = null), o(), X("metadata-seek-finished");
+  }, [m, X, o]), De = u(() => {
     o();
-  }, [o]), De = u(() => {
-    y.current || t(!0, "loadingAudio");
-  }, [t]), Xe = u(() => {
+  }, [o]), Xe = u(() => {
+    y.current || n(!0, "loadingAudio");
+  }, [n]), Ye = u(() => {
     if (y.current) {
-      t(!0, "waitingForMoreAudio");
+      n(!0, "waitingForMoreAudio");
       return;
     }
-    t(!0, "loadingAudio");
-  }, [t]), Me = u(() => {
+    n(!0, "loadingAudio");
+  }, [n]), je = u(() => {
     o();
-  }, [o]), Ye = u(() => {
-    const e = F.current === "url" || j.current.length === 0;
+  }, [o]), Ge = u(() => {
+    const e = T.current === "url" || j.current.length === 0;
     if (d(), w.current = !1, e) {
-      D("url-ended");
+      Z("url-ended");
       return;
     }
-    Ae();
-  }, [D, Ae, d]), Ge = u(() => {
-    d(), o(), i(!1), t(!1);
-  }, [d, o, t]), Je = u(
+    Me();
+  }, [Z, Me, d]), Je = u(() => {
+    d(), o(), i(!1), n(!1);
+  }, [d, o, n]), Qe = u(
     (e) => {
-      ae?.(e), B(!1);
+      ce?.(e), B(!1);
     },
-    [ae]
+    [ce]
   );
-  return x(() => {
-    q?.(I.current);
-  }, [q]), /* @__PURE__ */ r.jsxs("div", { className: ke("slide-player", L), ...Ve, children: [
-    /* @__PURE__ */ r.jsx(
+  return S(() => {
+    z?.(ee.current);
+  }, [z]), /* @__PURE__ */ t.jsxs("div", { className: Ee("slide-player", v), ...Be, children: [
+    /* @__PURE__ */ t.jsx(
       "audio",
       {
-        ref: h,
+        ref: p,
         preload: "auto",
         playsInline: !0,
-        onLoadStart: De,
-        onLoadedMetadata: qe,
-        onCanPlay: Oe,
-        onPlay: $e,
-        onPause: He,
-        onWaiting: Xe,
-        onSeeking: Me,
-        onSeeked: Me,
-        onTimeUpdate: ze,
-        onEnded: Ye,
-        onError: Ge
+        onLoadStart: Xe,
+        onLoadedMetadata: ze,
+        onCanPlay: qe,
+        onPlay: He,
+        onPause: Oe,
+        onWaiting: Ye,
+        onSeeking: je,
+        onSeeked: je,
+        onTimeUpdate: De,
+        onEnded: Ge,
+        onError: Je
       }
     ),
-    Q ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(
-        rr,
+    I ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        tr,
         {
-          container: Le,
+          container: ve,
           labels: {
             fullscreen: W.fullscreenLabel,
             nonFullscreen: W.nonFullscreenLabel,
@@ -445,22 +456,22 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
             subtitleToggle: W.subtitleToggleAriaLabel,
             title: W.settingsTitle
           },
-          isSubtitleEnabled: J,
+          isSubtitleEnabled: Q,
           onClose: () => B(!1),
           onOpenChange: B,
-          onSubtitleToggle: ue ?? (() => {
+          onSubtitleToggle: se ?? (() => {
           }),
-          onViewModeChange: Je,
-          open: he,
-          viewMode: Ce
+          onViewModeChange: Qe,
+          open: ge,
+          viewMode: Le
         }
       ),
-      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: Be, children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: "slide-player__controls", style: Ke, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-expanded": he,
+              "aria-expanded": ge,
               "aria-haspopup": "dialog",
               "aria-label": "More options",
               className: "slide-player__action slide-player__action--mobile-more",
@@ -468,8 +479,8 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
                 B((e) => !e);
               },
               type: "button",
-              children: /* @__PURE__ */ r.jsx(
-                lr,
+              children: /* @__PURE__ */ t.jsx(
+                ar,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -477,17 +488,17 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(sr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ t.jsx(cr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": W.subtitleToggleAriaLabel,
-              "aria-pressed": J,
+              "aria-pressed": Q,
               className: "slide-player__action slide-player__action--subtitle",
-              onClick: ue,
+              onClick: se,
               type: "button",
-              children: J ? /* @__PURE__ */ r.jsx(ar, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ r.jsx(
-                cr,
+              children: Q ? /* @__PURE__ */ t.jsx(ir, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ t.jsx(
+                or,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -495,41 +506,41 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Rewind",
               className: "slide-player__action slide-player__action--prev",
-              disabled: We,
-              onClick: Re,
+              disabled: Pe,
+              onClick: Te,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(ir, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ t.jsx(fr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": Ze,
+              "aria-label": $e,
               className: "slide-player__toggle slide-player__toggle--playback",
               onClick: () => {
-                if (G) {
-                  ve?.(!Y);
+                if (J) {
+                  Fe?.(!G);
                   return;
                 }
-                const e = h.current;
-                if (!(v || !e || !f)) {
+                const e = p.current;
+                if (!(F || !e || !f)) {
                   if (a.current !== null) {
-                    if (ee) {
-                      l.current = !1, g.current = !0, a.current = null, y.current = !1, i(!1), t(!1), e.pause();
+                    if (re) {
+                      s.current = !1, g.current = !0, a.current = null, y.current = !1, i(!1), n(!1), e.pause();
                       return;
                     }
-                    T.current = "manual", g.current = !1, l.current = !0, t(!0, "waitingForMoreAudio");
+                    C.current = "manual", g.current = !1, s.current = !0, n(!0, "waitingForMoreAudio");
                     return;
                   }
                   if (!e.src && k.length > 0) {
-                    T.current = "manual", g.current = !1, E(
+                    C.current = "manual", g.current = !1, E(
                       Math.min(
-                        S.current,
+                        x.current,
                         k.length - 1
                       ),
                       "toggle"
@@ -537,42 +548,42 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
                     return;
                   }
                   if (e.paused) {
-                    T.current = "manual", g.current = !1, l.current = !0, b("toggle-resume");
+                    C.current = "manual", g.current = !1, s.current = !0, b("toggle-resume");
                     return;
                   }
-                  l.current = !1, g.current = !0, e.pause();
+                  s.current = !1, g.current = !0, e.pause();
                 }
               },
               type: "button",
-              children: Ke ? /* @__PURE__ */ r.jsx(pr, {}) : /* @__PURE__ */ r.jsx(hr, {})
+              children: Ze ? /* @__PURE__ */ t.jsx(gr, {}) : /* @__PURE__ */ t.jsx(yr, {})
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Forward",
               className: "slide-player__action slide-player__action--next",
-              disabled: Pe,
-              onClick: Te,
+              disabled: Ve,
+              onClick: Ce,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(or, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ t.jsx(dr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          le ? /* @__PURE__ */ r.jsx(
+          le ? /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": se ? "Exit fullscreen" : "Enter fullscreen",
+              "aria-label": ae ? "Exit fullscreen" : "Enter fullscreen",
               className: "slide-player__action slide-player__action--fullscreen",
               onClick: le,
               type: "button",
-              children: se ? /* @__PURE__ */ r.jsx(
-                fr,
+              children: ae ? /* @__PURE__ */ t.jsx(
+                mr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
                 }
-              ) : /* @__PURE__ */ r.jsx(
-                dr,
+              ) : /* @__PURE__ */ t.jsx(
+                pr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -581,22 +592,22 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ r.jsx("div", { className: "slide-player__separator" }),
-        /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          ge.map((e, n) => /* @__PURE__ */ r.jsx(Ie.Fragment, { children: e }, `custom-action-${n}`)),
-          /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: "slide-player__separator" }),
+        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
+          ye.map((e, r) => /* @__PURE__ */ t.jsx(er.Fragment, { children: e }, `custom-action-${r}`)),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Notes",
-              className: ke(
+              className: Ee(
                 "slide-player__action slide-player__action--notes",
-                Z && "slide-player__action--active"
+                $ && "slide-player__action--active"
               ),
-              disabled: !Ue,
-              onClick: Fe,
+              disabled: !We,
+              onClick: Ue,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(
-                mr,
+              children: /* @__PURE__ */ t.jsx(
+                hr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -608,9 +619,9 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       ] })
     ] }) : null
   ] });
-}, yr = er(gr);
-yr.displayName = "Player";
+}, br = rr(_r);
+br.displayName = "Player";
 export {
-  yr as default
+  br as default
 };
 //# sourceMappingURL=Player.es.js.map