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

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

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