markdown-flow-ui 0.2.21 → 0.2.22-dev.1

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

@@ -1,57 +1,56 @@
-import { jsxs as X, jsx as a, Fragment as cr } from "react/jsx-runtime";
-import or, { memo as fr, useId as dr, useContext as mr, useRef as o, useState as He, useMemo as re, useCallback as r, useEffect as S } from "react";
-import { getMarkdownFlowDirection as pr, getMarkdownFlowLanguage as hr } from "../../lib/locale.es.js";
-import { useDetachedLanguage as yr } from "../../lib/useDetachedLanguage.es.js";
-import { useResolvedDirection as br } from "../../lib/useResolvedDirection.es.js";
-import { cn as Ft } from "../../lib/utils.es.js";
-import Sr from "./MobilePlayerSettingsSheet.es.js";
-import { getSlidePlayerTexts as gr } from "./slideI18n.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as _r } from "./utils/mobileScreenMode.es.js";
-import { hasReachedAudioEnd as kr } from "./utils/audioCompletion.es.js";
-import { PlayerKeyboardShortcutContext as wr } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Mr, registerPlayerKeyboardShortcutOwner as Cr, isActivePlayerKeyboardShortcutOwner as Lr, getPlayerKeyboardShortcutAction as vr, shouldIgnorePlayerKeyboardShortcutEvent as Tr } from "./utils/playerKeyboardShortcuts.es.js";
-import { resolveAudioPlaybackSourceType as xr } from "./utils/playbackSource.es.js";
-import { shouldKeepPlayingAfterNavigation as Ar } from "./utils/playbackPreference.es.js";
-import { toPlayerCustomActionList as Nr } from "./utils/playerCustomActions.es.js";
-import { suppressPlayerControlsWakeAfterNavigation as $e } from "./utils/playerNavigationContext.es.js";
-import { isPlaybackTimeCoveredBySegments as Ut, resolveSegmentSeekTarget as Rr } from "./utils/segmentSeek.es.js";
-import { getSortedAudioSegments as Pt } from "./utils/audioSegments.es.js";
-import { getSubtitleCueJumpTarget as Er, shouldClearSubtitleCueJumpTarget as Kr } from "./utils/subtitleCue.es.js";
+import { jsxs as Q, jsx as s, Fragment as Nt } from "react/jsx-runtime";
+import ar, { memo as sr, useId as cr, useContext as ir, useRef as o, useState as Ve, useMemo as re, useCallback as r, useEffect as b } from "react";
+import { getMarkdownFlowDirection as or, getMarkdownFlowLanguage as fr } from "../../lib/locale.es.js";
+import { useDetachedLanguage as dr } from "../../lib/useDetachedLanguage.es.js";
+import { useResolvedDirection as mr } from "../../lib/useResolvedDirection.es.js";
+import { cn as pr } from "../../lib/utils.es.js";
+import hr from "./MobilePlayerSettingsSheet.es.js";
+import { getSlidePlayerTexts as yr } from "./slideI18n.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as gr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as br } from "./utils/audioCompletion.es.js";
+import { PlayerKeyboardShortcutContext as Sr } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as _r, registerPlayerKeyboardShortcutOwner as kr, isActivePlayerKeyboardShortcutOwner as wr, getPlayerKeyboardShortcutAction as Mr, shouldIgnorePlayerKeyboardShortcutEvent as Tr } from "./utils/playerKeyboardShortcuts.es.js";
+import { resolveAudioPlaybackSourceType as Cr } from "./utils/playbackSource.es.js";
+import { shouldKeepPlayingAfterNavigation as vr } from "./utils/playbackPreference.es.js";
+import { toPlayerCustomActionList as Lr } from "./utils/playerCustomActions.es.js";
+import { suppressPlayerControlsWakeAfterNavigation as He } from "./utils/playerNavigationContext.es.js";
+import { isPlaybackTimeCoveredBySegments as Et, resolveSegmentSeekTarget as xr } from "./utils/segmentSeek.es.js";
+import { getSortedAudioSegments as Kt } from "./utils/audioSegments.es.js";
+import { getSubtitleCueJumpTarget as Ar, shouldClearSubtitleCueJumpTarget as Rr } from "./utils/subtitleCue.es.js";
 /* empty css              */
-import Fr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import Ur from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import Pr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
-import Wr from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
-import Br from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
-import Or 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 Hr from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import $r from "../../node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import Dr from "../../node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import Jr from "../../node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
-  if (typeof window > "u" || !f || Wt.has(f))
+import Nr from "../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import Er from "../../node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import Kr from "../../node_modules/lucide-react/dist/esm/icons/skip-back.es.js";
+import Ur from "../../node_modules/lucide-react/dist/esm/icons/skip-forward.es.js";
+import Fr from "../../node_modules/lucide-react/dist/esm/icons/rewind.es.js";
+import Pr from "../../node_modules/lucide-react/dist/esm/icons/fast-forward.es.js";
+import Wr from "../../node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import Br from "../../node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import Or 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";
+const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
+  if (typeof window > "u" || !f || Ut.has(f))
     return;
   const d = window.document.createElement("audio");
-  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), Wt.set(f, d);
-}, Zr = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((s, k) => {
-  const w = s.element?.subtitle_cues;
+  d.preload = "auto", d.setAttribute("playsinline", "true"), d.src = f, d.load(), Ut.set(f, d);
+}, Hr = (f, d) => d !== null && d.audioList === f && d.subtitleCueLists.length === f.length && f.every((a, k) => {
+  const w = a.element?.subtitle_cues;
   return d.subtitleCueLists[k] === w && d.subtitleCueLengths[k] === (w?.length ?? 0);
-}), jr = (f) => {
+}), Ir = (f) => {
   const d = f.map(
-    (s) => s.element?.subtitle_cues
+    (a) => a.element?.subtitle_cues
   );
   return {
     audioList: f,
     subtitleCueLists: d,
     subtitleCueLengths: d.map(
-      (s) => s?.length ?? 0
+      (a) => a?.length ?? 0
     ),
-    tracks: d.map((s) => ({
-      subtitleCues: s ?? []
+    tracks: d.map((a) => ({
+      subtitleCues: a ?? []
     }))
   };
-}, zr = () => /* @__PURE__ */ X(
+}, $r = () => /* @__PURE__ */ Q(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -60,17 +59,17 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ a("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ s("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), Yr = () => /* @__PURE__ */ X(
+), Dr = () => /* @__PURE__ */ Q(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -79,329 +78,324 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ a("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ s("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), V = {
+), $ = {
   fullscreen: "F",
   next: "→",
   nextSubtitle: "Shift+→",
-  notes: "N",
   previous: "←",
   previousSubtitle: "Shift+←",
   subtitle: "C"
-}, Gr = 250, Qr = (f, d) => f ? `${f} (${d})` : d, Xr = ({
+}, Jr = 250, Zr = (f, d) => f ? `${f} (${d})` : d, jr = ({
   audioList: f = [],
   className: d,
-  currentAudioIndex: s = -1,
+  currentAudioIndex: a = -1,
   defaultPlaying: k = !0,
   isPlaybackPaused: w = !1,
-  isAutoAdvanceEnabled: Z = !0,
+  isAutoAdvanceEnabled: D = !0,
   useAutoAdvanceToggle: P = !1,
-  onLoadingChange: De,
-  onPlaybackPreferenceChange: Je,
-  onPlaybackStarted: Ze,
-  onPlaybackTimeChange: fe,
+  onLoadingChange: Ie,
+  onPlaybackPreferenceChange: $e,
+  onPlaybackStarted: De,
+  onPlaybackTimeChange: oe,
   onSubtitleToggle: ne,
-  onPrev: de,
-  onNext: me,
-  onSubtitleJump: pe,
-  canJumpToSubtitleTarget: Ae,
+  onPrev: fe,
+  onNext: de,
+  onSubtitleJump: me,
+  canJumpToSubtitleTarget: xe,
   onFullscreen: ue,
-  isFullscreen: je = !1,
-  mobileViewMode: Ot = _r,
-  settingsPortalContainer: Vt,
-  onMobileViewModeChange: ze,
-  onEnded: Ye,
-  onAutoAdvanceToggle: Ge,
-  onInteractionToggle: he,
-  hasInteraction: Ne = !1,
-  isInteractionOpen: le = !1,
-  isSubtitleEnabled: Re = !0,
-  prevDisabled: Ee = !1,
-  nextDisabled: Ke = !1,
-  showControls: Fe = !0,
-  onControlsPointerEnter: Ht,
-  onControlsPointerLeave: $t,
-  enableKeyboardShortcuts: Dt = !0,
-  subtitleSeekRequest: H = null,
-  customActions: Qe,
-  customActionContext: Xe,
-  locale: ye,
-  texts: qe,
-  onFocusCapture: Ie,
-  onPointerDown: et,
-  ...Ue
+  isFullscreen: Je = !1,
+  mobileViewMode: Pt = gr,
+  settingsPortalContainer: Wt,
+  onMobileViewModeChange: Ze,
+  onEnded: je,
+  onAutoAdvanceToggle: ze,
+  onInteractionToggle: Yr,
+  hasInteraction: Gr,
+  isInteractionOpen: pe = !1,
+  isSubtitleEnabled: Ae = !0,
+  prevDisabled: Re = !1,
+  nextDisabled: Ne = !1,
+  showControls: Ee = !0,
+  onControlsPointerEnter: Bt,
+  onControlsPointerLeave: Ot,
+  enableKeyboardShortcuts: Vt = !0,
+  subtitleSeekRequest: V = null,
+  customActions: Ye,
+  customActionContext: Ge,
+  locale: he,
+  texts: Qe,
+  onFocusCapture: Xe,
+  onPointerDown: qe,
+  ...Ke
 }) => {
-  const Pe = Ue.dir ?? pr(ye), tt = Ue.lang ?? hr(ye), Jt = dr(), rt = mr(wr), g = o(null), { resolvedDirection: nt, readDirection: ut } = br(g, Pe), be = nt === "rtl", Zt = yr(g, tt), lt = o(le), K = o(null), at = o(null), F = o(0), m = o(null), Se = o(void 0), N = o([]), ae = o(
-    P ? Z : k
-  ), se = o(!1), st = o(!1), M = o(!1), U = o(null), j = o(null), x = o(!1), c = o(!1), C = o(null), R = o(!1), z = o(null), ge = o(0), it = o(() => {
-  }), _e = o(null), ie = o(null), ct = o(null), ot = o(null), W = o("unknown"), [ke, h] = He(k), [ft, q] = He(!1), [I, jt] = He({
+  const Ue = Ke.dir ?? or(he), et = Ke.lang ?? fr(he), Ht = cr(), tt = ir(Sr), S = o(null), { resolvedDirection: rt, readDirection: nt } = mr(S, Ue), ye = rt === "rtl", It = dr(S, et), ut = o(pe), K = o(null), lt = o(null), U = o(0), m = o(null), ge = o(void 0), R = o([]), le = o(
+    P ? D : k
+  ), ae = o(!1), at = o(!1), M = o(!1), F = o(null), J = o(null), x = o(!1), c = o(!1), T = o(null), N = o(!1), Z = o(null), be = o(0), st = o(() => {
+  }), Se = o(null), se = o(null), ct = o(null), it = o(null), W = o("unknown"), [_e, h] = Ve(k), [ot, X] = Ve(!1), [q, $t] = Ve({
     next: !1,
     previous: !1
-  }), Y = rt?.ownerId ?? Jt, B = Dt && (rt?.enabled ?? !0), p = s >= 0 ? f[s] : void 0, v = p?.audioUrl, dt = p?.audioSegments, zt = dt?.length ?? 0, E = re(
-    () => Pt(p),
-    [p, zt, dt]
+  }), j = tt?.ownerId ?? Ht, B = Vt && (tt?.enabled ?? !0), p = a >= 0 ? f[a] : void 0, v = p?.audioUrl, ft = p?.audioSegments, Dt = ft?.length ?? 0, E = re(
+    () => Kt(p),
+    [p, Dt, ft]
   );
-  let we = ot.current;
-  Zr(f, we) || (we = jr(f), ot.current = we);
-  const mt = we.tracks, pt = re(
-    () => Nr(Qe, Xe),
-    [Xe, Qe]
-  ), ht = pt.length + 7, Yt = re(
+  let ke = it.current;
+  Hr(f, ke) || (ke = Ir(f), it.current = ke);
+  const dt = ke.tracks, Fe = re(
+    () => Lr(Ye, Ge),
+    [Ge, Ye]
+  ), mt = Fe.length + 6, Jt = re(
     () => ({
-      "--slide-player-mobile-control-count": String(ht)
+      "--slide-player-mobile-control-count": String(mt)
     }),
-    [ht]
+    [mt]
   ), i = re(
     () => ({
-      ...gr(ye),
-      ...qe
+      ...yr(he),
+      ...Qe
     }),
-    [ye, qe]
-  ), We = re(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Gt = P ? Z : ke, yt = P ? Z ? i.pauseAutoplayLabel : i.playAutoplayLabel : ke ? i.pauseLabel : i.playLabel, bt = je ? i.exitFullscreenLabel : i.enterFullscreenLabel, $ = r(
+    [he, Qe]
+  ), Pe = re(() => p ? p.audioKey ?? `${String(p.sequenceNumber ?? "none")}:${String(p.audioUrl ?? "")}` : "none", [p]), Zt = P ? D : _e, pt = P ? D ? i.pauseAutoplayLabel : i.playAutoplayLabel : _e ? i.pauseLabel : i.playLabel, ht = Je ? i.exitFullscreenLabel : i.enterFullscreenLabel, z = r(
     (e, t, u) => ({
       ariaKeyShortcuts: B ? u : void 0,
-      title: B ? Qr(e, t) : e
+      title: B ? Zr(e, t) : e
     }),
     [B]
-  ), St = $(
+  ), yt = z(
     i.subtitleToggleAriaLabel,
-    V.subtitle,
+    $.subtitle,
     "c"
-  ), gt = $(
+  ), gt = z(
     i.previousLabel,
-    be ? V.next : V.previous,
-    be ? "ArrowRight" : "ArrowLeft"
-  ), _t = $(
+    ye ? $.next : $.previous,
+    ye ? "ArrowRight" : "ArrowLeft"
+  ), bt = z(
     i.previousSubtitleLabel,
-    V.previousSubtitle,
+    $.previousSubtitle,
     "Shift+ArrowLeft"
-  ), kt = $(
-    yt,
+  ), St = z(
+    pt,
     i.playbackShortcutLabel,
     "Space"
-  ), wt = $(
+  ), _t = z(
     i.nextLabel,
-    be ? V.previous : V.next,
-    be ? "ArrowLeft" : "ArrowRight"
-  ), Mt = $(
+    ye ? $.previous : $.next,
+    ye ? "ArrowLeft" : "ArrowRight"
+  ), kt = z(
     i.nextSubtitleLabel,
-    V.nextSubtitle,
+    $.nextSubtitle,
     "Shift+ArrowRight"
-  ), Ct = $(
-    bt,
-    V.fullscreen,
+  ), wt = z(
+    ht,
+    $.fullscreen,
     "f"
-  ), Lt = $(
-    i.notesLabel,
-    V.notes,
-    "n"
-  ), Me = r(() => {
-    B && Mr(Y);
-  }, [Y, B]), Qt = r(
+  ), we = r(() => {
+    B && _r(j);
+  }, [j, B]), jt = r(
     (e) => {
-      Me(), et?.(e);
+      we(), qe?.(e);
     },
-    [Me, et]
-  ), Xt = r(
+    [we, qe]
+  ), zt = r(
     (e) => {
-      Me(), Ie?.(e);
+      we(), Xe?.(e);
     },
-    [Me, Ie]
+    [we, Xe]
   );
-  S(() => {
-    Se.current = p;
-  }, [p]), S(() => {
-    ae.current = P ? Z : k;
-  }, [k, Z, P]), S(() => {
-    Fe || q(!1);
-  }, [Fe]), S(() => {
-    !lt.current && le && q(!1), lt.current = le;
-  }, [le]), S(() => {
-    N.current = E;
-  }, [E]), S(() => {
-    const e = p?.audioUrl, t = s >= 0 ? f[s + 1]?.audioUrl : void 0;
-    Bt(e), Bt(t);
-  }, [f, p?.audioUrl, s]);
+  b(() => {
+    ge.current = p;
+  }, [p]), b(() => {
+    le.current = P ? D : k;
+  }, [k, D, P]), b(() => {
+    Ee || X(!1);
+  }, [Ee]), b(() => {
+    !ut.current && pe && X(!1), ut.current = pe;
+  }, [pe]), b(() => {
+    R.current = E;
+  }, [E]), b(() => {
+    const e = p?.audioUrl, t = a >= 0 ? f[a + 1]?.audioUrl : void 0;
+    Ft(e), Ft(t);
+  }, [f, p?.audioUrl, a]);
   const l = r(
     (e, t = null) => {
-      st.current === e && (!e || t === null) || (st.current = e, De?.({
+      at.current === e && (!e || t === null) || (at.current = e, Ie?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [De]
+    [Ie]
   ), O = r(
     (e) => {
-      ae.current = e, Je?.(e);
+      le.current = e, $e?.(e);
     },
-    [Je]
-  ), G = r(() => P ? {
-    shouldContinuePlayback: ae.current
+    [$e]
+  ), Y = r(() => P ? {
+    shouldContinuePlayback: le.current
   } : {
-    shouldContinuePlayback: Ar({
-      defaultPlaying: ae.current,
+    shouldContinuePlayback: vr({
+      defaultPlaying: le.current,
       isPausedByUser: M.current
     })
-  }, [P]), vt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), D = r(() => k && !w && !M.current && W.current !== "blocked", [k, w]), Tt = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xt = r(() => {
+  }, [P]), Mt = r((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), H = r(() => k && !w && !M.current && W.current !== "blocked", [k, w]), Tt = r((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), Ct = r(() => {
     const e = m.current;
-    return e == null || e <= 0 ? 0 : N.current.slice(0, e).reduce(
+    return e == null || e <= 0 ? 0 : R.current.slice(0, e).reduce(
       (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), Q = r((e) => e <= 0 ? 0 : N.current.slice(0, e).reduce(
+  }, []), G = r((e) => e <= 0 ? 0 : R.current.slice(0, e).reduce(
     (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
     0
-  ), []), Ce = r(
-    (e, t) => !e || w ? !1 : e.audioUrl ? !0 : Ut(
-      Pt(e),
+  ), []), Me = r(
+    (e, t) => !e || w ? !1 : e.audioUrl ? !0 : Et(
+      Kt(e),
       t
     ),
     [w]
   ), ce = r(
     (e, t, u = {}) => {
-      const n = Er({
-        currentAudioIndex: s,
+      const n = Ar({
+        currentAudioIndex: a,
         currentTimeMs: t,
         direction: e,
         excludeTarget: u.excludeTarget,
-        tracks: mt
+        tracks: dt
       });
-      return !n || !Ce(
+      return !n || !Me(
         f[n.audioIndex],
         n.timeMs
-      ) || n.audioIndex !== s && (!pe || Ae && !Ae(n)) ? null : n;
+      ) || n.audioIndex !== a && (!me || xe && !xe(n)) ? null : n;
     },
     [
       f,
-      Ae,
-      Ce,
-      s,
-      pe,
-      mt
+      xe,
+      Me,
+      a,
+      me,
+      dt
     ]
-  ), Be = r(
+  ), We = r(
     (e, t = !1) => {
       const u = Math.max(Number(e), 0);
-      if (!t && _e.current !== null && Math.abs(
-        u - _e.current
-      ) < Gr)
+      if (!t && Se.current !== null && Math.abs(
+        u - Se.current
+      ) < Jr)
         return;
-      _e.current = u;
+      Se.current = u;
       const n = {
         previous: ce("previous", u) !== null,
         next: ce("next", u) !== null
       };
-      jt((b) => b.previous === n.previous && b.next === n.next ? b : n);
+      $t((g) => g.previous === n.previous && g.next === n.next ? g : n);
     },
     [ce]
   );
-  S(() => {
-    it.current = Be, Be(ge.current, !0);
-  }, [Be]);
-  const Le = r(() => {
-    const e = g.current;
-    return e ? U.current === "segment" ? Q(F.current) + Math.max(e.currentTime, 0) * 1e3 : C.current !== null && e.readyState === 0 ? C.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? Q(m.current) : 0;
-  }, [Q]), L = r(
+  b(() => {
+    st.current = We, We(be.current, !0);
+  }, [We]);
+  const Te = r(() => {
+    const e = S.current;
+    return e ? F.current === "segment" ? G(U.current) + Math.max(e.currentTime, 0) * 1e3 : T.current !== null && e.readyState === 0 ? T.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : m.current != null ? G(m.current) : 0;
+  }, [G]), C = r(
     (e) => {
       const t = Math.max(e, 0);
-      ge.current !== t && (ge.current = t, Kr({
-        currentAudioIndex: s,
+      be.current !== t && (be.current = t, Rr({
+        currentAudioIndex: a,
         currentTimeMs: t,
-        target: ie.current
-      }) && (ie.current = null), fe?.(t), it.current(t));
+        target: se.current
+      }) && (se.current = null), oe?.(t), st.current(t));
     },
-    [s, fe]
+    [a, oe]
   ), y = r(() => {
-    L(Le());
-  }, [Le, L]), _ = r(() => {
-    typeof window > "u" || z.current === null || (window.cancelAnimationFrame(z.current), z.current = null);
-  }, []), At = r(() => {
-    if (typeof window > "u" || z.current !== null)
+    C(Te());
+  }, [Te, C]), _ = r(() => {
+    typeof window > "u" || Z.current === null || (window.cancelAnimationFrame(Z.current), Z.current = null);
+  }, []), vt = r(() => {
+    if (typeof window > "u" || Z.current !== null)
       return;
     const e = () => {
       y();
-      const t = g.current;
+      const t = S.current;
       if (!t || t.paused || t.ended) {
-        z.current = null;
+        Z.current = null;
         return;
       }
-      z.current = window.requestAnimationFrame(e);
+      Z.current = window.requestAnimationFrame(e);
     };
-    z.current = window.requestAnimationFrame(e);
+    Z.current = window.requestAnimationFrame(e);
   }, [y]), ee = r(() => {
-    const e = g.current;
-    e && (_(), c.current = !1, M.current = !1, se.current = !1, U.current = null, C.current = null, x.current = !1, R.current = !1, j.current = null, e.pause(), e.removeAttribute("src"), e.load(), K.current = null, F.current = 0, m.current = null, L(0), h(!1), l(!1));
-  }, [L, _, l]), T = r(
+    const e = S.current;
+    e && (_(), c.current = !1, M.current = !1, ae.current = !1, F.current = null, T.current = null, x.current = !1, N.current = !1, J.current = null, e.pause(), e.removeAttribute("src"), e.load(), K.current = null, U.current = 0, m.current = null, C(0), h(!1), l(!1));
+  }, [C, _, l]), L = r(
     (e) => {
-      const t = g.current;
+      const t = S.current;
       if (!t)
         return !1;
       const u = t.play();
       return u && typeof u.then == "function" && u.then(() => {
-        W.current === "unknown" && (W.current = "auto"), c.current = !1, R.current = !1;
+        W.current === "unknown" && (W.current = "auto"), c.current = !1, N.current = !1;
       }).catch((n) => {
-        W.current === "unknown" && vt(n) && (W.current = "blocked", c.current = !1, l(!1)), R.current = !1, h(!1);
+        W.current === "unknown" && Mt(n) && (W.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
       }), !0;
     },
-    [vt, l]
+    [Mt, l]
   ), A = r(
     (e, t, u = {}) => {
-      const n = g.current, b = N.current[e];
-      if (!n || !b)
+      const n = S.current, g = R.current[e];
+      if (!n || !g)
         return !1;
-      const J = Tt(b.audio_data), xe = Math.max(
+      const I = Tt(g.audio_data), Le = Math.max(
         Number(u.seekTimeSeconds ?? 0),
         0
       );
-      F.current = e, m.current = null, x.current = !1, R.current = !0, j.current = "segment", L(
-        Q(e) + xe * 1e3
+      U.current = e, m.current = null, x.current = !1, N.current = !0, J.current = "segment", C(
+        G(e) + Le * 1e3
       );
-      const Kt = u.shouldResume ?? D();
-      c.current = Kt, l(!1);
-      const ir = K.current !== J;
-      return U.current = "segment", ir && (n.pause(), n.removeAttribute("src"), n.load(), K.current = J, n.src = J, n.load()), C.current = xe, n.readyState > 0 && (n.currentTime = xe, C.current = null), Kt ? T(`start-segment:${t}`) : (c.current = !1, R.current = !1, n.pause(), h(!1), !0);
+      const Rt = u.shouldResume ?? H();
+      c.current = Rt, l(!1);
+      const lr = K.current !== I;
+      return F.current = "segment", lr && (n.pause(), n.removeAttribute("src"), n.load(), K.current = I, n.src = I, n.load()), T.current = Le, n.readyState > 0 && (n.currentTime = Le, T.current = null), Rt ? L(`start-segment:${t}`) : (c.current = !1, N.current = !1, n.pause(), h(!1), !0);
     },
     [
-      D,
+      H,
       Tt,
-      Q,
+      G,
+      C,
       L,
-      T,
       l
     ]
-  ), ve = r(
+  ), Ce = r(
     (e) => {
-      const t = g.current;
+      const t = S.current;
       if (!t || !p || w)
         return !1;
-      const u = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || R.current || m.current !== null && ae.current && !M.current, b = Ut(
-        N.current,
+      const u = Math.max(Number(e), 0), n = !t.paused && !t.ended || c.current || N.current || m.current !== null && le.current && !M.current, g = Et(
+        R.current,
         u
-      ) ? Rr(
-        N.current,
+      ) ? xr(
+        R.current,
         u
       ) : null;
-      if (_e.current = null, _(), c.current = n, l(!1), n && (W.current = "manual", M.current = !1, O(!0)), b && (U.current === "segment" || !v))
+      if (Se.current = null, _(), c.current = n, l(!1), n && (W.current = "manual", M.current = !1, O(!0)), g && (F.current === "segment" || !v))
         return A(
-          b.segmentIndex,
+          g.segmentIndex,
           "subtitle-seek-segment",
           {
-            seekTimeSeconds: b.segmentTimeSeconds,
+            seekTimeSeconds: g.segmentTimeSeconds,
             shouldResume: n
           }
         );
       if (v) {
-        const J = u / 1e3;
-        return K.current !== v && (t.pause(), t.removeAttribute("src"), t.load(), K.current = v, U.current = "url", j.current = "url", t.src = v, t.load()), C.current = J, L(u), t.readyState > 0 && (t.currentTime = J, C.current = null), n ? T("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
+        const I = u / 1e3;
+        return K.current !== v && (t.pause(), t.removeAttribute("src"), t.load(), K.current = v, F.current = "url", J.current = "url", t.src = v, t.load()), T.current = I, C(u), t.readyState > 0 && (t.currentTime = I, T.current = null), n ? L("subtitle-seek-url") : (c.current = !1, t.pause(), h(!1), !0);
       }
       return !1;
     },
@@ -409,131 +403,131 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
       p,
       v,
       w,
-      L,
+      C,
       A,
       _,
-      T,
+      L,
       l,
       O
     ]
-  ), oe = r(
+  ), ie = r(
     (e) => {
       const t = ce(
         e,
-        Le(),
+        Te(),
         {
-          excludeTarget: e === "previous" ? ie.current : null
+          excludeTarget: e === "previous" ? se.current : null
         }
       );
       if (t === null)
         return !1;
-      if (t.audioIndex === s) {
-        const n = ve(t.timeMs);
-        return n && (ie.current = t), n;
+      if (t.audioIndex === a) {
+        const n = Ce(t.timeMs);
+        return n && (se.current = t), n;
       }
-      const u = !!pe?.(
+      const u = !!me?.(
         t,
-        $e(G())
+        He(Y())
       );
-      return u && (ie.current = t), u;
+      return u && (se.current = t), u;
     },
     [
-      s,
-      Le,
-      G,
+      a,
+      Te,
+      Y,
       ce,
-      pe,
-      ve
+      me,
+      Ce
     ]
   ), te = r(
     (e) => {
-      _(), c.current = !1, x.current = !1, R.current = !1, y(), h(!1), l(!1), s >= 0 && Ye?.(s);
+      _(), c.current = !1, x.current = !1, N.current = !1, y(), h(!1), l(!1), a >= 0 && je?.(a);
     },
     [
-      s,
-      Ye,
+      a,
+      je,
       _,
       y,
       l
     ]
-  ), Te = r(
+  ), ve = r(
     (e) => {
-      const t = g.current;
-      return !t || U.current !== "url" || !kr({
+      const t = S.current;
+      return !t || F.current !== "url" || !br({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
       }) ? !1 : (c.current = !1, t.pause(), te(e), !0);
     },
     [te]
-  ), Nt = r(() => {
-    const e = F.current + 1, t = N.current, u = t[e], n = Se.current, b = t.some((J) => J.is_final);
+  ), Lt = r(() => {
+    const e = U.current + 1, t = R.current, u = t[e], n = ge.current, g = t.some((I) => I.is_final);
     if (u) {
       A(e, "ended");
       return;
     }
-    if (n?.isAudioStreaming || !b) {
-      F.current = e, m.current = e, x.current = !0, c.current = k, L(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
+    if (n?.isAudioStreaming || !g) {
+      U.current = e, m.current = e, x.current = !0, c.current = k, C(G(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     te("segments-completed");
   }, [
     k,
     te,
-    Q,
-    L,
+    G,
+    C,
     A,
     l
   ]);
-  S(() => {
-    if (at.current === We)
+  b(() => {
+    if (lt.current === Pe)
       return;
-    at.current = We, F.current = 0, m.current = null, x.current = !1, M.current = !1, se.current = !1, c.current = !1, R.current = !1, U.current = null, j.current = null, K.current = null, _(), L(0), l(!1);
-    const e = g.current;
+    lt.current = Pe, U.current = 0, m.current = null, x.current = !1, M.current = !1, ae.current = !1, c.current = !1, N.current = !1, F.current = null, J.current = null, K.current = null, _(), C(0), l(!1);
+    const e = S.current;
     e && (e.pause(), e.removeAttribute("src"), e.load(), h(!1));
   }, [
-    s,
-    We,
+    a,
+    Pe,
     E.length,
     v,
-    L,
+    C,
     _,
     l
-  ]), S(() => {
-    const e = g.current;
+  ]), b(() => {
+    const e = S.current;
     if (e) {
       if (w) {
-        se.current = !!(Se.current && !M.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
+        ae.current = !!(ge.current && !M.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
         return;
       }
-      if (!(!se.current || !Se.current || M.current)) {
-        if (se.current = !1, m.current !== null) {
-          if (m.current < N.current.length) {
+      if (!(!ae.current || !ge.current || M.current)) {
+        if (ae.current = !1, m.current !== null) {
+          if (m.current < R.current.length) {
             A(m.current, "external-resume");
             return;
           }
           c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!K.current && N.current.length > 0) {
+        if (!K.current && R.current.length > 0) {
           A(
             Math.min(
-              F.current,
-              N.current.length - 1
+              U.current,
+              R.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (c.current = !0, T("external-resume"));
+        e.paused && (c.current = !0, L("external-resume"));
       }
     }
   }, [
     w,
     A,
-    T,
+    L,
     l
-  ]), S(() => {
-    const e = g.current;
+  ]), b(() => {
+    const e = S.current;
     if (!e)
       return;
     if (!p) {
@@ -544,24 +538,24 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
       c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const t = xr({
-      activeSourceType: U.current,
+    const t = Cr({
+      activeSourceType: F.current,
       hasAudioUrl: !!v,
       segmentCount: E.length,
-      preferredSourceType: j.current,
+      preferredSourceType: J.current,
       waitingSegmentIndex: m.current
     });
-    if (t && j.current !== t && (j.current = t), t === "url" && v) {
-      const u = K.current !== v, n = D();
+    if (t && J.current !== t && (J.current = t), t === "url" && v) {
+      const u = K.current !== v, n = H();
       if (u) {
-        const b = m.current !== null ? xt() : 0;
-        e.pause(), e.removeAttribute("src"), e.load(), K.current = v, U.current = "url", e.src = v, e.load(), C.current = b, L(b * 1e3), e.readyState > 0 && (e.currentTime = b, C.current = null);
+        const g = m.current !== null ? Ct() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), K.current = v, F.current = "url", e.src = v, e.load(), T.current = g, C(g * 1e3), e.readyState > 0 && (e.currentTime = g, T.current = null);
       }
-      if (c.current = n, x.current = !1, R.current = !1, l(!1), !n) {
+      if (c.current = n, x.current = !1, N.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), h(!1);
         return;
       }
-      T(u ? "sync-url-init" : "sync-url");
+      L(u ? "sync-url-init" : "sync-url");
       return;
     }
     if (t === "segment" && m.current !== null) {
@@ -573,12 +567,12 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
         A(m.current, "wait-resume");
         return;
       }
-      x.current = !0, c.current = D(), h(!1), l(D());
+      x.current = !0, c.current = H(), h(!1), l(H());
       return;
     }
     if (t === "segment" && !E.length) {
       if (p.isAudioStreaming) {
-        m.current = F.current, x.current = !0, c.current = D(), h(!1), l(D());
+        m.current = U.current, x.current = !0, c.current = H(), h(!1), l(H());
         return;
       }
       ee();
@@ -587,7 +581,7 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
     if (t === "segment" && !K.current) {
       A(
         Math.min(
-          F.current,
+          U.current,
           E.length - 1
         ),
         "effect-init"
@@ -602,198 +596,195 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
       c.current = !1, e.pause(), h(!1);
       return;
     }
-    e.paused && (c.current = !0, T("sync-paused-retry"));
+    e.paused && (c.current = !0, L("sync-paused-retry"));
   }, [
     p,
-    s,
+    a,
     E,
     v,
     k,
     w,
-    D,
-    L,
+    H,
+    C,
     ee,
     A,
-    T,
-    xt,
+    L,
+    Ct,
     l
-  ]), S(() => {
-    if (!H || H.id === ct.current || H.audioIndex !== s)
+  ]), b(() => {
+    if (!V || V.id === ct.current || V.audioIndex !== a)
       return;
-    const e = f[H.audioIndex];
-    Ce(e, H.timeMs) && (ct.current = H.id, ve(H.timeMs));
+    const e = f[V.audioIndex];
+    Me(e, V.timeMs) && (ct.current = V.id, Ce(V.timeMs));
   }, [
     f,
+    Me,
+    a,
     Ce,
-    s,
-    ve,
-    H
-  ]), S(() => ee, [ee]), S(() => _, [_]);
-  const qt = r(() => {
-    y(), At(), h(!0), l(!1), Ze?.();
+    V
+  ]), b(() => ee, [ee]), b(() => _, [_]);
+  const Yt = r(() => {
+    y(), vt(), h(!0), l(!1), De?.();
   }, [
-    Ze,
-    At,
+    De,
+    vt,
     y,
     l
-  ]), It = r(() => {
-    x.current || R.current || (_(), y(), h(!1));
-  }, [s, _, y]), er = r(() => {
-    const e = g.current;
-    e && C.current !== null && (e.currentTime = C.current, C.current = null), y(), !Te("canplay-seek-finished") && (!c.current || !k || T("canplay"));
+  ]), Gt = r(() => {
+    x.current || N.current || (_(), y(), h(!1));
+  }, [a, _, y]), Qt = r(() => {
+    const e = S.current;
+    e && T.current !== null && (e.currentTime = T.current, T.current = null), y(), !ve("canplay-seek-finished") && (!c.current || !k || L("canplay"));
   }, [
-    s,
+    a,
     k,
-    Te,
+    ve,
     y,
-    T
-  ]), tr = r(() => {
-    const e = g.current;
-    e && C.current !== null && (e.currentTime = C.current, C.current = null), y(), Te("metadata-seek-finished");
-  }, [s, Te, y]), rr = r(() => {
+    L
+  ]), Xt = r(() => {
+    const e = S.current;
+    e && T.current !== null && (e.currentTime = T.current, T.current = null), y(), ve("metadata-seek-finished");
+  }, [a, ve, y]), qt = r(() => {
     y();
-  }, [y]), nr = r(() => {
+  }, [y]), er = r(() => {
     x.current || l(!0, "loadingAudio");
-  }, [l]), ur = r(() => {
+  }, [l]), tr = r(() => {
     if (x.current) {
       l(!0, "waitingForMoreAudio");
       return;
     }
     l(!0, "loadingAudio");
-  }, [l]), Rt = r(() => {
+  }, [l]), xt = r(() => {
     y();
-  }, [y]), lr = r(() => {
-    const e = U.current === "url" || N.current.length === 0;
-    if (_(), R.current = !1, e) {
+  }, [y]), rr = r(() => {
+    const e = F.current === "url" || R.current.length === 0;
+    if (_(), N.current = !1, e) {
       te("url-ended");
       return;
     }
-    Nt();
-  }, [te, Nt, _]), ar = r(() => {
+    Lt();
+  }, [te, Lt, _]), nr = r(() => {
     _(), y(), h(!1), l(!1);
-  }, [_, y, l]), sr = r(
+  }, [_, y, l]), ur = r(
     (e) => {
-      ze?.(e), q(!1);
+      Ze?.(e), X(!1);
     },
-    [ze]
-  ), Oe = r(() => {
+    [Ze]
+  ), Be = r(() => {
     if (P) {
-      const t = !Z;
-      return O(t), Ge?.(t), !0;
+      const t = !D;
+      return O(t), ze?.(t), !0;
     }
-    const e = g.current;
-    return w || !e || !p ? !1 : m.current !== null ? ke ? (O(!1), c.current = !1, M.current = !0, m.current = null, x.current = !1, h(!1), l(!1), e.pause(), !0) : (O(!0), W.current = "manual", M.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && E.length > 0 ? (O(!0), W.current = "manual", M.current = !1, A(
+    const e = S.current;
+    return w || !e || !p ? !1 : m.current !== null ? _e ? (O(!1), c.current = !1, M.current = !0, m.current = null, x.current = !1, h(!1), l(!1), e.pause(), !0) : (O(!0), W.current = "manual", M.current = !1, c.current = !0, l(!0, "waitingForMoreAudio"), !0) : !e.src && E.length > 0 ? (O(!0), W.current = "manual", M.current = !1, A(
       Math.min(
-        F.current,
+        U.current,
         E.length - 1
       ),
       "toggle"
-    ), !0) : e.paused ? (O(!0), W.current = "manual", M.current = !1, c.current = !0, T("toggle-resume"), !0) : (O(!1), c.current = !1, M.current = !0, e.pause(), !0);
+    ), !0) : e.paused ? (O(!0), W.current = "manual", M.current = !1, c.current = !0, L("toggle-resume"), !0) : (O(!1), c.current = !1, M.current = !0, e.pause(), !0);
   }, [
     p,
     E.length,
-    Z,
+    D,
     w,
-    ke,
-    Ge,
+    _e,
+    ze,
     A,
-    T,
+    L,
     l,
     O,
     P
   ]);
-  S(() => {
+  b(() => {
     if (B)
-      return Cr(Y);
-  }, [Y, B]);
-  const Ve = re(
+      return kr(j);
+  }, [j, B]);
+  const Oe = re(
     () => ({
       fullscreen: () => ue ? (ue(), !0) : !1,
-      interaction: () => he ? (Ne && he(), !0) : !1,
-      next: () => me ? (Ke || me(
-        $e(G())
+      next: () => de ? (Ne || de(
+        He(Y())
       ), !0) : !1,
-      nextSubtitle: () => I.next ? oe("next") : !0,
-      previous: () => de ? (Ee || de(
-        $e(G())
+      nextSubtitle: () => q.next ? ie("next") : !0,
+      previous: () => fe ? (Re || fe(
+        He(Y())
       ), !0) : !1,
-      previousSubtitle: () => I.previous ? oe("previous") : !0,
+      previousSubtitle: () => q.previous ? ie("previous") : !0,
       subtitle: () => ne ? (ne(), !0) : !1,
-      togglePlayback: () => (Oe(), !0)
+      togglePlayback: () => (Be(), !0)
     }),
     [
-      G,
+      Y,
+      ie,
       Ne,
-      oe,
-      Ke,
       ue,
-      he,
-      me,
       de,
+      fe,
       ne,
-      Ee,
-      I.next,
-      I.previous,
-      Oe
+      Re,
+      q.next,
+      q.previous,
+      Be
     ]
-  ), Et = o(Ve);
-  return S(() => {
-    Et.current = Ve;
-  }, [Ve]), S(() => {
+  ), At = o(Oe);
+  return b(() => {
+    At.current = Oe;
+  }, [Oe]), b(() => {
     if (!B || typeof document > "u")
       return;
     const e = (t) => {
-      if (!Lr(Y))
+      if (!wr(j))
         return;
-      const u = vr(t, ut());
+      const u = Mr(t, nt());
       if (!u || Tr(t, u))
         return;
       let n = !1;
-      const b = Et.current[u];
-      n = b(), n && t.preventDefault();
+      const g = At.current[u];
+      n = g(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [Y, ut, B]), S(() => {
-    fe?.(ge.current);
-  }, [fe]), /* @__PURE__ */ X(
+  }, [j, nt, B]), b(() => {
+    oe?.(be.current);
+  }, [oe]), /* @__PURE__ */ Q(
     "div",
     {
-      ...Ue,
-      dir: Pe,
-      lang: tt,
-      "data-slide-player-shortcut-owner": Y,
-      className: Ft("slide-player", d),
-      onFocusCapture: Xt,
-      onPointerDown: Qt,
+      ...Ke,
+      dir: Ue,
+      lang: et,
+      "data-slide-player-shortcut-owner": j,
+      className: pr("slide-player", d),
+      onFocusCapture: zt,
+      onPointerDown: jt,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           "audio",
           {
-            ref: g,
+            ref: S,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: nr,
-            onLoadedMetadata: tr,
-            onCanPlay: er,
-            onPlay: qt,
-            onPause: It,
-            onWaiting: ur,
-            onSeeking: Rt,
-            onSeeked: Rt,
-            onTimeUpdate: rr,
-            onEnded: lr,
-            onError: ar
+            onLoadStart: er,
+            onLoadedMetadata: Xt,
+            onCanPlay: Qt,
+            onPlay: Yt,
+            onPause: Gt,
+            onWaiting: tr,
+            onSeeking: xt,
+            onSeeked: xt,
+            onTimeUpdate: qt,
+            onEnded: rr,
+            onError: nr
           }
         ),
-        Fe ? /* @__PURE__ */ X(cr, { children: [
-          /* @__PURE__ */ a(
-            Sr,
+        Ee ? /* @__PURE__ */ Q(Nt, { children: [
+          /* @__PURE__ */ s(
+            hr,
             {
-              container: Vt,
-              dir: Pe ?? nt,
-              lang: Zt,
+              container: Wt,
+              dir: Ue ?? rt,
+              lang: It,
               labels: {
                 closeSettings: i.closeSettingsLabel,
                 fullscreen: i.fullscreenLabel,
@@ -804,38 +795,38 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                 subtitleToggle: i.subtitleToggleAriaLabel,
                 title: i.settingsTitle
               },
-              isSubtitleEnabled: Re,
-              onClose: () => q(!1),
-              onOpenChange: q,
+              isSubtitleEnabled: Ae,
+              onClose: () => X(!1),
+              onOpenChange: X,
               onSubtitleToggle: ne ?? (() => {
               }),
-              onViewModeChange: sr,
-              open: ft,
-              viewMode: Ot
+              onViewModeChange: ur,
+              open: ot,
+              viewMode: Pt
             }
           ),
-          /* @__PURE__ */ X(
+          /* @__PURE__ */ Q(
             "div",
             {
               className: "slide-player__controls",
-              onPointerEnter: Ht,
-              onPointerLeave: $t,
-              style: Yt,
+              onPointerEnter: Bt,
+              onPointerLeave: Ot,
+              style: Jt,
               children: [
-                /* @__PURE__ */ X("div", { className: "slide-player__group", children: [
-                  /* @__PURE__ */ a(
+                /* @__PURE__ */ Q("div", { className: "slide-player__group", children: [
+                  /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-expanded": ft,
+                      "aria-expanded": ot,
                       "aria-haspopup": "dialog",
                       "aria-label": i.moreOptionsAriaLabel,
                       className: "slide-player__action slide-player__action--mobile-more",
                       onClick: () => {
-                        q((e) => !e);
+                        X((e) => !e);
                       },
                       type: "button",
-                      children: /* @__PURE__ */ a(
-                        Fr,
+                      children: /* @__PURE__ */ s(
+                        Nr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -843,58 +834,58 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
                       "aria-label": i.volumeAriaLabel,
                       className: "hidden",
                       type: "button",
-                      children: /* @__PURE__ */ a(Ur, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Er, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-label": yt,
-                      "aria-keyshortcuts": kt.ariaKeyShortcuts,
+                      "aria-label": pt,
+                      "aria-keyshortcuts": St.ariaKeyShortcuts,
                       className: "slide-player__toggle slide-player__toggle--playback",
                       onClick: () => {
-                        Oe();
+                        Be();
                       },
-                      title: kt.title,
+                      title: St.title,
                       type: "button",
-                      children: Gt ? /* @__PURE__ */ a(zr, {}) : /* @__PURE__ */ a(Yr, {})
+                      children: Zt ? /* @__PURE__ */ s($r, {}) : /* @__PURE__ */ s(Dr, {})
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
                       "aria-keyshortcuts": gt.ariaKeyShortcuts,
                       "aria-label": i.previousLabel,
                       className: "slide-player__action slide-player__action--prev",
-                      disabled: Ee,
+                      disabled: Re,
                       onClick: () => {
-                        de?.(G());
+                        fe?.(Y());
                       },
                       title: gt.title,
                       type: "button",
-                      children: /* @__PURE__ */ a(Pr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Kr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": wt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": _t.ariaKeyShortcuts,
                       "aria-label": i.nextLabel,
                       className: "slide-player__action slide-player__action--next",
-                      disabled: Ke,
+                      disabled: Ne,
                       onClick: () => {
-                        me?.(G());
+                        de?.(Y());
                       },
-                      title: wt.title,
+                      title: _t.title,
                       type: "button",
-                      children: /* @__PURE__ */ a(
-                        Wr,
+                      children: /* @__PURE__ */ s(
+                        Ur,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -902,35 +893,35 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": _t.ariaKeyShortcuts,
+                      "aria-keyshortcuts": bt.ariaKeyShortcuts,
                       "aria-label": i.previousSubtitleLabel,
                       className: "slide-player__action slide-player__action--prev-subtitle",
-                      disabled: !I.previous,
+                      disabled: !q.previous,
                       onClick: () => {
-                        oe("previous");
+                        ie("previous");
                       },
-                      title: _t.title,
+                      title: bt.title,
                       type: "button",
-                      children: /* @__PURE__ */ a(Br, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ s(Fr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-keyshortcuts": Mt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": kt.ariaKeyShortcuts,
                       "aria-label": i.nextSubtitleLabel,
                       className: "slide-player__action slide-player__action--next-subtitle",
-                      disabled: !I.next,
+                      disabled: !q.next,
                       onClick: () => {
-                        oe("next");
+                        ie("next");
                       },
-                      title: Mt.title,
+                      title: kt.title,
                       type: "button",
-                      children: /* @__PURE__ */ a(
-                        Or,
+                      children: /* @__PURE__ */ s(
+                        Pr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -938,18 +929,18 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ s(
                     "button",
                     {
                       "aria-label": i.subtitleToggleAriaLabel,
-                      "aria-keyshortcuts": St.ariaKeyShortcuts,
-                      "aria-pressed": Re,
+                      "aria-keyshortcuts": yt.ariaKeyShortcuts,
+                      "aria-pressed": Ae,
                       className: "slide-player__action slide-player__action--subtitle",
                       onClick: ne,
-                      title: St.title,
+                      title: yt.title,
                       type: "button",
-                      children: Re ? /* @__PURE__ */ a(Vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ a(
-                        Hr,
+                      children: Ae ? /* @__PURE__ */ s(Wr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ s(
+                        Br,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -957,23 +948,23 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                       )
                     }
                   ),
-                  ue ? /* @__PURE__ */ a(
+                  ue ? /* @__PURE__ */ s(
                     "button",
                     {
-                      "aria-label": bt,
-                      "aria-keyshortcuts": Ct.ariaKeyShortcuts,
+                      "aria-label": ht,
+                      "aria-keyshortcuts": wt.ariaKeyShortcuts,
                       className: "slide-player__action slide-player__action--fullscreen",
                       onClick: ue,
-                      title: Ct.title,
+                      title: wt.title,
                       type: "button",
-                      children: je ? /* @__PURE__ */ a(
-                        $r,
+                      children: Je ? /* @__PURE__ */ s(
+                        Or,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
                         }
-                      ) : /* @__PURE__ */ a(
-                        Dr,
+                      ) : /* @__PURE__ */ s(
+                        Vr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -982,32 +973,10 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ a("div", { className: "slide-player__separator" }),
-                /* @__PURE__ */ X("div", { className: "slide-player__group", children: [
-                  pt.map((e, t) => /* @__PURE__ */ a(or.Fragment, { children: e }, `custom-action-${t}`)),
-                  /* @__PURE__ */ a(
-                    "button",
-                    {
-                      "aria-label": i.notesLabel,
-                      "aria-keyshortcuts": Lt.ariaKeyShortcuts,
-                      className: Ft(
-                        "slide-player__action slide-player__action--notes",
-                        le && "slide-player__action--active"
-                      ),
-                      disabled: !Ne,
-                      onClick: he,
-                      title: Lt.title,
-                      type: "button",
-                      children: /* @__PURE__ */ a(
-                        Jr,
-                        {
-                          className: "slide-player__icon",
-                          strokeWidth: 2.25
-                        }
-                      )
-                    }
-                  )
-                ] })
+                Fe.length > 0 ? /* @__PURE__ */ Q(Nt, { children: [
+                  /* @__PURE__ */ s("div", { className: "slide-player__separator" }),
+                  /* @__PURE__ */ s("div", { className: "slide-player__group slide-player__group--custom-actions", children: Fe.map((e, t) => /* @__PURE__ */ s(ar.Fragment, { children: e }, `custom-action-${t}`)) })
+                ] }) : null
               ]
             }
           )
@@ -1015,9 +984,9 @@ const Wt = /* @__PURE__ */ new Map(), Bt = (f) => {
       ]
     }
   );
-}, qr = fr(Xr);
-qr.displayName = "Player";
+}, zr = sr(jr);
+zr.displayName = "Player";
 export {
-  qr as default
+  zr as default
 };
 //# sourceMappingURL=Player.es.js.map