markdown-flow-ui 0.2.25-dev.2 → 0.2.25-dev.4

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

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