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

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

@@ -1,7 +1,7 @@
 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 Ge, useMemo as ce, useCallback as u, useEffect as m } from "react";
-import { getMarkdownFlowDirection as Lr, getMarkdownFlowLanguage as Ar } from "../../lib/locale.es.js";
-import { useDetachedLanguage as Cr } from "../../lib/useDetachedLanguage.es.js";
+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 { 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";
 import { cn as Nr } from "../../lib/utils.es.js";
 import Er from "./MobilePlayerSettingsSheet.es.js";
@@ -15,28 +15,29 @@ 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 Yt } from "./utils/audioSegments.es.js";
+import { getSortedAudioSegments as Gt } from "./utils/audioSegments.es.js";
 import { getSubtitleCueJumpTarget as Jr, shouldClearSubtitleCueJumpTarget as Pr } from "./utils/subtitleCue.es.js";
 /* empty css              */
 import Zr 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 Yr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import Gr from "../../node_modules/lucide-react/dist/esm/icons/rewind.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 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";
-const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
-  if (typeof window > "u" || !d || Gt.has(d))
+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))
     return;
   const p = window.document.createElement("audio");
-  p.preload = "auto", p.setAttribute("playsinline", "true"), p.src = d, p.load(), Gt.set(d, p);
-}, rn = (d, p) => p !== null && p.audioList === d && p.subtitleCueLists.length === d.length && d.every((i, w) => {
+  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);
-}), nn = (d) => {
+}), un = (d) => {
   const p = d.map(
     (i) => i.element?.subtitle_cues
   );
@@ -50,7 +51,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       subtitleCues: i ?? []
     }))
   };
-}, un = () => /* @__PURE__ */ H(
+}, ln = () => /* @__PURE__ */ H(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,7 +70,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       /* @__PURE__ */ s("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), ln = () => /* @__PURE__ */ H(
+), an = () => /* @__PURE__ */ H(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -95,13 +96,13 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, an = 250, sn = 15e3, cn = (d, p) => d ? `${d} (${p})` : p, on = ({
+}, sn = 250, cn = 15e3, on = (d, p) => d ? `${d} (${p})` : p, fn = ({
   audioList: d = [],
   className: p,
   currentAudioIndex: i = -1,
   defaultPlaying: w = !0,
   isPlaybackPaused: T = !1,
-  isAutoAdvanceEnabled: Y = !0,
+  isAutoAdvanceEnabled: G = !0,
   useAutoAdvanceToggle: R = !1,
   onLoadingChange: qe,
   onPlaybackPreferenceChange: et,
@@ -122,8 +123,8 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   onMobileViewModeChange: nt,
   onEnded: ut,
   onAutoAdvanceToggle: lt,
-  onInteractionToggle: dn,
-  hasInteraction: mn,
+  onInteractionToggle: mn,
+  hasInteraction: pn,
   isInteractionOpen: Te = !1,
   isSubtitleEnabled: Be = !0,
   prevDisabled: Re = !1,
@@ -142,36 +143,36 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   onPointerDown: ot,
   ...Ve
 }) => {
-  const $e = Ve.dir ?? Lr(ve), ft = Ve.lang ?? Ar(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 = Cr(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 ? Y : w
-  ), he = a(!1), yt = a(!1), L = a(!1), B = a(null), G = a(null), E = a(!1), c = a(!1), N = a(null), U = a(!1), Q = a(null), Ae = a(0), bt = a(() => {
-  }), Ce = 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] = Ge(w), [kt, ue] = Ge(!1), [le, lr] = Ge({
+  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({
     next: !1,
     previous: !1
-  }), q = dt?.ownerId ?? nr, V = rr && (dt?.enabled ?? !0), f = i >= 0 ? d[i] : void 0, C = f?.audioUrl, Lt = f?.audioSegments, ar = Lt?.length ?? 0, W = ce(
-    () => Yt(f),
+  }), 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),
     [f, ar, Lt]
   );
   let Ne = vt.current;
-  rn(d, Ne) || (Ne = nn(d), vt.current = Ne);
-  const At = Ne.tracks, Je = ce(
+  nn(d, Ne) || (Ne = un(d), vt.current = Ne);
+  const Ct = Ne.tracks, Je = ce(
     () => Dr(at, it),
     [it, at]
-  ), Ct = Je.length + 6, ir = ce(
+  ), At = Je.length + 6, ir = ce(
     () => ({
-      "--slide-player-mobile-control-count": String(Ct)
+      "--slide-player-mobile-control-count": String(At)
     }),
-    [Ct]
+    [At]
   ), o = ce(
     () => ({
       ...Kr(ve),
       ...st
     }),
     [ve, st]
-  ), Pe = 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(
+  ), 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(
     (e, t, r) => ({
       ariaKeyShortcuts: V ? r : void 0,
-      title: V ? cn(e, t) : e
+      title: V ? on(e, t) : e
     }),
     [V]
   ), Et = ee(
@@ -218,8 +219,8 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   m(() => {
     me.current = f;
   }, [f]), m(() => {
-    pe.current = R ? Y : w;
-  }, [w, Y, R]), m(() => {
+    pe.current = R ? G : w;
+  }, [w, G, R]), m(() => {
     Ie || ue(!1);
   }, [Ie]), m(() => {
     !St.current && Te && ue(!1), St.current = Te;
@@ -256,7 +257,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       behavior: "smooth",
       left: t.offsetLeft - e.clientWidth / 2 + t.clientWidth / 2
     });
-  }, [v?.currentIndex, v?.totalSteps]);
+  }, [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(() => {
     const e = h.current;
     return e == null || e <= 0 ? 0 : k.current.slice(0, e).reduce(
@@ -268,7 +269,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     0
   ), []), Ke = u(
     (e, t) => !e || T ? !1 : e.audioUrl ? !0 : Xe(
-      Yt(e),
+      Gt(e),
       t
     ),
     [T]
@@ -279,7 +280,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
         currentTimeMs: t,
         direction: e,
         excludeTarget: r.excludeTarget,
-        tracks: At
+        tracks: Ct
       });
       return !n || !Ke(
         d[n.audioIndex],
@@ -292,16 +293,16 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       Ke,
       i,
       we,
-      At
+      Ct
     ]
   ), Ze = u(
     (e, t = !1) => {
       const r = Math.max(Number(e), 0);
-      if (!t && Ce.current !== null && Math.abs(
-        r - Ce.current
-      ) < an)
+      if (!t && Ae.current !== null && Math.abs(
+        r - Ae.current
+      ) < sn)
         return;
-      Ce.current = r;
+      Ae.current = r;
       const n = {
         previous: Se("previous", r) !== null,
         next: Se("next", r) !== null
@@ -311,7 +312,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     [Se]
   );
   m(() => {
-    bt.current = Ze, Ze(Ae.current, !0);
+    bt.current = Ze, Ze(Ce.current, !0);
   }, [Ze]);
   const Z = u(() => {
     const e = g.current;
@@ -325,7 +326,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   const K = u(
     (e) => {
       const t = Math.max(e, 0);
-      Ae.current !== t && (Ae.current = t, Pr({
+      Ce.current !== t && (Ce.current = t, Pr({
         currentAudioIndex: i,
         currentTimeMs: t,
         target: ge.current
@@ -377,8 +378,8 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     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, G.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]), A = u(
+    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(
     (e) => {
       const t = g.current;
       if (!t)
@@ -396,24 +397,24 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       const n = g.current, b = k.current[e];
       if (!n || !b)
         return !1;
-      const re = It(b.audio_data), Ye = Math.max(
+      const re = It(b.audio_data), Ge = Math.max(
         Number(r.seekTimeSeconds ?? 0),
         0
       );
-      F.current = e, h.current = null, E.current = !1, U.current = !0, G.current = "segment", K(
-        te(e) + Ye * 1e3
+      F.current = e, h.current = null, E.current = !1, U.current = !0, Y.current = "segment", K(
+        te(e) + Ge * 1e3
       );
       const Zt = r.shouldResume ?? P();
       c.current = Zt, 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 = Ye, n.readyState > 0 && (n.currentTime = Ye, N.current = null), Zt ? A(`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 = 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);
     },
     [
       P,
       It,
       te,
       K,
-      A,
+      C,
       l
     ]
   ), ie = u(
@@ -422,7 +423,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       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", G.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", Y.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(
@@ -437,23 +438,23 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
         k.current,
         r
       ) : null;
-      return Ce.current = null, M(), c.current = n, l(!1), n && (I.current = "manual", L.current = !1, $(!0)), b && (B.current === "segment" || !C) ? x(
+      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,
         "subtitle-seek-segment",
         {
           seekTimeSeconds: b.segmentTimeSeconds,
           shouldResume: n
         }
-      ) : C && ie(C, r) ? n ? A("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(), S(!1), !0) : !1;
     },
     [
       f,
-      C,
+      A,
       T,
       ie,
       x,
       M,
-      A,
+      C,
       l,
       $
     ]
@@ -468,17 +469,17 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
         k.current,
         r
       ) : null;
-      return c.current = !0, l(!1), n && (B.current === "segment" || !C) ? x(n.segmentIndex, "restore", {
+      return c.current = !0, l(!1), n && (B.current === "segment" || !A) ? x(n.segmentIndex, "restore", {
         seekTimeSeconds: n.segmentTimeSeconds,
         shouldResume: !0
-      }) : !C || !ie(C, r) ? !1 : (A("restore"), !0);
+      }) : !A || !ie(A, r) ? !1 : (C("restore"), !0);
     },
     [
       f,
-      C,
+      A,
       ie,
       x,
-      A,
+      C,
       l
     ]
   ), ye = u(
@@ -552,14 +553,14 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
   m(() => {
     if (Le.current === Pe)
       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, G.current = null, O.current = null, M(), K(0), l(!1);
+    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));
   }, [
     i,
     Pe,
     W.length,
-    C,
+    A,
     j,
     K,
     M,
@@ -590,13 +591,13 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
           );
           return;
         }
-        e.paused && (c.current = !0, A("external-resume"));
+        e.paused && (c.current = !0, C("external-resume"));
       }
     }
   }, [
     T,
     x,
-    A,
+    C,
     l
   ]), m(() => {
     const e = g.current;
@@ -614,22 +615,22 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     }
     const t = $r({
       activeSourceType: B.current,
-      hasAudioUrl: !!C,
+      hasAudioUrl: !!A,
       segmentCount: W.length,
-      preferredSourceType: G.current,
+      preferredSourceType: Y.current,
       waitingSegmentIndex: h.current
     });
-    if (t && G.current !== t && (G.current = t), t === "url" && C) {
-      const r = O.current !== C, n = P();
+    if (t && Y.current !== t && (Y.current = t), t === "url" && A) {
+      const r = O.current !== A, n = P();
       if (r) {
         const b = h.current !== null ? Vt() : 0;
-        ie(C, b * 1e3);
+        ie(A, b * 1e3);
       }
       if (c.current = n, E.current = !1, U.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), S(!1);
         return;
       }
-      A(r ? "sync-url-init" : "sync-url");
+      C(r ? "sync-url-init" : "sync-url");
       return;
     }
     if (t === "segment" && h.current !== null) {
@@ -670,12 +671,12 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       c.current = !1, e.pause(), S(!1);
       return;
     }
-    e.paused && (c.current = !0, A("sync-paused-retry"));
+    e.paused && (c.current = !0, C("sync-paused-retry"));
   }, [
     f,
     i,
     W,
-    C,
+    A,
     w,
     T,
     _,
@@ -683,7 +684,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     ae,
     ie,
     x,
-    A,
+    C,
     Vt,
     l
   ]), m(() => {
@@ -716,7 +717,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       return;
     const e = window.setTimeout(() => {
       _.id !== X.current && (X.current = _.id, oe?.(_.id));
-    }, sn);
+    }, cn);
     return () => {
       window.clearTimeout(e);
     };
@@ -737,13 +738,13 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     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 || A("canplay"));
+    e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), !Ue("canplay-seek-finished") && (!c.current || !w || C("canplay"));
   }, [
     i,
     w,
     Ue,
     y,
-    A
+    C
   ]), pr = u(() => {
     const e = g.current;
     e && N.current !== null && (e.currentTime = N.current, N.current = null), y(), Ue("metadata-seek-finished");
@@ -785,7 +786,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
     [nt]
   ), je = u(() => {
     if (R) {
-      const t = !Y;
+      const t = !G;
       return $(t), lt?.(t), !0;
     }
     const e = g.current;
@@ -795,16 +796,16 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
         W.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? ($(!0), I.current = "manual", L.current = !1, c.current = !0, A("toggle-resume"), !0) : ($(!1), c.current = !1, L.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? ($(!0), I.current = "manual", L.current = !1, c.current = !0, C("toggle-resume"), !0) : ($(!1), c.current = !1, L.current = !0, e.pause(), !0);
   }, [
     f,
     W.length,
-    Y,
+    G,
     T,
     xe,
     lt,
     x,
-    A,
+    C,
     l,
     $,
     R
@@ -860,7 +861,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       document.removeEventListener("keydown", e);
     };
   }, [q, gt, V]), m(() => {
-    be?.(Ae.current);
+    be?.(Ce.current);
   }, [be]), /* @__PURE__ */ H(
     "div",
     {
@@ -967,7 +968,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       },
                       title: Ut.title,
                       type: "button",
-                      children: sr ? /* @__PURE__ */ s(un, {}) : /* @__PURE__ */ s(ln, {})
+                      children: sr ? /* @__PURE__ */ s(ln, {}) : /* @__PURE__ */ s(an, {})
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -998,7 +999,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       title: Wt.title,
                       type: "button",
                       children: /* @__PURE__ */ s(
-                        Yr,
+                        Gr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -1018,7 +1019,7 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
                       },
                       title: Ft.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(Gr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Yr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -1126,10 +1127,18 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
                     ) })
                   }
                 ),
-                v.isGenerating ? /* @__PURE__ */ H("span", { className: "slide-player__slide-progress-generating", children: [
-                  /* @__PURE__ */ s("span", { "aria-hidden": "true" }),
-                  v.generatingLabel
-                ] }) : null
+                /* @__PURE__ */ H(
+                  "span",
+                  {
+                    "aria-hidden": !v.isGenerating,
+                    className: "slide-player__slide-progress-generating",
+                    "data-visible": v.isGenerating ? "true" : "false",
+                    children: [
+                      /* @__PURE__ */ s(rn, { "aria-hidden": "true" }),
+                      v.generatingLabel
+                    ]
+                  }
+                )
               ]
             }
           ) : null
@@ -1137,9 +1146,9 @@ const Gt = /* @__PURE__ */ new Map(), Qt = (d) => {
       ]
     }
   );
-}, fn = Tr(on);
-fn.displayName = "Player";
+}, dn = Tr(fn);
+dn.displayName = "Player";
 export {
-  fn as default
+  dn as default
 };
 //# sourceMappingURL=Player.es.js.map