markdown-flow-ui 0.1.129 → 0.2.1

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

@@ -1,40 +1,40 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import qt, { memo as er, useId as tr, useContext as rr, useRef as o, useState as Fe, useMemo as te, useCallback as r, useEffect as S } from "react";
-import { cn as Tt } from "../../lib/utils.es.js";
-import nr from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as ur } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as sr } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as lr } from "./utils/audioCompletion.es.js";
-import { PlayerKeyboardShortcutContext as ar } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as cr, registerPlayerKeyboardShortcutOwner as ir, isActivePlayerKeyboardShortcutOwner as or, getPlayerKeyboardShortcutAction as fr, shouldIgnorePlayerKeyboardShortcutEvent as dr } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as mr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as pr } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as hr } from "./utils/playerCustomActions.es.js";
-import { suppressPlayerControlsWakeAfterNavigation as We } from "./utils/playerNavigationContext.es.js";
-import { isPlaybackTimeCoveredBySegments as Lt, resolveSegmentSeekTarget as yr } from "./utils/segmentSeek.es.js";
-import { getSortedAudioSegments as vt } from "./utils/audioSegments.es.js";
-import { getSubtitleCueJumpTarget as br, shouldClearSubtitleCueJumpTarget as Sr } from "./utils/subtitleCue.es.js";
+import rr, { memo as nr, useId as ur, useContext as sr, useRef as o, useState as Fe, useMemo as te, useCallback as r, useEffect as S } from "react";
+import { cn as Lt } from "../../lib/utils.es.js";
+import lr from "./MobilePlayerSettingsSheet.es.js";
+import { getSlidePlayerTexts as ar } from "./slideI18n.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as cr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as ir } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as or } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as fr, registerPlayerKeyboardShortcutOwner as dr, isActivePlayerKeyboardShortcutOwner as mr, getPlayerKeyboardShortcutAction as pr, shouldIgnorePlayerKeyboardShortcutEvent as hr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as yr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as br } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Sr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as Pe } from "./utils/playerNavigationContext.es.js";
+import { isPlaybackTimeCoveredBySegments as vt, resolveSegmentSeekTarget as gr } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as At } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as _r, shouldClearSubtitleCueJumpTarget as xr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import gr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import _r from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import xr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
-import kr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import wr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
-import Mr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
-import Cr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import Tr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import Lr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import vr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import Ar from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const At = /* @__PURE__ */ new Map(), jt = (f) => {
-  if (typeof window > "u" || !f || At.has(f))
+import kr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import wr from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import Mr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import Cr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Tr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Lr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import vr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Ar from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import jr from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import Nr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import Rr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const jt = /* @__PURE__ */ new Map(), Nt = (f) => {
+  if (typeof window > "u" || !f || jt.has(f))
     return;
   const d = window.document.createElement("audio");
-  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), At.set(f, d);
-}, jr = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((a, _) => {
+  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), jt.set(f, d);
+}, Er = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((a, _) => {
   const x = a.element?.subtitle_cues;
   return d.subtitleCueLists[_] === x && d.subtitleCueLengths[_] === (x?.length ?? 0);
-}), Nr = (f) => {
+}), Kr = (f) => {
   const d = f.map(
     (a) => a.element?.subtitle_cues
   );
@@ -48,7 +48,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       subtitleCues: a ?? []
     }))
   };
-}, Er = () => /* @__PURE__ */ n.jsxs(
+}, Ur = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -67,7 +67,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       /* @__PURE__ */ n.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), Rr = () => /* @__PURE__ */ n.jsxs(
+), Fr = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -95,7 +95,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, Kr = 250, Ur = (f, d) => f ? `${f} (${d})` : d, Fr = ({
+}, Pr = 250, Wr = (f, d) => f ? `${f} (${d})` : d, Br = ({
   audioList: f = [],
   className: d,
   currentAudioIndex: a = -1,
@@ -103,7 +103,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   isPlaybackPaused: x = !1,
   isAutoAdvanceEnabled: Z = !0,
   useAutoAdvanceToggle: F = !1,
-  onLoadingChange: Pe,
+  onLoadingChange: We,
   onPlaybackPreferenceChange: Be,
   onPlaybackStarted: Oe,
   onPlaybackTimeChange: oe,
@@ -114,7 +114,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   canJumpToSubtitleTarget: Te,
   onFullscreen: ne,
   isFullscreen: Ve = !1,
-  mobileViewMode: Nt = sr,
+  mobileViewMode: Rt = cr,
   settingsPortalContainer: Et,
   onMobileViewModeChange: He,
   onEnded: $e,
@@ -126,149 +126,152 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   prevDisabled: Ae = !1,
   nextDisabled: je = !1,
   showControls: Ne = !0,
-  enableKeyboardShortcuts: Rt = !0,
+  onControlsPointerEnter: Kt,
+  onControlsPointerLeave: Ut,
+  enableKeyboardShortcuts: Ft = !0,
   subtitleSeekRequest: O = null,
   customActions: Ze,
   customActionContext: ze,
-  texts: Ye,
-  onFocusCapture: De,
-  onPointerDown: Xe,
-  ...Kt
+  locale: Ye,
+  texts: De,
+  onFocusCapture: Ge,
+  onPointerDown: Qe,
+  ...Pt
 }) => {
-  const Ut = tr(), Ge = rr(ar), M = o(null), Qe = o(ue), R = o(null), Ie = o(null), K = o(0), m = o(null), he = o(void 0), j = o([]), se = o(
+  const Wt = ur(), Xe = sr(or), M = o(null), qe = o(ue), E = o(null), Ie = o(null), K = o(0), m = o(null), he = o(void 0), j = o([]), se = o(
     F ? Z : _
-  ), le = o(!1), qe = o(!1), k = o(!1), U = o(null), z = o(null), v = o(!1), c = o(!1), w = o(null), N = o(!1), Y = o(null), ye = o(0), et = o(() => {
-  }), be = o(null), ae = o(null), tt = o(null), rt = o(null), W = o("unknown"), [Se, h] = Fe(_), [nt, Q] = Fe(!1), [I, Ft] = Fe({
+  ), le = o(!1), et = o(!1), k = o(!1), U = o(null), z = o(null), v = o(!1), c = o(!1), w = o(null), N = o(!1), Y = o(null), ye = o(0), tt = o(() => {
+  }), be = o(null), ae = o(null), rt = o(null), nt = o(null), P = o("unknown"), [Se, h] = Fe(_), [ut, X] = Fe(!1), [q, Bt] = Fe({
     next: !1,
     previous: !1
-  }), D = Ge?.ownerId ?? Ut, P = Rt && (Ge?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, T = p?.audioUrl, ut = p?.audioSegments, Wt = ut?.length ?? 0, E = te(
-    () => vt(p),
-    [p, Wt, ut]
+  }), D = Xe?.ownerId ?? Wt, W = Ft && (Xe?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, T = p?.audioUrl, st = p?.audioSegments, Ot = st?.length ?? 0, R = te(
+    () => At(p),
+    [p, Ot, st]
   );
-  let ge = rt.current;
-  jr(f, ge) || (ge = Nr(f), rt.current = ge);
-  const st = ge.tracks, lt = te(
-    () => hr(Ze, ze),
+  let ge = nt.current;
+  Er(f, ge) || (ge = Kr(f), nt.current = ge);
+  const lt = ge.tracks, at = te(
+    () => Sr(Ze, ze),
     [ze, Ze]
-  ), at = lt.length + 7, Pt = te(
+  ), ct = at.length + 7, Vt = te(
     () => ({
-      "--slide-player-mobile-control-count": String(at)
+      "--slide-player-mobile-control-count": String(ct)
     }),
-    [at]
+    [ct]
   ), i = te(
     () => ({
-      ...ur,
-      ...Ye
+      ...ar(Ye),
+      ...De
     }),
-    [Ye]
-  ), Ee = te(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Bt = F ? Z : Se, ct = F ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : Se ? i.pauseLabel : i.playLabel, it = Ve ? i.exitFullscreenLabel : i.enterFullscreenLabel, V = r(
+    [Ye, De]
+  ), Re = te(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Ht = F ? Z : Se, it = F ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : Se ? i.pauseLabel : i.playLabel, ot = Ve ? i.exitFullscreenLabel : i.enterFullscreenLabel, V = r(
     (e, t, s) => ({
-      ariaKeyShortcuts: P ? s : void 0,
-      title: P ? Ur(e, t) : e
+      ariaKeyShortcuts: W ? s : void 0,
+      title: W ? Wr(e, t) : e
     }),
-    [P]
-  ), ot = V(
+    [W]
+  ), ft = V(
     i.subtitleToggleAriaLabel,
     J.subtitle,
     "c"
-  ), ft = V(
+  ), dt = V(
     i.previousLabel,
     J.previous,
     "ArrowLeft"
-  ), dt = V(
+  ), mt = V(
     i.previousSubtitleLabel,
     J.previousSubtitle,
     "Shift+ArrowLeft"
-  ), mt = V(
-    ct,
+  ), pt = V(
+    it,
     J.playback,
     "Space"
-  ), pt = V(
+  ), ht = V(
     i.nextLabel,
     J.next,
     "ArrowRight"
-  ), ht = V(
+  ), yt = V(
     i.nextSubtitleLabel,
     J.nextSubtitle,
     "Shift+ArrowRight"
-  ), yt = V(
-    it,
+  ), bt = V(
+    ot,
     J.fullscreen,
     "f"
-  ), bt = V(
+  ), St = V(
     i.notesLabel,
     J.notes,
     "n"
   ), _e = r(() => {
-    P && cr(D);
-  }, [D, P]), Ot = r(
+    W && fr(D);
+  }, [D, W]), $t = r(
     (e) => {
-      _e(), Xe?.(e);
+      _e(), Qe?.(e);
     },
-    [_e, Xe]
-  ), Vt = r(
+    [_e, Qe]
+  ), Jt = r(
     (e) => {
-      _e(), De?.(e);
+      _e(), Ge?.(e);
     },
-    [_e, De]
+    [_e, Ge]
   );
   S(() => {
     he.current = p;
   }, [p]), S(() => {
     se.current = F ? Z : _;
   }, [_, Z, F]), S(() => {
-    Ne || Q(!1);
+    Ne || X(!1);
   }, [Ne]), S(() => {
-    !Qe.current && ue && Q(!1), Qe.current = ue;
+    !qe.current && ue && X(!1), qe.current = ue;
   }, [ue]), S(() => {
-    j.current = E;
-  }, [E]), S(() => {
+    j.current = R;
+  }, [R]), S(() => {
     const e = p?.audioUrl, t = a >= 0 ? f[a + 1]?.audioUrl : void 0;
-    jt(e), jt(t);
+    Nt(e), Nt(t);
   }, [f, p?.audioUrl, a]);
   const l = r(
     (e, t = null) => {
-      qe.current === e && (!e || t === null) || (qe.current = e, Pe?.({
+      et.current === e && (!e || t === null) || (et.current = e, We?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [Pe]
+    [We]
   ), B = r(
     (e) => {
       se.current = e, Be?.(e);
     },
     [Be]
-  ), X = r(() => F ? {
+  ), G = r(() => F ? {
     shouldContinuePlayback: se.current
   } : {
-    shouldContinuePlayback: pr({
+    shouldContinuePlayback: br({
       defaultPlaying: se.current,
       isPausedByUser: k.current
     })
-  }, [F]), St = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => _ && !x && !k.current && W.current !== "blocked", [_, x]), gt = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), _t = r(() => {
+  }, [F]), gt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => _ && !x && !k.current && P.current !== "blocked", [_, x]), _t = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xt = r(() => {
     const e = m.current;
     return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
       (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), G = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
+  }, []), Q = r((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
     (t, s) => t + Math.max(Number(s.duration_ms ?? 0), 0),
     0
   ), []), xe = r(
-    (e, t) => !e || x ? !1 : e.audioUrl ? !0 : Lt(
-      vt(e),
+    (e, t) => !e || x ? !1 : e.audioUrl ? !0 : vt(
+      At(e),
       t
     ),
     [x]
   ), ce = r(
     (e, t, s = {}) => {
-      const u = br({
+      const u = _r({
         currentAudioIndex: a,
         currentTimeMs: t,
         direction: e,
         excludeTarget: s.excludeTarget,
-        tracks: st
+        tracks: lt
       });
       return !u || !xe(
         f[u.audioIndex],
@@ -281,45 +284,45 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       xe,
       a,
       me,
-      st
+      lt
     ]
-  ), Re = r(
+  ), Ee = r(
     (e, t = !1) => {
       const s = Math.max(Number(e), 0);
       if (!t && be.current !== null && Math.abs(
         s - be.current
-      ) < Kr)
+      ) < Pr)
         return;
       be.current = s;
       const u = {
         previous: ce("previous", s) !== null,
         next: ce("next", s) !== null
       };
-      Ft((b) => b.previous === u.previous && b.next === u.next ? b : u);
+      Bt((b) => b.previous === u.previous && b.next === u.next ? b : u);
     },
     [ce]
   );
   S(() => {
-    et.current = Re, Re(ye.current, !0);
-  }, [Re]);
+    tt.current = Ee, Ee(ye.current, !0);
+  }, [Ee]);
   const ke = r(() => {
     const e = M.current;
-    return e ? U.current === "segment" ? G(K.current) + Math.max(e.currentTime, 0) * 1e3 : w.current !== null && e.readyState === 0 ? w.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? G(m.current) : 0;
-  }, [G]), C = r(
+    return e ? U.current === "segment" ? Q(K.current) + Math.max(e.currentTime, 0) * 1e3 : w.current !== null && e.readyState === 0 ? w.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? Q(m.current) : 0;
+  }, [Q]), C = r(
     (e) => {
       const t = Math.max(e, 0);
-      ye.current !== t && (ye.current = t, Sr({
+      ye.current !== t && (ye.current = t, xr({
         currentAudioIndex: a,
         currentTimeMs: t,
         target: ae.current
-      }) && (ae.current = null), oe?.(t), et.current(t));
+      }) && (ae.current = null), oe?.(t), tt.current(t));
     },
     [a, oe]
   ), y = r(() => {
     C(ke());
   }, [ke, C]), g = r(() => {
     typeof window > "u" || Y.current === null || (window.cancelAnimationFrame(Y.current), Y.current = null);
-  }, []), xt = r(() => {
+  }, []), kt = r(() => {
     if (typeof window > "u" || Y.current !== null)
       return;
     const e = () => {
@@ -332,9 +335,9 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       Y.current = window.requestAnimationFrame(e);
     };
     Y.current = window.requestAnimationFrame(e);
-  }, [y]), q = r(() => {
+  }, [y]), I = r(() => {
     const e = M.current;
-    e && (g(), c.current = !1, k.current = !1, le.current = !1, U.current = null, w.current = null, v.current = !1, N.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, K.current = 0, m.current = null, C(0), h(!1), l(!1));
+    e && (g(), c.current = !1, k.current = !1, le.current = !1, U.current = null, w.current = null, v.current = !1, N.current = !1, z.current = null, e.pause(), e.removeAttribute("src"), e.load(), E.current = null, K.current = 0, m.current = null, C(0), h(!1), l(!1));
   }, [C, g, l]), L = r(
     (e) => {
       const t = M.current;
@@ -342,33 +345,33 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
         return !1;
       const s = t.play();
       return s && typeof s.then == "function" && s.then(() => {
-        W.current === "unknown" && (W.current = "auto"), c.current = !1, N.current = !1;
+        P.current === "unknown" && (P.current = "auto"), c.current = !1, N.current = !1;
       }).catch((u) => {
-        W.current === "unknown" && St(u) && (W.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
+        P.current === "unknown" && gt(u) && (P.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
       }), !0;
     },
-    [St, l]
+    [gt, l]
   ), A = r(
     (e, t, s = {}) => {
       const u = M.current, b = j.current[e];
       if (!u || !b)
         return !1;
-      const $ = gt(b.audio_data), Ce = Math.max(
+      const $ = _t(b.audio_data), Ce = Math.max(
         Number(s.seekTimeSeconds ?? 0),
         0
       );
       K.current = e, m.current = null, v.current = !1, N.current = !0, z.current = "segment", C(
-        G(e) + Ce * 1e3
+        Q(e) + Ce * 1e3
       );
-      const Ct = s.shouldResume ?? H();
-      c.current = Ct, l(!1);
-      const It = R.current !== $;
-      return U.current = "segment", It && (u.pause(), u.removeAttribute("src"), u.load(), R.current = $, u.src = $, u.load()), w.current = Ce, u.readyState > 0 && (u.currentTime = Ce, w.current = null), Ct ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, u.pause(), h(!1), !0);
+      const Tt = s.shouldResume ?? H();
+      c.current = Tt, l(!1);
+      const tr = E.current !== $;
+      return U.current = "segment", tr && (u.pause(), u.removeAttribute("src"), u.load(), E.current = $, u.src = $, u.load()), w.current = Ce, u.readyState > 0 && (u.currentTime = Ce, w.current = null), Tt ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, u.pause(), h(!1), !0);
     },
     [
       H,
-      gt,
-      G,
+      _t,
+      Q,
       C,
       L,
       l
@@ -378,14 +381,14 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       const t = M.current;
       if (!t || !p || x)
         return !1;
-      const s = Math.max(Number(e), 0), u = !t.paused && !t.ended || c.current || N.current || m.current !== null && se.current && !k.current, b = Lt(
+      const s = Math.max(Number(e), 0), u = !t.paused && !t.ended || c.current || N.current || m.current !== null && se.current && !k.current, b = vt(
         j.current,
         s
-      ) ? yr(
+      ) ? gr(
         j.current,
         s
       ) : null;
-      if (be.current = null, g(), c.current = u, l(!1), u && (W.current = "manual", k.current = !1, B(!0)), b && (U.current === "segment" || !T))
+      if (be.current = null, g(), c.current = u, l(!1), u && (P.current = "manual", k.current = !1, B(!0)), b && (U.current === "segment" || !T))
         return A(
           b.segmentIndex,
           "subtitle-seek-segment",
@@ -396,7 +399,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
         );
       if (T) {
         const $ = s / 1e3;
-        return R.current !== T && (t.pause(), t.removeAttribute("src"), t.load(), R.current = T, U.current = "url", z.current = "url", t.src = T, t.load()), w.current = $, C(s), t.readyState > 0 && (t.currentTime = $, w.current = null), u ? L("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
+        return E.current !== T && (t.pause(), t.removeAttribute("src"), t.load(), E.current = T, U.current = "url", z.current = "url", t.src = T, t.load()), w.current = $, C(s), t.readyState > 0 && (t.currentTime = $, w.current = null), u ? L("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
       }
       return !1;
     },
@@ -428,14 +431,14 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       }
       const s = !!me?.(
         t,
-        We(X())
+        Pe(G())
       );
       return s && (ae.current = t), s;
     },
     [
       a,
       ke,
-      X,
+      G,
       ce,
       me,
       we
@@ -454,41 +457,41 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   ), Me = r(
     (e) => {
       const t = M.current;
-      return !t || U.current !== "url" || !lr({
+      return !t || U.current !== "url" || !ir({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
       }) ? !1 : (c.current = !1, t.pause(), ee(e), !0);
     },
     [ee]
-  ), kt = r(() => {
+  ), wt = r(() => {
     const e = K.current + 1, t = j.current, s = t[e], u = he.current, b = t.some(($) => $.is_final);
     if (s) {
       A(e, "ended");
       return;
     }
     if (u?.isAudioStreaming || !b) {
-      K.current = e, m.current = e, v.current = !0, c.current = _, C(G(e)), h(!1), l(!0, "waitingForMoreAudio");
+      K.current = e, m.current = e, v.current = !0, c.current = _, C(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     ee("segments-completed");
   }, [
     _,
     ee,
-    G,
+    Q,
     C,
     A,
     l
   ]);
   S(() => {
-    if (Ie.current === Ee)
+    if (Ie.current === Re)
       return;
-    Ie.current = Ee, K.current = 0, m.current = null, v.current = !1, k.current = !1, le.current = !1, c.current = !1, N.current = !1, U.current = null, z.current = null, R.current = null, g(), C(0), l(!1);
+    Ie.current = Re, K.current = 0, m.current = null, v.current = !1, k.current = !1, le.current = !1, c.current = !1, N.current = !1, U.current = null, z.current = null, E.current = null, g(), C(0), l(!1);
     const e = M.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), h(!1));
   }, [
     a,
-    Ee,
-    E.length,
+    Re,
+    R.length,
     T,
     C,
     g,
@@ -509,7 +512,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
           c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!R.current && j.current.length > 0) {
+        if (!E.current && j.current.length > 0) {
           A(
             Math.min(
               K.current,
@@ -532,25 +535,25 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
     if (!e)
       return;
     if (!p) {
-      q();
+      I();
       return;
     }
     if (x) {
       c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const t = mr({
+    const t = yr({
       activeSourceType: U.current,
       hasAudioUrl: !!T,
-      segmentCount: E.length,
+      segmentCount: R.length,
       preferredSourceType: z.current,
       waitingSegmentIndex: m.current
     });
     if (t && z.current !== t && (z.current = t), t === "url" && T) {
-      const s = R.current !== T, u = H();
+      const s = E.current !== T, u = H();
       if (s) {
-        const b = m.current !== null ? _t() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), R.current = T, U.current = "url", e.src = T, e.load(), w.current = b, C(b * 1e3), e.readyState > 0 && (e.currentTime = b, w.current = null);
+        const b = m.current !== null ? xt() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), E.current = T, U.current = "url", e.src = T, e.load(), w.current = b, C(b * 1e3), e.readyState > 0 && (e.currentTime = b, w.current = null);
       }
       if (c.current = u, v.current = !1, N.current = !1, l(!1), !u) {
         c.current = !1, e.pause(), h(!1);
@@ -560,7 +563,7 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       return;
     }
     if (t === "segment" && m.current !== null) {
-      if (m.current < E.length) {
+      if (m.current < R.length) {
         if (k.current) {
           h(!1), l(!1);
           return;
@@ -571,26 +574,26 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       v.current = !0, c.current = H(), h(!1), l(H());
       return;
     }
-    if (t === "segment" && !E.length) {
+    if (t === "segment" && !R.length) {
       if (p.isAudioStreaming) {
         m.current = K.current, v.current = !0, c.current = H(), h(!1), l(H());
         return;
       }
-      q();
+      I();
       return;
     }
-    if (t === "segment" && !R.current) {
+    if (t === "segment" && !E.current) {
       A(
         Math.min(
           K.current,
-          E.length - 1
+          R.length - 1
         ),
         "effect-init"
       );
       return;
     }
     if (t !== "segment") {
-      q();
+      I();
       return;
     }
     if (!_ || k.current) {
@@ -601,39 +604,39 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
   }, [
     p,
     a,
-    E,
+    R,
     T,
     _,
     x,
     H,
     C,
-    q,
+    I,
     A,
     L,
-    _t,
+    xt,
     l
   ]), S(() => {
-    if (!O || O.id === tt.current || O.audioIndex !== a)
+    if (!O || O.id === rt.current || O.audioIndex !== a)
       return;
     const e = f[O.audioIndex];
-    xe(e, O.timeMs) && (tt.current = O.id, we(O.timeMs));
+    xe(e, O.timeMs) && (rt.current = O.id, we(O.timeMs));
   }, [
     f,
     xe,
     a,
     we,
     O
-  ]), S(() => q, [q]), S(() => g, [g]);
-  const Ht = r(() => {
-    y(), xt(), h(!0), l(!1), Oe?.();
+  ]), S(() => I, [I]), S(() => g, [g]);
+  const Zt = r(() => {
+    y(), kt(), h(!0), l(!1), Oe?.();
   }, [
     Oe,
-    xt,
+    kt,
     y,
     l
-  ]), $t = r(() => {
+  ]), zt = r(() => {
     v.current || N.current || (g(), y(), h(!1));
-  }, [a, g, y]), Jt = r(() => {
+  }, [a, g, y]), Yt = r(() => {
     const e = M.current;
     e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), !Me("canplay-seek-finished") && (!c.current || !_ || L("canplay"));
   }, [
@@ -642,33 +645,33 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
     Me,
     y,
     L
-  ]), Zt = r(() => {
+  ]), Dt = r(() => {
     const e = M.current;
     e && w.current !== null && (e.currentTime = w.current, w.current = null), y(), Me("metadata-seek-finished");
-  }, [a, Me, y]), zt = r(() => {
+  }, [a, Me, y]), Gt = r(() => {
     y();
-  }, [y]), Yt = r(() => {
+  }, [y]), Qt = r(() => {
     v.current || l(!0, "loadingAudio");
-  }, [l]), Dt = r(() => {
+  }, [l]), Xt = r(() => {
     if (v.current) {
       l(!0, "waitingForMoreAudio");
       return;
     }
     l(!0, "loadingAudio");
-  }, [l]), wt = r(() => {
+  }, [l]), Mt = r(() => {
     y();
-  }, [y]), Xt = r(() => {
+  }, [y]), qt = r(() => {
     const e = U.current === "url" || j.current.length === 0;
     if (g(), N.current = !1, e) {
       ee("url-ended");
       return;
     }
-    kt();
-  }, [ee, kt, g]), Gt = r(() => {
+    wt();
+  }, [ee, wt, g]), It = r(() => {
     g(), y(), h(!1), l(!1);
-  }, [g, y, l]), Qt = r(
+  }, [g, y, l]), er = r(
     (e) => {
-      He?.(e), Q(!1);
+      He?.(e), X(!1);
     },
     [He]
   ), Ke = r(() => {
@@ -677,16 +680,16 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       return B(t), Je?.(t), !0;
     }
     const e = M.current;
-    return x || !e || !p ? !1 : m.current !== null ? Se ? (B(!1), c.current = !1, k.current = !0, m.current = null, v.current = !1, h(!1), l(!1), e.pause(), !0) : (B(!0), W.current = "manual", k.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && E.length > 0 ? (B(!0), W.current = "manual", k.current = !1, A(
+    return x || !e || !p ? !1 : m.current !== null ? Se ? (B(!1), c.current = !1, k.current = !0, m.current = null, v.current = !1, h(!1), l(!1), e.pause(), !0) : (B(!0), P.current = "manual", k.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && R.length > 0 ? (B(!0), P.current = "manual", k.current = !1, A(
       Math.min(
         K.current,
-        E.length - 1
+        R.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? (B(!0), W.current = "manual", k.current = !1, c.current = !0, L("toggle-resume"), !0) : (B(!1), c.current = !1, k.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? (B(!0), P.current = "manual", k.current = !1, c.current = !0, L("toggle-resume"), !0) : (B(!1), c.current = !1, k.current = !0, e.pause(), !0);
   }, [
     p,
-    E.length,
+    R.length,
     Z,
     x,
     Se,
@@ -698,26 +701,26 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
     F
   ]);
   S(() => {
-    if (P)
-      return ir(D);
-  }, [D, P]);
+    if (W)
+      return dr(D);
+  }, [D, W]);
   const Ue = te(
     () => ({
       fullscreen: () => ne ? (ne(), !0) : !1,
       interaction: () => pe ? (Le && pe(), !0) : !1,
       next: () => de ? (je || de(
-        We(X())
+        Pe(G())
       ), !0) : !1,
-      nextSubtitle: () => I.next ? ie("next") : !0,
+      nextSubtitle: () => q.next ? ie("next") : !0,
       previous: () => fe ? (Ae || fe(
-        We(X())
+        Pe(G())
       ), !0) : !1,
-      previousSubtitle: () => I.previous ? ie("previous") : !0,
+      previousSubtitle: () => q.previous ? ie("previous") : !0,
       subtitle: () => re ? (re(), !0) : !1,
       togglePlayback: () => (Ke(), !0)
     }),
     [
-      X,
+      G,
       Le,
       ie,
       je,
@@ -727,39 +730,39 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
       fe,
       re,
       Ae,
-      I.next,
-      I.previous,
+      q.next,
+      q.previous,
       Ke
     ]
-  ), Mt = o(Ue);
+  ), Ct = o(Ue);
   return S(() => {
-    Mt.current = Ue;
+    Ct.current = Ue;
   }, [Ue]), S(() => {
-    if (!P || typeof document > "u")
+    if (!W || typeof document > "u")
       return;
     const e = (t) => {
-      if (!or(D))
+      if (!mr(D))
         return;
-      const s = fr(t);
-      if (!s || dr(t, s))
+      const s = pr(t);
+      if (!s || hr(t, s))
         return;
       let u = !1;
-      const b = Mt.current[s];
+      const b = Ct.current[s];
       u = b(), u && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [D, P]), S(() => {
+  }, [D, W]), S(() => {
     oe?.(ye.current);
   }, [oe]), /* @__PURE__ */ n.jsxs(
     "div",
     {
-      ...Kt,
+      ...Pt,
       "data-slide-player-shortcut-owner": D,
-      className: Tt("slide-player", d),
-      onFocusCapture: Vt,
-      onPointerDown: Ot,
+      className: Lt("slide-player", d),
+      onFocusCapture: Jt,
+      onPointerDown: $t,
       children: [
         /* @__PURE__ */ n.jsx(
           "audio",
@@ -767,22 +770,22 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
             ref: M,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: Yt,
-            onLoadedMetadata: Zt,
-            onCanPlay: Jt,
-            onPlay: Ht,
-            onPause: $t,
-            onWaiting: Dt,
-            onSeeking: wt,
-            onSeeked: wt,
-            onTimeUpdate: zt,
-            onEnded: Xt,
-            onError: Gt
+            onLoadStart: Qt,
+            onLoadedMetadata: Dt,
+            onCanPlay: Yt,
+            onPlay: Zt,
+            onPause: zt,
+            onWaiting: Xt,
+            onSeeking: Mt,
+            onSeeked: Mt,
+            onTimeUpdate: Gt,
+            onEnded: qt,
+            onError: It
           }
         ),
         Ne ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           /* @__PURE__ */ n.jsx(
-            nr,
+            lr,
             {
               container: Et,
               labels: {
@@ -796,210 +799,219 @@ const At = /* @__PURE__ */ new Map(), jt = (f) => {
                 title: i.settingsTitle
               },
               isSubtitleEnabled: ve,
-              onClose: () => Q(!1),
-              onOpenChange: Q,
+              onClose: () => X(!1),
+              onOpenChange: X,
               onSubtitleToggle: re ?? (() => {
               }),
-              onViewModeChange: Qt,
-              open: nt,
-              viewMode: Nt
+              onViewModeChange: er,
+              open: ut,
+              viewMode: Rt
             }
           ),
-          /* @__PURE__ */ n.jsxs("div", { className: "slide-player__controls", style: Pt, children: [
-            /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-expanded": nt,
-                  "aria-haspopup": "dialog",
-                  "aria-label": i.moreOptionsAriaLabel,
-                  className: "slide-player__action slide-player__action--mobile-more",
-                  onClick: () => {
-                    Q((e) => !e);
-                  },
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    gr,
+          /* @__PURE__ */ n.jsxs(
+            "div",
+            {
+              className: "slide-player__controls",
+              onPointerEnter: Kt,
+              onPointerLeave: Ut,
+              style: Vt,
+              children: [
+                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-expanded": ut,
+                      "aria-haspopup": "dialog",
+                      "aria-label": i.moreOptionsAriaLabel,
+                      className: "slide-player__action slide-player__action--mobile-more",
+                      onClick: () => {
+                        X((e) => !e);
+                      },
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        kr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": i.volumeAriaLabel,
-                  className: "hidden",
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(_r, { className: "slide-player__icon", strokeWidth: 2.25 })
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": ct,
-                  "aria-keyshortcuts": mt.ariaKeyShortcuts,
-                  className: "slide-player__toggle slide-player__toggle--playback",
-                  onClick: () => {
-                    Ke();
-                  },
-                  title: mt.title,
-                  type: "button",
-                  children: Bt ? /* @__PURE__ */ n.jsx(Er, {}) : /* @__PURE__ */ n.jsx(Rr, {})
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-keyshortcuts": ft.ariaKeyShortcuts,
-                  "aria-label": i.previousLabel,
-                  className: "slide-player__action slide-player__action--prev",
-                  disabled: Ae,
-                  onClick: () => {
-                    fe?.(X());
-                  },
-                  title: ft.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(xr, { className: "slide-player__icon", strokeWidth: 2.25 })
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-keyshortcuts": pt.ariaKeyShortcuts,
-                  "aria-label": i.nextLabel,
-                  className: "slide-player__action slide-player__action--next",
-                  disabled: je,
-                  onClick: () => {
-                    de?.(X());
-                  },
-                  title: pt.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    kr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": i.volumeAriaLabel,
+                      className: "hidden",
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-keyshortcuts": dt.ariaKeyShortcuts,
-                  "aria-label": i.previousSubtitleLabel,
-                  className: "slide-player__action slide-player__action--prev-subtitle",
-                  disabled: !I.previous,
-                  onClick: () => {
-                    ie("previous");
-                  },
-                  title: dt.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(wr, { className: "slide-player__icon", strokeWidth: 2.25 })
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-keyshortcuts": ht.ariaKeyShortcuts,
-                  "aria-label": i.nextSubtitleLabel,
-                  className: "slide-player__action slide-player__action--next-subtitle",
-                  disabled: !I.next,
-                  onClick: () => {
-                    ie("next");
-                  },
-                  title: ht.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    Mr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": it,
+                      "aria-keyshortcuts": pt.ariaKeyShortcuts,
+                      className: "slide-player__toggle slide-player__toggle--playback",
+                      onClick: () => {
+                        Ke();
+                      },
+                      title: pt.title,
+                      type: "button",
+                      children: Ht ? /* @__PURE__ */ n.jsx(Ur, {}) : /* @__PURE__ */ n.jsx(Fr, {})
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": i.subtitleToggleAriaLabel,
-                  "aria-keyshortcuts": ot.ariaKeyShortcuts,
-                  "aria-pressed": ve,
-                  className: "slide-player__action slide-player__action--subtitle",
-                  onClick: re,
-                  title: ot.title,
-                  type: "button",
-                  children: ve ? /* @__PURE__ */ n.jsx(Cr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
-                    Tr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-keyshortcuts": dt.ariaKeyShortcuts,
+                      "aria-label": i.previousLabel,
+                      className: "slide-player__action slide-player__action--prev",
+                      disabled: Ae,
+                      onClick: () => {
+                        fe?.(G());
+                      },
+                      title: dt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(Mr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
-                  )
-                }
-              ),
-              ne ? /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": it,
-                  "aria-keyshortcuts": yt.ariaKeyShortcuts,
-                  className: "slide-player__action slide-player__action--fullscreen",
-                  onClick: ne,
-                  title: yt.title,
-                  type: "button",
-                  children: Ve ? /* @__PURE__ */ n.jsx(
-                    Lr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-keyshortcuts": ht.ariaKeyShortcuts,
+                      "aria-label": i.nextLabel,
+                      className: "slide-player__action slide-player__action--next",
+                      disabled: je,
+                      onClick: () => {
+                        de?.(G());
+                      },
+                      title: ht.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Cr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-keyshortcuts": mt.ariaKeyShortcuts,
+                      "aria-label": i.previousSubtitleLabel,
+                      className: "slide-player__action slide-player__action--prev-subtitle",
+                      disabled: !q.previous,
+                      onClick: () => {
+                        ie("previous");
+                      },
+                      title: mt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(Tr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
-                  ) : /* @__PURE__ */ n.jsx(
-                    vr,
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-keyshortcuts": yt.ariaKeyShortcuts,
+                      "aria-label": i.nextSubtitleLabel,
+                      className: "slide-player__action slide-player__action--next-subtitle",
+                      disabled: !q.next,
+                      onClick: () => {
+                        ie("next");
+                      },
+                      title: yt.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Lr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-label": i.subtitleToggleAriaLabel,
+                      "aria-keyshortcuts": ft.ariaKeyShortcuts,
+                      "aria-pressed": ve,
+                      className: "slide-player__action slide-player__action--subtitle",
+                      onClick: re,
+                      title: ft.title,
+                      type: "button",
+                      children: ve ? /* @__PURE__ */ n.jsx(vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ n.jsx(
+                        Ar,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
-                  )
-                }
-              ) : null
-            ] }),
-            /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
-            /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
-              lt.map((e, t) => /* @__PURE__ */ n.jsx(qt.Fragment, { children: e }, `custom-action-${t}`)),
-              /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": i.notesLabel,
-                  "aria-keyshortcuts": bt.ariaKeyShortcuts,
-                  className: Tt(
-                    "slide-player__action slide-player__action--notes",
-                    ue && "slide-player__action--active"
                   ),
-                  disabled: !Le,
-                  onClick: pe,
-                  title: bt.title,
-                  type: "button",
-                  children: /* @__PURE__ */ n.jsx(
-                    Ar,
+                  ne ? /* @__PURE__ */ n.jsx(
+                    "button",
                     {
-                      className: "slide-player__icon",
-                      strokeWidth: 2.25
+                      "aria-label": ot,
+                      "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                      className: "slide-player__action slide-player__action--fullscreen",
+                      onClick: ne,
+                      title: bt.title,
+                      type: "button",
+                      children: Ve ? /* @__PURE__ */ n.jsx(
+                        jr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      ) : /* @__PURE__ */ n.jsx(
+                        Nr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
+                    }
+                  ) : null
+                ] }),
+                /* @__PURE__ */ n.jsx("div", { className: "slide-player__separator" }),
+                /* @__PURE__ */ n.jsxs("div", { className: "slide-player__group", children: [
+                  at.map((e, t) => /* @__PURE__ */ n.jsx(rr.Fragment, { children: e }, `custom-action-${t}`)),
+                  /* @__PURE__ */ n.jsx(
+                    "button",
+                    {
+                      "aria-label": i.notesLabel,
+                      "aria-keyshortcuts": St.ariaKeyShortcuts,
+                      className: Lt(
+                        "slide-player__action slide-player__action--notes",
+                        ue && "slide-player__action--active"
+                      ),
+                      disabled: !Le,
+                      onClick: pe,
+                      title: St.title,
+                      type: "button",
+                      children: /* @__PURE__ */ n.jsx(
+                        Rr,
+                        {
+                          className: "slide-player__icon",
+                          strokeWidth: 2.25
+                        }
+                      )
                     }
                   )
-                }
-              )
-            ] })
-          ] })
+                ] })
+              ]
+            }
+          )
         ] }) : null
       ]
     }
   );
-}, Wr = er(Fr);
-Wr.displayName = "Player";
+}, Or = nr(Br);
+Or.displayName = "Player";
 export {
-  Wr as default
+  Or as default
 };
 //# sourceMappingURL=Player.es.js.map