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

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

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