markdown-flow-ui 0.2.26-dev.8 → 0.2.26

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

@@ -1,5 +1,5 @@
 import { jsxs as H, jsx as s, Fragment as jt } from "react/jsx-runtime";
-import wr, { memo as Tr, useId as vr, useContext as kr, useRef as a, useState as Ye, useMemo as ce, useCallback as u, useEffect as m } from "react";
+import wr, { memo as Tr, useId as vr, useContext as kr, useRef as a, useState as Pe, useMemo as ce, useCallback as u, useEffect as m } from "react";
 import { getMarkdownFlowDirection as Lr, getMarkdownFlowLanguage as Cr } from "../../lib/locale.es.js";
 import { useDetachedLanguage as Ar } from "../../lib/useDetachedLanguage.es.js";
 import { useResolvedDirection as xr } from "../../lib/useResolvedDirection.es.js";
@@ -15,28 +15,28 @@ import { shouldKeepPlayingAfterNavigation as Hr } from "./utils/playbackPreferen
 import { toPlayerCustomActionList as Dr } from "./utils/playerCustomActions.es.js";
 import { suppressPlayerControlsWakeAfterNavigation as Qe } from "./utils/playerNavigationContext.es.js";
 import { isPlaybackTimeCoveredBySegments as Xe, resolveSegmentSeekTarget as zt } from "./utils/segmentSeek.es.js";
-import { getSortedAudioSegments as Gt } from "./utils/audioSegments.es.js";
-import { getSubtitleCueJumpTarget as Jr, shouldClearSubtitleCueJumpTarget as Pr } from "./utils/subtitleCue.es.js";
+import { getSortedAudioSegments as Yt } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as Jr, shouldClearSubtitleCueJumpTarget as Zr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import Zr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import Gr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
 import jr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
 import zr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
-import Gr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import Yr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Yr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Pr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
 import Qr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
 import Xr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
 import qr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
 import en from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
 import tn from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
 import rn from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.es.js";
-const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
-  if (typeof window > "u" || !d || Yt.has(d))
+const Pt = /* @__PURE__ */ new Map(), Qt = (d) => {
+  if (typeof window > "u" || !d || Pt.has(d))
     return;
   const p = window.document.createElement("audio");
-  p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = d, p.load(), Yt.set(d, p);
-}, nn = (d, p) => p !== null && p.audioList === d && p.subtitleCueLists.length === d.length && d.every((i, w) => {
-  const T = i.element?.subtitle_cues;
-  return p.subtitleCueLists[w] === T && p.subtitleCueLengths[w] === (T?.length ?? 0);
+  p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = d, p.load(), Pt.set(d, p);
+}, nn = (d, p) => p !== null && p.audioList === d && p.subtitleCueLists.length === d.length && d.every((i, T) => {
+  const v = i.element?.subtitle_cues;
+  return p.subtitleCueLists[T] === v && p.subtitleCueLengths[T] === (v?.length ?? 0);
 }), un = (d) => {
   const p = d.map(
     (i) => i.element?.subtitle_cues
@@ -100,16 +100,16 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   audioList: d = [],
   className: p,
   currentAudioIndex: i = -1,
-  defaultPlaying: w = !0,
-  isPlaybackPaused: T = !1,
-  isAutoAdvanceEnabled: G = !0,
+  defaultPlaying: T = !0,
+  isPlaybackPaused: v = !1,
+  isAutoAdvanceEnabled: Y = !0,
   useAutoAdvanceToggle: R = !1,
   onLoadingChange: qe,
   onPlaybackPreferenceChange: et,
   onPlaybackStarted: tt,
   onPlaybackTimeChange: be,
   onPlaybackCheckpoint: ne,
-  playbackRestoreRequest: _ = null,
+  playbackRestoreRequest: M = null,
   onPlaybackRestoreComplete: oe,
   onSubtitleToggle: fe,
   onPrev: _e,
@@ -132,7 +132,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   showControls: Ie = !0,
   onControlsPointerEnter: er,
   onControlsPointerLeave: tr,
-  slideProgress: v = null,
+  slideProgress: g = null,
   enableKeyboardShortcuts: rr = !0,
   subtitleSeekRequest: D = null,
   customActions: at,
@@ -143,14 +143,14 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   onPointerDown: ot,
   ...Ve
 }) => {
-  const $e = Ve.dir ?? Lr(ve), ft = Ve.lang ?? Cr(ve), nr = vr(), dt = kr(Wr), g = a(null), mt = a(null), pt = a(null), { resolvedDirection: ht, readDirection: gt } = xr(g, $e), ke = ht === "rtl", ur = Ar(g, ft), St = a(Te), O = a(null), Le = a(null), F = a(0), h = a(null), me = a(void 0), k = a([]), pe = a(
-    R ? G : w
-  ), he = a(!1), yt = a(!1), L = a(!1), B = a(null), Y = a(null), E = a(!1), c = a(!1), N = a(null), U = a(!1), Q = a(null), Ce = a(0), bt = a(() => {
-  }), Ae = a(null), ge = a(null), _t = a(null), X = a(null), Mt = a(0), He = a(!1), De = a(!1), wt = a(ne), Tt = a(() => 0), vt = a(null), I = a("unknown"), [xe, S] = Ye(w), [kt, ue] = Ye(!1), [le, lr] = Ye({
+  const $e = Ve.dir ?? Lr(ve), ft = Ve.lang ?? Cr(ve), nr = vr(), dt = kr(Wr), S = a(null), mt = a(null), pt = a(null), { resolvedDirection: ht, readDirection: gt } = xr(S, $e), ke = ht === "rtl", ur = Ar(S, ft), St = a(Te), O = a(null), Le = a(null), F = a(0), h = a(null), me = a(void 0), k = a([]), pe = a(
+    R ? Y : T
+  ), he = a(!1), yt = a(!1), L = a(!1), B = a(null), P = a(null), E = a(!1), c = a(!1), N = a(null), U = a(!1), Q = a(null), Ce = a(0), bt = a(() => {
+  }), Ae = a(null), ge = a(null), _t = a(null), X = a(null), Mt = a(0), He = a(!1), De = a(!1), wt = a(ne), Tt = a(() => 0), vt = a(null), I = a("unknown"), [xe, y] = Pe(T), [kt, ue] = Pe(!1), [le, lr] = Pe({
     next: !1,
     previous: !1
   }), q = dt?.ownerId ?? nr, V = rr && (dt?.enabled ?? !0), f = i >= 0 ? d[i] : void 0, A = f?.audioUrl, Lt = f?.audioSegments, ar = Lt?.length ?? 0, W = ce(
-    () => Gt(f),
+    () => Yt(f),
     [f, ar, Lt]
   );
   let Ne = vt.current;
@@ -169,7 +169,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       ...st
     }),
     [ve, st]
-  ), Pe = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), sr = R ? G : xe, xt = R ? G ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Nt = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, ee = u(
+  ), Ze = ce(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), sr = R ? Y : xe, xt = R ? Y ? o.pauseAutoplayLabel : o.playAutoplayLabel : xe ? o.pauseLabel : o.playLabel, Nt = rt ? o.exitFullscreenLabel : o.enterFullscreenLabel, ee = u(
     (e, t, r) => ({
       ariaKeyShortcuts: V ? r : void 0,
       title: V ? on(e, t) : e
@@ -219,8 +219,8 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   m(() => {
     me.current = f;
   }, [f]), m(() => {
-    pe.current = R ? G : w;
-  }, [w, G, R]), m(() => {
+    pe.current = R ? Y : T;
+  }, [T, Y, R]), m(() => {
     Ie || ue(!1);
   }, [Ie]), m(() => {
     !St.current && Te && ue(!1), St.current = Te;
@@ -257,8 +257,8 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       behavior: "smooth",
       left: t.offsetLeft - e.clientWidth / 2 + t.clientWidth / 2
     });
-  }, [v?.currentIndex]);
-  const Ot = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), P = u(() => w && !T && !L.current && I.current !== "blocked", [w, T]), It = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Vt = u(() => {
+  }, [g?.currentIndex]);
+  const Ot = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), Z = u(() => T && !v && !L.current && I.current !== "blocked", [T, v]), It = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Vt = u(() => {
     const e = h.current;
     return e == null || e <= 0 ? 0 : k.current.slice(0, e).reduce(
       (t, r) => t + Math.max(Number(r.duration_ms ?? 0), 0),
@@ -268,11 +268,11 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     (t, r) => t + Math.max(Number(r.duration_ms ?? 0), 0),
     0
   ), []), Ke = u(
-    (e, t) => !e || T ? !1 : e.audioUrl ? !0 : Xe(
-      Gt(e),
+    (e, t) => !e || v ? !1 : e.audioUrl ? !0 : Xe(
+      Yt(e),
       t
     ),
-    [T]
+    [v]
   ), Se = u(
     (e, t, r = {}) => {
       const n = Jr({
@@ -295,7 +295,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       we,
       Ct
     ]
-  ), Ze = u(
+  ), Ge = u(
     (e, t = !1) => {
       const r = Math.max(Number(e), 0);
       if (!t && Ae.current !== null && Math.abs(
@@ -307,35 +307,35 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
         previous: Se("previous", r) !== null,
         next: Se("next", r) !== null
       };
-      lr((b) => b.previous === n.previous && b.next === n.next ? b : n);
+      lr((_) => _.previous === n.previous && _.next === n.next ? _ : n);
     },
     [Se]
   );
   m(() => {
-    bt.current = Ze, Ze(Ce.current, !0);
-  }, [Ze]);
-  const Z = u(() => {
-    const e = g.current;
+    bt.current = Ge, Ge(Ce.current, !0);
+  }, [Ge]);
+  const G = u(() => {
+    const e = S.current;
     return e ? B.current === "segment" ? te(F.current) + Math.max(e.currentTime, 0) * 1e3 : N.current !== null && e.readyState === 0 ? N.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : h.current != null ? te(h.current) : 0;
   }, [te]);
   m(() => {
     wt.current = ne;
   }, [ne]), m(() => {
-    Tt.current = Z;
-  }, [Z]);
+    Tt.current = G;
+  }, [G]);
   const K = u(
     (e) => {
       const t = Math.max(e, 0);
-      Ce.current !== t && (Ce.current = t, Pr({
+      Ce.current !== t && (Ce.current = t, Zr({
         currentAudioIndex: i,
         currentTimeMs: t,
         target: ge.current
       }) && (ge.current = null), be?.(t), bt.current(t));
     },
     [i, be]
-  ), y = u(() => {
-    K(Z());
-  }, [Z, K]), j = u(
+  ), b = u(() => {
+    K(G());
+  }, [G, K]), j = u(
     (e = !1, t = !1) => {
       const r = Le.current;
       if (!ne || !r)
@@ -344,10 +344,10 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       !e && n - Mt.current < 5e3 || (Mt.current = n, He.current = t, ne({
         audioKey: r,
         isComplete: t,
-        timeMs: Z()
+        timeMs: G()
       }));
     },
-    [Z, ne]
+    [G, ne]
   );
   m(
     () => () => {
@@ -361,14 +361,14 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   ), m(() => {
     He.current = !1;
   }, [i]);
-  const M = u(() => {
+  const w = u(() => {
     typeof window > "u" || Q.current === null || (window.cancelAnimationFrame(Q.current), Q.current = null);
   }, []), $t = u(() => {
     if (typeof window > "u" || Q.current !== null)
       return;
     const e = () => {
-      y();
-      const t = g.current;
+      b();
+      const t = S.current;
       if (!t || t.paused || t.ended) {
         Q.current = null;
         return;
@@ -376,41 +376,41 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       Q.current = window.requestAnimationFrame(e);
     };
     Q.current = window.requestAnimationFrame(e);
-  }, [y]), ae = u(() => {
-    const e = g.current;
-    e && (M(), c.current = !1, L.current = !1, he.current = !1, B.current = null, N.current = null, E.current = !1, U.current = !1, Y.current = null, e.pause(), e.removeAttribute("src"), e.load(), O.current = null, F.current = 0, h.current = null, K(0), S(!1), l(!1));
-  }, [K, M, l]), C = u(
+  }, [b]), ae = u(() => {
+    const e = S.current;
+    e && (w(), c.current = !1, L.current = !1, he.current = !1, B.current = null, N.current = null, E.current = !1, U.current = !1, P.current = null, e.pause(), e.removeAttribute("src"), e.load(), O.current = null, F.current = 0, h.current = null, K(0), y(!1), l(!1));
+  }, [K, w, l]), C = u(
     (e) => {
-      const t = g.current;
+      const t = S.current;
       if (!t)
         return !1;
       const r = t.play();
       return r && typeof r.then == "function" && r.then(() => {
         I.current === "unknown" && (I.current = "auto"), c.current = !1, U.current = !1;
       }).catch((n) => {
-        I.current === "unknown" && Ot(n) && (I.current = "blocked", c.current = !1, l(!1)), U.current = !1, S(!1);
+        I.current === "unknown" && Ot(n) && (I.current = "blocked", c.current = !1, l(!1)), U.current = !1, y(!1);
       }), !0;
     },
     [Ot, l]
   ), x = u(
     (e, t, r = {}) => {
-      const n = g.current, b = k.current[e];
-      if (!n || !b)
+      const n = S.current, _ = k.current[e];
+      if (!n || !_)
         return !1;
-      const re = It(b.audio_data), Ge = Math.max(
+      const re = It(_.audio_data), Ye = Math.max(
         Number(r.seekTimeSeconds ?? 0),
         0
       );
-      F.current = e, h.current = null, E.current = !1, U.current = !0, Y.current = "segment", K(
-        te(e) + Ge * 1e3
+      F.current = e, h.current = null, E.current = !1, U.current = !0, P.current = "segment", K(
+        te(e) + Ye * 1e3
       );
-      const Zt = r.shouldResume ?? P();
-      c.current = Zt, l(!1);
+      const Gt = r.shouldResume ?? Z();
+      c.current = Gt, l(!1);
       const Mr = O.current !== re;
-      return B.current = "segment", Mr && (n.pause(), n.removeAttribute("src"), n.load(), O.current = re, n.src = re, n.load()), N.current = Ge, n.readyState > 0 && (n.currentTime = Ge, N.current = null), Zt ? C(`start-segment:${t}`) : (c.current = !1, U.current = !1, n.pause(), S(!1), !0);
+      return B.current = "segment", Mr && (n.pause(), n.removeAttribute("src"), n.load(), O.current = re, n.src = re, n.load()), N.current = Ye, n.readyState > 0 && (n.currentTime = Ye, N.current = null), Gt ? C(`start-segment:${t}`) : (c.current = !1, U.current = !1, n.pause(), y(!1), !0);
     },
     [
-      P,
+      Z,
       It,
       te,
       K,
@@ -419,48 +419,48 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     ]
   ), ie = u(
     (e, t) => {
-      const r = g.current;
+      const r = S.current;
       if (!r)
         return !1;
       const n = Math.max(Number(t), 0) / 1e3;
-      return O.current !== e && (r.pause(), r.removeAttribute("src"), r.load(), O.current = e, B.current = "url", Y.current = "url", r.src = e, r.load()), N.current = n, K(n * 1e3), r.readyState > 0 && (r.currentTime = n, N.current = null), !0;
+      return O.current !== e && (r.pause(), r.removeAttribute("src"), r.load(), O.current = e, B.current = "url", P.current = "url", r.src = e, r.load()), N.current = n, K(n * 1e3), r.readyState > 0 && (r.currentTime = n, N.current = null), !0;
     },
     [K]
   ), Fe = u(
     (e) => {
-      const t = g.current;
-      if (!t || !f || T)
+      const t = S.current;
+      if (!t || !f || v)
         return !1;
-      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || U.current || h.current !== null && pe.current && !L.current, b = Xe(
+      const r = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || U.current || h.current !== null && pe.current && !L.current, _ = Xe(
         k.current,
         r
       ) ? zt(
         k.current,
         r
       ) : null;
-      return Ae.current = null, M(), c.current = n, l(!1), n && (I.current = "manual", L.current = !1, $(!0)), b && (B.current === "segment" || !A) ? x(
-        b.segmentIndex,
+      return Ae.current = null, w(), c.current = n, l(!1), n && (I.current = "manual", L.current = !1, $(!0)), _ && (B.current === "segment" || !A) ? x(
+        _.segmentIndex,
         "subtitle-seek-segment",
         {
-          seekTimeSeconds: b.segmentTimeSeconds,
+          seekTimeSeconds: _.segmentTimeSeconds,
           shouldResume: n
         }
-      ) : A && ie(A, r) ? n ? C("subtitle-seek-url") : (c.current = !1, t.pause(), S(!1), !0) : !1;
+      ) : A && ie(A, r) ? n ? C("subtitle-seek-url") : (c.current = !1, t.pause(), y(!1), !0) : !1;
     },
     [
       f,
       A,
-      T,
+      v,
       ie,
       x,
-      M,
+      w,
       C,
       l,
       $
     ]
   ), Ht = u(
     (e) => {
-      if (!g.current || !f)
+      if (!S.current || !f)
         return !1;
       const r = Math.max(Number(e), 0), n = Xe(
         k.current,
@@ -486,7 +486,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     (e) => {
       const t = Se(
         e,
-        Z(),
+        G(),
         {
           excludeTarget: e === "previous" ? ge.current : null
         }
@@ -505,7 +505,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     },
     [
       i,
-      Z,
+      G,
       J,
       Se,
       we,
@@ -513,18 +513,18 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     ]
   ), se = u(
     (e) => {
-      M(), c.current = !1, E.current = !1, U.current = !1, y(), S(!1), l(!1), i >= 0 && ut?.(i);
+      w(), c.current = !1, E.current = !1, U.current = !1, b(), y(!1), l(!1), i >= 0 && ut?.(i);
     },
     [
       i,
       ut,
-      M,
-      y,
+      w,
+      b,
       l
     ]
   ), Ue = u(
     (e) => {
-      const t = g.current;
+      const t = S.current;
       return !t || B.current !== "url" || !Ur({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
@@ -532,18 +532,18 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     },
     [se]
   ), Dt = u(() => {
-    const e = F.current + 1, t = k.current, r = t[e], n = me.current, b = t.some((re) => re.is_final);
+    const e = F.current + 1, t = k.current, r = t[e], n = me.current, _ = t.some((re) => re.is_final);
     if (r) {
       x(e, "ended");
       return;
     }
-    if (n?.isAudioStreaming || !b) {
-      F.current = e, h.current = e, E.current = !0, c.current = w, K(te(e)), S(!1), l(!0, "waitingForMoreAudio");
+    if (n?.isAudioStreaming || !_) {
+      F.current = e, h.current = e, E.current = !0, c.current = T, K(te(e)), y(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     se("segments-completed");
   }, [
-    w,
+    T,
     se,
     te,
     K,
@@ -551,25 +551,25 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     l
   ]);
   m(() => {
-    if (Le.current === Pe)
+    if (Le.current === Ze)
       return;
-    j(!0), Le.current = Pe, F.current = 0, h.current = null, E.current = !1, L.current = !1, he.current = !1, c.current = !1, U.current = !1, B.current = null, Y.current = null, O.current = null, M(), K(0), l(!1);
-    const e = g.current;
-    e && (De.current = !0, e.pause(), e.removeAttribute("src"), e.load(), De.current = !1, S(!1));
+    j(!0), Le.current = Ze, F.current = 0, h.current = null, E.current = !1, L.current = !1, he.current = !1, c.current = !1, U.current = !1, B.current = null, P.current = null, O.current = null, w(), K(0), l(!1);
+    const e = S.current;
+    e && (De.current = !0, e.pause(), e.removeAttribute("src"), e.load(), De.current = !1, y(!1));
   }, [
     i,
-    Pe,
+    Ze,
     W.length,
     A,
     j,
     K,
-    M,
+    w,
     l
   ]), m(() => {
-    const e = g.current;
+    const e = S.current;
     if (e) {
-      if (T) {
-        he.current = !!(me.current && !L.current && (!e.paused || c.current || h.current !== null)), c.current = !1, l(!1), e.pause(), S(!1);
+      if (v) {
+        he.current = !!(me.current && !L.current && (!e.paused || c.current || h.current !== null)), c.current = !1, l(!1), e.pause(), y(!1);
         return;
       }
       if (!(!he.current || !me.current || L.current)) {
@@ -595,39 +595,39 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       }
     }
   }, [
-    T,
+    v,
     x,
     C,
     l
   ]), m(() => {
-    const e = g.current;
+    const e = S.current;
     if (!e)
       return;
     if (!f) {
       ae();
       return;
     }
-    if (_ && _.id !== X.current)
+    if (M && M.id !== X.current)
       return;
-    if (T) {
-      c.current = !1, l(!1), e.pause(), S(!1);
+    if (v) {
+      c.current = !1, l(!1), e.pause(), y(!1);
       return;
     }
     const t = $r({
       activeSourceType: B.current,
       hasAudioUrl: !!A,
       segmentCount: W.length,
-      preferredSourceType: Y.current,
+      preferredSourceType: P.current,
       waitingSegmentIndex: h.current
     });
-    if (t && Y.current !== t && (Y.current = t), t === "url" && A) {
-      const r = O.current !== A, n = P();
+    if (t && P.current !== t && (P.current = t), t === "url" && A) {
+      const r = O.current !== A, n = Z();
       if (r) {
-        const b = h.current !== null ? Vt() : 0;
-        ie(A, b * 1e3);
+        const _ = h.current !== null ? Vt() : 0;
+        ie(A, _ * 1e3);
       }
       if (c.current = n, E.current = !1, U.current = !1, l(!1), !n) {
-        c.current = !1, e.pause(), S(!1);
+        c.current = !1, e.pause(), y(!1);
         return;
       }
       C(r ? "sync-url-init" : "sync-url");
@@ -636,18 +636,18 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     if (t === "segment" && h.current !== null) {
       if (h.current < W.length) {
         if (L.current) {
-          S(!1), l(!1);
+          y(!1), l(!1);
           return;
         }
         x(h.current, "wait-resume");
         return;
       }
-      E.current = !0, c.current = P(), S(!1), l(P());
+      E.current = !0, c.current = Z(), y(!1), l(Z());
       return;
     }
     if (t === "segment" && !W.length) {
       if (f.isAudioStreaming) {
-        h.current = F.current, E.current = !0, c.current = P(), S(!1), l(P());
+        h.current = F.current, E.current = !0, c.current = Z(), y(!1), l(Z());
         return;
       }
       ae();
@@ -667,8 +667,8 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       ae();
       return;
     }
-    if (!w || L.current) {
-      c.current = !1, e.pause(), S(!1);
+    if (!T || L.current) {
+      c.current = !1, e.pause(), y(!1);
       return;
     }
     e.paused && (c.current = !0, C("sync-paused-retry"));
@@ -677,10 +677,10 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     i,
     W,
     A,
-    w,
     T,
-    _,
-    P,
+    v,
+    M,
+    Z,
     ae,
     ie,
     x,
@@ -699,24 +699,24 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     Fe,
     D
   ]), m(() => {
-    if (!(!_ || _.id === X.current || i < 0)) {
-      if (Ht(_.timeMs)) {
-        X.current = _.id, oe?.(_.id);
+    if (!(!M || M.id === X.current || i < 0)) {
+      if (Ht(M.timeMs)) {
+        X.current = M.id, oe?.(M.id);
         return;
       }
-      f?.isAudioStreaming || (X.current = _.id, oe?.(_.id));
+      f?.isAudioStreaming || (X.current = M.id, oe?.(M.id));
     }
   }, [
     f?.isAudioStreaming,
     i,
     oe,
-    _,
+    M,
     Ht
   ]), m(() => {
-    if (!_ || _.id === X.current || i < 0 || !f?.isAudioStreaming)
+    if (!M || M.id === X.current || i < 0 || !f?.isAudioStreaming)
       return;
     const e = window.setTimeout(() => {
-      _.id !== X.current && (X.current = _.id, oe?.(_.id));
+      M.id !== X.current && (X.current = M.id, oe?.(M.id));
     }, cn);
     return () => {
       window.clearTimeout(e);
@@ -725,32 +725,32 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     f?.isAudioStreaming,
     i,
     oe,
-    _
-  ]), m(() => ae, [ae]), m(() => M, [M]);
+    M
+  ]), m(() => ae, [ae]), m(() => w, [w]);
   const fr = u(() => {
-    y(), $t(), S(!0), l(!1), tt?.();
+    b(), $t(), y(!0), l(!1), tt?.();
   }, [
     tt,
     $t,
-    y,
+    b,
     l
   ]), dr = u(() => {
-    De.current || E.current || U.current || (M(), y(), j(!0), S(!1));
-  }, [j, M, y]), mr = u(() => {
-    const e = g.current;
-    e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), !Ue("canplay-seek-finished") && (!c.current || !w || C("canplay"));
+    De.current || E.current || U.current || (w(), b(), j(!0), y(!1));
+  }, [j, w, b]), mr = u(() => {
+    const e = S.current;
+    e && N.current !== null && (e.currentTime = N.current, N.current = null), b(), !Ue("canplay-seek-finished") && (!c.current || !T || C("canplay"));
   }, [
     i,
-    w,
+    T,
     Ue,
-    y,
+    b,
     C
   ]), pr = u(() => {
-    const e = g.current;
-    e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), Ue("metadata-seek-finished");
-  }, [i, Ue, y]), hr = u(() => {
-    y(), j();
-  }, [j, y]), gr = u(() => {
+    const e = S.current;
+    e && N.current !== null && (e.currentTime = N.current, N.current = null), b(), Ue("metadata-seek-finished");
+  }, [i, Ue, b]), hr = u(() => {
+    b(), j();
+  }, [j, b]), gr = u(() => {
     E.current || l(!0, "loadingAudio");
   }, [l]), Sr = u(() => {
     if (E.current) {
@@ -759,15 +759,15 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     }
     l(!0, "loadingAudio");
   }, [l]), Jt = u(() => {
-    y();
-  }, [y]), yr = u(() => {
+    b();
+  }, [b]), yr = u(() => {
     const e = me.current, t = B.current === "url" || k.current.length === 0, r = !!k.current[F.current + 1], n = k.current.some(
       (re) => re.is_final
-    ), b = !!e?.isAudioStreaming;
+    ), _ = !!e?.isAudioStreaming;
     if (j(
       !0,
-      t || !b && !r && n
-    ), M(), U.current = !1, t) {
+      t || !_ && !r && n
+    ), w(), U.current = !1, t) {
       se("url-ended");
       return;
     }
@@ -776,21 +776,21 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
     j,
     se,
     Dt,
-    M
+    w
   ]), br = u(() => {
-    M(), y(), S(!1), l(!1);
-  }, [M, y, l]), _r = u(
+    w(), b(), y(!1), l(!1);
+  }, [w, b, l]), _r = u(
     (e) => {
       nt?.(e), ue(!1);
     },
     [nt]
   ), je = u(() => {
     if (R) {
-      const t = !G;
+      const t = !Y;
       return $(t), lt?.(t), !0;
     }
-    const e = g.current;
-    return T || !e || !f ? !1 : h.current !== null ? xe ? ($(!1), c.current = !1, L.current = !0, h.current = null, E.current = !1, S(!1), l(!1), e.pause(), !0) : ($(!0), I.current = "manual", L.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && W.length > 0 ? ($(!0), I.current = "manual", L.current = !1, x(
+    const e = S.current;
+    return v || !e || !f ? !1 : h.current !== null ? xe ? ($(!1), c.current = !1, L.current = !0, h.current = null, E.current = !1, y(!1), l(!1), e.pause(), !0) : ($(!0), I.current = "manual", L.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && W.length > 0 ? ($(!0), I.current = "manual", L.current = !1, x(
       Math.min(
         F.current,
         W.length - 1
@@ -800,8 +800,8 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
   }, [
     f,
     W.length,
-    G,
-    T,
+    Y,
+    v,
     xe,
     lt,
     x,
@@ -841,9 +841,9 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       le.previous,
       je
     ]
-  ), Pt = a(ze);
+  ), Zt = a(ze);
   return m(() => {
-    Pt.current = ze;
+    Zt.current = ze;
   }, [ze]), m(() => {
     if (!V || typeof document > "u")
       return;
@@ -854,8 +854,8 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       if (!r || Vr(t, r))
         return;
       let n = !1;
-      const b = Pt.current[r];
-      n = b(), n && t.preventDefault();
+      const _ = Zt.current[r];
+      n = _(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
@@ -869,14 +869,18 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
       dir: $e,
       lang: ft,
       "data-slide-player-shortcut-owner": q,
-      className: Nr("slide-player", p),
+      className: Nr(
+        "slide-player",
+        g && (g.totalSteps > 1 || g.isGenerating) && "slide-player--with-slide-progress",
+        p
+      ),
       onFocusCapture: or,
       onPointerDown: cr,
       children: [
         /* @__PURE__ */ s(
           "audio",
           {
-            ref: g,
+            ref: S,
             preload: "auto",
             playsInline: !0,
             onLoadStart: gr,
@@ -940,7 +944,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       },
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        Zr,
+                        Gr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -999,7 +1003,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       title: Wt.title,
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        Gr,
+                        Yr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1019,7 +1023,7 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       },
                       title: Ft.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(Yr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Pr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -1094,10 +1098,10 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
               ]
             }
           ),
-          v && (v.totalSteps > 1 || v.isGenerating) ? /* @__PURE__ */ H(
+          g && (g.totalSteps > 1 || g.isGenerating) ? /* @__PURE__ */ H(
             "div",
             {
-              "aria-label": v.ariaLabel,
+              "aria-label": g.ariaLabel,
               className: "slide-player__slide-progress",
               role: "navigation",
               children: [
@@ -1107,19 +1111,19 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
                     className: "slide-player__slide-progress-viewport",
                     ref: mt,
                     children: /* @__PURE__ */ s("div", { className: "slide-player__slide-progress-track", children: Array.from(
-                      { length: v.totalSteps },
+                      { length: g.totalSteps },
                       (e, t) => /* @__PURE__ */ s(
                         "button",
                         {
-                          "aria-current": t === v.currentIndex ? "step" : void 0,
-                          "aria-label": `${v.ariaLabel} ${t + 1}`,
+                          "aria-current": t === g.currentIndex ? "step" : void 0,
+                          "aria-label": `${g.ariaLabel} ${t + 1}`,
                           className: "slide-player__slide-progress-segment",
-                          "data-state": t < v.currentIndex ? "completed" : t === v.currentIndex ? "current" : "upcoming",
-                          onClick: () => v.onNavigate?.(
+                          "data-state": t < g.currentIndex ? "completed" : t === g.currentIndex ? "current" : "upcoming",
+                          onClick: () => g.onNavigate?.(
                             t,
                             J()
                           ),
-                          ref: t === v.currentIndex ? pt : void 0,
+                          ref: t === g.currentIndex ? pt : void 0,
                           type: "button"
                         },
                         t
@@ -1130,12 +1134,12 @@ const Yt = /* @__PURE__ */ new Map(), Qt = (d) => {
                 /* @__PURE__ */ H(
                   "span",
                   {
-                    "aria-hidden": !v.isGenerating,
+                    "aria-hidden": !g.isGenerating,
                     className: "slide-player__slide-progress-generating",
-                    "data-visible": v.isGenerating ? "true" : "false",
+                    "data-visible": g.isGenerating ? "true" : "false",
                     children: [
                       /* @__PURE__ */ s(rn, { "aria-hidden": "true" }),
-                      v.generatingLabel
+                      g.generatingLabel
                     ]
                   }
                 )