markdown-flow-ui 0.2.4 → 0.2.6

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

@@ -1,27 +1,27 @@
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
-import { memo as xr, useMemo as u, useId as Ar, useRef as f, useCallback as n, useState as d, useEffect as c, useLayoutEffect as wr } from "react";
+import { j as s } from "../../_virtual/jsx-runtime.es.js";
+import { memo as xr, useMemo as u, useId as Ar, useRef as f, useCallback as r, useState as d, useEffect as c, useLayoutEffect as wr } from "react";
 import { isSandboxInteractionMessage as Tr } from "../../lib/sandboxInteraction.es.js";
-import { cn as he } from "../../lib/utils.es.js";
+import { cn as ye } from "../../lib/utils.es.js";
 import Er from "../ui/loading-overlay-card.es.js";
-import Pr from "../ContentRender/ContentRender.es.js";
-import gn from "../ContentRender/IframeSandbox.es.js";
+import Cr from "../ContentRender/ContentRender.es.js";
+import hn from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
 import "../ContentRender/contentRenderI18n.es.js";
-import { isMobileDevice as Cr, isLandscapeViewport as vn, subscribeMobileDeviceChange as Rr } from "../../lib/mobileDevice.es.js";
+import { isMobileDevice as Pr, isLandscapeViewport as gn, subscribeMobileDeviceChange as Rr } from "../../lib/mobileDevice.es.js";
 import _r from "./Player.es.js";
 import Or from "./MarkdownSlideScaling.es.js";
 import Mr from "./SubtitleOverlay.es.js";
 import kr from "./useSlide.es.js";
 import Fr from "./useWakePlayerFromIframe.es.js";
 import { PlayerKeyboardShortcutContext as Br } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as Dr } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as rt, resolveMobileViewModeState as Nr } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as Lr, clampInteractionOverlayDragOffset as Sn, shouldPresentInteractionOverlay as Vr } from "./utils/interactionPlayback.es.js";
+import { activatePlayerKeyboardShortcutOwner as Nr } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as tt, resolveMobileViewModeState as Dr } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as Lr, clampInteractionOverlayDragOffset as vn, shouldPresentInteractionOverlay as Vr } from "./utils/interactionPlayback.es.js";
 import { resolveMarkdownScalingMode as jr } from "./utils/markdownScaling.es.js";
-import { shouldWakePlayerControlsAfterNavigation as Rt } from "./utils/playerNavigationContext.es.js";
+import { shouldWakePlayerControlsAfterNavigation as Et } from "./utils/playerNavigationContext.es.js";
 import { shouldAutoAdvanceIntoAppendedMarker as qr } from "./utils/appendedMarkerAdvance.es.js";
 import { getPlaybackSequenceTransition as Kr, shouldStartDefaultAudioSequence as Ur } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as Hr, canReachSubtitleJumpTarget as In } from "./utils/subtitleJumpNavigation.es.js";
+import { hasResolvedInteractionElement as Hr, canReachSubtitleJumpTarget as Sn } from "./utils/subtitleJumpNavigation.es.js";
 import { resolvePlayerCustomActionElement as Yr, getPlayerCustomActionCount as Gr } from "./utils/playerCustomActions.es.js";
 import { createPlaybackTimeStore as $r } from "./utils/playbackTimeStore.es.js";
 import { resolveSlideInteractionState as zr } from "./utils/interactionResolution.es.js";
@@ -31,201 +31,205 @@ import { resolveSilentStepAutoAdvanceBehavior as Qr } from "./utils/silentStepAu
 import { resolveSlidePlayerVisibility as Zr } from "./utils/playerVisibility.es.js";
 import { getSlideLocaleTexts as eo, DEFAULT_SLIDE_BUFFERING_TEXTS as to } from "./slideI18n.es.js";
 /* empty css             */
-import no from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
-import ro from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const oo = 2e3, io = 300, lo = 160, so = 16, bn = 3e3, xn = {
+import Ct from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
+import no from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const ro = 2e3, oo = 300, io = 160, lo = 16, In = 3e3, bn = {
   x: 0,
   y: 0
-}, ao = typeof window > "u" ? c : wr, co = [
+}, so = typeof window > "u" ? c : wr, ao = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), _t = "waitingForAudio", uo = (m, h) => typeof m == "string" ? m : m[h] ?? m[_t] ?? to[h], fo = (m, h) => typeof m == "string" ? m : {
+].join(", "), Rt = "waitingForAudio", co = (m, h) => typeof m == "string" ? m : m[h] ?? m[Rt] ?? to[h], uo = (m, h) => typeof m == "string" ? m : {
   ...h,
   ...m
-}, mo = (m, h) => h ? m !== "loadingAudio" : !1, An = xr(
+}, fo = (m, h) => h ? m !== "loadingAudio" : !1, xn = xr(
   ({
     content: m,
     title: h,
     locale: H,
-    defaultButtonText: ge,
+    defaultButtonText: he,
     defaultInputText: Y,
     defaultSelectedValues: G,
     confirmButtonText: Z,
     copyButtonText: ee,
-    copiedButtonText: Le,
-    onSend: it,
+    copiedButtonText: De,
+    onSend: nt,
     onDragHandlePointerCancel: te,
-    onDragHandlePointerDown: lt,
-    onDragHandlePointerMove: ve,
-    onDragHandlePointerUp: Ve,
-    readonly: je = !1
-  }) => /* @__PURE__ */ a.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ a.jsx(
+    onDragHandlePointerDown: rt,
+    onDragHandlePointerMove: ge,
+    onDragHandlePointerUp: Le,
+    readonly: Ve = !1
+  }) => /* @__PURE__ */ s.jsxs("div", { className: "slide-player__interaction-card", children: [
+    /* @__PURE__ */ s.jsx(
       "button",
       {
         type: "button",
         className: "slide-player__interaction-drag-handle",
         "aria-label": "Move interaction",
         onPointerCancel: te,
-        onPointerDown: lt,
-        onPointerMove: ve,
-        onPointerUp: Ve,
-        children: /* @__PURE__ */ a.jsx(no, { "aria-hidden": "true" })
+        onPointerDown: rt,
+        onPointerMove: ge,
+        onPointerUp: Le,
+        children: /* @__PURE__ */ s.jsxs("span", { className: "slide-player__interaction-drag-handle-icon", children: [
+          /* @__PURE__ */ s.jsx(Ct, { "aria-hidden": "true" }),
+          /* @__PURE__ */ s.jsx(Ct, { "aria-hidden": "true" }),
+          /* @__PURE__ */ s.jsx(Ct, { "aria-hidden": "true" })
+        ] })
       }
     ),
-    /* @__PURE__ */ a.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ a.jsx("p", { className: "slide-player__interaction-title", children: h }) }),
-    /* @__PURE__ */ a.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ a.jsx(
-      Pr,
+    /* @__PURE__ */ s.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ s.jsx("p", { className: "slide-player__interaction-title", children: h }) }),
+    /* @__PURE__ */ s.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ s.jsx(
+      Cr,
       {
         content: m,
         locale: H,
-        defaultButtonText: ge,
+        defaultButtonText: he,
         defaultInputText: Y,
         defaultSelectedValues: G,
         confirmButtonText: Z,
         copyButtonText: ee,
-        copiedButtonText: Le,
-        onSend: it,
-        readonly: je,
+        copiedButtonText: De,
+        onSend: nt,
+        readonly: Ve,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-An.displayName = "InteractionOverlayCard";
-const po = (m, h) => m.length === h.length && m.every((H, ge) => {
-  const Y = h[ge];
+xn.displayName = "InteractionOverlayCard";
+const mo = (m, h) => m.length === h.length && m.every((H, he) => {
+  const Y = h[he];
   return H.sequence_number === Y?.sequence_number && H.type === Y?.type && H.content === Y?.content;
-}), ot = (m) => m instanceof HTMLElement && !!m.closest(co), Qo = ({
+}), Pt = (m) => m instanceof HTMLElement && !!m.closest(ao), Xo = ({
   elementList: m = [],
   locale: h,
   playerEnabled: H,
-  playerControlsVisibility: ge,
+  playerControlsVisibility: he,
   playerClassName: Y,
   fullscreenHeader: G,
   playerCustomActions: Z,
   playerCustomActionPauseOnActive: ee = !0,
-  bufferingText: Le,
-  interactionTitle: it,
+  bufferingText: De,
+  interactionTitle: nt,
   interactionTexts: te,
-  playerTexts: lt,
-  playerAutoHideDelay: ve = 3e3,
-  markerAutoAdvanceDelay: Ve = oo,
-  interactionDefaultValueOptions: je,
-  onSend: Ot,
-  onPlayerVisibilityChange: st,
-  onMobileViewModeChange: Mt,
-  onStepChange: kt,
+  playerTexts: rt,
+  playerAutoHideDelay: ge = 3e3,
+  markerAutoAdvanceDelay: Le = ro,
+  interactionDefaultValueOptions: Ve,
+  onSend: _t,
+  onPlayerVisibilityChange: ot,
+  onMobileViewModeChange: Ot,
+  onStepChange: Mt,
   enableKeyboardShortcuts: ne = !0,
-  enableIframeScaling: wn = !0,
-  enableMarkdownScaling: Tn = !0,
-  disableLoadingOverlay: O = !1,
-  className: En,
-  onPointerDown: Ft,
-  onFocusCapture: Bt,
-  ...Pn
+  enableIframeScaling: An = !0,
+  enableMarkdownScaling: wn = !0,
+  disableLoadingOverlay: _ = !1,
+  className: Tn,
+  onPointerDown: kt,
+  onFocusCapture: Ft,
+  ...En
 }) => {
   const $ = u(() => eo(h), [h]), Cn = u(
-    () => fo(
-      Le,
+    () => uo(
+      De,
       $.bufferingText
     ),
-    [Le, $.bufferingText]
+    [De, $.bufferingText]
   ), {
-    playerEnabled: Rn,
+    playerEnabled: Pn,
     playerControlsVisibility: j
   } = Zr({
     playerEnabled: H,
-    playerControlsVisibility: ge
-  }), qe = Ar(), Se = f(null), at = f(null), Ke = f(null), Dt = f(null), re = f(null), Ue = f(!1), Ie = f(null), He = f(null), z = f(null), be = f(null), xe = f(null), Ae = f(null), we = f(null), Nt = f([]), Te = f(!1), J = f(null), Ee = f(null), Lt = f(0), Vt = f(null), jt = f({
+    playerControlsVisibility: he
+  }), je = Ar(), ve = f(null), it = f(null), qe = f(null), Bt = f(null), re = f(null), Ke = f(!1), Se = f(null), Ue = f(null), z = f(null), Ie = f(null), be = f(null), xe = f(null), Ae = f(null), Nt = f([]), we = f(!1), J = f(null), Te = f(null), Dt = f(0), Lt = f(null), Vt = f({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), ct = f(!1), {
-    currentElementList: C,
-    stepElementLists: qt,
-    slideElementList: P,
-    currentIndex: s,
+  }), lt = f(!1), {
+    currentElementList: P,
+    stepElementLists: jt,
+    slideElementList: C,
+    currentIndex: a,
     audioList: S,
-    audioSlideIndexes: Ye,
-    currentAudioSequenceIndexes: Ge,
+    audioSlideIndexes: He,
+    currentAudioSequenceIndexes: Ye,
     currentStepHasSpeakableElement: I,
     currentInteractionElement: p,
-    canGoPrev: _n,
+    canGoPrev: Rn,
     canGoNext: R,
-    handlePrev: Kt,
-    handleNext: M,
-    handleGoTo: Ut
-  } = kr(m), Pe = u(() => {
-    if (!(s < 0))
-      return P[s];
-  }, [s, P]), oe = u(
-    () => C.map(
+    handlePrev: qt,
+    handleNext: O,
+    handleGoTo: Kt
+  } = kr(m), Ee = u(() => {
+    if (!(a < 0))
+      return C[a];
+  }, [a, C]), oe = u(
+    () => P.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
-    [C]
-  ), On = P.filter(
+    [P]
+  ), _n = C.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, g = Rn && (P.length > 0 || S.length > 0 || !!p), Mn = u(
+  ).length === 1, g = Pn && (C.length > 0 || S.length > 0 || !!p), On = u(
     () => ({
       enabled: ne,
-      ownerId: qe
+      ownerId: je
     }),
-    [ne, qe]
-  ), q = n(() => {
-    !ne || !g || Dr(qe);
-  }, [ne, qe, g]), k = u(
-    () => Ge.map((e) => S[e]?.audioKey).filter((e) => !!e),
-    [S, Ge]
-  ), [kn, Ce] = d(!0), [$e, ie] = d(!1), [ut, Ht] = d(!0), [Re, Yt] = d(!0), [A, K] = d(null), [Fn, Gt] = d(null), [Bn, b] = d(!1), [Dn, dt] = d(_t), [F, ft] = d(!1), [Nn, ze] = d(!1), [$t, Ln] = d(!0), [mt, pt] = d(!1), [y, yt] = d(), [le, Je] = d(!1), [zt, We] = d(!1), [x, ht] = d(
-    xn
-  ), [gt, vt] = d(!1), [
-    Vn,
-    _e
-  ] = d(0), [Jt, jn] = d(!1), _ = u(() => Cr(), []), [Xe, St] = d(
-    rt
-  ), [Wt, It] = d(!1), [qn, Xt] = d(
-    () => _ ? vn() : !1
+    [ne, je]
+  ), q = r(() => {
+    !ne || !g || Nr(je);
+  }, [ne, je, g]), M = u(
+    () => Ye.map((e) => S[e]?.audioKey).filter((e) => !!e),
+    [S, Ye]
+  ), [Mn, Ce] = d(!0), [Ge, ie] = d(!1), [st, Ut] = d(!0), [Pe, Ht] = d(!0), [A, K] = d(null), [kn, Yt] = d(null), [Fn, b] = d(!1), [Bn, at] = d(Rt), [k, ct] = d(!1), [Nn, $e] = d(!1), [Gt, Dn] = d(!0), [ut, dt] = d(!1), [y, ft] = d(), [le, ze] = d(!1), [$t, Je] = d(!1), [x, mt] = d(
+    bn
+  ), [pt, yt] = d(!1), [
+    Ln,
+    Re
+  ] = d(0), [zt, Vn] = d(!1), L = u(() => Pr(), []), [We, ht] = d(
+    tt
+  ), [Jt, gt] = d(!1), [jn, Wt] = d(
+    () => L ? gn() : !1
   ), se = u(() => $r(), []), {
     effectiveMobileViewMode: ae,
     isImmersiveMobileFullscreen: ce,
-    isNativeMobileFullscreen: Qt,
-    shouldRotateFullscreenViewport: Kn
+    isNativeMobileFullscreen: Xt,
+    shouldRotateFullscreenViewport: qn
   } = u(
-    () => Nr({
-      hasManualMobileViewMode: Wt,
-      isMobileDevice: _,
-      mobileViewMode: Xe
+    () => Dr({
+      hasManualMobileViewMode: Jt,
+      isMobileDevice: L,
+      mobileViewMode: We
     }),
     [
-      Wt,
-      _,
-      qn,
-      Xe
+      Jt,
+      L,
+      jn,
+      We
     ]
-  ), Un = f(ae), w = g && j !== "hidden" && (j === "visible" || kn), Hn = ce && w, Yn = ce && w, Gn = ce || Qt, Zt = Jt && !_, $n = n(
+  ), Kn = f(ae), w = g && j !== "hidden" && (j === "visible" || Mn), Un = ce && w, Hn = ce && w, Yn = ce || Xt, Qt = zt && !L, Gn = r(
     (e) => {
-      It(!0), St(e);
+      gt(!0), ht(e);
     },
     []
-  ), en = n(() => {
-    It(!1), St(rt);
-  }, []), zn = n(() => {
-    en(), G?.onBack?.();
-  }, [G, en]), tn = n((e) => {
-    pt(e);
-  }, []), nn = n(() => {
-    pt((e) => !e);
-  }, []), { mountedStepStates: Jn, currentMountedStateIndex: Wn } = u(() => {
+  ), Zt = r(() => {
+    gt(!1), ht(tt);
+  }, []), $n = r(() => {
+    Zt(), G?.onBack?.();
+  }, [G, Zt]), en = r((e) => {
+    dt(e);
+  }, []), tn = r(() => {
+    dt((e) => !e);
+  }, []), { mountedStepStates: zn, currentMountedStateIndex: Jn } = u(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return qt.forEach((o, i) => {
+    return jt.forEach((o, i) => {
       const l = e.findIndex(
-        (r) => po(
-          r.elementList,
+        (n) => mo(
+          n.elementList,
           o
         )
       );
@@ -239,53 +243,53 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       }), t.set(i, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: s >= 0 ? t.get(s) ?? -1 : -1
+      currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [s, qt]), rn = u(() => String(s), [s]), T = u(() => A ? S.findIndex(
+  }, [a, jt]), nn = u(() => String(a), [a]), T = u(() => A ? S.findIndex(
     (e) => (e.audioKey ?? "") === A
-  ) : -1, [S, A]), bt = u(
+  ) : -1, [S, A]), vt = u(
     () => T >= 0 ? S[T] : void 0,
     [S, T]
-  ), Xn = bt?.element?.subtitle_cues ?? [], Qe = u(
-    () => k[0] ?? "none",
-    [k]
-  ), xt = u(
+  ), Wn = vt?.element?.subtitle_cues ?? [], Xe = u(
+    () => M[0] ?? "none",
+    [M]
+  ), St = u(
     () => ({
       currentElement: Yr({
         currentAudioIndex: T,
-        currentAudioSequenceIndexes: Ge,
+        currentAudioSequenceIndexes: Ye,
         audioList: S,
         currentInteractionElement: y,
-        currentStepElement: Pe
+        currentStepElement: Ee
       }),
-      currentIndex: s,
-      currentStepElement: Pe,
-      isActive: mt,
-      setActive: tn,
-      toggleActive: nn
+      currentIndex: a,
+      currentStepElement: Ee,
+      isActive: ut,
+      setActive: en,
+      toggleActive: tn
     }),
     [
       y,
       S,
       T,
-      Ge,
-      s,
-      Pe,
-      mt,
-      tn,
-      nn
+      Ye,
+      a,
+      Ee,
+      ut,
+      en,
+      tn
     ]
-  ), At = u(
+  ), It = u(
     () => Gr(
       Z,
-      xt
+      St
     ),
-    [xt, Z]
-  ), Qn = u(
+    [St, Z]
+  ), Xn = u(
     () => ({
-      "--slide-player-custom-action-count": String(At),
+      "--slide-player-custom-action-count": String(It),
       "--slide-player-mobile-control-count": String(
-        At + 4
+        It + 4
       ),
       "--slide-interaction-drag-x": `${x.x}px`,
       "--slide-interaction-drag-y": `${x.y}px`
@@ -293,23 +297,23 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     [
       x.x,
       x.y,
-      At
+      It
     ]
-  ), on = k.length > 0, ln = u(() => p ? `${p.sequence_number ?? "none"}:${String(
+  ), rn = M.length > 0, on = u(() => p ? `${p.sequence_number ?? "none"}:${String(
     p.content ?? ""
-  )}` : "none", [p]), Oe = u(
-    () => [rn, ln].join("|"),
-    [ln, rn]
-  ), Zn = u(
+  )}` : "none", [p]), _e = u(
+    () => [nn, on].join("|"),
+    [on, nn]
+  ), Qn = u(
     () => [
-      Oe,
-      bt?.audioKey ?? "none",
+      _e,
+      vt?.audioKey ?? "none",
       String(T)
     ].join("|"),
-    [T, bt?.audioKey, Oe]
-  ), sn = !!u(() => !Qe || Qe === "none" ? "" : S.find(
-    (t) => t.audioKey === Qe
-  )?.audioUrl?.trim() ?? "", [S, Qe]), W = ee && !!Z && mt, Me = u(
+    [T, vt?.audioKey, _e]
+  ), ln = !!u(() => !Xe || Xe === "none" ? "" : S.find(
+    (t) => t.audioKey === Xe
+  )?.audioUrl?.trim() ?? "", [S, Xe]), W = ee && !!Z && ut, Oe = u(
     () => Jr({
       canGoNext: R,
       currentAudioIndex: T,
@@ -322,120 +326,120 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       p,
       I
     ]
-  ), an = u(
+  ), sn = u(
     () => Qr({
-      currentElementList: C,
+      currentElementList: P,
       currentStepHasSpeakableElement: I,
       currentInteractionElement: p,
-      markerAutoAdvanceDelay: Ve
+      markerAutoAdvanceDelay: Le
     }),
     [
-      C,
+      P,
       p,
       I,
-      Ve
+      Le
     ]
-  ), cn = an.delayMs, ke = an.usesImageOnlyDelay, wt = u(
-    () => `${s}:${oe.join("|")}`,
-    [s, oe]
-  ), [er, tr] = d(null), un = !ke || er === wt, V = n(() => {
+  ), an = sn.delayMs, Me = sn.usesImageOnlyDelay, bt = u(
+    () => `${a}:${oe.join("|")}`,
+    [a, oe]
+  ), [Zn, er] = d(null), cn = !Me || Zn === bt, V = r(() => {
     re.current !== null && (window.clearTimeout(re.current), re.current = null);
-  }, []), B = n(() => {
+  }, []), F = r(() => {
     z.current !== null && (window.clearTimeout(z.current), z.current = null);
-  }, []), D = n(() => {
-    be.current !== null && (window.clearTimeout(be.current), be.current = null);
-  }, []), ue = n(() => {
+  }, []), B = r(() => {
     Ie.current !== null && (window.clearTimeout(Ie.current), Ie.current = null);
-  }, []), U = n(() => {
-    He.current !== null && (window.clearTimeout(He.current), He.current = null);
-  }, []), N = n(
+  }, []), ue = r(() => {
+    Se.current !== null && (window.clearTimeout(Se.current), Se.current = null);
+  }, []), U = r(() => {
+    Ue.current !== null && (window.clearTimeout(Ue.current), Ue.current = null);
+  }, []), N = r(
     (e = {}) => {
-      ue(), B(), D(), U(), K(null), se.reset(), b(!1), dt(_t), ft(!1), ze(!1), Gt(null), e.preservePendingSubtitleJump || (Ee.current = null), yt(void 0), Je(!1), _e(0);
+      ue(), F(), B(), U(), K(null), se.reset(), b(!1), at(Rt), ct(!1), $e(!1), Yt(null), e.preservePendingSubtitleJump || (Te.current = null), ft(void 0), ze(!1), Re(0);
     },
     [
       ue,
       U,
+      F,
       B,
-      D,
       se
     ]
-  ), Ze = n(
+  ), Qe = r(
     (e) => {
-      Lt.current += 1, Gt({
+      Dt.current += 1, Yt({
         ...e,
-        id: Lt.current
+        id: Dt.current
       });
     },
     []
-  ), de = n(() => {
-    const e = k[0];
+  ), de = r(() => {
+    const e = M[0];
     return e ? (K(e), !0) : !1;
-  }, [k]), Fe = n(() => {
-    B(), D(), Je(!1), _e(0), !de() && R && M();
+  }, [M]), ke = r(() => {
+    F(), B(), ze(!1), Re(0), !de() && R && O();
   }, [
     R,
+    F,
     B,
-    D,
-    M,
+    O,
     de
-  ]), dn = n(
+  ]), un = r(
     (e) => {
-      if (D(), !e)
+      if (B(), !e)
         return;
       const t = () => {
-        be.current = null, _e(
-          lo
-        ), Je(!0), J.current = null;
+        Ie.current = null, Re(
+          io
+        ), ze(!0), J.current = null;
       };
-      be.current = window.setTimeout(
+      Ie.current = window.setTimeout(
         t,
-        io
+        oo
       );
     },
-    [D]
-  ), Tt = n(
-    () => Ue.current || !!Se.current?.querySelector(".slide-player__controls:hover"),
+    [B]
+  ), xt = r(
+    () => Ke.current || !!ve.current?.querySelector(".slide-player__controls:hover"),
     []
-  ), v = n(
-    (e = $e) => {
-      !g || j === "hidden" || (Ce(!0), V(), !(j === "visible" || !e || ve <= 0 || Tt()) && (re.current = window.setTimeout(() => {
-        if (Tt()) {
+  ), v = r(
+    (e = Ge) => {
+      !g || j === "hidden" || (Ce(!0), V(), !(j === "visible" || !e || ge <= 0 || xt()) && (re.current = window.setTimeout(() => {
+        if (xt()) {
           re.current = null;
           return;
         }
         Ce(!1), re.current = null;
-      }, ve)));
+      }, ge)));
     },
     [
       V,
-      $e,
-      Tt,
-      ve,
+      Ge,
+      xt,
+      ge,
       j,
       g
     ]
-  ), Be = !!Hr(p), fe = !!p && !Be, nr = n((e) => {
-    Ht(e);
-  }, []), me = n(
+  ), Fe = !!Hr(p), fe = !!p && !Fe, tr = r((e) => {
+    Ut(e);
+  }, []), me = r(
     (e) => {
-      e && Ht(e.shouldContinuePlayback);
+      e && Ut(e.shouldContinuePlayback);
     },
     []
   );
   c(() => {
-    Yt(ut);
-  }, [s, ut, ee]), c(() => {
-    ee && pt(!1);
-  }, [s, ee]), c(() => () => {
-    ue(), U(), V(), B(), D();
+    Ht(st);
+  }, [a, st, ee]), c(() => {
+    ee && dt(!1);
+  }, [a, ee]), c(() => () => {
+    ue(), U(), V(), F(), B();
   }, [
     ue,
     U,
+    F,
     B,
-    D,
     V
   ]), c(() => {
-    if (!ke) {
+    if (!Me) {
       U();
       return;
     }
@@ -443,113 +447,113 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     const i = () => {
       o?.(), o = null;
     }, l = () => {
-      e || (i(), U(), tr(wt));
-    }, r = () => {
+      e || (i(), U(), er(bt));
+    }, n = () => {
       if (e)
         return;
       i();
-      const E = Ke.current?.querySelector(
+      const E = qe.current?.querySelector(
         '[data-active-step="true"]'
       );
       if (!E)
         return;
-      const L = Array.from(
+      const D = Array.from(
         E.querySelectorAll("iframe")
       );
-      if (L.length === 0 || Xr(L)) {
+      if (D.length === 0 || Xr(D)) {
         l();
         return;
       }
-      const nt = [], Ne = () => {
+      const et = [], Ne = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
-          t = null, r();
+          t = null, n();
         }));
-      }, Ct = (X, ye, Q) => {
-        X.addEventListener(ye, Q, { once: !0 }), nt.push(
-          () => X.removeEventListener(ye, Q)
+      }, Tt = (X, pe, Q) => {
+        X.addEventListener(pe, Q, { once: !0 }), et.push(
+          () => X.removeEventListener(pe, Q)
         );
       };
-      L.forEach((X) => {
-        const ye = X.contentDocument;
-        if (!ye || ye.readyState !== "complete") {
-          Ct(X, "load", Ne);
+      D.forEach((X) => {
+        const pe = X.contentDocument;
+        if (!pe || pe.readyState !== "complete") {
+          Tt(X, "load", Ne);
           return;
         }
-        Array.from(ye.images).filter((Q) => !Q.complete).forEach((Q) => {
-          Ct(Q, "load", Ne), Ct(Q, "error", Ne);
+        Array.from(pe.images).filter((Q) => !Q.complete).forEach((Q) => {
+          Tt(Q, "load", Ne), Tt(Q, "error", Ne);
         });
       }), o = () => {
-        nt.forEach((X) => X());
+        et.forEach((X) => X());
       };
     };
     return t = window.requestAnimationFrame(() => {
-      t = null, r();
-    }), He.current = window.setTimeout(() => {
+      t = null, n();
+    }), Ue.current = window.setTimeout(() => {
       l();
     }, Wr), () => {
       e = !0, i(), U(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
     U,
-    C,
-    s,
-    wt,
-    ke
-  ]), c(() => (st?.(w), () => {
-    st?.(!1);
-  }), [st, w]), c(() => {
-    w || (Ue.current = !1);
+    P,
+    a,
+    bt,
+    Me
+  ]), c(() => (ot?.(w), () => {
+    ot?.(!1);
+  }), [ot, w]), c(() => {
+    w || (Ke.current = !1);
   }, [w]), c(() => {
-    _ || Xe === rt || (It(!1), St(rt));
-  }, [_, Xe]), c(() => {
-    if (!_) {
-      Xt(!1);
+    L || We === tt || (gt(!1), ht(tt));
+  }, [L, We]), c(() => {
+    if (!L) {
+      Wt(!1);
       return;
     }
     const e = () => {
-      Xt(vn());
+      Wt(gn());
     };
     return e(), Rr(e);
-  }, [_]), c(() => {
-    Mt?.(ae);
-  }, [ae, Mt]), c(() => {
-    Un.current = ae;
+  }, [L]), c(() => {
+    Ot?.(ae);
+  }, [ae, Ot]), c(() => {
+    Kn.current = ae;
   }, [ae]), c(() => {
-    kt?.(Pe, s);
-  }, [s, Pe, kt]), c(() => {
-    const e = jt.current, t = qr(
+    Mt?.(Ee, a);
+  }, [a, Ee, Mt]), c(() => {
+    const e = Vt.current, t = qr(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: P.length,
+        nextMarkerCount: C.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: R,
         currentAudioKey: A,
-        hasCompletedCurrentStepAudio: F,
-        hasResolvedCurrentInteraction: Be,
+        hasCompletedCurrentStepAudio: k,
+        hasResolvedCurrentInteraction: Fe,
         currentStepHasSpeakableElement: I,
         currentInteractionElement: p,
-        isAutoAdvanceEnabled: Re,
-        shouldUseSilentStepAutoAdvanceToggle: Me
+        isAutoAdvanceEnabled: Pe,
+        shouldUseSilentStepAutoAdvanceToggle: Oe
       }
     );
-    jt.current = {
-      markerCount: P.length,
-      currentIndex: s,
+    Vt.current = {
+      markerCount: C.length,
+      currentIndex: a,
       canGoNext: R
-    }, t && M();
+    }, t && O();
   }, [
     R,
     A,
-    s,
+    a,
     p,
     I,
-    M,
-    F,
-    Be,
-    Re,
-    Me,
-    P.length
+    O,
+    k,
+    Fe,
+    Pe,
+    Oe,
+    C.length
   ]), c(() => {
     if (!g || j === "hidden") {
       V(), Ce(!1);
@@ -559,10 +563,10 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       V(), Ce(!0);
       return;
     }
-    $e || v(!0);
+    Ge || v(!0);
   }, [
     V,
-    $e,
+    Ge,
     j,
     g,
     v
@@ -576,7 +580,7 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       window.removeEventListener("message", e);
     };
   }, [q, g, v]), Fr({
-    sectionRef: Se,
+    sectionRef: ve,
     enabled: g,
     keyboardShortcutsEnabled: ne,
     onKeyboardShortcut: q,
@@ -589,52 +593,52 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       return;
     }
     const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Kr({
-      previousResetKey: Vt.current,
-      nextResetKey: Oe,
+      previousResetKey: Lt.current,
+      nextResetKey: _e,
       currentAudioKey: A,
-      hasCompletedCurrentStepAudio: F
+      hasCompletedCurrentStepAudio: k
     });
-    Vt.current = Oe;
-    const o = J.current === s && !!p, i = Vr({
+    Lt.current = _e;
+    const o = J.current === a && !!p, i = Vr({
       hasInteraction: !!p,
       shouldBlockPlaybackForInteraction: fe,
       shouldOpenInteractionOverlayAfterAudio: o,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: Be,
+      hasResolvedCurrentInteraction: Fe,
       currentStepHasSpeakableElement: I
-    }), l = Ee.current, r = l?.slideIndex === s;
+    }), l = Te.current, n = l?.slideIndex === a;
     if (e && N({
-      preservePendingSubtitleJump: r
-    }), !(C.length === 0 && !p) && !W) {
-      if (l?.slideIndex === s && In({
-        currentIndex: s,
+      preservePendingSubtitleJump: n
+    }), !(P.length === 0 && !p) && !W) {
+      if (l?.slideIndex === a && Sn({
+        currentIndex: a,
         resolvedCurrentInteractionElement: y,
-        slideElementList: P,
+        slideElementList: C,
         targetSlideIndex: l.slideIndex
       })) {
-        Ee.current = null, ct.current = !0, K(l.audioKey), Ze({
+        Te.current = null, lt.current = !0, K(l.audioKey), Qe({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
         return;
       }
-      if (p && yt(p), i) {
-        dn(p);
+      if (p && ft(p), i) {
+        un(p);
         return;
       }
-      if (D(), J.current = null, !!t && !de()) {
+      if (B(), J.current = null, !!t && !de()) {
         if (I) {
-          if (O) {
+          if (_) {
             b(!1);
             return;
           }
           b(!0);
           return;
         }
-        if (R && !(Me && !Re) && !(ke && !un))
-          return Ie.current = window.setTimeout(() => {
-            Ie.current = null, M();
-          }, cn), () => {
+        if (R && !(Oe && !Pe) && !(Me && !cn))
+          return Se.current = window.setTimeout(() => {
+            Se.current = null, O();
+          }, an), () => {
             ue();
           };
       }
@@ -643,67 +647,67 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     y,
     R,
     ue,
-    C.length,
-    s,
+    P.length,
+    a,
     p,
     A,
-    Oe,
+    _e,
     I,
-    ke,
-    un,
+    Me,
     cn,
-    M,
-    F,
+    an,
     O,
-    Re,
-    Be,
+    k,
+    _,
+    Pe,
+    Fe,
     fe,
-    D,
+    B,
     N,
-    Ze,
-    dn,
+    Qe,
+    un,
     g,
-    P,
+    C,
     de,
     W,
-    Me
+    Oe
   ]), c(() => {
-    if (O || W || !I || fe) {
+    if (_ || W || !I || fe) {
       b(!1);
       return;
     }
-    if (F) {
+    if (k) {
       b(!1);
       return;
     }
-    if (on) {
+    if (rn) {
       b(!1);
       return;
     }
-    dt("waitingForAudio"), b(!0);
+    at("waitingForAudio"), b(!0);
   }, [
-    on,
+    rn,
     I,
-    F,
-    O,
+    k,
+    _,
     W,
     fe
   ]), c(() => {
-    const e = ct.current;
-    ct.current = !1, Ur({
+    const e = lt.current;
+    lt.current = !1, Ur({
       currentAudioKey: A,
-      currentAudioSequenceLength: k.length,
+      currentAudioSequenceLength: M.length,
       currentStepHasSpeakableElement: I,
-      hasCompletedCurrentStepAudio: F,
+      hasCompletedCurrentStepAudio: k,
       shouldBlockPlaybackForInteraction: fe,
       shouldPausePlaybackForCustomAction: W,
       shouldSkipDefaultAudioStart: e
     }) && de();
   }, [
     A,
-    k,
+    M,
     I,
-    F,
+    k,
     W,
     fe,
     de
@@ -712,61 +716,61 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
   }, [T, A]), c(() => {
     T >= 0 || se.reset();
   }, [T, se]), c(() => {
-    ze(!1);
-  }, [Zn]);
+    $e(!1);
+  }, [Qn]);
   const {
-    interactionDefaults: fn,
-    interactionDefaultSelectedValues: rr,
-    hasResolvedInteractionInput: mn,
-    isInteractionReadonly: or,
-    shouldAutoContinueInteraction: pn
+    interactionDefaults: dn,
+    interactionDefaultSelectedValues: nr,
+    hasResolvedInteractionInput: fn,
+    isInteractionReadonly: rr,
+    shouldAutoContinueInteraction: mn
   } = u(
     () => zr(y, {
-      interactionDefaultValueOptions: je
+      interactionDefaultValueOptions: Ve
     }),
-    [y, je]
-  ), ir = !!y?.readonly || or, De = Lr({
+    [y, Ve]
+  ), or = !!y?.readonly || rr, Be = Lr({
     hasActiveInteraction: !!y,
     isInteractionOverlayOpen: le
-  }), lr = n(
+  }), ir = r(
     (e) => {
       const o = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      yt((i) => !i || !o ? i : {
+      ft((i) => !i || !o ? i : {
         ...i,
         user_input: o
-      }), Ot?.(e, y), Fe();
+      }), _t?.(e, y), ke();
     },
-    [y, Fe, Ot]
+    [y, ke, _t]
   );
   c(() => {
     const e = () => {
-      jn(document.fullscreenElement === Se.current);
+      Vn(document.fullscreenElement === ve.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), c(() => {
-    y && le || We(!1);
+    y && le || Je(!1);
   }, [y, le]), c(() => {
-    ht(xn), vt(!1), we.current = null, Ae.current = null;
+    mt(bn), yt(!1), Ae.current = null, xe.current = null;
   }, [y]), c(() => {
-    if (!De) {
-      _e(0);
+    if (!Be) {
+      Re(0);
       return;
     }
-    const e = xe.current;
+    const e = be.current;
     if (!e)
       return;
     const t = () => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      _e(
-        i + so
+      Re(
+        i + lo
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -777,90 +781,90 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     return o.observe(e), () => {
       o.disconnect();
     };
-  }, [De]), c(() => {
-    if (B(), !!le) {
-      if (pn)
+  }, [Be]), c(() => {
+    if (F(), !!le) {
+      if (mn)
         return z.current = window.setTimeout(() => {
-          z.current = null, Fe();
-        }, bn), () => {
-          B();
+          z.current = null, ke();
+        }, In), () => {
+          F();
         };
-      if (!(zt || !mn))
+      if (!($t || !fn))
         return z.current = window.setTimeout(() => {
-          z.current = null, Fe();
-        }, bn), () => {
-          B();
+          z.current = null, ke();
+        }, In), () => {
+          F();
         };
     }
   }, [
-    B,
-    Fe,
-    zt,
-    mn,
+    F,
+    ke,
+    $t,
+    fn,
     le,
-    pn
+    mn
   ]);
-  const sr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ a.jsx(a.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ a.jsx(
-    gn,
+  const lr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ s.jsx(
+    hn,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: O,
+      disableLoadingOverlay: _,
       hideFullScreen: !0,
       locale: h,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: wn
+      enableScaling: An
     }
-  ) : /* @__PURE__ */ a.jsx(
-    gn,
+  ) : /* @__PURE__ */ s.jsx(
+    hn,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: O,
+      disableLoadingOverlay: _,
       hideFullScreen: !0,
       locale: h,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, ar = (e = [], t = !1) => {
+  ) : null, sr = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const o = e.filter(
-      (r) => r.is_renderable !== !1
-    ).length, i = t && Tn ? jr(e) : "disabled", l = e.reduce(
-      (r, E, L) => E.is_renderable !== !1 ? L : r,
+      (n) => n.is_renderable !== !1
+    ).length, i = t && wn ? jr(e) : "disabled", l = e.reduce(
+      (n, E, D) => E.is_renderable !== !1 ? D : n,
       -1
     );
-    return /* @__PURE__ */ a.jsx(
+    return /* @__PURE__ */ s.jsx(
       Or,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
-        children: e.map((r, E) => {
-          const L = r.type === "html" && r.is_renderable === !1;
-          return /* @__PURE__ */ a.jsx(
+        children: e.map((n, E) => {
+          const D = n.type === "html" && n.is_renderable === !1;
+          return /* @__PURE__ */ s.jsx(
             "div",
             {
-              ref: t && E === l ? Dt : null,
-              "aria-hidden": L || void 0,
-              className: he(
+              ref: t && E === l ? Bt : null,
+              "aria-hidden": D || void 0,
+              className: ye(
                 "w-full shrink-0",
-                o === 1 && r.is_renderable !== !1 && "slide-element--single",
-                L ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
+                o === 1 && n.is_renderable !== !1 && "slide-element--single",
+                D ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : n.is_renderable === !1 && "hidden"
               ),
-              children: sr(r, {
-                replaceRootScreenHeightWithFull: o === 1 && r.type === "html" && r.is_renderable !== !1
+              children: lr(n, {
+                replaceRootScreenHeightWithFull: o === 1 && n.type === "html" && n.is_renderable !== !1
               })
             },
-            r.sequence_number ?? `${r.type}-${E}`
+            n.sequence_number ?? `${n.type}-${E}`
           );
         })
       }
     );
-  }, cr = n(() => {
-    const e = Se.current;
+  }, ar = r(() => {
+    const e = ve.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -870,137 +874,137 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), yn = n(() => {
-    const e = Ke.current;
+  }, []), pn = r(() => {
+    const e = qe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Et = n(
-    (e) => In({
-      currentIndex: s,
+  }, []), At = r(
+    (e) => Sn({
+      currentIndex: a,
       resolvedCurrentInteractionElement: y,
-      slideElementList: P,
-      targetSlideIndex: Ye[e.audioIndex]
+      slideElementList: C,
+      targetSlideIndex: He[e.audioIndex]
     }),
     [
       y,
-      Ye,
-      s,
-      P
+      He,
+      a,
+      C
     ]
-  ), ur = n(
+  ), cr = r(
     (e, t) => {
-      const i = S[e.audioIndex]?.audioKey, l = Ye[e.audioIndex];
-      return !i || l == null || !Et(e) ? !1 : (me(t), J.current = null, b(!1), ft(!1), ze(!1), Rt(t) && (ie(!0), v(!0)), l === s ? (Ee.current = null, N(), K(i), Ze(e), !0) : (Te.current = !0, N(), Ee.current = {
+      const i = S[e.audioIndex]?.audioKey, l = He[e.audioIndex];
+      return !i || l == null || !At(e) ? !1 : (me(t), J.current = null, b(!1), ct(!1), $e(!1), Et(t) && (ie(!0), v(!0)), l === a ? (Te.current = null, N(), K(i), Qe(e), !0) : (we.current = !0, N(), Te.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, Ut(l), !0));
+      }, Kt(l), !0));
     },
     [
       S,
-      Ye,
-      Et,
-      s,
-      Ut,
-      Ze,
+      He,
+      At,
+      a,
+      Kt,
+      Qe,
       N,
       v,
       me
     ]
-  ), dr = n(
+  ), ur = r(
     (e) => {
-      me(e), Te.current = !0, J.current = null, b(!1), Rt(e) && (ie(!0), v(!0)), N(), Kt();
+      me(e), we.current = !0, J.current = null, b(!1), Et(e) && (ie(!0), v(!0)), N(), qt();
     },
     [
-      Kt,
+      qt,
       N,
       v,
       me
     ]
-  ), fr = n(
+  ), dr = r(
     (e) => {
-      me(e), Te.current = !0, J.current = null, b(!1), Rt(e) && (ie(!0), v(!0)), N(), M();
+      me(e), we.current = !0, J.current = null, b(!1), Et(e) && (ie(!0), v(!0)), N(), O();
     },
     [
-      M,
+      O,
       N,
       v,
       me
     ]
-  ), mr = n(
+  ), fr = r(
     ({
       loading: e,
       reason: t
     }) => {
-      if (O) {
+      if (_) {
         b(!1);
         return;
       }
-      if (!I || F) {
+      if (!I || k) {
         b(!1);
         return;
       }
-      e && t && dt(t), b(mo(t, e));
+      e && t && at(t), b(fo(t, e));
     },
     [
       I,
-      F,
-      O
+      k,
+      _
     ]
   );
   c(() => {
-    O && b(!1);
-  }, [O]);
-  const pr = n(
+    _ && b(!1);
+  }, [_]);
+  const mr = r(
     (e) => {
       const t = S[e]?.audioKey;
       if (!t || !A || t !== A)
         return;
-      const o = k.findIndex(
-        (r) => r === t
+      const o = M.findIndex(
+        (n) => n === t
       );
       if (o < 0) {
         K(null);
         return;
       }
-      const i = o + 1, l = k[i];
+      const i = o + 1, l = M[i];
       if (l) {
         K(l);
         return;
       }
-      if (K(null), ft(!0), b(!1), R) {
-        const r = s + 1, E = P[r];
-        sn && E?.type === "interaction" && (J.current = r), M();
+      if (K(null), ct(!0), b(!1), R) {
+        const n = a + 1, E = C[n];
+        ln && E?.type === "interaction" && (J.current = n), O();
         return;
       }
     },
     [
       S,
       R,
-      s,
+      a,
       A,
-      k,
       M,
-      sn,
-      P
+      O,
+      ln,
+      C
     ]
-  ), yr = n(() => {
-    y && Je((e) => !e);
-  }, [y]), hr = n(() => {
-    Ue.current = !0, V(), g && Ce(!0);
-  }, [V, g]), gr = n(() => {
-    Ue.current = !1, v(!0);
-  }, [v]), pe = n(
+  ), pr = r(() => {
+    y && ze((e) => !e);
+  }, [y]), yr = r(() => {
+    Ke.current = !0, V(), g && Ce(!0);
+  }, [V, g]), hr = r(() => {
+    Ke.current = !1, v(!0);
+  }, [v]), wt = r(
     (e) => {
       e.stopPropagation(), w && v(!0);
     },
     [w, v]
-  ), et = n(
+  ), Ze = r(
     (e, t) => {
-      const o = at.current;
+      const o = it.current;
       if (!o)
         return null;
       const i = e.getBoundingClientRect(), l = o.getBoundingClientRect();
@@ -1013,79 +1017,62 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     },
     []
   );
-  ao(() => {
-    const e = xe.current;
-    if (!De || !e) {
-      Ae.current = null;
+  so(() => {
+    const e = be.current;
+    if (!Be || !e) {
+      xe.current = null;
       return;
     }
-    const t = Ae.current, o = e.getBoundingClientRect();
-    if (!t || gt) {
-      Ae.current = o;
+    const t = xe.current, o = e.getBoundingClientRect();
+    if (!t || pt) {
+      xe.current = o;
       return;
     }
     const i = {
       x: x.x + t.left - o.left,
       y: x.y + t.top - o.top
-    }, l = et(
+    }, l = Ze(
       e,
       x
-    ), r = l ? Sn(i, l) : i;
-    Ae.current = {
-      left: o.left + r.x - x.x,
-      top: o.top + r.y - x.y
-    }, (r.x !== x.x || r.y !== x.y) && ht(r);
+    ), n = l ? vn(i, l) : i;
+    xe.current = {
+      left: o.left + n.x - x.x,
+      top: o.top + n.y - x.y
+    }, (n.x !== x.x || n.y !== x.y) && mt(n);
   }, [
-    et,
+    Ze,
     x,
-    gt,
+    pt,
     w,
     g,
-    De
+    Be
   ]);
-  const Pt = n(
+  const gr = r(
     (e) => {
-      if (pe(e), e.button !== 0 || !e.currentTarget.isConnected || !xe.current)
+      if (wt(e), e.button !== 0 || !e.currentTarget.isConnected || !be.current)
         return;
-      const t = et(
-        xe.current,
+      const t = Ze(
+        be.current,
         x
       );
-      t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), we.current = {
+      t && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), Ae.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
         startOffset: x,
         bounds: t
-      }, vt(!0));
+      }, yt(!0));
     },
     [
-      et,
+      Ze,
       x,
-      pe
+      wt
     ]
-  ), vr = n(
+  ), vr = r(
     (e) => {
-      if (_) {
-        pe(e);
-        return;
-      }
-      if (ot(e.target)) {
-        pe(e);
-        return;
-      }
-      Pt(e);
-    },
-    [
-      Pt,
-      _,
-      pe
-    ]
-  ), hn = n(
-    (e) => {
-      const t = we.current;
-      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), ht(
-        Sn(
+      const t = Ae.current;
+      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), mt(
+        vn(
           {
             x: t.startOffset.x + e.clientX - t.startClientX,
             y: t.startOffset.y + e.clientY - t.startClientY
@@ -1095,37 +1082,37 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
       ));
     },
     []
-  ), tt = n(
+  ), yn = r(
     (e) => {
-      const t = we.current;
-      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), we.current = null, vt(!1));
+      const t = Ae.current;
+      !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Ae.current = null, yt(!1));
     },
     []
-  ), Sr = n(
+  ), Sr = r(
     (e) => {
-      q(), Ft?.(e);
+      q(), kt?.(e);
     },
-    [q, Ft]
-  ), Ir = n(
+    [q, kt]
+  ), Ir = r(
     (e) => {
-      q(), Bt?.(e);
+      q(), Ft?.(e);
     },
-    [q, Bt]
-  ), br = n(() => {
+    [q, Ft]
+  ), br = r(() => {
     ie(!0), v(!0);
   }, [v]);
   return c(() => {
-    const e = Nt.current, i = (e.length > 0 && e.length < oe.length && e.every((r, E) => r === oe[E]) ? C.slice(e.length) : []).some(
-      (r) => r.is_new === !1
+    const e = Nt.current, i = (e.length > 0 && e.length < oe.length && e.every((n, E) => n === oe[E]) ? P.slice(e.length) : []).some(
+      (n) => n.is_new === !1
     );
     if (Nt.current = oe, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const r = Ke.current, E = Dt.current;
-      if (!r || !E)
+      const n = qe.current, E = Bt.current;
+      if (!n || !E)
         return;
-      const L = r.getBoundingClientRect(), nt = E.getBoundingClientRect(), Ne = r.scrollTop + (nt.top - L.top);
-      r.scrollTo({
+      const D = n.getBoundingClientRect(), et = E.getBoundingClientRect(), Ne = n.scrollTop + (et.top - D.top);
+      n.scrollTo({
         top: Math.max(Ne, 0),
         behavior: "smooth"
       });
@@ -1133,59 +1120,59 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [C, oe]), c(() => {
-    if (!Te.current || (Te.current = !1, C.length === 0))
+  }, [P, oe]), c(() => {
+    if (!we.current || (we.current = !1, P.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      yn();
+      pn();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [C, yn]), /* @__PURE__ */ a.jsxs(
+  }, [P, pn]), /* @__PURE__ */ s.jsxs(
     "section",
     {
-      ref: Se,
-      className: he(
+      ref: ve,
+      className: ye(
         "relative h-full w-full",
-        _ && "slide--mobile-device",
-        Zt && "slide--browser-fullscreen",
+        L && "slide--mobile-device",
+        Qt && "slide--browser-fullscreen",
         ce && "slide--mobile-landscape",
-        Qt && "slide--mobile-landscape-native",
-        En
+        Xt && "slide--mobile-landscape-native",
+        Tn
       ),
       onClick: br,
       onFocusCapture: Ir,
       onPointerDown: Sr,
-      ...Pn,
+      ...En,
       children: [
-        Gn ? /* @__PURE__ */ a.jsx(
+        Yn ? /* @__PURE__ */ s.jsx(
           "div",
           {
             "aria-hidden": "true",
             className: "pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"
           }
         ) : null,
-        /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ s.jsxs(
           "div",
           {
-            ref: at,
-            className: he(
+            ref: it,
+            className: ye(
               "slide__viewport relative h-full min-h-0 w-full",
               ce && "slide__viewport--mobile-landscape",
-              ce && !Kn && "slide__viewport--mobile-landscape-native"
+              ce && !qn && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              Hn ? /* @__PURE__ */ a.jsxs("div", { className: "slide-landscape-header", children: [
-                /* @__PURE__ */ a.jsx(
+              Un ? /* @__PURE__ */ s.jsxs("div", { className: "slide-landscape-header", children: [
+                /* @__PURE__ */ s.jsx(
                   "button",
                   {
                     "aria-label": G?.backAriaLabel ?? $.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: zn,
+                    onClick: $n,
                     type: "button",
-                    children: /* @__PURE__ */ a.jsx(
-                      ro,
+                    children: /* @__PURE__ */ s.jsx(
+                      no,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -1193,27 +1180,27 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
                     )
                   }
                 ),
-                G?.content ? /* @__PURE__ */ a.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: G.content }) : null
+                G?.content ? /* @__PURE__ */ s.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: G.content }) : null
               ] }) : null,
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: he(
+                  className: ye(
                     "h-full min-h-0 w-full",
-                    Yn && "slide__viewport-content--with-header",
-                    On ? "slide-content--single" : "grid gap-4"
+                    Hn && "slide__viewport-content--with-header",
+                    _n ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: C.length > 0 ? /* @__PURE__ */ a.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ a.jsx("div", { ref: Ke, className: "slide-stage__layer w-full", children: Jn.map(
+                  children: P.length > 0 ? /* @__PURE__ */ s.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ s.jsx("div", { ref: qe, className: "slide-stage__layer w-full", children: zn.map(
                     (e, t) => {
-                      const o = t === Wn;
-                      return /* @__PURE__ */ a.jsx(
+                      const o = t === Jn;
+                      return /* @__PURE__ */ s.jsx(
                         "div",
                         {
                           "data-active-step": o ? "true" : void 0,
                           "aria-hidden": !o || void 0,
                           className: "w-full h-full",
                           style: { display: o ? void 0 : "none" },
-                          children: ar(
+                          children: sr(
                             e.elementList,
                             o
                           )
@@ -1224,129 +1211,124 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
                   ) }) }) : null
                 }
               ),
-              Bn ? /* @__PURE__ */ a.jsx(
+              Fn ? /* @__PURE__ */ s.jsx(
                 Er,
                 {
-                  message: uo(
+                  message: co(
                     Cn,
-                    Dn
+                    Bn
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ s.jsx(
                 Mr,
                 {
-                  extraBottomOffset: Vn,
+                  extraBottomOffset: Ln,
                   hasPlayerGap: w,
-                  isEnabled: $t && Nn,
+                  isEnabled: Gt && Nn,
                   isPlayerHidden: g && !w,
                   playbackTimeStore: se,
-                  subtitleCues: Xn
+                  subtitleCues: Wn
                 }
               ),
-              De ? /* @__PURE__ */ a.jsx(
+              Be ? /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  ref: xe,
+                  ref: be,
                   "data-player-keyboard-shortcuts-ignore": "true",
-                  className: he(
+                  className: ye(
                     "slide-interaction-overlay",
                     w && g ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone",
-                    !_ && "slide-interaction-overlay--draggable",
-                    gt && "slide-interaction-overlay--dragging"
+                    pt && "slide-interaction-overlay--dragging"
                   ),
-                  onClick: pe,
-                  onPointerDown: vr,
+                  onClick: wt,
                   onPointerDownCapture: (e) => {
-                    ot(e.target) && We(!0);
+                    Pt(e.target) && Je(!0);
                   },
-                  onPointerMove: hn,
-                  onPointerUp: tt,
-                  onPointerCancel: tt,
                   onFocusCapture: (e) => {
-                    ot(e.target) && We(!0);
+                    Pt(e.target) && Je(!0);
                   },
                   onInputCapture: (e) => {
-                    ot(e.target) && We(!0);
+                    Pt(e.target) && Je(!0);
                   },
-                  style: Qn,
-                  children: /* @__PURE__ */ a.jsx(
-                    An,
+                  style: Xn,
+                  children: /* @__PURE__ */ s.jsx(
+                    xn,
                     {
                       content: String(y?.content ?? ""),
                       locale: h,
-                      defaultButtonText: fn.buttonText ?? "",
-                      defaultInputText: fn.inputText ?? "",
-                      defaultSelectedValues: rr,
+                      defaultButtonText: dn.buttonText ?? "",
+                      defaultInputText: dn.inputText ?? "",
+                      defaultSelectedValues: nr,
                       confirmButtonText: te?.confirmButtonText ?? $.interactionTexts.confirmButtonText,
                       copyButtonText: te?.copyButtonText ?? $.interactionTexts.copyButtonText,
                       copiedButtonText: te?.copiedButtonText ?? $.interactionTexts.copiedButtonText,
-                      onSend: lr,
-                      onDragHandlePointerCancel: tt,
-                      onDragHandlePointerDown: Pt,
-                      onDragHandlePointerMove: hn,
-                      onDragHandlePointerUp: tt,
-                      readonly: ir,
-                      title: te?.title ?? it ?? $.interactionTexts.title
+                      onSend: ir,
+                      onDragHandlePointerCancel: yn,
+                      onDragHandlePointerDown: gr,
+                      onDragHandlePointerMove: vr,
+                      onDragHandlePointerUp: yn,
+                      readonly: or,
+                      title: te?.title ?? nt ?? $.interactionTexts.title
                     }
                   )
                 }
               ) : null,
-              g ? /* @__PURE__ */ a.jsx(
+              g ? /* @__PURE__ */ s.jsx(
                 Br.Provider,
                 {
-                  value: Mn,
-                  children: /* @__PURE__ */ a.jsx(
+                  value: On,
+                  children: /* @__PURE__ */ s.jsx(
                     _r,
                     {
                       audioList: S,
-                      className: he(
+                      className: ye(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        Zt ? "bottom-3" : "-bottom-3",
+                        Qt ? "bottom-3" : "-bottom-3",
                         Y,
                         !w && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: T,
-                      defaultPlaying: ut,
+                      defaultPlaying: st,
                       enableKeyboardShortcuts: ne,
                       isPlaybackPaused: W,
-                      isAutoAdvanceEnabled: Re,
+                      isAutoAdvanceEnabled: Pe,
                       locale: h,
                       hasInteraction: !!y,
                       isInteractionOpen: le,
-                      isSubtitleEnabled: $t,
-                      onAutoAdvanceToggle: Yt,
-                      onLoadingChange: mr,
+                      isSubtitleEnabled: Gt,
+                      onAutoAdvanceToggle: Ht,
+                      onLoadingChange: fr,
                       onPlaybackStarted: () => {
-                        ze(!0);
+                        $e(!0);
                       },
-                      onPlaybackPreferenceChange: nr,
+                      onPlaybackPreferenceChange: tr,
                       onPlaybackTimeChange: se.setTime,
                       onSubtitleToggle: () => {
-                        Ln((e) => !e);
+                        Dn((e) => !e);
                       },
                       nextDisabled: !R,
-                      onEnded: pr,
-                      onFullscreen: cr,
-                      isFullscreen: Jt,
+                      onEnded: mr,
+                      onFullscreen: ar,
+                      isFullscreen: zt,
                       mobileViewMode: ae,
-                      settingsPortalContainer: at.current,
-                      onMobileViewModeChange: $n,
-                      onControlsPointerEnter: hr,
-                      onControlsPointerLeave: gr,
-                      onInteractionToggle: yr,
-                      onNext: fr,
-                      onPrev: dr,
-                      onSubtitleJump: ur,
-                      canJumpToSubtitleTarget: Et,
-                      prevDisabled: !_n,
+                      settingsPortalContainer: it.current,
+                      onMobileViewModeChange: Gn,
+                      onControlsPointerEnter: yr,
+                      onControlsPointerLeave: hr,
+                      onInteractionToggle: pr,
+                      onNext: dr,
+                      onPrev: ur,
+                      onSubtitleJump: cr,
+                      canJumpToSubtitleTarget: At,
+                      prevDisabled: !Rn,
                       showControls: w,
-                      subtitleSeekRequest: Fn,
-                      texts: lt,
-                      customActionContext: xt,
+                      subtitleSeekRequest: kn,
+                      texts: rt,
+                      customActionContext: St,
                       customActions: Z,
-                      useAutoAdvanceToggle: Me
+                      useAutoAdvanceToggle: Oe
                     }
                   )
                 }
@@ -1359,6 +1341,6 @@ const po = (m, h) => m.length === h.length && m.every((H, ge) => {
   );
 };
 export {
-  Qo as default
+  Xo as default
 };
 //# sourceMappingURL=Slide.es.js.map