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

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

@@ -1,56 +1,57 @@
-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";
+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";
 /* empty css              */
-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))
+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))
     return;
   const d = window.document.createElement("audio");
-  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;
+  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;
   return d.subtitleCueLists[k] === w && d.subtitleCueLengths[k] === (w?.length ?? 0);
-}), Ir = (f) => {
+}), jr = (f) => {
   const d = f.map(
-    (a) => a.element?.subtitle_cues
+    (s) => s.element?.subtitle_cues
   );
   return {
     audioList: f,
     subtitleCueLists: d,
     subtitleCueLengths: d.map(
-      (a) => a?.length ?? 0
+      (s) => s?.length ?? 0
     ),
-    tracks: d.map((a) => ({
-      subtitleCues: a ?? []
+    tracks: d.map((s) => ({
+      subtitleCues: s ?? []
     }))
   };
-}, $r = () => /* @__PURE__ */ Q(
+}, zr = () => /* @__PURE__ */ X(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,17 +60,17 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "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__ */ s("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ a("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), Dr = () => /* @__PURE__ */ Q(
+), Yr = () => /* @__PURE__ */ X(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -78,324 +79,329 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "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__ */ s("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ a("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"
-}, Jr = 250, Zr = (f, d) => f ? `${f} (${d})` : d, jr = ({
+}, Gr = 250, Qr = (f, d) => f ? `${f} (${d})` : d, Xr = ({
   audioList: f = [],
   className: d,
-  currentAudioIndex: a = -1,
+  currentAudioIndex: s = -1,
   defaultPlaying: k = !0,
   isPlaybackPaused: w = !1,
-  isAutoAdvanceEnabled: D = !0,
+  isAutoAdvanceEnabled: Z = !0,
   useAutoAdvanceToggle: P = !1,
-  onLoadingChange: Ie,
-  onPlaybackPreferenceChange: $e,
-  onPlaybackStarted: De,
-  onPlaybackTimeChange: oe,
+  onLoadingChange: De,
+  onPlaybackPreferenceChange: Je,
+  onPlaybackStarted: Ze,
+  onPlaybackTimeChange: fe,
   onSubtitleToggle: ne,
-  onPrev: fe,
-  onNext: de,
-  onSubtitleJump: me,
-  canJumpToSubtitleTarget: xe,
+  onPrev: de,
+  onNext: me,
+  onSubtitleJump: pe,
+  canJumpToSubtitleTarget: Ae,
   onFullscreen: 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
+  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
 }) => {
-  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({
+  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({
     next: !1,
     previous: !1
-  }), 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]
+  }), 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]
   );
-  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(
+  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(
     () => ({
-      "--slide-player-mobile-control-count": String(mt)
+      "--slide-player-mobile-control-count": String(ht)
     }),
-    [mt]
+    [ht]
   ), i = re(
     () => ({
-      ...yr(he),
-      ...Qe
+      ...gr(ye),
+      ...qe
     }),
-    [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(
+    [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(
     (e, t, u) => ({
       ariaKeyShortcuts: B ? u : void 0,
-      title: B ? Zr(e, t) : e
+      title: B ? Qr(e, t) : e
     }),
     [B]
-  ), yt = z(
+  ), St = $(
     i.subtitleToggleAriaLabel,
-    $.subtitle,
+    V.subtitle,
     "c"
-  ), gt = z(
+  ), gt = $(
     i.previousLabel,
-    ye ? $.next : $.previous,
-    ye ? "ArrowRight" : "ArrowLeft"
-  ), bt = z(
+    be ? V.next : V.previous,
+    be ? "ArrowRight" : "ArrowLeft"
+  ), _t = $(
     i.previousSubtitleLabel,
-    $.previousSubtitle,
+    V.previousSubtitle,
     "Shift+ArrowLeft"
-  ), St = z(
-    pt,
+  ), kt = $(
+    yt,
     i.playbackShortcutLabel,
     "Space"
-  ), _t = z(
+  ), wt = $(
     i.nextLabel,
-    ye ? $.previous : $.next,
-    ye ? "ArrowLeft" : "ArrowRight"
-  ), kt = z(
+    be ? V.previous : V.next,
+    be ? "ArrowLeft" : "ArrowRight"
+  ), Mt = $(
     i.nextSubtitleLabel,
-    $.nextSubtitle,
+    V.nextSubtitle,
     "Shift+ArrowRight"
-  ), wt = z(
-    ht,
-    $.fullscreen,
+  ), Ct = $(
+    bt,
+    V.fullscreen,
     "f"
-  ), we = r(() => {
-    B && _r(j);
-  }, [j, B]), jt = r(
+  ), Lt = $(
+    i.notesLabel,
+    V.notes,
+    "n"
+  ), Me = r(() => {
+    B && Mr(Y);
+  }, [Y, B]), Qt = r(
     (e) => {
-      we(), qe?.(e);
+      Me(), et?.(e);
     },
-    [we, qe]
-  ), zt = r(
+    [Me, et]
+  ), Xt = r(
     (e) => {
-      we(), Xe?.(e);
+      Me(), Ie?.(e);
     },
-    [we, Xe]
+    [Me, Ie]
   );
-  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]);
+  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]);
   const l = r(
     (e, t = null) => {
-      at.current === e && (!e || t === null) || (at.current = e, Ie?.({
+      st.current === e && (!e || t === null) || (st.current = e, De?.({
         loading: e,
         reason: e ? t : null
       }));
     },
-    [Ie]
+    [De]
   ), O = r(
     (e) => {
-      le.current = e, $e?.(e);
+      ae.current = e, Je?.(e);
     },
-    [$e]
-  ), Y = r(() => P ? {
-    shouldContinuePlayback: le.current
+    [Je]
+  ), G = r(() => P ? {
+    shouldContinuePlayback: ae.current
   } : {
-    shouldContinuePlayback: vr({
-      defaultPlaying: le.current,
+    shouldContinuePlayback: Ar({
+      defaultPlaying: ae.current,
       isPausedByUser: M.current
     })
-  }, [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(() => {
+  }, [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(() => {
     const e = m.current;
-    return e == null || e <= 0 ? 0 : R.current.slice(0, e).reduce(
+    return e == null || e <= 0 ? 0 : N.current.slice(0, e).reduce(
       (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), G = r((e) => e <= 0 ? 0 : R.current.slice(0, e).reduce(
+  }, []), Q = r((e) => e <= 0 ? 0 : N.current.slice(0, e).reduce(
     (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
     0
-  ), []), Me = r(
-    (e, t) => !e || w ? !1 : e.audioUrl ? !0 : Et(
-      Kt(e),
+  ), []), Ce = r(
+    (e, t) => !e || w ? !1 : e.audioUrl ? !0 : Ut(
+      Pt(e),
       t
     ),
     [w]
   ), ce = r(
     (e, t, u = {}) => {
-      const n = Ar({
-        currentAudioIndex: a,
+      const n = Er({
+        currentAudioIndex: s,
         currentTimeMs: t,
         direction: e,
         excludeTarget: u.excludeTarget,
-        tracks: dt
+        tracks: mt
       });
-      return !n || !Me(
+      return !n || !Ce(
         f[n.audioIndex],
         n.timeMs
-      ) || n.audioIndex !== a && (!me || xe && !xe(n)) ? null : n;
+      ) || n.audioIndex !== s && (!pe || Ae && !Ae(n)) ? null : n;
     },
     [
       f,
-      xe,
-      Me,
-      a,
-      me,
-      dt
+      Ae,
+      Ce,
+      s,
+      pe,
+      mt
     ]
-  ), We = r(
+  ), Be = r(
     (e, t = !1) => {
       const u = Math.max(Number(e), 0);
-      if (!t && Se.current !== null && Math.abs(
-        u - Se.current
-      ) < Jr)
+      if (!t && _e.current !== null && Math.abs(
+        u - _e.current
+      ) < Gr)
         return;
-      Se.current = u;
+      _e.current = u;
       const n = {
         previous: ce("previous", u) !== null,
         next: ce("next", u) !== null
       };
-      $t((g) => g.previous === n.previous && g.next === n.next ? g : n);
+      jt((b) => b.previous === n.previous && b.next === n.next ? b : n);
     },
     [ce]
   );
-  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(
+  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(
     (e) => {
       const t = Math.max(e, 0);
-      be.current !== t && (be.current = t, Rr({
-        currentAudioIndex: a,
+      ge.current !== t && (ge.current = t, Kr({
+        currentAudioIndex: s,
         currentTimeMs: t,
-        target: se.current
-      }) && (se.current = null), oe?.(t), st.current(t));
+        target: ie.current
+      }) && (ie.current = null), fe?.(t), it.current(t));
     },
-    [a, oe]
+    [s, fe]
   ), y = r(() => {
-    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)
+    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)
       return;
     const e = () => {
       y();
-      const t = S.current;
+      const t = g.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 = 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(
+    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(
     (e) => {
-      const t = S.current;
+      const t = g.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, N.current = !1;
+        W.current === "unknown" && (W.current = "auto"), c.current = !1, R.current = !1;
       }).catch((n) => {
-        W.current === "unknown" && Mt(n) && (W.current = "blocked", c.current = !1, l(!1)), N.current = !1, h(!1);
+        W.current === "unknown" && vt(n) && (W.current = "blocked", c.current = !1, l(!1)), R.current = !1, h(!1);
       }), !0;
     },
-    [Mt, l]
+    [vt, l]
   ), A = r(
     (e, t, u = {}) => {
-      const n = S.current, g = R.current[e];
-      if (!n || !g)
+      const n = g.current, b = N.current[e];
+      if (!n || !b)
         return !1;
-      const I = Tt(g.audio_data), Le = Math.max(
+      const J = Tt(b.audio_data), xe = Math.max(
         Number(u.seekTimeSeconds ?? 0),
         0
       );
-      U.current = e, m.current = null, x.current = !1, N.current = !0, J.current = "segment", C(
-        G(e) + Le * 1e3
+      F.current = e, m.current = null, x.current = !1, R.current = !0, j.current = "segment", L(
+        Q(e) + xe * 1e3
       );
-      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);
+      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);
     },
     [
-      H,
+      D,
       Tt,
-      G,
-      C,
+      Q,
       L,
+      T,
       l
     ]
-  ), Ce = r(
+  ), ve = r(
     (e) => {
-      const t = S.current;
+      const t = g.current;
       if (!t || !p || w)
         return !1;
-      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,
+      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,
         u
-      ) ? xr(
-        R.current,
+      ) ? Rr(
+        N.current,
         u
       ) : null;
-      if (Se.current = null, _(), c.current = n, l(!1), n && (W.current = "manual", M.current = !1, O(!0)), g && (F.current === "segment" || !v))
+      if (_e.current = null, _(), c.current = n, l(!1), n && (W.current = "manual", M.current = !1, O(!0)), b && (U.current === "segment" || !v))
         return A(
-          g.segmentIndex,
+          b.segmentIndex,
           "subtitle-seek-segment",
           {
-            seekTimeSeconds: g.segmentTimeSeconds,
+            seekTimeSeconds: b.segmentTimeSeconds,
             shouldResume: n
           }
         );
       if (v) {
-        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);
+        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);
       }
       return !1;
     },
@@ -403,131 +409,131 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
       p,
       v,
       w,
-      C,
+      L,
       A,
       _,
-      L,
+      T,
       l,
       O
     ]
-  ), ie = r(
+  ), oe = r(
     (e) => {
       const t = ce(
         e,
-        Te(),
+        Le(),
         {
-          excludeTarget: e === "previous" ? se.current : null
+          excludeTarget: e === "previous" ? ie.current : null
         }
       );
       if (t === null)
         return !1;
-      if (t.audioIndex === a) {
-        const n = Ce(t.timeMs);
-        return n && (se.current = t), n;
+      if (t.audioIndex === s) {
+        const n = ve(t.timeMs);
+        return n && (ie.current = t), n;
       }
-      const u = !!me?.(
+      const u = !!pe?.(
         t,
-        He(Y())
+        $e(G())
       );
-      return u && (se.current = t), u;
+      return u && (ie.current = t), u;
     },
     [
-      a,
-      Te,
-      Y,
+      s,
+      Le,
+      G,
       ce,
-      me,
-      Ce
+      pe,
+      ve
     ]
   ), te = r(
     (e) => {
-      _(), c.current = !1, x.current = !1, N.current = !1, y(), h(!1), l(!1), a >= 0 && je?.(a);
+      _(), c.current = !1, x.current = !1, R.current = !1, y(), h(!1), l(!1), s >= 0 && Ye?.(s);
     },
     [
-      a,
-      je,
+      s,
+      Ye,
       _,
       y,
       l
     ]
-  ), ve = r(
+  ), Te = r(
     (e) => {
-      const t = S.current;
-      return !t || F.current !== "url" || !br({
+      const t = g.current;
+      return !t || U.current !== "url" || !kr({
         currentTimeSeconds: Math.max(t.currentTime, 0),
         durationSeconds: t.duration
       }) ? !1 : (c.current = !1, t.pause(), te(e), !0);
     },
     [te]
-  ), Lt = r(() => {
-    const e = U.current + 1, t = R.current, u = t[e], n = ge.current, g = t.some((I) => I.is_final);
+  ), Nt = r(() => {
+    const e = F.current + 1, t = N.current, u = t[e], n = Se.current, b = t.some((J) => J.is_final);
     if (u) {
       A(e, "ended");
       return;
     }
-    if (n?.isAudioStreaming || !g) {
-      U.current = e, m.current = e, x.current = !0, c.current = k, C(G(e)), h(!1), l(!0, "waitingForMoreAudio");
+    if (n?.isAudioStreaming || !b) {
+      F.current = e, m.current = e, x.current = !0, c.current = k, L(Q(e)), h(!1), l(!0, "waitingForMoreAudio");
       return;
     }
     te("segments-completed");
   }, [
     k,
     te,
-    G,
-    C,
+    Q,
+    L,
     A,
     l
   ]);
-  b(() => {
-    if (lt.current === Pe)
+  S(() => {
+    if (at.current === We)
       return;
-    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;
+    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;
     e && (e.pause(), e.removeAttribute("src"), e.load(), h(!1));
   }, [
-    a,
-    Pe,
+    s,
+    We,
     E.length,
     v,
-    C,
+    L,
     _,
     l
-  ]), b(() => {
-    const e = S.current;
+  ]), S(() => {
+    const e = g.current;
     if (e) {
       if (w) {
-        ae.current = !!(ge.current && !M.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
+        se.current = !!(Se.current && !M.current && (!e.paused || c.current || m.current !== null)), c.current = !1, l(!1), e.pause(), h(!1);
         return;
       }
-      if (!(!ae.current || !ge.current || M.current)) {
-        if (ae.current = !1, m.current !== null) {
-          if (m.current < R.current.length) {
+      if (!(!se.current || !Se.current || M.current)) {
+        if (se.current = !1, m.current !== null) {
+          if (m.current < N.current.length) {
             A(m.current, "external-resume");
             return;
           }
           c.current = !0, l(!0, "waitingForMoreAudio");
           return;
         }
-        if (!K.current && R.current.length > 0) {
+        if (!K.current && N.current.length > 0) {
           A(
             Math.min(
-              U.current,
-              R.current.length - 1
+              F.current,
+              N.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (c.current = !0, L("external-resume"));
+        e.paused && (c.current = !0, T("external-resume"));
       }
     }
   }, [
     w,
     A,
-    L,
+    T,
     l
-  ]), b(() => {
-    const e = S.current;
+  ]), S(() => {
+    const e = g.current;
     if (!e)
       return;
     if (!p) {
@@ -538,24 +544,24 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
       c.current = !1, l(!1), e.pause(), h(!1);
       return;
     }
-    const t = Cr({
-      activeSourceType: F.current,
+    const t = xr({
+      activeSourceType: U.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 = H();
+    if (t && j.current !== t && (j.current = t), t === "url" && v) {
+      const u = K.current !== v, n = D();
       if (u) {
-        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);
+        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);
       }
-      if (c.current = n, x.current = !1, N.current = !1, l(!1), !n) {
+      if (c.current = n, x.current = !1, R.current = !1, l(!1), !n) {
         c.current = !1, e.pause(), h(!1);
         return;
       }
-      L(u ? "sync-url-init" : "sync-url");
+      T(u ? "sync-url-init" : "sync-url");
       return;
     }
     if (t === "segment" && m.current !== null) {
@@ -567,12 +573,12 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
         A(m.current, "wait-resume");
         return;
       }
-      x.current = !0, c.current = H(), h(!1), l(H());
+      x.current = !0, c.current = D(), h(!1), l(D());
       return;
     }
     if (t === "segment" && !E.length) {
       if (p.isAudioStreaming) {
-        m.current = U.current, x.current = !0, c.current = H(), h(!1), l(H());
+        m.current = F.current, x.current = !0, c.current = D(), h(!1), l(D());
         return;
       }
       ee();
@@ -581,7 +587,7 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
     if (t === "segment" && !K.current) {
       A(
         Math.min(
-          U.current,
+          F.current,
           E.length - 1
         ),
         "effect-init"
@@ -596,195 +602,198 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
       c.current = !1, e.pause(), h(!1);
       return;
     }
-    e.paused && (c.current = !0, L("sync-paused-retry"));
+    e.paused && (c.current = !0, T("sync-paused-retry"));
   }, [
     p,
-    a,
+    s,
     E,
     v,
     k,
     w,
-    H,
-    C,
+    D,
+    L,
     ee,
     A,
-    L,
-    Ct,
+    T,
+    xt,
     l
-  ]), b(() => {
-    if (!V || V.id === ct.current || V.audioIndex !== a)
+  ]), S(() => {
+    if (!H || H.id === ct.current || H.audioIndex !== s)
       return;
-    const e = f[V.audioIndex];
-    Me(e, V.timeMs) && (ct.current = V.id, Ce(V.timeMs));
+    const e = f[H.audioIndex];
+    Ce(e, H.timeMs) && (ct.current = H.id, ve(H.timeMs));
   }, [
     f,
-    Me,
-    a,
     Ce,
-    V
-  ]), b(() => ee, [ee]), b(() => _, [_]);
-  const Yt = r(() => {
-    y(), vt(), h(!0), l(!1), De?.();
+    s,
+    ve,
+    H
+  ]), S(() => ee, [ee]), S(() => _, [_]);
+  const qt = r(() => {
+    y(), At(), h(!0), l(!1), Ze?.();
   }, [
-    De,
-    vt,
+    Ze,
+    At,
     y,
     l
-  ]), 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"));
+  ]), 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"));
   }, [
-    a,
+    s,
     k,
-    ve,
+    Te,
     y,
-    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(() => {
+    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(() => {
     y();
-  }, [y]), er = r(() => {
+  }, [y]), nr = r(() => {
     x.current || l(!0, "loadingAudio");
-  }, [l]), tr = r(() => {
+  }, [l]), ur = r(() => {
     if (x.current) {
       l(!0, "waitingForMoreAudio");
       return;
     }
     l(!0, "loadingAudio");
-  }, [l]), xt = r(() => {
+  }, [l]), Rt = r(() => {
     y();
-  }, [y]), rr = r(() => {
-    const e = F.current === "url" || R.current.length === 0;
-    if (_(), N.current = !1, e) {
+  }, [y]), lr = r(() => {
+    const e = U.current === "url" || N.current.length === 0;
+    if (_(), R.current = !1, e) {
       te("url-ended");
       return;
     }
-    Lt();
-  }, [te, Lt, _]), nr = r(() => {
+    Nt();
+  }, [te, Nt, _]), ar = r(() => {
     _(), y(), h(!1), l(!1);
-  }, [_, y, l]), ur = r(
+  }, [_, y, l]), sr = r(
     (e) => {
-      Ze?.(e), X(!1);
+      ze?.(e), q(!1);
     },
-    [Ze]
-  ), Be = r(() => {
+    [ze]
+  ), Oe = r(() => {
     if (P) {
-      const t = !D;
-      return O(t), ze?.(t), !0;
+      const t = !Z;
+      return O(t), Ge?.(t), !0;
     }
-    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(
+    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(
       Math.min(
-        U.current,
+        F.current,
         E.length - 1
       ),
       "toggle"
-    ), !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);
+    ), !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);
   }, [
     p,
     E.length,
-    D,
+    Z,
     w,
-    _e,
-    ze,
+    ke,
+    Ge,
     A,
-    L,
+    T,
     l,
     O,
     P
   ]);
-  b(() => {
+  S(() => {
     if (B)
-      return kr(j);
-  }, [j, B]);
-  const Oe = re(
+      return Cr(Y);
+  }, [Y, B]);
+  const Ve = re(
     () => ({
       fullscreen: () => ue ? (ue(), !0) : !1,
-      next: () => de ? (Ne || de(
-        He(Y())
+      interaction: () => he ? (Ne && he(), !0) : !1,
+      next: () => me ? (Ke || me(
+        $e(G())
       ), !0) : !1,
-      nextSubtitle: () => q.next ? ie("next") : !0,
-      previous: () => fe ? (Re || fe(
-        He(Y())
+      nextSubtitle: () => I.next ? oe("next") : !0,
+      previous: () => de ? (Ee || de(
+        $e(G())
       ), !0) : !1,
-      previousSubtitle: () => q.previous ? ie("previous") : !0,
+      previousSubtitle: () => I.previous ? oe("previous") : !0,
       subtitle: () => ne ? (ne(), !0) : !1,
-      togglePlayback: () => (Be(), !0)
+      togglePlayback: () => (Oe(), !0)
     }),
     [
-      Y,
-      ie,
+      G,
       Ne,
+      oe,
+      Ke,
       ue,
+      he,
+      me,
       de,
-      fe,
       ne,
-      Re,
-      q.next,
-      q.previous,
-      Be
+      Ee,
+      I.next,
+      I.previous,
+      Oe
     ]
-  ), At = o(Oe);
-  return b(() => {
-    At.current = Oe;
-  }, [Oe]), b(() => {
+  ), Et = o(Ve);
+  return S(() => {
+    Et.current = Ve;
+  }, [Ve]), S(() => {
     if (!B || typeof document > "u")
       return;
     const e = (t) => {
-      if (!wr(j))
+      if (!Lr(Y))
         return;
-      const u = Mr(t, nt());
+      const u = vr(t, ut());
       if (!u || Tr(t, u))
         return;
       let n = !1;
-      const g = At.current[u];
-      n = g(), n && t.preventDefault();
+      const b = Et.current[u];
+      n = b(), n && t.preventDefault();
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
-  }, [j, nt, B]), b(() => {
-    oe?.(be.current);
-  }, [oe]), /* @__PURE__ */ Q(
+  }, [Y, ut, B]), S(() => {
+    fe?.(ge.current);
+  }, [fe]), /* @__PURE__ */ X(
     "div",
     {
-      ...Ke,
-      dir: Ue,
-      lang: et,
-      "data-slide-player-shortcut-owner": j,
-      className: pr("slide-player", d),
-      onFocusCapture: zt,
-      onPointerDown: jt,
+      ...Ue,
+      dir: Pe,
+      lang: tt,
+      "data-slide-player-shortcut-owner": Y,
+      className: Ft("slide-player", d),
+      onFocusCapture: Xt,
+      onPointerDown: Qt,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           "audio",
           {
-            ref: S,
+            ref: g,
             preload: "auto",
             playsInline: !0,
-            onLoadStart: er,
-            onLoadedMetadata: Xt,
-            onCanPlay: Qt,
-            onPlay: Yt,
-            onPause: Gt,
-            onWaiting: tr,
-            onSeeking: xt,
-            onSeeked: xt,
-            onTimeUpdate: qt,
-            onEnded: rr,
-            onError: nr
+            onLoadStart: nr,
+            onLoadedMetadata: tr,
+            onCanPlay: er,
+            onPlay: qt,
+            onPause: It,
+            onWaiting: ur,
+            onSeeking: Rt,
+            onSeeked: Rt,
+            onTimeUpdate: rr,
+            onEnded: lr,
+            onError: ar
           }
         ),
-        Ee ? /* @__PURE__ */ Q(Nt, { children: [
-          /* @__PURE__ */ s(
-            hr,
+        Fe ? /* @__PURE__ */ X(cr, { children: [
+          /* @__PURE__ */ a(
+            Sr,
             {
-              container: Wt,
-              dir: Ue ?? rt,
-              lang: It,
+              container: Vt,
+              dir: Pe ?? nt,
+              lang: Zt,
               labels: {
                 closeSettings: i.closeSettingsLabel,
                 fullscreen: i.fullscreenLabel,
@@ -795,38 +804,38 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                 subtitleToggle: i.subtitleToggleAriaLabel,
                 title: i.settingsTitle
               },
-              isSubtitleEnabled: Ae,
-              onClose: () => X(!1),
-              onOpenChange: X,
+              isSubtitleEnabled: Re,
+              onClose: () => q(!1),
+              onOpenChange: q,
               onSubtitleToggle: ne ?? (() => {
               }),
-              onViewModeChange: ur,
-              open: ot,
-              viewMode: Pt
+              onViewModeChange: sr,
+              open: ft,
+              viewMode: Ot
             }
           ),
-          /* @__PURE__ */ Q(
+          /* @__PURE__ */ X(
             "div",
             {
               className: "slide-player__controls",
-              onPointerEnter: Bt,
-              onPointerLeave: Ot,
-              style: Jt,
+              onPointerEnter: Ht,
+              onPointerLeave: $t,
+              style: Yt,
               children: [
-                /* @__PURE__ */ Q("div", { className: "slide-player__group", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ X("div", { className: "slide-player__group", children: [
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-expanded": ot,
+                      "aria-expanded": ft,
                       "aria-haspopup": "dialog",
                       "aria-label": i.moreOptionsAriaLabel,
                       className: "slide-player__action slide-player__action--mobile-more",
                       onClick: () => {
-                        X((e) => !e);
+                        q((e) => !e);
                       },
                       type: "button",
-                      children: /* @__PURE__ */ s(
-                        Nr,
+                      children: /* @__PURE__ */ a(
+                        Fr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -834,58 +843,58 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-label": i.volumeAriaLabel,
                       className: "hidden",
                       type: "button",
-                      children: /* @__PURE__ */ s(Er, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Ur, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-label": pt,
-                      "aria-keyshortcuts": St.ariaKeyShortcuts,
+                      "aria-label": yt,
+                      "aria-keyshortcuts": kt.ariaKeyShortcuts,
                       className: "slide-player__toggle slide-player__toggle--playback",
                       onClick: () => {
-                        Be();
+                        Oe();
                       },
-                      title: St.title,
+                      title: kt.title,
                       type: "button",
-                      children: Zt ? /* @__PURE__ */ s($r, {}) : /* @__PURE__ */ s(Dr, {})
+                      children: Gt ? /* @__PURE__ */ a(zr, {}) : /* @__PURE__ */ a(Yr, {})
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-keyshortcuts": gt.ariaKeyShortcuts,
                       "aria-label": i.previousLabel,
                       className: "slide-player__action slide-player__action--prev",
-                      disabled: Re,
+                      disabled: Ee,
                       onClick: () => {
-                        fe?.(Y());
+                        de?.(G());
                       },
                       title: gt.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(Kr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Pr, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": _t.ariaKeyShortcuts,
+                      "aria-keyshortcuts": wt.ariaKeyShortcuts,
                       "aria-label": i.nextLabel,
                       className: "slide-player__action slide-player__action--next",
-                      disabled: Ne,
+                      disabled: Ke,
                       onClick: () => {
-                        de?.(Y());
+                        me?.(G());
                       },
-                      title: _t.title,
+                      title: wt.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(
-                        Ur,
+                      children: /* @__PURE__ */ a(
+                        Wr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -893,35 +902,35 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": bt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": _t.ariaKeyShortcuts,
                       "aria-label": i.previousSubtitleLabel,
                       className: "slide-player__action slide-player__action--prev-subtitle",
-                      disabled: !q.previous,
+                      disabled: !I.previous,
                       onClick: () => {
-                        ie("previous");
+                        oe("previous");
                       },
-                      title: bt.title,
+                      title: _t.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(Fr, { className: "slide-player__icon", strokeWidth: 2.25 })
+                      children: /* @__PURE__ */ a(Br, { className: "slide-player__icon", strokeWidth: 2.25 })
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-keyshortcuts": kt.ariaKeyShortcuts,
+                      "aria-keyshortcuts": Mt.ariaKeyShortcuts,
                       "aria-label": i.nextSubtitleLabel,
                       className: "slide-player__action slide-player__action--next-subtitle",
-                      disabled: !q.next,
+                      disabled: !I.next,
                       onClick: () => {
-                        ie("next");
+                        oe("next");
                       },
-                      title: kt.title,
+                      title: Mt.title,
                       type: "button",
-                      children: /* @__PURE__ */ s(
-                        Pr,
+                      children: /* @__PURE__ */ a(
+                        Or,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -929,18 +938,18 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ a(
                     "button",
                     {
                       "aria-label": i.subtitleToggleAriaLabel,
-                      "aria-keyshortcuts": yt.ariaKeyShortcuts,
-                      "aria-pressed": Ae,
+                      "aria-keyshortcuts": St.ariaKeyShortcuts,
+                      "aria-pressed": Re,
                       className: "slide-player__action slide-player__action--subtitle",
                       onClick: ne,
-                      title: yt.title,
+                      title: St.title,
                       type: "button",
-                      children: Ae ? /* @__PURE__ */ s(Wr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ s(
-                        Br,
+                      children: Re ? /* @__PURE__ */ a(Vr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ a(
+                        Hr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -948,23 +957,23 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                       )
                     }
                   ),
-                  ue ? /* @__PURE__ */ s(
+                  ue ? /* @__PURE__ */ a(
                     "button",
                     {
-                      "aria-label": ht,
-                      "aria-keyshortcuts": wt.ariaKeyShortcuts,
+                      "aria-label": bt,
+                      "aria-keyshortcuts": Ct.ariaKeyShortcuts,
                       className: "slide-player__action slide-player__action--fullscreen",
                       onClick: ue,
-                      title: wt.title,
+                      title: Ct.title,
                       type: "button",
-                      children: Je ? /* @__PURE__ */ s(
-                        Or,
+                      children: je ? /* @__PURE__ */ a(
+                        $r,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
                         }
-                      ) : /* @__PURE__ */ s(
-                        Vr,
+                      ) : /* @__PURE__ */ a(
+                        Dr,
                         {
                           className: "slide-player__icon",
                           strokeWidth: 2.25
@@ -973,10 +982,32 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
                     }
                   ) : null
                 ] }),
-                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
+                /* @__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
+                        }
+                      )
+                    }
+                  )
+                ] })
               ]
             }
           )
@@ -984,9 +1015,9 @@ const Ut = /* @__PURE__ */ new Map(), Ft = (f) => {
       ]
     }
   );
-}, zr = sr(jr);
-zr.displayName = "Player";
+}, qr = fr(Xr);
+qr.displayName = "Player";
 export {
-  zr as default
+  qr as default
 };
 //# sourceMappingURL=Player.es.js.map