markdown-flow-ui 0.2.21 → 0.2.22

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

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