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

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

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