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

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

@@ -1,272 +1,273 @@
-import { jsxs as Ge, jsx as u, Fragment as Yr } from "react/jsx-runtime";
-import { memo as Gr, useMemo as f, useId as $r, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as zr } from "react";
-import { isSandboxInteractionMessage as Xr } from "../../lib/sandboxInteraction.es.js";
-import { cn as we } from "../../lib/utils.es.js";
-import { useResolvedDirection as Jr } from "../../lib/useResolvedDirection.es.js";
-import { getMarkdownFlowDirection as Wr, getMarkdownFlowLanguage as jr } from "../../lib/locale.es.js";
-import Qr from "../ui/loading-overlay-card.es.js";
-import Zr from "../ContentRender/ContentRender.es.js";
-import Ln from "../ContentRender/IframeSandbox.es.js";
+import { jsxs as Ge, jsx as u, Fragment as $r } from "react/jsx-runtime";
+import { memo as zr, useMemo as f, useId as Xr, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as Jr } from "react";
+import { isSandboxInteractionMessage as Wr } from "../../lib/sandboxInteraction.es.js";
+import { cn as Pe } from "../../lib/utils.es.js";
+import { useResolvedDirection as jr } from "../../lib/useResolvedDirection.es.js";
+import { getMarkdownFlowDirection as Qr, getMarkdownFlowLanguage as Zr } from "../../lib/locale.es.js";
+import eo from "../ui/loading-overlay-card.es.js";
+import to from "../ContentRender/ContentRender.es.js";
+import Nn from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { isMobileDevice as eo, isLandscapeViewport as Dn, subscribeMobileDeviceChange as to } from "../../lib/mobileDevice.es.js";
-import no from "./Player.es.js";
-import ro from "./MarkdownSlideScaling.es.js";
-import oo from "./SubtitleOverlay.es.js";
-import io from "./useSlide.es.js";
-import lo from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as ao } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as so } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as co } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as uo, clampInteractionOverlayDragOffset as Nn, shouldPresentInteractionOverlay as fo } from "./utils/interactionPlayback.es.js";
-import { resolveMarkdownScalingMode as mo } from "./utils/markdownScaling.es.js";
-import { shouldWakePlayerControlsAfterNavigation as Gt } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as po } from "./utils/appendedMarkerAdvance.es.js";
-import { resolvePendingStepAudioKey as yo, hasUnplayedStepAudio as ho } from "./utils/stepAudioProgress.es.js";
-import { getPlaybackSequenceTransition as go, shouldStartDefaultAudioSequence as vo } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as So, canReachSubtitleJumpTarget as Bn } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as Io, getPlayerCustomActionCount as bo } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as Ao } from "./utils/playbackTimeStore.es.js";
-import { resolveSlideInteractionState as wo } from "./utils/interactionResolution.es.js";
-import { shouldUseAutoAdvanceToggle as xo } from "./utils/playerToggleMode.es.js";
-import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Po, areImageOnlyStepIframeVisualsReady as Eo } from "./utils/imageOnlyStepVisualReady.es.js";
-import { resolveSilentStepAutoAdvanceBehavior as Co } from "./utils/silentStepAutoAdvance.es.js";
-import { resolveSlidePlayerVisibility as To, resolveSlidePlayerLayoutState as Ro } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as _o, DEFAULT_SLIDE_BUFFERING_TEXTS as Oo } from "./slideI18n.es.js";
+import { isMobileDevice as no, isLandscapeViewport as Dn, subscribeMobileDeviceChange as ro } from "../../lib/mobileDevice.es.js";
+import oo from "./Player.es.js";
+import io from "./MarkdownSlideScaling.es.js";
+import lo from "./SubtitleOverlay.es.js";
+import ao from "./useSlide.es.js";
+import so from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as co } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as uo } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as fo } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as mo, clampInteractionOverlayDragOffset as Bn, shouldPresentInteractionOverlay as po } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as yo } from "./utils/markdownScaling.es.js";
+import { shouldWakePlayerControlsAfterNavigation as $t } from "./utils/playerNavigationContext.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as ho } from "./utils/appendedMarkerAdvance.es.js";
+import { resolvePendingStepAudioKey as go, hasUnplayedStepAudio as vo } from "./utils/stepAudioProgress.es.js";
+import { getPlaybackSequenceTransition as So, shouldStartDefaultAudioSequence as Io } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as bo, canReachSubtitleJumpTarget as Vn } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as Ao, getPlayerCustomActionCount as wo } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as xo } from "./utils/playbackTimeStore.es.js";
+import { resolveSlideInteractionState as Po } from "./utils/interactionResolution.es.js";
+import { shouldUseAutoAdvanceToggle as Eo } from "./utils/playerToggleMode.es.js";
+import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Co, areImageOnlyStepIframeVisualsReady as To } from "./utils/imageOnlyStepVisualReady.es.js";
+import { resolveSilentStepAutoAdvanceBehavior as Ro } from "./utils/silentStepAutoAdvance.es.js";
+import { resolveSlidePlayerVisibility as _o, resolveSlidePlayerLayoutState as Oo } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as Mo, DEFAULT_SLIDE_BUFFERING_TEXTS as ko } from "./slideI18n.es.js";
 /* empty css             */
-import $t from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
-import Mo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const ko = 2e3, Fo = 300, Lo = 160, Do = 16, Vn = 3e3, St = {
+import zt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
+import Fo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const Lo = 2e3, No = 300, Do = 160, Bo = 16, Kn = 3e3, St = {
   x: 0,
   y: 0
-}, Xt = 0.5, No = typeof window > "u" ? s : zr, Bo = [
+}, Jt = 0.5, Vo = typeof window > "u" ? s : Jr, Ko = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), Jt = "waitingForAudio", Vo = ({
+].join(", "), Wt = "waitingForAudio", qo = ({
   x: c,
   y: d
 }) => ({
   x: Number(c.toFixed(2)),
   y: Number(d.toFixed(2))
-}), Kn = (c) => Math.abs(c) >= Xt, qn = (c, d) => Math.abs(c.x - d.x) < Xt && Math.abs(c.y - d.y) < Xt, Ko = (c, d) => typeof c == "string" ? c : c[d] ?? c[Jt] ?? Oo[d], qo = (c, d) => typeof c == "string" ? c : {
+}), qn = (c) => Math.abs(c) >= Jt, Un = (c, d) => Math.abs(c.x - d.x) < Jt && Math.abs(c.y - d.y) < Jt, Uo = (c, d) => typeof c == "string" ? c : c[d] ?? c[Wt] ?? ko[d], Ho = (c, d) => typeof c == "string" ? c : {
   ...d,
   ...c
-}, Uo = (c, d) => d ? c !== "loadingAudio" : !1, Un = Gr(
+}, Yo = (c, d) => d ? c !== "loadingAudio" : !1, Hn = zr(
   ({
     content: c,
     title: d,
-    dragHandleAriaLabel: G,
-    locale: xe,
-    dir: $,
-    lang: z,
-    defaultButtonText: Pe,
-    defaultInputText: ae,
+    dragHandleAriaLabel: $,
+    locale: Ee,
+    dir: z,
+    lang: X,
+    defaultButtonText: Ce,
+    defaultInputText: se,
     defaultSelectedValues: $e,
     confirmButtonText: It,
-    copyButtonText: X,
+    copyButtonText: J,
     copiedButtonText: bt,
-    onSend: Ee,
+    onSend: Te,
     onDragHandlePointerCancel: ze,
     onDragHandlePointerDown: At,
     onDragHandlePointerMove: Xe,
     onDragHandlePointerUp: Je,
-    readonly: Ce = !1
+    readonly: We = !1
   }) => /* @__PURE__ */ Ge("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         className: "slide-player__interaction-drag-handle",
-        "aria-label": G,
+        "aria-label": $,
         onPointerCancel: ze,
         onPointerDown: At,
         onPointerMove: Xe,
         onPointerUp: Je,
         children: /* @__PURE__ */ Ge("span", { className: "slide-player__interaction-drag-handle-icon", children: [
-          /* @__PURE__ */ u($t, { "aria-hidden": "true" }),
-          /* @__PURE__ */ u($t, { "aria-hidden": "true" }),
-          /* @__PURE__ */ u($t, { "aria-hidden": "true" })
+          /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(zt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(zt, { "aria-hidden": "true" })
         ] })
       }
     ),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ u("p", { className: "slide-player__interaction-title", children: d }) }),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ u(
-      Zr,
+      to,
       {
         content: c,
-        locale: xe,
-        dir: $,
-        lang: z,
-        defaultButtonText: Pe,
-        defaultInputText: ae,
+        locale: Ee,
+        dir: z,
+        lang: X,
+        defaultButtonText: Ce,
+        defaultInputText: se,
         defaultSelectedValues: $e,
         confirmButtonText: It,
-        copyButtonText: X,
+        copyButtonText: J,
         copiedButtonText: bt,
-        onSend: Ee,
-        readonly: Ce,
+        onSend: Te,
+        readonly: We,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-Un.displayName = "InteractionOverlayCard";
-const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
-  const $ = d[xe];
-  return G.sequence_number === $?.sequence_number && G.type === $?.type && G.content === $?.content;
-}), zt = (c) => c instanceof HTMLElement && !!c.closest(Bo), Ti = ({
+Hn.displayName = "InteractionOverlayCard";
+const Go = (c, d) => c.length === d.length && c.every(($, Ee) => {
+  const z = d[Ee];
+  return $.sequence_number === z?.sequence_number && $.type === z?.type && $.content === z?.content;
+}), Xt = (c) => c instanceof HTMLElement && !!c.closest(Ko), _i = ({
   elementList: c = [],
   locale: d,
-  playerEnabled: G,
-  playerControlsVisibility: xe,
-  playerClassName: $,
-  fullscreenHeader: z,
-  playerCustomActions: Pe,
-  playerCustomActionPauseOnActive: ae = !0,
+  playerEnabled: $,
+  playerControlsVisibility: Ee,
+  playerClassName: z,
+  fullscreenHeader: X,
+  playerCustomActions: Ce,
+  playerCustomActionPauseOnActive: se = !0,
   bufferingText: $e,
   interactionTitle: It,
-  interactionTexts: X,
+  interactionTexts: J,
   playerTexts: bt,
-  playerAutoHideDelay: Ee = 3e3,
-  markerAutoAdvanceDelay: ze = ko,
+  playerAutoHideDelay: Te = 3e3,
+  markerAutoAdvanceDelay: ze = Lo,
   showSlideProgress: At = !1,
-  interactionDefaultValueOptions: Xe,
-  onSend: Je,
-  onPlayerVisibilityChange: Ce,
-  onMobileViewModeChange: Wt,
-  onStepChange: jt,
-  onPlaybackCheckpoint: Hn,
+  onSlideProgressNavigate: Xe,
+  interactionDefaultValueOptions: Je,
+  onSend: We,
+  onPlayerVisibilityChange: wt,
+  onMobileViewModeChange: jt,
+  onStepChange: Qt,
+  onPlaybackCheckpoint: Yn,
   playbackRestoreRequest: U = null,
-  enableKeyboardShortcuts: se = !0,
-  enableIframeScaling: Yn = !0,
-  enableMarkdownScaling: Gn = !0,
-  disableLoadingOverlay: F = !1,
-  className: $n,
-  dir: zn,
-  lang: Xn,
-  onPointerDown: Qt,
-  onFocusCapture: Zt,
-  ...Jn
+  enableKeyboardShortcuts: ce = !0,
+  enableIframeScaling: Gn = !0,
+  enableMarkdownScaling: $n = !0,
+  disableLoadingOverlay: L = !1,
+  className: zn,
+  dir: Xn,
+  lang: Jn,
+  onPointerDown: Zt,
+  onFocusCapture: en,
+  ...Wn
 }) => {
-  const J = zn ?? Wr(d), Te = Xn ?? jr(d), N = f(() => _o(d), [d]), Wn = f(
-    () => qo(
+  const W = Xn ?? Qr(d), Re = Jn ?? Zr(d), D = f(() => Mo(d), [d]), jn = f(
+    () => Ho(
       $e,
-      N.bufferingText
+      D.bufferingText
     ),
-    [$e, N.bufferingText]
+    [$e, D.bufferingText]
   ), {
-    playerEnabled: jn,
-    playerControlsVisibility: W
-  } = To({
-    playerEnabled: G,
-    playerControlsVisibility: xe
-  }), We = $r(), ce = m(null), { resolvedDirection: Qn } = Jr(ce, J), wt = m(null), je = m(null), en = m(null), ue = m(null), Qe = m(!1), Re = m(null), Ze = m(null), j = m(null), _e = m(null), Oe = m(null), de = m(null), Me = m(null), tn = m([]), ke = m(!1), Q = m(null), Fe = m(null), nn = m(0), xt = m(null), rn = m({
+    playerEnabled: Qn,
+    playerControlsVisibility: j
+  } = _o({
+    playerEnabled: $,
+    playerControlsVisibility: Ee
+  }), je = Xr(), ue = m(null), { resolvedDirection: Zn } = jr(ue, W), xt = m(null), Qe = m(null), tn = m(null), de = m(null), Ze = m(!1), _e = m(null), et = m(null), Q = m(null), Oe = m(null), Me = m(null), fe = m(null), ke = m(null), nn = m([]), me = m(!1), H = m(null), Fe = m(null), rn = m(0), Pt = m(null), on = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), Pt = m(!1), {
+  }), Et = m(!1), {
     currentElementList: T,
-    stepElementLists: on,
-    slideElementList: C,
+    stepElementLists: ln,
+    slideElementList: S,
     currentIndex: a,
     audioList: y,
     audioSlideIndexes: Z,
-    currentAudioSequenceIndexes: et,
-    currentStepHasSpeakableElement: b,
+    currentAudioSequenceIndexes: tt,
+    currentStepHasSpeakableElement: w,
     currentInteractionElement: h,
-    canGoPrev: Zn,
+    canGoPrev: er,
     canGoNext: R,
-    handlePrev: ln,
-    handleNext: L,
-    handleGoTo: tt
-  } = io(c), Le = f(() => {
+    handlePrev: an,
+    handleNext: N,
+    handleGoTo: pe
+  } = ao(c), Le = f(() => {
     if (!(a < 0))
-      return C[a];
-  }, [a, C]), fe = f(
+      return S[a];
+  }, [a, S]), ye = f(
     () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [T]
-  ), an = C.length, er = an === 1, A = jn && (C.length > 0 || y.length > 0 || !!h), tr = f(
+  ), sn = S.length, tr = sn === 1, x = Qn && (S.length > 0 || y.length > 0 || !!h), nr = f(
     () => ({
-      enabled: se,
-      ownerId: We
+      enabled: ce,
+      ownerId: je
     }),
-    [se, We]
-  ), H = r(() => {
-    !se || !A || so(We);
-  }, [se, We, A]), _ = f(
-    () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
-    [y, et]
-  ), [nr, De] = p(!0), [nt, me] = p(!1), [Et, Ct] = p(!0), [Ne, sn] = p(!0), [x, B] = p(null), [rt, cn] = p(null), Be = m(
+    [ce, je]
+  ), Y = r(() => {
+    !ce || !x || uo(je);
+  }, [ce, je, x]), _ = f(
+    () => tt.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, tt]
+  ), [rr, Ne] = p(!0), [nt, ee] = p(!1), [Ct, Tt] = p(!0), [De, cn] = p(!0), [P, B] = p(null), [rt, un] = p(null), Be = m(
     null
-  ), un = m(null), [rr, dn] = p(null), [or, w] = p(!1), [ir, Tt] = p(Jt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [lr, lt] = p(!1), [fn, ar] = p(!0), [Rt, _t] = p(!1), [S, Ot] = p(), [pe, at] = p(!1), [mn, st] = p(!1), [P, Mt] = p(
+  ), dn = m(null), [or, fn] = p(null), [ir, I] = p(!1), [lr, Rt] = p(Wt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [ar, lt] = p(!1), [mn, sr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [he, at] = p(!1), [pn, st] = p(!1), [E, kt] = p(
     St
-  ), [kt, Ft] = p(!1), [
-    sr,
-    ye
-  ] = p(0), [pn, cr] = p(!1), V = f(() => eo(), []), [ct, Lt] = p(
+  ), [Ft, Lt] = p(!1), [
+    cr,
+    ge
+  ] = p(0), [yn, ur] = p(!1), V = f(() => no(), []), [ct, Nt] = p(
     vt
-  ), [yn, Dt] = p(!1), [ur, hn] = p(
+  ), [hn, Dt] = p(!1), [dr, gn] = p(
     () => V ? Dn() : !1
-  ), he = f(() => Ao(), []), {
-    effectiveMobileViewMode: ee,
-    isImmersiveMobileFullscreen: ge,
-    isNativeMobileFullscreen: gn,
-    shouldRotateFullscreenViewport: dr
+  ), ve = f(() => xo(), []), {
+    effectiveMobileViewMode: te,
+    isImmersiveMobileFullscreen: Se,
+    isNativeMobileFullscreen: vn,
+    shouldRotateFullscreenViewport: fr
   } = f(
-    () => co({
-      hasManualMobileViewMode: yn,
+    () => fo({
+      hasManualMobileViewMode: hn,
       isMobileDevice: V,
       mobileViewMode: ct
     }),
     [
-      yn,
+      hn,
       V,
-      ur,
+      dr,
       ct
     ]
-  ), vn = m(ee), {
+  ), Sn = m(te), {
     controlsVisible: K,
     layoutReserved: ut
-  } = Ro({
-    isAutoVisible: nr,
-    playerControlsVisibility: W,
-    shouldMountPlayer: A
-  }), fr = ge && K, mr = ge && ut, pr = ge || gn, Sn = pn && !V, yr = r(
+  } = Oo({
+    isAutoVisible: rr,
+    playerControlsVisibility: j,
+    shouldMountPlayer: x
+  }), mr = Se && K, pr = Se && ut, yr = Se || vn, In = yn && !V, hr = r(
     (e) => {
-      Dt(!0), Lt(e);
+      Dt(!0), Nt(e);
     },
     []
-  ), In = r(() => {
-    Dt(!1), Lt(vt);
-  }, []), hr = r(() => {
-    In(), z?.onBack?.();
-  }, [z, In]), M = r(() => {
-    j.current !== null && (window.clearTimeout(j.current), j.current = null);
+  ), bn = r(() => {
+    Dt(!1), Nt(vt);
+  }, []), gr = r(() => {
+    bn(), X?.onBack?.();
+  }, [X, bn]), M = r(() => {
+    Q.current !== null && (window.clearTimeout(Q.current), Q.current = null);
   }, []), k = r(() => {
-    _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
+    Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null);
   }, []), dt = r(() => {
-    M(), k(), at(!1), ye(0);
+    M(), k(), at(!1), ge(0);
   }, [M, k]), ft = r(
     (e) => {
-      e && dt(), _t(e);
+      e && dt(), Ot(e);
     },
     [dt]
-  ), bn = r(() => {
-    dt(), _t((e) => !e);
-  }, [dt]), te = r(() => {
-    Mt(
+  ), An = r(() => {
+    dt(), Ot((e) => !e);
+  }, [dt]), ne = r(() => {
+    kt(
       (e) => e.x === St.x && e.y === St.y ? e : St
-    ), Ft(!1), Me.current = null, de.current = null;
-  }, []), { mountedStepStates: gr, currentMountedStateIndex: vr } = f(() => {
+    ), Lt(!1), ke.current = null, fe.current = null;
+  }, []), { mountedStepStates: vr, currentMountedStateIndex: Sr } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return on.forEach((n, i) => {
+    return ln.forEach((n, i) => {
       const l = e.findIndex(
-        (o) => Ho(
+        (o) => Go(
           o.elementList,
           n
         )
@@ -283,14 +284,14 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
       mountedStepStates: e,
       currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [a, on]), An = f(() => String(a), [a]), E = f(() => x ? y.findIndex(
-    (e) => (e.audioKey ?? "") === x
-  ) : -1, [y, x]), mt = f(
-    () => E >= 0 ? y[E] : void 0,
-    [y, E]
+  }, [a, ln]), wn = f(() => String(a), [a]), C = f(() => P ? y.findIndex(
+    (e) => (e.audioKey ?? "") === P
+  ) : -1, [y, P]), mt = f(
+    () => C >= 0 ? y[C] : void 0,
+    [y, C]
   );
   s(() => {
-    if (!U || U.id === un.current)
+    if (!U || U.id === dn.current)
       return;
     const e = y.findIndex(
       (n) => n.audioKey === U.audioKey
@@ -298,289 +299,289 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (e < 0)
       return;
     const t = Z[e];
-    t != null && (un.current = U.id, Ct(!0), B(U.audioKey), Be.current = U, cn(U), a !== t && tt(t));
+    t != null && (dn.current = U.id, Tt(!0), B(U.audioKey), Be.current = U, un(U), a !== t && pe(t));
   }, [
     y,
     Z,
     a,
-    tt,
+    pe,
     U
   ]);
-  const Sr = mt?.element?.subtitle_cues ?? [], pt = f(
+  const Ir = mt?.element?.subtitle_cues ?? [], pt = f(
     () => _[0] ?? "none",
     [_]
-  ), Nt = f(
+  ), Bt = f(
     () => ({
-      currentElement: Io({
-        currentAudioIndex: E,
-        currentAudioSequenceIndexes: et,
+      currentElement: Ao({
+        currentAudioIndex: C,
+        currentAudioSequenceIndexes: tt,
         audioList: y,
-        currentInteractionElement: S,
+        currentInteractionElement: b,
         currentStepElement: Le
       }),
       currentIndex: a,
       currentStepElement: Le,
-      isActive: Rt,
+      isActive: _t,
       setActive: ft,
-      toggleActive: bn
+      toggleActive: An
     }),
     [
-      S,
+      b,
       y,
-      E,
-      et,
+      C,
+      tt,
       a,
       Le,
-      Rt,
+      _t,
       ft,
-      bn
+      An
     ]
   ), yt = f(
-    () => bo(
-      Pe,
-      Nt
+    () => wo(
+      Ce,
+      Bt
     ),
-    [Nt, Pe]
-  ), Bt = yt > 0, Vt = Bt && Rt, Ir = f(
+    [Bt, Ce]
+  ), Vt = yt > 0, Kt = Vt && _t, br = f(
     () => ({
       "--slide-player-custom-action-count": String(yt),
       "--slide-player-mobile-control-count": String(
         yt + 4
       ),
-      "--slide-interaction-drag-x": `${P.x}px`,
-      "--slide-interaction-drag-y": `${P.y}px`
+      "--slide-interaction-drag-x": `${E.x}px`,
+      "--slide-interaction-drag-y": `${E.y}px`
     }),
     [
-      P.x,
-      P.y,
+      E.x,
+      E.y,
       yt
     ]
-  ), wn = _.length > 0, xn = f(() => h ? `${h.sequence_number ?? "none"}:${String(
+  ), xn = _.length > 0, Pn = f(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
-  )}` : "none", [h]), ve = f(
-    () => [An, xn].join("|"),
-    [xn, An]
-  ), br = f(
+  )}` : "none", [h]), Ie = f(
+    () => [wn, Pn].join("|"),
+    [Pn, wn]
+  ), Ar = f(
     () => [
-      ve,
+      Ie,
       mt?.audioKey ?? "none",
-      String(E)
+      String(C)
     ].join("|"),
-    [E, mt?.audioKey, ve]
-  ), Pn = !!f(() => !pt || pt === "none" ? "" : y.find(
+    [C, mt?.audioKey, Ie]
+  ), En = !!f(() => !pt || pt === "none" ? "" : y.find(
     (t) => t.audioKey === pt
-  )?.audioUrl?.trim() ?? "", [y, pt]), ne = ae && Vt, Ve = f(
-    () => xo({
+  )?.audioUrl?.trim() ?? "", [y, pt]), re = se && Kt, Ve = f(
+    () => Eo({
       canGoNext: R,
-      currentAudioIndex: E,
-      currentStepHasSpeakableElement: b,
+      currentAudioIndex: C,
+      currentStepHasSpeakableElement: w,
       hasInteraction: !!h
     }),
     [
       R,
-      E,
+      C,
       h,
-      b
+      w
     ]
-  ), En = f(
-    () => Co({
+  ), Cn = f(
+    () => Ro({
       currentElementList: T,
-      currentStepHasSpeakableElement: b,
+      currentStepHasSpeakableElement: w,
       currentInteractionElement: h,
       markerAutoAdvanceDelay: ze
     }),
     [
       T,
       h,
-      b,
+      w,
       ze
     ]
-  ), Cn = En.delayMs, Ke = En.usesImageOnlyDelay, Kt = f(
-    () => `${a}:${fe.join("|")}`,
-    [a, fe]
-  ), [Ar, wr] = p(null), Tn = !Ke || Ar === Kt, q = r(() => {
-    ue.current !== null && (window.clearTimeout(ue.current), ue.current = null);
-  }, []), Se = r(() => {
-    Re.current !== null && (window.clearTimeout(Re.current), Re.current = null);
-  }, []), Y = r(() => {
-    Ze.current !== null && (window.clearTimeout(Ze.current), Ze.current = null);
-  }, []), D = r(
+  ), Tn = Cn.delayMs, Ke = Cn.usesImageOnlyDelay, qt = f(
+    () => `${a}:${ye.join("|")}`,
+    [a, ye]
+  ), [wr, xr] = p(null), Rn = !Ke || wr === qt, q = r(() => {
+    de.current !== null && (window.clearTimeout(de.current), de.current = null);
+  }, []), be = r(() => {
+    _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
+  }, []), G = r(() => {
+    et.current !== null && (window.clearTimeout(et.current), et.current = null);
+  }, []), F = r(
     (e = {}) => {
-      Se(), M(), k(), Y(), B(null), he.reset(), w(!1), Tt(Jt), ot(!1), it.current = /* @__PURE__ */ new Set(), lt(!1), dn(null), e.preservePendingSubtitleJump || (Fe.current = null), Ot(void 0), at(!1), ye(0);
+      be(), M(), k(), G(), B(null), ve.reset(), I(!1), Rt(Wt), ot(!1), it.current = /* @__PURE__ */ new Set(), lt(!1), fn(null), e.preservePendingSubtitleJump || (Fe.current = null), Mt(void 0), at(!1), ge(0);
     },
     [
-      Se,
-      Y,
+      be,
+      G,
       M,
       k,
-      he
+      ve
     ]
   ), ht = r(
     (e) => {
-      nn.current += 1, dn({
+      rn.current += 1, fn({
         ...e,
-        id: nn.current
+        id: rn.current
       });
     },
     []
-  ), Ie = r(() => {
-    const e = yo(
+  ), Ae = r(() => {
+    const e = go(
       _,
       it.current
     );
     return e ? (B(e), !0) : !1;
   }, [_]), qe = r(() => {
-    M(), k(), at(!1), ye(0), !Ie() && R && L();
+    M(), k(), at(!1), ge(0), !Ae() && R && N();
   }, [
     R,
     M,
     k,
-    L,
-    Ie
-  ]), Rn = r(
+    N,
+    Ae
+  ]), _n = r(
     (e) => {
       if (k(), !e)
         return;
       const t = () => {
-        _e.current = null, ye(
-          Lo
-        ), at(!0), Q.current = null;
+        Oe.current = null, ge(
+          Do
+        ), at(!0), H.current = null;
       };
-      _e.current = window.setTimeout(
+      Oe.current = window.setTimeout(
         t,
-        Fo
+        No
       );
     },
     [k]
-  ), qt = r(
-    () => Qe.current || !!ce.current?.querySelector(".slide-player__controls:hover"),
+  ), Ut = r(
+    () => Ze.current || !!ue.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
     (e = nt) => {
-      !A || W === "hidden" || (De(!0), q(), !(W === "visible" || !e || Ee <= 0 || qt()) && (ue.current = window.setTimeout(() => {
-        if (qt()) {
-          ue.current = null;
+      !x || j === "hidden" || (Ne(!0), q(), !(j === "visible" || !e || Te <= 0 || Ut()) && (de.current = window.setTimeout(() => {
+        if (Ut()) {
+          de.current = null;
           return;
         }
-        De(!1), ue.current = null;
-      }, Ee)));
+        Ne(!1), de.current = null;
+      }, Te)));
     },
     [
       q,
       nt,
-      qt,
-      Ee,
-      W,
-      A
+      Ut,
+      Te,
+      j,
+      x
     ]
-  ), Ue = !!So(h), re = !!h && !Ue, xr = r((e) => {
-    Ct(e);
-  }, []), be = r(
+  ), Ue = !!bo(h), oe = !!h && !Ue, Pr = r((e) => {
+    Tt(e);
+  }, []), we = r(
     (e) => {
-      e && Ct(e.shouldContinuePlayback);
+      e && Tt(e.shouldContinuePlayback);
     },
     []
   );
   s(() => {
-    sn(Et);
-  }, [a, Et, ae]), s(() => {
-    ae && ft(!1);
+    cn(Ct);
+  }, [a, Ct, se]), s(() => {
+    se && ft(!1);
   }, [
     a,
-    ae,
+    se,
     ft
   ]), s(() => {
-    Bt || _t(!1);
-  }, [Bt]), s(() => () => {
-    Se(), Y(), q(), M(), k();
+    Vt || Ot(!1);
+  }, [Vt]), s(() => () => {
+    be(), G(), q(), M(), k();
   }, [
-    Se,
-    Y,
+    be,
+    G,
     M,
     k,
     q
   ]), s(() => {
     if (!Ke) {
-      Y();
+      G();
       return;
     }
     let e = !1, t = null, n = null;
     const i = () => {
       n?.(), n = null;
     }, l = () => {
-      e || (i(), Y(), wr(Kt));
+      e || (i(), G(), xr(qt));
     }, o = () => {
       if (e)
         return;
       i();
-      const v = je.current?.querySelector(
+      const v = Qe.current?.querySelector(
         '[data-active-step="true"]'
       );
       if (!v)
         return;
-      const I = Array.from(
+      const A = Array.from(
         v.querySelectorAll("iframe")
       );
-      if (I.length === 0 || Eo(I)) {
+      if (A.length === 0 || To(A)) {
         l();
         return;
       }
-      const oe = [], Ye = () => {
+      const ie = [], Ye = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
           t = null, o();
         }));
-      }, Yt = (ie, Ae, le) => {
-        ie.addEventListener(Ae, le, { once: !0 }), oe.push(
-          () => ie.removeEventListener(Ae, le)
+      }, Gt = (le, xe, ae) => {
+        le.addEventListener(xe, ae, { once: !0 }), ie.push(
+          () => le.removeEventListener(xe, ae)
         );
       };
-      I.forEach((ie) => {
-        const Ae = ie.contentDocument;
-        if (!Ae || Ae.readyState !== "complete") {
-          Yt(ie, "load", Ye);
+      A.forEach((le) => {
+        const xe = le.contentDocument;
+        if (!xe || xe.readyState !== "complete") {
+          Gt(le, "load", Ye);
           return;
         }
-        Array.from(Ae.images).filter((le) => !le.complete).forEach((le) => {
-          Yt(le, "load", Ye), Yt(le, "error", Ye);
+        Array.from(xe.images).filter((ae) => !ae.complete).forEach((ae) => {
+          Gt(ae, "load", Ye), Gt(ae, "error", Ye);
         });
       }), n = () => {
-        oe.forEach((ie) => ie());
+        ie.forEach((le) => le());
       };
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
-    }), Ze.current = window.setTimeout(() => {
+    }), et.current = window.setTimeout(() => {
       l();
-    }, Po), () => {
-      e = !0, i(), Y(), t !== null && window.cancelAnimationFrame(t);
+    }, Co), () => {
+      e = !0, i(), G(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
-    Y,
+    G,
     T,
     a,
-    Kt,
+    qt,
     Ke
-  ]), s(() => (Ce?.(K), () => {
-    Ce?.(!1);
-  }), [Ce, K]), s(() => {
-    K || (Qe.current = !1);
+  ]), s(() => (wt?.(K), () => {
+    wt?.(!1);
+  }), [wt, K]), s(() => {
+    K || (Ze.current = !1);
   }, [K]), s(() => {
-    V || ct === vt || (Dt(!1), Lt(vt));
+    V || ct === vt || (Dt(!1), Nt(vt));
   }, [V, ct]), s(() => {
     if (!V) {
-      hn(!1);
+      gn(!1);
       return;
     }
     const e = () => {
-      hn(Dn()), te();
+      gn(Dn()), ne();
     }, t = () => {
-      te();
+      ne();
     };
     e(), window.addEventListener("orientationchange", t), window.screen?.orientation?.addEventListener?.(
       "change",
       t
     );
-    const n = to(
+    const n = ro(
       e
     );
     return () => {
@@ -589,276 +590,276 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
         t
       );
     };
-  }, [V, te]), s(() => {
-    Wt?.(ee);
-  }, [ee, Wt]), s(() => {
-    vn.current !== ee && te(), vn.current = ee;
-  }, [ee, te]), s(() => {
-    jt?.(Le, a);
-  }, [a, Le, jt]), s(() => {
-    const e = rn.current, t = po(
+  }, [V, ne]), s(() => {
+    jt?.(te);
+  }, [te, jt]), s(() => {
+    Sn.current !== te && ne(), Sn.current = te;
+  }, [te, ne]), s(() => {
+    Qt?.(Le, a);
+  }, [a, Le, Qt]), s(() => {
+    const e = on.current, t = ho(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: C.length,
+        nextMarkerCount: S.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: R,
-        currentAudioKey: x,
+        currentAudioKey: P,
         hasCompletedCurrentStepAudio: O,
         hasResolvedCurrentInteraction: Ue,
-        currentStepHasSpeakableElement: b,
+        currentStepHasSpeakableElement: w,
         currentInteractionElement: h,
-        isAutoAdvanceEnabled: Ne,
+        isAutoAdvanceEnabled: De,
         shouldUseSilentStepAutoAdvanceToggle: Ve
       }
     );
-    rn.current = {
-      markerCount: C.length,
+    on.current = {
+      markerCount: S.length,
       currentIndex: a,
       canGoNext: R
-    }, t && L();
+    }, t && N();
   }, [
     R,
-    x,
+    P,
     a,
     h,
-    b,
-    L,
+    w,
+    N,
     O,
     Ue,
-    Ne,
+    De,
     Ve,
-    C.length
+    S.length
   ]), s(() => {
-    if (!A || W === "hidden") {
-      q(), De(!1);
+    if (!x || j === "hidden") {
+      q(), Ne(!1);
       return;
     }
-    if (W === "visible") {
-      q(), De(!0);
+    if (j === "visible") {
+      q(), Ne(!0);
       return;
     }
     nt || g(!0);
   }, [
     q,
     nt,
-    W,
-    A,
+    j,
+    x,
     g
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && Xr(t.data) && t.data.eventType === "click" && A && (H(), me(!0), g(!0));
+      t.origin === window.location.origin && Wr(t.data) && t.data.eventType === "click" && x && (Y(), ee(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [H, A, g]), lo({
-    sectionRef: ce,
-    enabled: A,
-    keyboardShortcutsEnabled: se,
-    onKeyboardShortcut: H,
+  }, [Y, x, g]), so({
+    sectionRef: ue,
+    enabled: x,
+    keyboardShortcutsEnabled: ce,
+    onKeyboardShortcut: Y,
     onWake: () => {
-      H(), me(!0), g(!0);
+      Y(), ee(!0), g(!0);
     }
   }), s(() => {
-    if (!A) {
-      D();
+    if (!x) {
+      F();
       return;
     }
     if (Be.current) {
-      xt.current = ve;
+      Pt.current = Ie;
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = go({
-      previousResetKey: xt.current,
-      nextResetKey: ve,
-      currentAudioKey: x,
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = So({
+      previousResetKey: Pt.current,
+      nextResetKey: Ie,
+      currentAudioKey: P,
       hasCompletedCurrentStepAudio: O
     });
-    xt.current = ve;
-    const n = Q.current === a && !!h, i = fo({
+    Pt.current = Ie;
+    const n = H.current === a && !!h, i = po({
       hasInteraction: !!h,
-      shouldBlockPlaybackForInteraction: re,
+      shouldBlockPlaybackForInteraction: oe,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
       hasResolvedCurrentInteraction: Ue,
-      currentStepHasSpeakableElement: b,
-      isPlayerCustomActionActive: Vt
+      currentStepHasSpeakableElement: w,
+      isPlayerCustomActionActive: Kt
     }), l = Fe.current, o = l?.slideIndex === a;
-    if (e && D({
+    if (e && F({
       preservePendingSubtitleJump: o
-    }), !(T.length === 0 && !h) && !ne) {
-      if (l?.slideIndex === a && Bn({
+    }), !(T.length === 0 && !h) && !re) {
+      if (l?.slideIndex === a && Vn({
         currentIndex: a,
-        resolvedCurrentInteractionElement: S,
-        slideElementList: C,
+        resolvedCurrentInteractionElement: b,
+        slideElementList: S,
         targetSlideIndex: l.slideIndex
       })) {
-        Fe.current = null, Pt.current = !0, B(l.audioKey), ht({
+        Fe.current = null, Et.current = !0, B(l.audioKey), ht({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
         return;
       }
-      if (h && Ot(h), i) {
-        Rn(h);
+      if (h && Mt(h), i) {
+        _n(h);
         return;
       }
-      if (k(), Q.current = null, !re && t && !Ie()) {
-        if (b) {
-          if (F) {
-            w(!1);
+      if (k(), H.current = null, !oe && t && !Ae()) {
+        if (w) {
+          if (L) {
+            I(!1);
             return;
           }
-          w(!0);
+          I(!0);
           return;
         }
-        if (R && !(Ve && !Ne) && !(Ke && !Tn))
-          return Re.current = window.setTimeout(() => {
-            Re.current = null, L();
-          }, Cn), () => {
-            Se();
+        if (R && !(Ve && !De) && !(Ke && !Rn))
+          return _e.current = window.setTimeout(() => {
+            _e.current = null, N();
+          }, Tn), () => {
+            be();
           };
       }
     }
   }, [
-    S,
+    b,
     R,
-    Se,
+    be,
     T.length,
     a,
     h,
-    x,
-    ve,
-    b,
+    P,
+    Ie,
+    w,
     Ke,
+    Rn,
     Tn,
-    Cn,
-    L,
+    N,
     O,
-    F,
-    Ne,
+    L,
+    De,
     Ue,
-    Vt,
-    re,
+    Kt,
+    oe,
     k,
-    D,
+    F,
     ht,
-    Rn,
-    A,
-    C,
-    Ie,
-    ne,
+    _n,
+    x,
+    S,
+    Ae,
+    re,
     Ve
   ]), s(() => {
-    if (F || ne || !b || re) {
-      w(!1);
+    if (L || re || !w || oe) {
+      I(!1);
       return;
     }
     if (O) {
-      w(!1);
+      I(!1);
       return;
     }
-    if (wn) {
-      w(!1);
+    if (xn) {
+      I(!1);
       return;
     }
-    Tt("waitingForAudio"), w(!0);
+    Rt("waitingForAudio"), I(!0);
   }, [
-    wn,
-    b,
+    xn,
+    w,
     O,
-    F,
-    ne,
-    re
+    L,
+    re,
+    oe
   ]), s(() => {
-    O && ho(
+    O && vo(
       _,
       it.current
     ) && ot(!1);
   }, [_, O]), s(() => {
     if (Be.current)
       return;
-    const e = Pt.current;
-    Pt.current = !1, vo({
-      currentAudioKey: x,
+    const e = Et.current;
+    Et.current = !1, Io({
+      currentAudioKey: P,
       currentAudioSequenceLength: _.length,
-      currentStepHasSpeakableElement: b,
+      currentStepHasSpeakableElement: w,
       hasCompletedCurrentStepAudio: O,
-      shouldBlockPlaybackForInteraction: re,
-      shouldPausePlaybackForCustomAction: ne,
+      shouldBlockPlaybackForInteraction: oe,
+      shouldPausePlaybackForCustomAction: re,
       shouldSkipDefaultAudioStart: e
-    }) && Ie();
+    }) && Ae();
   }, [
-    x,
+    P,
     _,
-    b,
+    w,
     O,
-    ne,
     re,
-    Ie
+    oe,
+    Ae
   ]), s(() => {
-    !x || E >= 0 || B(null);
-  }, [E, x]), s(() => {
-    E >= 0 || he.reset();
-  }, [E, he]), s(() => {
+    !P || C >= 0 || B(null);
+  }, [C, P]), s(() => {
+    C >= 0 || ve.reset();
+  }, [C, ve]), s(() => {
     lt(!1);
-  }, [br]);
+  }, [Ar]);
   const {
-    interactionDefaults: _n,
-    interactionDefaultSelectedValues: Pr,
-    hasResolvedInteractionInput: On,
-    isInteractionReadonly: Er,
-    shouldAutoContinueInteraction: Mn
+    interactionDefaults: On,
+    interactionDefaultSelectedValues: Er,
+    hasResolvedInteractionInput: Mn,
+    isInteractionReadonly: Cr,
+    shouldAutoContinueInteraction: kn
   } = f(
-    () => wo(S, {
-      interactionDefaultValueOptions: Xe
+    () => Po(b, {
+      interactionDefaultValueOptions: Je
     }),
-    [S, Xe]
-  ), Cr = !!S?.readonly || Er, He = uo({
-    hasActiveInteraction: !!S,
-    isInteractionOverlayOpen: pe
-  }), Tr = r(
+    [b, Je]
+  ), Tr = !!b?.readonly || Cr, He = mo({
+    hasActiveInteraction: !!b,
+    isInteractionOverlayOpen: he
+  }), Rr = r(
     (e) => {
       const n = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Ot((i) => !i || !n ? i : {
+      Mt((i) => !i || !n ? i : {
         ...i,
         user_input: n
-      }), Je?.(e, S), qe();
+      }), We?.(e, b), qe();
     },
-    [S, qe, Je]
+    [b, qe, We]
   );
   s(() => {
     const e = () => {
-      cr(document.fullscreenElement === ce.current);
+      ur(document.fullscreenElement === ue.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    S && pe || st(!1);
-  }, [S, pe]), s(() => {
-    te();
-  }, [S, te]), s(() => {
+    b && he || st(!1);
+  }, [b, he]), s(() => {
+    ne();
+  }, [b, ne]), s(() => {
     if (!He) {
-      ye(0);
+      ge(0);
       return;
     }
-    const e = Oe.current;
+    const e = Me.current;
     if (!e)
       return;
     const t = () => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      ye(
-        i + Do
+      ge(
+        i + Bo
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -870,83 +871,83 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
       n.disconnect();
     };
   }, [He]), s(() => {
-    if (M(), !!pe) {
-      if (Mn)
-        return j.current = window.setTimeout(() => {
-          j.current = null, qe();
-        }, Vn), () => {
+    if (M(), !!he) {
+      if (kn)
+        return Q.current = window.setTimeout(() => {
+          Q.current = null, qe();
+        }, Kn), () => {
           M();
         };
-      if (!(mn || !On))
-        return j.current = window.setTimeout(() => {
-          j.current = null, qe();
-        }, Vn), () => {
+      if (!(pn || !Mn))
+        return Q.current = window.setTimeout(() => {
+          Q.current = null, qe();
+        }, Kn), () => {
           M();
         };
     }
   }, [
     M,
     qe,
-    mn,
-    On,
-    pe,
-    Mn
+    pn,
+    Mn,
+    he,
+    kn
   ]);
-  const Rr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Yr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
-    Ln,
+  const _r = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u($r, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
+    Nn,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: F,
+      disableLoadingOverlay: L,
       hideFullScreen: !0,
       locale: d,
-      dir: J,
-      lang: Te,
+      dir: W,
+      lang: Re,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Yn
+      enableScaling: Gn
     }
   ) : /* @__PURE__ */ u(
-    Ln,
+    Nn,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: F,
+      disableLoadingOverlay: L,
       hideFullScreen: !0,
       locale: d,
-      dir: J,
-      lang: Te,
+      dir: W,
+      lang: Re,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, _r = (e = [], t = !1) => {
+  ) : null, Or = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const n = e.filter(
       (o) => o.is_renderable !== !1
-    ).length, i = t && Gn ? mo(e) : "disabled", l = e.reduce(
-      (o, v, I) => v.is_renderable !== !1 ? I : o,
+    ).length, i = t && $n ? yo(e) : "disabled", l = e.reduce(
+      (o, v, A) => v.is_renderable !== !1 ? A : o,
       -1
     );
     return /* @__PURE__ */ u(
-      ro,
+      io,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
         children: e.map((o, v) => {
-          const I = o.type === "html" && o.is_renderable === !1;
+          const A = o.type === "html" && o.is_renderable === !1;
           return /* @__PURE__ */ u(
             "div",
             {
-              ref: t && v === l ? en : null,
-              "aria-hidden": I || void 0,
-              className: we(
+              ref: t && v === l ? tn : null,
+              "aria-hidden": A || void 0,
+              className: Pe(
                 "w-full shrink-0",
                 n === 1 && o.is_renderable !== !1 && "slide-element--single",
-                I ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : o.is_renderable === !1 && "hidden"
+                A ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : o.is_renderable === !1 && "hidden"
               ),
-              children: Rr(o, {
+              children: _r(o, {
                 replaceRootScreenHeightWithFull: n === 1 && o.type === "html" && o.is_renderable !== !1
               })
             },
@@ -955,8 +956,8 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
         })
       }
     );
-  }, Or = r(() => {
-    const e = ce.current;
+  }, Mr = r(() => {
+    const e = ue.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -966,94 +967,106 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), kn = r(() => {
-    const e = je.current;
+  }, []), Fn = r(() => {
+    const e = Qe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Ut = r(
-    (e) => Bn({
+  }, []), Ht = r(
+    (e) => Vn({
       currentIndex: a,
-      resolvedCurrentInteractionElement: S,
-      slideElementList: C,
+      resolvedCurrentInteractionElement: b,
+      slideElementList: S,
       targetSlideIndex: Z[e.audioIndex]
     }),
     [
-      S,
+      b,
       Z,
       a,
-      C
+      S
     ]
-  ), Mr = r(
+  ), kr = r(
     (e, t) => {
       const i = y[e.audioIndex]?.audioKey, l = Z[e.audioIndex];
-      return !i || l == null || !Ut(e) ? !1 : (be(t), Q.current = null, w(!1), ot(!1), lt(!1), Gt(t) && (me(!0), g(!0)), l === a ? (Fe.current = null, D(), B(i), ht(e), !0) : (ke.current = !0, D(), Fe.current = {
+      return !i || l == null || !Ht(e) ? !1 : (we(t), H.current = null, I(!1), ot(!1), lt(!1), $t(t) && (ee(!0), g(!0)), l === a ? (Fe.current = null, F(), B(i), ht(e), !0) : (me.current = !0, F(), Fe.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, tt(l), !0));
+      }, pe(l), !0));
     },
     [
       y,
       Z,
-      Ut,
+      Ht,
       a,
-      tt,
+      pe,
       ht,
-      D,
+      F,
       g,
-      be
+      we
     ]
-  ), kr = r(
+  ), Fr = r(
     (e) => {
-      be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), ln();
+      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), F(), an();
     },
     [
-      ln,
-      D,
+      an,
+      F,
       g,
-      be
+      we
     ]
-  ), Fr = r(
+  ), Lr = r(
     (e) => {
-      be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), L();
+      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), F(), N();
     },
     [
-      L,
-      D,
+      N,
+      F,
       g,
-      be
+      we
     ]
-  ), Lr = r(
+  ), Nr = r(
+    (e) => {
+      e < 0 || e >= S.length || e === a || (me.current = !0, H.current = null, I(!1), ee(!0), g(!0), F(), pe(e), Xe?.(S[e], e));
+    },
+    [
+      a,
+      pe,
+      Xe,
+      F,
+      g,
+      S
+    ]
+  ), Dr = r(
     ({
       loading: e,
       reason: t
     }) => {
-      if (F) {
-        w(!1);
+      if (L) {
+        I(!1);
         return;
       }
-      if (!b || O) {
-        w(!1);
+      if (!w || O) {
+        I(!1);
         return;
       }
-      e && t && Tt(t), w(Uo(t, e));
+      e && t && Rt(t), I(Yo(t, e));
     },
     [
-      b,
+      w,
       O,
-      F
+      L
     ]
   );
   s(() => {
-    F && w(!1);
-  }, [F]);
-  const Dr = r(
+    L && I(!1);
+  }, [L]);
+  const Br = r(
     (e) => {
       const t = y[e]?.audioKey;
-      if (!t || !x || t !== x)
+      if (!t || !P || t !== P)
         return;
       it.current.add(t);
       const n = _.findIndex(
@@ -1068,9 +1081,9 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
         B(l);
         return;
       }
-      if (B(null), ot(!0), w(!1), R) {
-        const o = a + 1, v = C[o];
-        Pn && v?.type === "interaction" && (Q.current = o), L();
+      if (B(null), ot(!0), I(!1), R) {
+        const o = a + 1, v = S[o];
+        En && v?.type === "interaction" && (H.current = o), N();
         return;
       }
     },
@@ -1078,24 +1091,24 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
       y,
       R,
       a,
-      x,
+      P,
       _,
-      L,
-      Pn,
-      C
+      N,
+      En,
+      S
     ]
-  ), Nr = r(() => {
-    Qe.current = !0, q(), A && De(!0);
-  }, [q, A]), Br = r(() => {
-    Qe.current = !1, g(!0);
-  }, [g]), Ht = r(
+  ), Vr = r(() => {
+    Ze.current = !0, q(), x && Ne(!0);
+  }, [q, x]), Kr = r(() => {
+    Ze.current = !1, g(!0);
+  }, [g]), Yt = r(
     (e) => {
       e.stopPropagation(), K && g(!0);
     },
     [K, g]
   ), gt = r(
     (e, t) => {
-      const n = wt.current;
+      const n = xt.current;
       if (!n)
         return null;
       const i = e.getBoundingClientRect(), l = n.getBoundingClientRect();
@@ -1108,79 +1121,79 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
     },
     []
   );
-  No(() => {
-    const e = Oe.current;
+  Vo(() => {
+    const e = Me.current;
     if (!He || !e) {
-      de.current = null;
+      fe.current = null;
       return;
     }
-    const t = de.current, n = e.getBoundingClientRect();
-    if (!t || kt) {
-      de.current = {
+    const t = fe.current, n = e.getBoundingClientRect();
+    if (!t || Ft) {
+      fe.current = {
         left: n.left,
         top: n.top
       };
       return;
     }
     const i = t.left - n.left, l = t.top - n.top;
-    if (!Kn(i) && !Kn(l)) {
-      de.current = {
+    if (!qn(i) && !qn(l)) {
+      fe.current = {
         left: n.left,
         top: n.top
       };
       return;
     }
     const o = {
-      x: P.x + i,
-      y: P.y + l
+      x: E.x + i,
+      y: E.y + l
     }, v = gt(
       e,
-      P
-    ), I = Vo(
-      v ? Nn(o, v) : o
+      E
+    ), A = qo(
+      v ? Bn(o, v) : o
     );
-    de.current = {
-      left: n.left + I.x - P.x,
-      top: n.top + I.y - P.y
-    }, qn(
-      I,
-      P
-    ) || Mt(
-      (oe) => qn(oe, I) ? oe : I
+    fe.current = {
+      left: n.left + A.x - E.x,
+      top: n.top + A.y - E.y
+    }, Un(
+      A,
+      E
+    ) || kt(
+      (ie) => Un(ie, A) ? ie : A
     );
   }, [
     gt,
-    P,
-    kt,
+    E,
+    Ft,
     ut,
     He
   ]);
-  const Vr = r(
+  const qr = r(
     (e) => {
-      if (Ht(e), e.button !== 0 || !e.currentTarget.isConnected || !Oe.current)
+      if (Yt(e), e.button !== 0 || !e.currentTarget.isConnected || !Me.current)
         return;
       const t = gt(
-        Oe.current,
-        P
+        Me.current,
+        E
       );
-      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Me.current = {
+      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), ke.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
-        startOffset: P,
+        startOffset: E,
         bounds: t
-      }, Ft(!0));
+      }, Lt(!0));
     },
     [
       gt,
-      P,
-      Ht
+      E,
+      Yt
     ]
-  ), Kr = r(
+  ), Ur = r(
     (e) => {
-      const t = Me.current;
-      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), Mt(
-        Nn(
+      const t = ke.current;
+      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), kt(
+        Bn(
           {
             x: t.startOffset.x + e.clientX - t.startClientX,
             y: t.startOffset.y + e.clientY - t.startClientY
@@ -1190,36 +1203,36 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
       ));
     },
     []
-  ), Fn = r(
+  ), Ln = r(
     (e) => {
-      const t = Me.current;
-      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Me.current = null, Ft(!1));
+      const t = ke.current;
+      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), ke.current = null, Lt(!1));
     },
     []
-  ), qr = r(
+  ), Hr = r(
     (e) => {
-      H(), Qt?.(e);
+      Y(), Zt?.(e);
     },
-    [H, Qt]
-  ), Ur = r(
+    [Y, Zt]
+  ), Yr = r(
     (e) => {
-      H(), Zt?.(e);
+      Y(), en?.(e);
     },
-    [H, Zt]
-  ), Hr = r(() => {
-    me(!0), g(!0);
+    [Y, en]
+  ), Gr = r(() => {
+    ee(!0), g(!0);
   }, [g]);
   return s(() => {
-    const e = tn.current, i = (e.length > 0 && e.length < fe.length && e.every((o, v) => o === fe[v]) ? T.slice(e.length) : []).some(
+    const e = nn.current, i = (e.length > 0 && e.length < ye.length && e.every((o, v) => o === ye[v]) ? T.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (tn.current = fe, !i)
+    if (nn.current = ye, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = je.current, v = en.current;
+      const o = Qe.current, v = tn.current;
       if (!o || !v)
         return;
-      const I = o.getBoundingClientRect(), oe = v.getBoundingClientRect(), Ye = o.scrollTop + (oe.top - I.top);
+      const A = o.getBoundingClientRect(), ie = v.getBoundingClientRect(), Ye = o.scrollTop + (ie.top - A.top);
       o.scrollTo({
         top: Math.max(Ye, 0),
         behavior: "smooth"
@@ -1228,35 +1241,35 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [T, fe]), s(() => {
-    if (!ke.current || (ke.current = !1, T.length === 0))
+  }, [T, ye]), s(() => {
+    if (!me.current || (me.current = !1, T.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      kn();
+      Fn();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [T, kn]), /* @__PURE__ */ Ge(
+  }, [T, Fn]), /* @__PURE__ */ Ge(
     "section",
     {
-      ref: ce,
-      className: we(
+      ref: ue,
+      className: Pe(
         "relative h-full w-full",
         V && "slide--mobile-device",
-        Sn && "slide--browser-fullscreen",
-        ge && "slide--mobile-landscape",
-        gn && "slide--mobile-landscape-native",
-        $n
+        In && "slide--browser-fullscreen",
+        Se && "slide--mobile-landscape",
+        vn && "slide--mobile-landscape-native",
+        zn
       ),
-      dir: J,
-      lang: Te,
-      onClick: Hr,
-      onFocusCapture: Ur,
-      onPointerDown: qr,
-      ...Jn,
+      dir: W,
+      lang: Re,
+      onClick: Gr,
+      onFocusCapture: Yr,
+      onPointerDown: Hr,
+      ...Wn,
       children: [
-        pr ? /* @__PURE__ */ u(
+        yr ? /* @__PURE__ */ u(
           "div",
           {
             "aria-hidden": "true",
@@ -1266,23 +1279,23 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
         /* @__PURE__ */ Ge(
           "div",
           {
-            ref: wt,
-            className: we(
+            ref: xt,
+            className: Pe(
               "slide__viewport relative h-full min-h-0 w-full",
-              ge && "slide__viewport--mobile-landscape",
-              ge && !dr && "slide__viewport--mobile-landscape-native"
+              Se && "slide__viewport--mobile-landscape",
+              Se && !fr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              fr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
+              mr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
-                    "aria-label": z?.backAriaLabel ?? N.fullscreenBackAriaLabel,
+                    "aria-label": X?.backAriaLabel ?? D.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: hr,
+                    onClick: gr,
                     type: "button",
                     children: /* @__PURE__ */ u(
-                      Mo,
+                      Fo,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -1290,19 +1303,19 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
                     )
                   }
                 ),
-                z?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: z.content }) : null
+                X?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: X.content }) : null
               ] }) : null,
               /* @__PURE__ */ u(
                 "div",
                 {
-                  className: we(
+                  className: Pe(
                     "h-full min-h-0 w-full",
-                    mr && "slide__viewport-content--with-header",
-                    er ? "slide-content--single" : "grid gap-4"
+                    pr && "slide__viewport-content--with-header",
+                    tr ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: gr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: Qe, className: "slide-stage__layer w-full", children: vr.map(
                     (e, t) => {
-                      const n = t === vr;
+                      const n = t === Sr;
                       return /* @__PURE__ */ u(
                         "div",
                         {
@@ -1310,7 +1323,7 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
                           "aria-hidden": !n || void 0,
                           className: "w-full h-full",
                           style: { display: n ? void 0 : "none" },
-                          children: _r(
+                          children: Or(
                             e.elementList,
                             n
                           )
@@ -1321,98 +1334,98 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
                   ) }) }) : null
                 }
               ),
-              or ? /* @__PURE__ */ u(
-                Qr,
+              ir ? /* @__PURE__ */ u(
+                eo,
                 {
-                  message: Ko(
-                    Wn,
-                    ir
+                  message: Uo(
+                    jn,
+                    lr
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ u(
-                oo,
+                lo,
                 {
-                  extraBottomOffset: sr,
+                  extraBottomOffset: cr,
                   hasPlayerGap: ut,
-                  isEnabled: fn && lr,
-                  playbackTimeStore: he,
-                  subtitleCues: Sr
+                  isEnabled: mn && ar,
+                  playbackTimeStore: ve,
+                  subtitleCues: Ir
                 }
               ),
               He ? /* @__PURE__ */ u(
                 "div",
                 {
-                  ref: Oe,
+                  ref: Me,
                   "data-player-keyboard-shortcuts-ignore": "true",
-                  className: we(
+                  className: Pe(
                     "slide-interaction-overlay",
                     ut ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
-                    kt && "slide-interaction-overlay--dragging"
+                    Ft && "slide-interaction-overlay--dragging"
                   ),
-                  onClick: Ht,
+                  onClick: Yt,
                   onPointerDownCapture: (e) => {
-                    zt(e.target) && st(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onFocusCapture: (e) => {
-                    zt(e.target) && st(!0);
+                    Xt(e.target) && st(!0);
                   },
                   onInputCapture: (e) => {
-                    zt(e.target) && st(!0);
+                    Xt(e.target) && st(!0);
                   },
-                  style: Ir,
+                  style: br,
                   children: /* @__PURE__ */ u(
-                    Un,
+                    Hn,
                     {
-                      dir: J,
-                      lang: Te,
-                      content: String(S?.content ?? ""),
-                      dragHandleAriaLabel: X?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
+                      dir: W,
+                      lang: Re,
+                      content: String(b?.content ?? ""),
+                      dragHandleAriaLabel: J?.dragHandleAriaLabel ?? D.interactionTexts.dragHandleAriaLabel,
                       locale: d,
-                      defaultButtonText: _n.buttonText ?? "",
-                      defaultInputText: _n.inputText ?? "",
-                      defaultSelectedValues: Pr,
-                      confirmButtonText: X?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
-                      copyButtonText: X?.copyButtonText ?? N.interactionTexts.copyButtonText,
-                      copiedButtonText: X?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
-                      onSend: Tr,
-                      onDragHandlePointerCancel: Fn,
-                      onDragHandlePointerDown: Vr,
-                      onDragHandlePointerMove: Kr,
-                      onDragHandlePointerUp: Fn,
-                      readonly: Cr,
-                      title: X?.title ?? It ?? N.interactionTexts.title
+                      defaultButtonText: On.buttonText ?? "",
+                      defaultInputText: On.inputText ?? "",
+                      defaultSelectedValues: Er,
+                      confirmButtonText: J?.confirmButtonText ?? D.interactionTexts.confirmButtonText,
+                      copyButtonText: J?.copyButtonText ?? D.interactionTexts.copyButtonText,
+                      copiedButtonText: J?.copiedButtonText ?? D.interactionTexts.copiedButtonText,
+                      onSend: Rr,
+                      onDragHandlePointerCancel: Ln,
+                      onDragHandlePointerDown: qr,
+                      onDragHandlePointerMove: Ur,
+                      onDragHandlePointerUp: Ln,
+                      readonly: Tr,
+                      title: J?.title ?? It ?? D.interactionTexts.title
                     }
                   )
                 }
               ) : null,
-              A ? /* @__PURE__ */ u(
-                ao.Provider,
+              x ? /* @__PURE__ */ u(
+                co.Provider,
                 {
-                  value: tr,
+                  value: nr,
                   children: /* @__PURE__ */ u(
-                    no,
+                    oo,
                     {
-                      dir: J === "auto" ? Qn : J,
-                      lang: Te,
+                      dir: W === "auto" ? Zn : W,
+                      lang: Re,
                       audioList: y,
-                      className: we(
+                      className: Pe(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        Sn ? "bottom-3" : "-bottom-3",
-                        $,
+                        In ? "bottom-3" : "-bottom-3",
+                        z,
                         !K && "pointer-events-none opacity-0"
                       ),
-                      currentAudioIndex: E,
-                      defaultPlaying: Et,
-                      enableKeyboardShortcuts: se,
-                      isPlaybackPaused: ne,
-                      isAutoAdvanceEnabled: Ne,
+                      currentAudioIndex: C,
+                      defaultPlaying: Ct,
+                      enableKeyboardShortcuts: ce,
+                      isPlaybackPaused: re,
+                      isAutoAdvanceEnabled: De,
                       locale: d,
-                      isInteractionOpen: pe,
-                      isSubtitleEnabled: fn,
-                      onAutoAdvanceToggle: sn,
-                      onLoadingChange: Lr,
+                      isInteractionOpen: he,
+                      isSubtitleEnabled: mn,
+                      onAutoAdvanceToggle: cn,
+                      onLoadingChange: Dr,
                       onPlaybackStarted: () => {
                         lt(!0);
                       },
@@ -1420,7 +1433,7 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
                         const i = y.findIndex(
                           (o) => o.audioKey === e
                         ), l = i >= 0 ? y[i] : void 0;
-                        !l?.audioKey || !l.element || Hn?.({
+                        !l?.audioKey || !l.element || Yn?.({
                           audioKey: l.audioKey,
                           element: l.element,
                           isComplete: t,
@@ -1428,42 +1441,43 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
                           timeMs: n
                         });
                       },
-                      onPlaybackPreferenceChange: xr,
-                      onPlaybackTimeChange: he.setTime,
+                      onPlaybackPreferenceChange: Pr,
+                      onPlaybackTimeChange: ve.setTime,
                       onSubtitleToggle: () => {
-                        ar((e) => !e);
+                        sr((e) => !e);
                       },
                       nextDisabled: !R,
-                      onEnded: Dr,
-                      onFullscreen: Or,
-                      isFullscreen: pn,
-                      mobileViewMode: ee,
-                      settingsPortalContainer: wt.current,
-                      onMobileViewModeChange: yr,
-                      onControlsPointerEnter: Nr,
-                      onControlsPointerLeave: Br,
-                      onNext: Fr,
-                      onPrev: kr,
-                      onSubtitleJump: Mr,
-                      canJumpToSubtitleTarget: Ut,
-                      prevDisabled: !Zn,
+                      onEnded: Br,
+                      onFullscreen: Mr,
+                      isFullscreen: yn,
+                      mobileViewMode: te,
+                      settingsPortalContainer: xt.current,
+                      onMobileViewModeChange: hr,
+                      onControlsPointerEnter: Vr,
+                      onControlsPointerLeave: Kr,
+                      onNext: Lr,
+                      onPrev: Fr,
+                      onSubtitleJump: kr,
+                      canJumpToSubtitleTarget: Ht,
+                      prevDisabled: !er,
                       showControls: K,
                       slideProgress: At ? {
-                        ariaLabel: N.slideProgressAriaLabel,
+                        ariaLabel: D.slideProgressAriaLabel,
                         currentIndex: a,
-                        totalSteps: an
+                        onNavigate: Nr,
+                        totalSteps: sn
                       } : null,
-                      subtitleSeekRequest: rr,
+                      subtitleSeekRequest: or,
                       playbackRestoreRequest: rt && rt.audioKey === mt?.audioKey ? {
                         id: rt.id,
                         timeMs: rt.timeMs
                       } : null,
                       onPlaybackRestoreComplete: (e) => {
-                        Be.current?.id === e && (Be.current = null, cn(null));
+                        Be.current?.id === e && (Be.current = null, un(null));
                       },
                       texts: bt,
-                      customActionContext: Nt,
-                      customActions: Pe,
+                      customActionContext: Bt,
+                      customActions: Ce,
                       useAutoAdvanceToggle: Ve
                     }
                   )
@@ -1477,6 +1491,6 @@ const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
   );
 };
 export {
-  Ti as default
+  _i as default
 };
 //# sourceMappingURL=Slide.es.js.map