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

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

@@ -1,78 +1,78 @@
-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 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 { 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 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 "../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 { 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";
 /* empty css             */
-import Vt from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
+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, Co = 16, On = 3e3, pt = {
+const wo = 2e3, xo = 300, Eo = 160, To = 16, Rn = 3e3, ft = {
   x: 0,
   y: 0
-}, Kt = 0.5, To = typeof window > "u" ? a : Br, Po = [
+}, Bt = 0.5, Co = typeof window > "u" ? s : Nr, Po = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), Ut = "waitingForAudio", Ro = ({
+].join(", "), Vt = "waitingForAudio", Ro = ({
   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 : {
+}), _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 : {
   ...d,
   ...c
-}, Mo = (c, d) => d ? c !== "loadingAudio" : !1, Fn = Dr(
+}, Mo = (c, d) => d ? c !== "loadingAudio" : !1, Mn = Lr(
   ({
     content: c,
     title: d,
-    dragHandleAriaLabel: G,
+    dragHandleAriaLabel: Y,
     locale: be,
-    dir: $,
-    lang: z,
-    defaultButtonText: Ae,
+    dir: G,
+    lang: $,
+    defaultButtonText: oe,
     defaultInputText: ie,
     defaultSelectedValues: He,
-    confirmButtonText: yt,
-    copyButtonText: X,
-    copiedButtonText: ht,
-    onSend: we,
+    confirmButtonText: mt,
+    copyButtonText: z,
+    copiedButtonText: pt,
+    onSend: Ae,
     onDragHandlePointerCancel: Ye,
     onDragHandlePointerDown: Ge,
     onDragHandlePointerMove: $e,
-    onDragHandlePointerUp: xe,
+    onDragHandlePointerUp: we,
     readonly: ze = !1
   }) => /* @__PURE__ */ Ue("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ u(
@@ -80,181 +80,179 @@ 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,
+        onPointerUp: we,
         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(Dt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(Dt, { "aria-hidden": "true" }),
+          /* @__PURE__ */ u(Dt, { "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,
+      Hr,
       {
         content: c,
         locale: be,
-        dir: $,
-        lang: z,
-        defaultButtonText: Ae,
+        dir: G,
+        lang: $,
+        defaultButtonText: oe,
         defaultInputText: ie,
         defaultSelectedValues: He,
-        confirmButtonText: yt,
-        copyButtonText: X,
-        copiedButtonText: ht,
-        onSend: we,
+        confirmButtonText: mt,
+        copyButtonText: z,
+        copiedButtonText: pt,
+        onSend: Ae,
         readonly: ze,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-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 = ({
+Mn.displayName = "InteractionOverlayCard";
+const ko = (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 = ({
   elementList: c = [],
   locale: d,
-  playerEnabled: G,
+  playerEnabled: Y,
   playerControlsVisibility: be,
-  playerClassName: $,
-  fullscreenHeader: z,
-  playerCustomActions: Ae,
+  playerClassName: G,
+  fullscreenHeader: $,
+  playerCustomActions: oe,
   playerCustomActionPauseOnActive: ie = !0,
   bufferingText: He,
-  interactionTitle: yt,
-  interactionTexts: X,
-  playerTexts: ht,
-  playerAutoHideDelay: we = 3e3,
+  interactionTitle: mt,
+  interactionTexts: z,
+  playerTexts: pt,
+  playerAutoHideDelay: Ae = 3e3,
   markerAutoAdvanceDelay: Ye = wo,
   interactionDefaultValueOptions: Ge,
   onSend: $e,
-  onPlayerVisibilityChange: xe,
+  onPlayerVisibilityChange: we,
   onMobileViewModeChange: ze,
-  onStepChange: Ht,
+  onStepChange: qt,
   enableKeyboardShortcuts: le = !0,
-  enableIframeScaling: Ln = !0,
-  enableMarkdownScaling: Dn = !0,
-  disableLoadingOverlay: L = !1,
-  className: Nn,
-  dir: Bn,
-  lang: Vn,
-  onPointerDown: Yt,
-  onFocusCapture: Gt,
-  ...qn
+  enableIframeScaling: kn = !0,
+  enableMarkdownScaling: Fn = !0,
+  disableLoadingOverlay: M = !1,
+  className: Ln,
+  dir: Dn,
+  lang: Nn,
+  onPointerDown: Kt,
+  onFocusCapture: Ut,
+  ...Bn
 }) => {
-  const J = Bn ?? Kr(d), Ee = Vn ?? Ur(d), q = f(() => Io(d), [d]), Kn = f(
+  const X = Dn ?? qr(d), xe = Nn ?? Kr(d), q = f(() => Io(d), [d]), Vn = f(
     () => Oo(
       He,
       q.bufferingText
     ),
     [He, q.bufferingText]
   ), {
-    playerEnabled: Un,
-    playerControlsVisibility: K
-  } = So({
-    playerEnabled: G,
+    playerEnabled: qn,
+    playerControlsVisibility: J
+  } = vo({
+    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 = 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({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), vt = m(!1), {
-    currentElementList: R,
-    stepElementLists: jt,
-    slideElementList: P,
-    currentIndex: s,
+  }), ht = m(!1), {
+    currentElementList: P,
+    stepElementLists: Xt,
+    slideElementList: C,
+    currentIndex: a,
     audioList: S,
     audioSlideIndexes: Qe,
     currentAudioSequenceIndexes: Ze,
-    currentStepHasSpeakableElement: A,
+    currentStepHasSpeakableElement: b,
     currentInteractionElement: y,
-    canGoPrev: Yn,
-    canGoNext: _,
-    handlePrev: Qt,
-    handleNext: D,
-    handleGoTo: Zt
-  } = Wr(c), Me = f(() => {
-    if (!(s < 0))
-      return P[s];
-  }, [s, P]), ue = f(
-    () => R.map(
+    canGoPrev: Un,
+    canGoNext: R,
+    handlePrev: Jt,
+    handleNext: k,
+    handleGoTo: Wt
+  } = Jr(c), Oe = f(() => {
+    if (!(a < 0))
+      return C[a];
+  }, [a, C]), ue = f(
+    () => P.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
-    [R]
-  ), Gn = P.filter(
+    [P]
+  ), Hn = C.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, h = Un && (P.length > 0 || S.length > 0 || !!y), $n = f(
+  ).length === 1, A = qn && (C.length > 0 || S.length > 0 || !!y), Yn = f(
     () => ({
       enabled: le,
       ownerId: Xe
     }),
     [le, Xe]
-  ), U = r(() => {
-    !le || !h || Zr(Xe);
-  }, [le, Xe, h]), O = f(
+  ), K = r(() => {
+    !le || !A || Qr(Xe);
+  }, [le, Xe, A]), _ = 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,
-    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(), []), {
+  ), [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(), []), {
     effectiveMobileViewMode: Q,
-    isImmersiveMobileFullscreen: ye,
-    isNativeMobileFullscreen: cn,
-    shouldRotateFullscreenViewport: nr
+    isImmersiveMobileFullscreen: pe,
+    isNativeMobileFullscreen: ln,
+    shouldRotateFullscreenViewport: er
   } = f(
-    () => eo({
-      hasManualMobileViewMode: an,
-      isMobileDevice: B,
+    () => Zr({
+      hasManualMobileViewMode: rn,
+      isMobileDevice: N,
       mobileViewMode: lt
     }),
     [
-      an,
-      B,
-      tr,
+      rn,
+      N,
+      Zn,
       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(
+  ), an = m(Q), {
+    controlsVisible: B,
+    layoutReserved: at
+  } = So({
+    isAutoVisible: Gn,
+    playerControlsVisibility: J,
+    shouldMountPlayer: A
+  }), tr = pe && B, nr = pe && at, rr = pe || ln, sn = nn && !N, or = r(
     (e) => {
-      Pt(!0), Tt(e);
+      Tt(!0), Et(e);
     },
     []
-  ), fn = r(() => {
-    Pt(!1), Tt(mt);
-  }, []), ar = r(() => {
-    fn(), z?.onBack?.();
-  }, [z, fn]), k = r(() => {
-    W.current !== null && (window.clearTimeout(W.current), W.current = null);
-  }, []), F = r(() => {
-    Te.current !== null && (window.clearTimeout(Te.current), Te.current = null);
-  }, []), at = r(() => {
-    k(), F(), ot(!1), me(0);
-  }, [k, F]), st = r(
-    (e) => {
-      e && at(), At(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(() => {
+  ), 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(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return jt.forEach((n, i) => {
+    return Xt.forEach((n, i) => {
       const l = e.findIndex(
         (o) => ko(
           o.elementList,
@@ -271,53 +269,53 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
       }), t.set(i, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: s >= 0 ? t.get(s) ?? -1 : -1
+      currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [s, jt]), pn = f(() => String(s), [s]), T = f(() => x ? S.findIndex(
+  }, [a, Xt]), fn = f(() => String(a), [a]), T = f(() => x ? S.findIndex(
     (e) => (e.audioKey ?? "") === x
-  ) : -1, [S, x]), Rt = f(
+  ) : -1, [S, x]), Ct = f(
     () => T >= 0 ? S[T] : void 0,
     [S, T]
-  ), ur = Rt?.element?.subtitle_cues ?? [], ct = f(
-    () => O[0] ?? "none",
-    [O]
-  ), _t = f(
+  ), sr = Ct?.element?.subtitle_cues ?? [], st = f(
+    () => _[0] ?? "none",
+    [_]
+  ), Pt = f(
     () => ({
-      currentElement: uo({
+      currentElement: co({
         currentAudioIndex: T,
         currentAudioSequenceIndexes: Ze,
         audioList: S,
-        currentInteractionElement: I,
-        currentStepElement: Me
+        currentInteractionElement: h,
+        currentStepElement: Oe
       }),
-      currentIndex: s,
-      currentStepElement: Me,
-      isActive: bt,
-      setActive: st,
-      toggleActive: mn
+      currentIndex: a,
+      currentStepElement: Oe,
+      isActive: St,
+      setActive: un,
+      toggleActive: dn
     }),
     [
-      I,
+      h,
       S,
       T,
       Ze,
-      s,
-      Me,
-      bt,
-      st,
-      mn
+      a,
+      Oe,
+      St,
+      un,
+      dn
     ]
-  ), ut = f(
-    () => fo(
-      Ae,
-      _t
+  ), Rt = f(
+    () => uo(
+      oe,
+      Pt
     ),
-    [_t, Ae]
-  ), Ot = ut > 0, Mt = Ot && bt, dr = f(
+    [Pt, oe]
+  ), cr = f(
     () => ({
-      "--slide-player-custom-action-count": String(ut),
+      "--slide-player-custom-action-count": String(Rt),
       "--slide-player-mobile-control-count": String(
-        ut + 4
+        Rt + 4
       ),
       "--slide-interaction-drag-x": `${E.x}px`,
       "--slide-interaction-drag-y": `${E.y}px`
@@ -325,96 +323,100 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
     [
       E.x,
       E.y,
-      ut
+      Rt
     ]
-  ), yn = O.length > 0, hn = f(() => y ? `${y.sequence_number ?? "none"}:${String(
+  ), mn = _.length > 0, pn = f(() => y ? `${y.sequence_number ?? "none"}:${String(
     y.content ?? ""
   )}` : "none", [y]), Le = f(
-    () => [pn, hn].join("|"),
-    [hn, pn]
-  ), fr = f(
+    () => [fn, pn].join("|"),
+    [pn, fn]
+  ), ur = f(
     () => [
       Le,
-      Rt?.audioKey ?? "none",
+      Ct?.audioKey ?? "none",
       String(T)
     ].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: _,
+    [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({
+      canGoNext: R,
       currentAudioIndex: T,
-      currentStepHasSpeakableElement: A,
+      currentStepHasSpeakableElement: b,
       hasInteraction: !!y
     }),
     [
-      _,
+      R,
       T,
       y,
-      A
+      b
     ]
-  ), vn = f(
-    () => vo({
-      currentElementList: R,
-      currentStepHasSpeakableElement: A,
+  ), hn = f(
+    () => go({
+      currentElementList: P,
+      currentStepHasSpeakableElement: b,
       currentInteractionElement: y,
       markerAutoAdvanceDelay: Ye
     }),
     [
-      R,
+      P,
       y,
-      A,
+      b,
       Ye
     ]
-  ), Sn = vn.delayMs, Ne = vn.usesImageOnlyDelay, kt = f(
-    () => `${s}:${ue.join("|")}`,
-    [s, ue]
-  ), [mr, pr] = p(null), In = !Ne || mr === kt, V = r(() => {
+  ), gn = hn.delayMs, Ne = hn.usesImageOnlyDelay, _t = f(
+    () => `${a}:${ue.join("|")}`,
+    [a, ue]
+  ), [dr, fr] = p(null), vn = !Ne || dr === _t, 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(() => {
+  }, []), 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);
+  }, []), 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);
+      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,
-      Y,
-      k,
+      ye,
+      H,
       F,
-      pe
+      L,
+      me
     ]
-  ), dt = r(
+  ), ct = r(
     (e) => {
-      Xt.current += 1, nn({
+      Gt.current += 1, Zt({
         ...e,
-        id: Xt.current
+        id: Gt.current
       });
     },
     []
-  ), ge = r(() => {
-    const e = io(
-      O,
+  ), he = r(() => {
+    const e = oo(
+      _,
       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(() => {
+    F(), L(), ot(!1), Fe(0), !he() && R && k();
   }, [
-    _,
-    k,
+    R,
     F,
-    D,
-    ge
-  ]), bn = r(
+    L,
+    k,
+    he
+  ]), Sn = r(
     (e) => {
-      if (F(), !e)
+      if (L(), !e)
         return;
       const t = () => {
-        Te.current = null, me(
+        Te.current = null, Fe(
           Eo
         ), ot(!0), j.current = null;
       };
@@ -423,64 +425,58 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
         xo
       );
     },
-    [F]
-  ), Ft = r(
+    [L]
+  ), Ot = r(
     () => We.current || !!ae.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
     (e = et) => {
-      !h || K === "hidden" || (ke(!0), V(), !(K === "visible" || !e || we <= 0 || Ft()) && (se.current = window.setTimeout(() => {
-        if (Ft()) {
+      !A || J === "hidden" || (Me(!0), V(), !(J === "visible" || !e || Ae <= 0 || Ot()) && (se.current = window.setTimeout(() => {
+        if (Ot()) {
           se.current = null;
           return;
         }
-        ke(!1), se.current = null;
-      }, we)));
+        Me(!1), se.current = null;
+      }, Ae)));
     },
     [
       V,
       et,
-      Ft,
-      we,
-      K,
-      h
+      Ot,
+      Ae,
+      J,
+      A
     ]
-  ), Ve = !!co(y), te = !!y && !Ve, yr = r((e) => {
-    en(e);
+  ), Ve = !!so(y), ge = !!y && !Ve, mr = r((e) => {
+    jt(e);
   }, []), ve = r(
     (e) => {
-      e && en(e.shouldContinuePlayback);
+      e && jt(e.shouldContinuePlayback);
     },
     []
   );
-  a(() => {
-    tn(St);
-  }, [s, St, ie]), a(() => {
-    ie && st(!1);
-  }, [
-    s,
-    ie,
-    st
-  ]), a(() => {
-    Ot || At(!1);
-  }, [Ot]), a(() => () => {
-    he(), Y(), V(), k(), F();
+  s(() => {
+    Qt(gt);
+  }, [a, gt, ie]), s(() => {
+    ie && It(!1);
+  }, [a, ie]), s(() => () => {
+    ye(), H(), V(), F(), L();
   }, [
-    he,
-    Y,
-    k,
+    ye,
+    H,
     F,
+    L,
     V
-  ]), a(() => {
+  ]), s(() => {
     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(), fr(_t));
     }, o = () => {
       if (e)
         return;
@@ -490,61 +486,61 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
       );
       if (!v)
         return;
-      const b = Array.from(
+      const I = Array.from(
         v.querySelectorAll("iframe")
       );
-      if (b.length === 0 || go(b)) {
+      if (I.length === 0 || ho(I)) {
         l();
         return;
       }
-      const ne = [], Ke = () => {
+      const te = [], Ke = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
           t = null, o();
         }));
-      }, Nt = (re, Se, oe) => {
-        re.addEventListener(Se, oe, { once: !0 }), ne.push(
-          () => re.removeEventListener(Se, oe)
+      }, Ft = (ne, Se, re) => {
+        ne.addEventListener(Se, re, { once: !0 }), te.push(
+          () => ne.removeEventListener(Se, re)
         );
       };
-      b.forEach((re) => {
-        const Se = re.contentDocument;
+      I.forEach((ne) => {
+        const Se = ne.contentDocument;
         if (!Se || Se.readyState !== "complete") {
-          Nt(re, "load", Ke);
+          Ft(ne, "load", Ke);
           return;
         }
-        Array.from(Se.images).filter((oe) => !oe.complete).forEach((oe) => {
-          Nt(oe, "load", Ke), Nt(oe, "error", Ke);
+        Array.from(Se.images).filter((re) => !re.complete).forEach((re) => {
+          Ft(re, "load", Ke), Ft(re, "error", Ke);
         });
       }), n = () => {
-        ne.forEach((re) => re());
+        te.forEach((ne) => ne());
       };
     };
     return t = window.requestAnimationFrame(() => {
       t = null, o();
     }), je.current = window.setTimeout(() => {
       l();
-    }, ho), () => {
-      e = !0, i(), Y(), t !== null && window.cancelAnimationFrame(t);
+    }, yo), () => {
+      e = !0, i(), H(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
-    Y,
-    R,
-    s,
-    kt,
+    H,
+    P,
+    a,
+    _t,
     Ne
-  ]), a(() => (xe?.(C), () => {
-    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);
+  ]), s(() => (we?.(B), () => {
+    we?.(!1);
+  }), [we, B]), s(() => {
+    B || (We.current = !1);
+  }, [B]), s(() => {
+    N || lt === dt || (Tt(!1), Et(dt));
+  }, [N, lt]), s(() => {
+    if (!N) {
+      on(!1);
       return;
     }
     const e = () => {
-      sn(Pn()), Z();
+      on(Tn()), Z();
     }, t = () => {
       Z();
     };
@@ -552,7 +548,7 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
       "change",
       t
     );
-    const n = $r(
+    const n = Gr(
       e
     );
     return () => {
@@ -561,270 +557,268 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
         t
       );
     };
-  }, [B, Z]), a(() => {
+  }, [N, Z]), s(() => {
     ze?.(Q);
-  }, [Q, ze]), a(() => {
-    un.current !== Q && Z(), un.current = Q;
-  }, [Q, Z]), a(() => {
-    Ht?.(Me, s);
-  }, [s, Me, Ht]), a(() => {
-    const e = Wt.current, t = oo(
+  }, [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(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: P.length,
+        nextMarkerCount: C.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,
+        isAutoAdvanceEnabled: ke,
         shouldUseSilentStepAutoAdvanceToggle: De
       }
     );
-    Wt.current = {
-      markerCount: P.length,
-      currentIndex: s,
-      canGoNext: _
-    }, t && D();
+    zt.current = {
+      markerCount: C.length,
+      currentIndex: a,
+      canGoNext: R
+    }, t && k();
   }, [
-    _,
+    R,
     x,
-    s,
+    a,
     y,
-    A,
-    D,
-    M,
+    b,
+    k,
+    O,
     Ve,
-    Fe,
+    ke,
     De,
-    P.length
-  ]), a(() => {
-    if (!h || K === "hidden") {
-      V(), ke(!1);
+    C.length
+  ]), s(() => {
+    if (!A || J === "hidden") {
+      V(), Me(!1);
       return;
     }
-    if (K === "visible") {
-      V(), ke(!0);
+    if (J === "visible") {
+      V(), Me(!0);
       return;
     }
     et || g(!0);
   }, [
     V,
     et,
-    K,
-    h,
+    J,
+    A,
     g
-  ]), a(() => {
+  ]), s(() => {
     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 && Br(t.data) && t.data.eventType === "click" && A && (K(), de(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [U, h, g]), jr({
+  }, [K, A, g]), Wr({
     sectionRef: ae,
-    enabled: h,
+    enabled: A,
     keyboardShortcutsEnabled: le,
-    onKeyboardShortcut: U,
+    onKeyboardShortcut: K,
     onWake: () => {
-      U(), de(!0), g(!0);
+      K(), de(!0), g(!0);
     }
-  }), a(() => {
-    if (!h) {
-      N();
+  }), s(() => {
+    if (!A) {
+      D();
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = ao({
-      previousResetKey: Jt.current,
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = lo({
+      previousResetKey: $t.current,
       nextResetKey: Le,
       currentAudioKey: x,
-      hasCompletedCurrentStepAudio: M
+      hasCompletedCurrentStepAudio: O
     });
-    Jt.current = Le;
-    const n = j.current === s && !!y, i = no({
+    $t.current = Le;
+    const n = j.current === a && !!y, i = to({
       hasInteraction: !!y,
-      shouldBlockPlaybackForInteraction: te,
+      shouldBlockPlaybackForInteraction: ge,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
       hasResolvedCurrentInteraction: Ve,
-      currentStepHasSpeakableElement: A,
-      isPlayerCustomActionActive: Mt
-    }), l = Oe.current, o = l?.slideIndex === s;
-    if (e && N({
+      currentStepHasSpeakableElement: b
+    }), l = _e.current, o = l?.slideIndex === a;
+    if (e && D({
       preservePendingSubtitleJump: o
-    }), !(R.length === 0 && !y) && !ee) {
-      if (l?.slideIndex === s && _n({
-        currentIndex: s,
-        resolvedCurrentInteractionElement: I,
-        slideElementList: P,
+    }), !(P.length === 0 && !y) && !ee) {
+      if (l?.slideIndex === a && Pn({
+        currentIndex: a,
+        resolvedCurrentInteractionElement: h,
+        slideElementList: C,
         targetSlideIndex: l.slideIndex
       })) {
-        Oe.current = null, vt.current = !0, H(l.audioKey), dt({
+        _e.current = null, ht.current = !0, U(l.audioKey), ct({
           audioIndex: l.audioIndex,
           timeMs: l.timeMs
         });
         return;
       }
-      if (y && wt(y), i) {
-        bn(y);
+      if (y && bt(y), i) {
+        Sn(y);
         return;
       }
-      if (F(), j.current = null, !te && t && !ge()) {
-        if (A) {
-          if (L) {
+      if (L(), j.current = null, !!t && !he()) {
+        if (b) {
+          if (M) {
             w(!1);
             return;
           }
           w(!0);
           return;
         }
-        if (_ && !(De && !Fe) && !(Ne && !In))
-          return Ce.current = window.setTimeout(() => {
-            Ce.current = null, D();
-          }, Sn), () => {
-            he();
+        if (R && !(De && !ke) && !(Ne && !vn))
+          return Ee.current = window.setTimeout(() => {
+            Ee.current = null, k();
+          }, gn), () => {
+            ye();
           };
       }
     }
   }, [
-    I,
-    _,
-    he,
-    R.length,
-    s,
+    h,
+    R,
+    ye,
+    P.length,
+    a,
     y,
     x,
     Le,
-    A,
+    b,
     Ne,
-    In,
-    Sn,
-    D,
+    vn,
+    gn,
+    k,
+    O,
     M,
-    L,
-    Fe,
+    ke,
     Ve,
-    Mt,
-    te,
-    F,
-    N,
-    dt,
-    bn,
-    h,
-    P,
     ge,
+    L,
+    D,
+    ct,
+    Sn,
+    A,
+    C,
+    he,
     ee,
     De
-  ]), a(() => {
-    if (L || ee || !A || te) {
+  ]), s(() => {
+    if (M || ee || !b || ge) {
       w(!1);
       return;
     }
-    if (M) {
+    if (O) {
       w(!1);
       return;
     }
-    if (yn) {
+    if (mn) {
       w(!1);
       return;
     }
-    It("waitingForAudio"), w(!0);
+    vt("waitingForAudio"), w(!0);
   }, [
-    yn,
-    A,
+    mn,
+    b,
+    O,
     M,
-    L,
     ee,
-    te
-  ]), a(() => {
-    M && lo(
-      O,
+    ge
+  ]), s(() => {
+    O && io(
+      _,
       nt.current
     ) && tt(!1);
-  }, [O, M]), a(() => {
-    const e = vt.current;
-    vt.current = !1, so({
+  }, [_, O]), s(() => {
+    const e = ht.current;
+    ht.current = !1, ao({
       currentAudioKey: x,
-      currentAudioSequenceLength: O.length,
-      currentStepHasSpeakableElement: A,
-      hasCompletedCurrentStepAudio: M,
-      shouldBlockPlaybackForInteraction: te,
+      currentAudioSequenceLength: _.length,
+      currentStepHasSpeakableElement: b,
+      hasCompletedCurrentStepAudio: O,
+      shouldBlockPlaybackForInteraction: ge,
       shouldPausePlaybackForCustomAction: ee,
       shouldSkipDefaultAudioStart: e
-    }) && ge();
+    }) && he();
   }, [
     x,
+    _,
+    b,
     O,
-    A,
-    M,
     ee,
-    te,
-    ge
-  ]), a(() => {
-    !x || T >= 0 || H(null);
-  }, [T, x]), a(() => {
-    T >= 0 || pe.reset();
-  }, [T, pe]), a(() => {
+    ge,
+    he
+  ]), s(() => {
+    !x || T >= 0 || U(null);
+  }, [T, x]), s(() => {
+    T >= 0 || me.reset();
+  }, [T, me]), s(() => {
     rt(!1);
-  }, [fr]);
+  }, [ur]);
   const {
-    interactionDefaults: An,
-    interactionDefaultSelectedValues: hr,
-    hasResolvedInteractionInput: wn,
-    isInteractionReadonly: gr,
-    shouldAutoContinueInteraction: xn
+    interactionDefaults: In,
+    interactionDefaultSelectedValues: pr,
+    hasResolvedInteractionInput: bn,
+    isInteractionReadonly: yr,
+    shouldAutoContinueInteraction: An
   } = f(
-    () => po(I, {
+    () => mo(h, {
       interactionDefaultValueOptions: Ge
     }),
-    [I, Ge]
-  ), vr = !!I?.readonly || gr, qe = to({
-    hasActiveInteraction: !!I,
+    [h, Ge]
+  ), hr = !!h?.readonly || yr, qe = eo({
+    hasActiveInteraction: !!h,
     isInteractionOverlayOpen: fe
-  }), Sr = r(
+  }), gr = r(
     (e) => {
       const n = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      wt((i) => !i || !n ? i : {
+      bt((i) => !i || !n ? i : {
         ...i,
         user_input: n
-      }), $e?.(e, I), Be();
+      }), $e?.(e, h), Be();
     },
-    [I, Be, $e]
+    [h, Be, $e]
   );
-  a(() => {
+  s(() => {
     const e = () => {
-      er(document.fullscreenElement === ae.current);
+      Qn(document.fullscreenElement === ae.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
-  }, []), a(() => {
-    I && fe || it(!1);
-  }, [I, fe]), a(() => {
+  }, []), s(() => {
+    h && fe || it(!1);
+  }, [h, fe]), s(() => {
     Z();
-  }, [I, Z]), a(() => {
+  }, [h, Z]), s(() => {
     if (!qe) {
-      me(0);
+      Fe(0);
       return;
     }
-    const e = Pe.current;
+    const e = Ce.current;
     if (!e)
       return;
     const t = () => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      me(
-        i + Co
+      Fe(
+        i + To
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -835,84 +829,84 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
     return n.observe(e), () => {
       n.disconnect();
     };
-  }, [qe]), a(() => {
-    if (k(), !!fe) {
-      if (xn)
+  }, [qe]), s(() => {
+    if (F(), !!fe) {
+      if (An)
         return W.current = window.setTimeout(() => {
           W.current = null, Be();
-        }, On), () => {
-          k();
+        }, Rn), () => {
+          F();
         };
-      if (!(on || !wn))
+      if (!(tn || !bn))
         return W.current = window.setTimeout(() => {
           W.current = null, Be();
-        }, On), () => {
-          k();
+        }, Rn), () => {
+          F();
         };
     }
   }, [
-    k,
+    F,
     Be,
-    on,
-    wn,
+    tn,
+    bn,
     fe,
-    xn
+    An
   ]);
-  const Ir = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Lr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
-    Tn,
+  const vr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Fr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
+    En,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: L,
+      disableLoadingOverlay: M,
       hideFullScreen: !0,
       locale: d,
-      dir: J,
-      lang: Ee,
+      dir: X,
+      lang: xe,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Ln
+      enableScaling: kn
     }
   ) : /* @__PURE__ */ u(
-    Tn,
+    En,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: L,
+      disableLoadingOverlay: M,
       hideFullScreen: !0,
       locale: d,
-      dir: J,
-      lang: Ee,
+      dir: X,
+      lang: xe,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, br = (e = [], t = !1) => {
+  ) : null, Sr = (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 && Fn ? no(e) : "disabled", l = e.reduce(
+      (o, v, I) => v.is_renderable !== !1 ? I : o,
       -1
     );
     return /* @__PURE__ */ u(
-      Xr,
+      zr,
       {
         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;
+          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 && v === l ? Ht : 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: vr(o, {
                 replaceRootScreenHeightWithFull: n === 1 && o.type === "html" && o.is_renderable !== !1
               })
             },
@@ -921,7 +915,7 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
         })
       }
     );
-  }, Ar = r(() => {
+  }, Ir = r(() => {
     const e = ae.current;
     if (e) {
       if (document.fullscreenElement === e) {
@@ -932,136 +926,138 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), En = r(() => {
+  }, []), wn = r(() => {
     const e = Je.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Lt = r(
-    (e) => _n({
-      currentIndex: s,
-      resolvedCurrentInteractionElement: I,
-      slideElementList: P,
+  }, []), Mt = r(
+    (e) => Pn({
+      currentIndex: a,
+      resolvedCurrentInteractionElement: h,
+      slideElementList: C,
       targetSlideIndex: Qe[e.audioIndex]
     }),
     [
-      I,
+      h,
       Qe,
-      s,
-      P
+      a,
+      C
     ]
-  ), wr = r(
+  ), br = 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 = {
+      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 = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, Zt(l), !0));
+      }, Wt(l), !0));
     },
     [
       S,
       Qe,
-      Lt,
-      s,
-      Zt,
-      dt,
-      N,
+      Mt,
+      a,
+      Wt,
+      ct,
+      D,
       g,
       ve
     ]
-  ), xr = r(
+  ), Ar = r(
     (e) => {
-      ve(e), _e.current = !0, j.current = null, w(!1), Bt(e) && (de(!0), g(!0)), N(), Qt();
+      ve(e), Re.current = !0, j.current = null, w(!1), Lt(e) && (de(!0), g(!0)), D(), Jt();
     },
     [
-      Qt,
-      N,
+      Jt,
+      D,
       g,
       ve
     ]
-  ), Er = r(
+  ), wr = r(
     (e) => {
-      ve(e), _e.current = !0, j.current = null, w(!1), Bt(e) && (de(!0), g(!0)), N(), D();
+      ve(e), Re.current = !0, j.current = null, w(!1), Lt(e) && (de(!0), g(!0)), D(), k();
     },
     [
+      k,
       D,
-      N,
       g,
       ve
     ]
-  ), Cr = r(
+  ), xr = r(
     ({
       loading: e,
       reason: t
     }) => {
-      if (L) {
+      if (M) {
         w(!1);
         return;
       }
-      if (!A || M) {
+      if (!b || O) {
         w(!1);
         return;
       }
-      e && t && It(t), w(Mo(t, e));
+      e && t && vt(t), w(Mo(t, e));
     },
     [
-      A,
-      M,
-      L
+      b,
+      O,
+      M
     ]
   );
-  a(() => {
-    L && w(!1);
-  }, [L]);
-  const Tr = r(
+  s(() => {
+    M && w(!1);
+  }, [M]);
+  const Er = r(
     (e) => {
       const t = S[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 = a + 1, v = C[o];
+        yn && v?.type === "interaction" && (j.current = o), k();
         return;
       }
     },
     [
       S,
-      _,
-      s,
+      R,
+      a,
       x,
-      O,
-      D,
-      gn,
-      P
+      _,
+      k,
+      yn,
+      C
     ]
-  ), Pr = r(() => {
-    We.current = !0, V(), h && ke(!0);
-  }, [V, h]), Rr = r(() => {
+  ), 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]), Dt = r(
+  }, [g]), kt = r(
     (e) => {
-      e.stopPropagation(), C && g(!0);
+      e.stopPropagation(), B && g(!0);
     },
-    [C, g]
-  ), ft = r(
+    [B, g]
+  ), ut = r(
     (e, t) => {
-      const n = gt.current;
+      const n = yt.current;
       if (!n)
         return null;
       const i = e.getBoundingClientRect(), l = n.getBoundingClientRect();
@@ -1074,14 +1070,14 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
     },
     []
   );
-  To(() => {
-    const e = Pe.current;
+  Co(() => {
+    const e = Ce.current;
     if (!qe || !e) {
       ce.current = null;
       return;
     }
     const t = ce.current, n = e.getBoundingClientRect();
-    if (!t || Et) {
+    if (!t || wt) {
       ce.current = {
         left: n.left,
         top: n.top
@@ -1089,7 +1085,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 (!_n(i) && !_n(l)) {
       ce.current = {
         left: n.left,
         top: n.top
@@ -1099,55 +1095,54 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
     const o = {
       x: E.x + i,
       y: E.y + l
-    }, v = ft(
+    }, v = ut(
       e,
       E
-    ), b = Ro(
-      v ? Rn(o, v) : o
+    ), I = Ro(
+      v ? Cn(o, v) : 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
+    }, On(
+      I,
       E
-    ) || xt(
-      (ne) => kn(ne, b) ? ne : b
+    ) || At(
+      (te) => On(te, I) ? te : I
     );
   }, [
-    ft,
+    ut,
     E,
-    Et,
-    C,
-    h,
+    wt,
+    at,
     qe
   ]);
-  const _r = r(
+  const Rr = r(
     (e) => {
-      if (Dt(e), e.button !== 0 || !e.currentTarget.isConnected || !Pe.current)
+      if (kt(e), e.button !== 0 || !e.currentTarget.isConnected || !Ce.current)
         return;
-      const t = ft(
-        Pe.current,
+      const t = ut(
+        Ce.current,
         E
       );
-      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Re.current = {
+      t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Pe.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
         startOffset: E,
         bounds: t
-      }, Ct(!0));
+      }, xt(!0));
     },
     [
-      ft,
+      ut,
       E,
-      Dt
+      kt
     ]
-  ), Or = r(
+  ), _r = r(
     (e) => {
-      const t = Re.current;
-      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), xt(
-        Rn(
+      const t = Pe.current;
+      !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), At(
+        Cn(
           {
             x: t.startOffset.x + e.clientX - t.startClientX,
             y: t.startOffset.y + e.clientY - t.startClientY
@@ -1157,36 +1152,36 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
       ));
     },
     []
-  ), Cn = r(
+  ), xn = 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));
+      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));
     },
     []
-  ), Mr = r(
+  ), Or = r(
     (e) => {
-      U(), Yt?.(e);
+      K(), Kt?.(e);
     },
-    [U, Yt]
-  ), kr = r(
+    [K, Kt]
+  ), Mr = r(
     (e) => {
-      U(), Gt?.(e);
+      K(), Ut?.(e);
     },
-    [U, Gt]
-  ), Fr = r(() => {
+    [K, Ut]
+  ), kr = r(() => {
     de(!0), g(!0);
   }, [g]);
-  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(
+  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(
       (o) => o.is_new === !1
     );
-    if (zt.current = ue, !i)
+    if (Yt.current = ue, !i)
       return;
     const l = window.requestAnimationFrame(() => {
-      const o = Je.current, v = $t.current;
+      const o = Je.current, v = Ht.current;
       if (!o || !v)
         return;
-      const b = o.getBoundingClientRect(), ne = v.getBoundingClientRect(), Ke = o.scrollTop + (ne.top - b.top);
+      const I = o.getBoundingClientRect(), te = v.getBoundingClientRect(), Ke = o.scrollTop + (te.top - I.top);
       o.scrollTo({
         top: Math.max(Ke, 0),
         behavior: "smooth"
@@ -1195,35 +1190,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]), s(() => {
+    if (!Re.current || (Re.current = !1, P.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      En();
+      wn();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [R, En]), /* @__PURE__ */ Ue(
+  }, [P, wn]), /* @__PURE__ */ Ue(
     "section",
     {
       ref: ae,
       className: Ie(
         "relative h-full w-full",
-        B && "slide--mobile-device",
-        dn && "slide--browser-fullscreen",
-        ye && "slide--mobile-landscape",
-        cn && "slide--mobile-landscape-native",
-        Nn
+        N && "slide--mobile-device",
+        sn && "slide--browser-fullscreen",
+        pe && "slide--mobile-landscape",
+        ln && "slide--mobile-landscape-native",
+        Ln
       ),
-      dir: J,
-      lang: Ee,
-      onClick: Fr,
-      onFocusCapture: kr,
-      onPointerDown: Mr,
-      ...qn,
+      dir: X,
+      lang: xe,
+      onClick: kr,
+      onFocusCapture: Mr,
+      onPointerDown: Or,
+      ...Bn,
       children: [
-        ir ? /* @__PURE__ */ u(
+        rr ? /* @__PURE__ */ u(
           "div",
           {
             "aria-hidden": "true",
@@ -1233,20 +1228,20 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
         /* @__PURE__ */ Ue(
           "div",
           {
-            ref: gt,
+            ref: yt,
             className: Ie(
               "slide__viewport relative h-full min-h-0 w-full",
-              ye && "slide__viewport--mobile-landscape",
-              ye && !nr && "slide__viewport--mobile-landscape-native"
+              pe && "slide__viewport--mobile-landscape",
+              pe && !er && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              rr ? /* @__PURE__ */ Ue("div", { className: "slide-landscape-header", children: [
+              tr ? /* @__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: ir,
                     type: "button",
                     children: /* @__PURE__ */ u(
                       Ao,
@@ -1257,19 +1252,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"
+                    nr && "slide__viewport-content--with-header",
+                    Hn ? "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: lr.map(
                     (e, t) => {
-                      const n = t === cr;
+                      const n = t === ar;
                       return /* @__PURE__ */ u(
                         "div",
                         {
@@ -1277,7 +1272,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: Sr(
                             e.elementList,
                             n
                           )
@@ -1288,126 +1283,127 @@ const ko = (c, d) => c.length === d.length && c.every((G, be) => {
                   ) }) }) : null
                 }
               ),
-              Jn ? /* @__PURE__ */ u(
-                Hr,
+              zn ? /* @__PURE__ */ u(
+                Ur,
                 {
                   message: _o(
-                    Kn,
-                    Wn
+                    Vn,
+                    Xn
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ u(
-                Jr,
+                Xr,
                 {
-                  extraBottomOffset: Zn,
-                  hasPlayerGap: C,
-                  isEnabled: rn && jn,
-                  isPlayerHidden: h && !C,
-                  playbackTimeStore: pe,
-                  subtitleCues: ur
+                  extraBottomOffset: jn,
+                  hasPlayerGap: at,
+                  isEnabled: en && Jn,
+                  playbackTimeStore: me,
+                  subtitleCues: sr
                 }
               ),
               qe ? /* @__PURE__ */ u(
                 "div",
                 {
-                  ref: Pe,
+                  ref: Ce,
                   "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",
+                    wt && "slide-interaction-overlay--dragging"
                   ),
-                  onClick: Dt,
+                  onClick: kt,
                   onPointerDownCapture: (e) => {
-                    qt(e.target) && it(!0);
+                    Nt(e.target) && it(!0);
                   },
                   onFocusCapture: (e) => {
-                    qt(e.target) && it(!0);
+                    Nt(e.target) && it(!0);
                   },
                   onInputCapture: (e) => {
-                    qt(e.target) && it(!0);
+                    Nt(e.target) && it(!0);
                   },
-                  style: dr,
+                  style: cr,
                   children: /* @__PURE__ */ u(
-                    Fn,
+                    Mn,
                     {
-                      dir: J,
-                      lang: Ee,
-                      content: String(I?.content ?? ""),
-                      dragHandleAriaLabel: X?.dragHandleAriaLabel ?? q.interactionTexts.dragHandleAriaLabel,
+                      dir: X,
+                      lang: xe,
+                      content: String(h?.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: In.buttonText ?? "",
+                      defaultInputText: In.inputText ?? "",
+                      defaultSelectedValues: pr,
+                      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
                     }
                   )
                 }
               ) : null,
-              h ? /* @__PURE__ */ u(
-                Qr.Provider,
+              A ? /* @__PURE__ */ u(
+                jr.Provider,
                 {
-                  value: $n,
+                  value: Yn,
                   children: /* @__PURE__ */ u(
-                    zr,
+                    $r,
                     {
-                      dir: J === "auto" ? Hn : J,
-                      lang: Ee,
+                      dir: X === "auto" ? Kn : X,
+                      lang: xe,
                       audioList: S,
                       className: Ie(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        dn ? "bottom-3" : "-bottom-3",
-                        $,
-                        !C && "pointer-events-none opacity-0"
+                        sn ? "bottom-3" : "-bottom-3",
+                        G,
+                        !B && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: T,
-                      defaultPlaying: St,
+                      defaultPlaying: gt,
                       enableKeyboardShortcuts: le,
                       isPlaybackPaused: ee,
-                      isAutoAdvanceEnabled: Fe,
+                      isAutoAdvanceEnabled: ke,
                       locale: d,
+                      hasInteraction: !!h,
                       isInteractionOpen: fe,
-                      isSubtitleEnabled: rn,
-                      onAutoAdvanceToggle: tn,
-                      onLoadingChange: Cr,
+                      isSubtitleEnabled: en,
+                      onAutoAdvanceToggle: Qt,
+                      onLoadingChange: xr,
                       onPlaybackStarted: () => {
                         rt(!0);
                       },
-                      onPlaybackPreferenceChange: yr,
-                      onPlaybackTimeChange: pe.setTime,
+                      onPlaybackPreferenceChange: mr,
+                      onPlaybackTimeChange: me.setTime,
                       onSubtitleToggle: () => {
-                        Qn((e) => !e);
+                        Wn((e) => !e);
                       },
-                      nextDisabled: !_,
-                      onEnded: Tr,
-                      onFullscreen: Ar,
-                      isFullscreen: ln,
+                      nextDisabled: !R,
+                      onEnded: Er,
+                      onFullscreen: Ir,
+                      isFullscreen: nn,
                       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,
-                      customActions: Ae,
+                      settingsPortalContainer: yt.current,
+                      onMobileViewModeChange: or,
+                      onControlsPointerEnter: Cr,
+                      onControlsPointerLeave: Pr,
+                      onInteractionToggle: Tr,
+                      onNext: wr,
+                      onPrev: Ar,
+                      onSubtitleJump: br,
+                      canJumpToSubtitleTarget: Mt,
+                      prevDisabled: !Un,
+                      showControls: B,
+                      subtitleSeekRequest: $n,
+                      texts: pt,
+                      customActionContext: Pt,
+                      customActions: oe,
                       useAutoAdvanceToggle: De
                     }
                   )