markdown-flow-ui 0.2.3-dev.2 → 0.2.3-dev.3

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

@@ -1,518 +1,606 @@
-import { j as o } from "../../_virtual/jsx-runtime.es.js";
-import { memo as Qn, useMemo as a, useId as Zn, useRef as m, useCallback as n, useState as f, useEffect as s } from "react";
-import { isSandboxInteractionMessage as er } from "../../lib/sandboxInteraction.es.js";
-import { cn as ue } from "../../lib/utils.es.js";
-import tr from "../ui/loading-overlay-card.es.js";
-import nr from "../ContentRender/ContentRender.es.js";
-import Wt from "../ContentRender/IframeSandbox.es.js";
+import { j as i } from "../../_virtual/jsx-runtime.es.js";
+import { memo as fr, useMemo as c, useId as mr, useRef as p, useCallback as n, useState as f, useEffect as s } from "react";
+import { isSandboxInteractionMessage as pr } from "../../lib/sandboxInteraction.es.js";
+import { cn as pe } from "../../lib/utils.es.js";
+import hr from "../ui/loading-overlay-card.es.js";
+import yr from "../ContentRender/ContentRender.es.js";
+import an from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
 import "../ContentRender/contentRenderI18n.es.js";
-import { isMobileDevice as rr, isLandscapeViewport as $t, subscribeMobileDeviceChange as or } from "../../lib/mobileDevice.es.js";
-import ir from "./Player.es.js";
-import sr from "./MarkdownSlideScaling.es.js";
-import lr from "./SubtitleOverlay.es.js";
-import ar from "./useSlide.es.js";
-import ur from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as cr } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as dr } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Le, resolveMobileViewModeState as fr } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as mr, shouldPresentInteractionOverlay as pr } from "./utils/interactionPlayback.es.js";
-import { resolveMarkdownScalingMode as hr } from "./utils/markdownScaling.es.js";
-import { shouldWakePlayerControlsAfterNavigation as st } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as yr } from "./utils/appendedMarkerAdvance.es.js";
-import { getPlaybackSequenceTransition as vr, shouldStartDefaultAudioSequence as Sr } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as br, canReachSubtitleJumpTarget as Yt } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as gr, getPlayerCustomActionCount as xr } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as Ir } from "./utils/playbackTimeStore.es.js";
-import { resolveSlideInteractionState as Ar } from "./utils/interactionResolution.es.js";
-import { shouldUseAutoAdvanceToggle as Tr } from "./utils/playerToggleMode.es.js";
-import { resolveSlidePlayerVisibility as wr } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as Er, DEFAULT_SLIDE_BUFFERING_TEXTS as Cr } from "./slideI18n.es.js";
+import { isMobileDevice as Sr, isLandscapeViewport as un, subscribeMobileDeviceChange as vr } from "../../lib/mobileDevice.es.js";
+import br from "./Player.es.js";
+import Ir from "./MarkdownSlideScaling.es.js";
+import gr from "./SubtitleOverlay.es.js";
+import Ar from "./useSlide.es.js";
+import xr from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as wr } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as Tr } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as $e, resolveMobileViewModeState as Er } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as Cr, shouldPresentInteractionOverlay as Rr } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as Pr } from "./utils/markdownScaling.es.js";
+import { shouldWakePlayerControlsAfterNavigation as yt } from "./utils/playerNavigationContext.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as _r } from "./utils/appendedMarkerAdvance.es.js";
+import { getPlaybackSequenceTransition as kr, shouldStartDefaultAudioSequence as Mr } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as Fr, canReachSubtitleJumpTarget as cn } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as Or, getPlayerCustomActionCount as Br } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Nr } from "./utils/playbackTimeStore.es.js";
+import { resolveSlideInteractionState as Lr } from "./utils/interactionResolution.es.js";
+import { shouldUseAutoAdvanceToggle as Vr } from "./utils/playerToggleMode.es.js";
+import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as jr, areImageOnlyStepIframeVisualsReady as Dr } from "./utils/imageOnlyStepVisualReady.es.js";
+import { resolveSilentStepAutoAdvanceBehavior as qr } from "./utils/silentStepAutoAdvance.es.js";
+import { resolveSlidePlayerVisibility as Kr } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as Ur, DEFAULT_SLIDE_BUFFERING_TEXTS as Hr } from "./slideI18n.es.js";
 /* empty css             */
-import Pr from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const _r = 2e3, Rr = 300, kr = 160, Mr = 16, Xt = 3e3, Fr = [
+import Gr from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const $r = 2e3, zr = 300, Jr = 160, Wr = 16, dn = 3e3, Yr = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), at = "waitingForAudio", Nr = (l, p) => typeof l == "string" ? l : l[p] ?? l[at] ?? Cr[p], Br = (l, p) => typeof l == "string" ? l : {
-  ...p,
-  ...l
-}, Or = (l, p) => p ? l !== "loadingAudio" : !1, Zt = Qn(
+].join(", "), vt = "waitingForAudio", Xr = (d, h) => typeof d == "string" ? d : d[h] ?? d[vt] ?? Hr[h], Qr = (d, h) => typeof d == "string" ? d : {
+  ...h,
+  ...d
+}, Zr = (d, h) => h ? d !== "loadingAudio" : !1, mn = fr(
   ({
-    content: l,
-    title: p,
-    locale: q,
-    defaultButtonText: ce,
-    defaultInputText: D,
-    defaultSelectedValues: U,
-    confirmButtonText: $,
-    copyButtonText: Y,
-    copiedButtonText: Te,
-    onSend: je,
-    readonly: X = !1
-  }) => /* @__PURE__ */ o.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ o.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ o.jsx("p", { className: "slide-player__interaction-title", children: p }) }),
-    /* @__PURE__ */ o.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ o.jsx(
-      nr,
+    content: d,
+    title: h,
+    locale: U,
+    defaultButtonText: he,
+    defaultInputText: H,
+    defaultSelectedValues: G,
+    confirmButtonText: Z,
+    copyButtonText: ee,
+    copiedButtonText: ke,
+    onSend: ze,
+    readonly: te = !1
+  }) => /* @__PURE__ */ i.jsxs("div", { className: "slide-player__interaction-card", children: [
+    /* @__PURE__ */ i.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ i.jsx("p", { className: "slide-player__interaction-title", children: h }) }),
+    /* @__PURE__ */ i.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ i.jsx(
+      yr,
       {
-        content: l,
-        locale: q,
-        defaultButtonText: ce,
-        defaultInputText: D,
-        defaultSelectedValues: U,
-        confirmButtonText: $,
-        copyButtonText: Y,
-        copiedButtonText: Te,
-        onSend: je,
-        readonly: X,
+        content: d,
+        locale: U,
+        defaultButtonText: he,
+        defaultInputText: H,
+        defaultSelectedValues: G,
+        confirmButtonText: Z,
+        copyButtonText: ee,
+        copiedButtonText: ke,
+        onSend: ze,
+        readonly: te,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-Zt.displayName = "InteractionOverlayCard";
-const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
-  const D = p[ce];
-  return q.sequence_number === D?.sequence_number && q.type === D?.type && q.content === D?.content;
-}), jr = [
+mn.displayName = "InteractionOverlayCard";
+const eo = (d, h) => d.length === h.length && d.every((U, he) => {
+  const H = h[he];
+  return U.sequence_number === H?.sequence_number && U.type === H?.type && U.content === H?.content;
+}), St = (d) => d instanceof HTMLElement && d.matches(Yr), to = [
   'input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"])',
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), Qt = (l) => l instanceof HTMLElement && l.matches(jr), lt = (l) => l instanceof HTMLElement && l.matches(Fr), go = ({
-  elementList: l = [],
-  locale: p,
-  playerEnabled: q,
-  playerControlsVisibility: ce,
-  playerClassName: D,
-  fullscreenHeader: U,
-  playerCustomActions: $,
-  playerCustomActionPauseOnActive: Y = !0,
-  bufferingText: Te,
-  interactionTitle: je,
-  interactionTexts: X,
-  playerTexts: en,
-  playerAutoHideDelay: Ve = 3e3,
-  markerAutoAdvanceDelay: ut = _r,
-  interactionDefaultValueOptions: ct,
-  onSend: dt,
-  onPlayerVisibilityChange: Ke,
-  onMobileViewModeChange: ft,
-  onStepChange: mt,
-  enableKeyboardShortcuts: Q = !0,
-  enableIframeScaling: tn = !0,
-  enableMarkdownScaling: nn = !0,
+].join(", "), fn = (d) => d instanceof HTMLElement && d.matches(to), jo = ({
+  elementList: d = [],
+  locale: h,
+  playerEnabled: U,
+  playerControlsVisibility: he,
+  playerClassName: H,
+  fullscreenHeader: G,
+  playerCustomActions: Z,
+  playerCustomActionPauseOnActive: ee = !0,
+  bufferingText: ke,
+  interactionTitle: ze,
+  interactionTexts: te,
+  playerTexts: pn,
+  playerAutoHideDelay: Je = 3e3,
+  markerAutoAdvanceDelay: bt = $r,
+  interactionDefaultValueOptions: It,
+  onSend: gt,
+  onPlayerVisibilityChange: We,
+  onMobileViewModeChange: At,
+  onStepChange: xt,
+  enableKeyboardShortcuts: ne = !0,
+  enableIframeScaling: hn = !0,
+  enableMarkdownScaling: yn = !0,
   disableLoadingOverlay: P = !1,
-  className: rn,
-  onPointerDown: pt,
-  onFocusCapture: ht,
-  ...on
+  className: Sn,
+  onPointerDown: wt,
+  onFocusCapture: Tt,
+  ...vn
 }) => {
-  const H = a(() => Er(p), [p]), sn = a(
-    () => Br(
-      Te,
-      H.bufferingText
+  const $ = c(() => Ur(h), [h]), bn = c(
+    () => Qr(
+      ke,
+      $.bufferingText
     ),
-    [Te, H.bufferingText]
+    [ke, $.bufferingText]
   ), {
-    playerEnabled: ln,
+    playerEnabled: In,
     playerControlsVisibility: j
-  } = wr({
-    playerEnabled: q,
-    playerControlsVisibility: ce
-  }), we = Zn(), de = m(null), yt = m(null), qe = m(null), vt = m(null), Z = m(null), Ee = m(!1), fe = m(null), G = m(null), me = m(null), De = m(null), St = m([]), pe = m(!1), z = m(null), he = m(null), bt = m(0), gt = m(null), xt = m({
+  } = Kr({
+    playerEnabled: U,
+    playerControlsVisibility: he
+  }), Me = mr(), ye = p(null), Et = p(null), Fe = p(null), Ct = p(null), re = p(null), Oe = p(!1), Se = p(null), Be = p(null), z = p(null), ve = p(null), Ye = p(null), Rt = p([]), be = p(!1), J = p(null), Ie = p(null), Pt = p(0), _t = p(null), kt = p({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
-  }), Ue = m(!1), {
-    currentElementList: B,
-    stepElementLists: It,
-    slideElementList: T,
-    currentIndex: i,
+  }), Xe = p(!1), {
+    currentElementList: C,
+    stepElementLists: Mt,
+    slideElementList: E,
+    currentIndex: o,
     audioList: b,
-    audioSlideIndexes: Ce,
-    currentAudioSequenceIndexes: Pe,
-    currentStepHasSpeakableElement: w,
-    currentInteractionElement: h,
-    canGoPrev: an,
-    canGoNext: E,
-    handlePrev: At,
+    audioSlideIndexes: Ne,
+    currentAudioSequenceIndexes: Le,
+    currentStepHasSpeakableElement: I,
+    currentInteractionElement: m,
+    canGoPrev: gn,
+    canGoNext: R,
+    handlePrev: Ft,
     handleNext: _,
-    handleGoTo: Tt
-  } = ar(l), ye = a(() => {
-    if (!(i < 0))
-      return T[i];
-  }, [i, T]), un = T.filter(
+    handleGoTo: Ot
+  } = Ar(d), ge = c(() => {
+    if (!(o < 0))
+      return E[o];
+  }, [o, E]), oe = c(
+    () => C.map(
+      (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
+    ),
+    [C]
+  ), An = E.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, y = ln && (T.length > 0 || b.length > 0 || !!h), cn = a(
+  ).length === 1, y = In && (E.length > 0 || b.length > 0 || !!m), xn = c(
     () => ({
-      enabled: Q,
-      ownerId: we
+      enabled: ne,
+      ownerId: Me
     }),
-    [Q, we]
-  ), V = n(() => {
-    !Q || !y || dr(we);
-  }, [Q, we, y]), R = a(
-    () => Pe.map((e) => b[e]?.audioKey).filter((e) => !!e),
-    [b, Pe]
-  ), [dn, ve] = f(!0), [_e, ee] = f(!1), [He, wt] = f(!0), [Se, Et] = f(!0), [x, K] = f(null), [fn, Ct] = f(null), [mn, g] = f(!1), [pn, Ge] = f(at), [k, ze] = f(!1), [hn, Re] = f(!1), [Pt, yn] = f(!0), [Je, We] = f(!1), [v, $e] = f(), [te, ke] = f(!1), [vn, Ye] = f(!1), [_t, Me] = f(!1), [
-    Sn,
-    be
-  ] = f(0), [Rt, bn] = f(!1), O = a(() => rr(), []), [Fe, Xe] = f(
-    Le
-  ), [kt, Qe] = f(!1), [gn, Mt] = f(
-    () => O ? $t() : !1
-  ), ne = a(() => Ir(), []), {
-    effectiveMobileViewMode: re,
-    isImmersiveMobileFullscreen: oe,
-    isNativeMobileFullscreen: Ft,
-    shouldRotateFullscreenViewport: xn
-  } = a(
-    () => fr({
-      hasManualMobileViewMode: kt,
-      isMobileDevice: O,
-      mobileViewMode: Fe
+    [ne, Me]
+  ), D = n(() => {
+    !ne || !y || Tr(Me);
+  }, [ne, Me, y]), k = c(
+    () => Le.map((e) => b[e]?.audioKey).filter((e) => !!e),
+    [b, Le]
+  ), [wn, Ae] = f(!0), [Ve, ie] = f(!1), [Qe, Bt] = f(!0), [xe, Nt] = f(!0), [A, q] = f(null), [Tn, Lt] = f(null), [En, g] = f(!1), [Cn, Ze] = f(vt), [M, et] = f(!1), [Rn, je] = f(!1), [Vt, Pn] = f(!0), [tt, nt] = f(!1), [S, rt] = f(), [le, De] = f(!1), [jt, qe] = f(!1), [_n, ot] = f(!1), [
+    kn,
+    we
+  ] = f(0), [Dt, Mn] = f(!1), L = c(() => Sr(), []), [Ke, it] = f(
+    $e
+  ), [qt, lt] = f(!1), [Fn, Kt] = f(
+    () => L ? un() : !1
+  ), se = c(() => Nr(), []), {
+    effectiveMobileViewMode: ae,
+    isImmersiveMobileFullscreen: ue,
+    isNativeMobileFullscreen: Ut,
+    shouldRotateFullscreenViewport: On
+  } = c(
+    () => Er({
+      hasManualMobileViewMode: qt,
+      isMobileDevice: L,
+      mobileViewMode: Ke
     }),
     [
-      kt,
-      O,
-      gn,
-      Fe
+      qt,
+      L,
+      Fn,
+      Ke
     ]
-  ), In = m(re), I = y && j !== "hidden" && (j === "visible" || dn), An = oe && I, Tn = oe && I, wn = oe || Ft, Nt = Rt && !O, En = n(
+  ), Bn = p(ae), x = y && j !== "hidden" && (j === "visible" || wn), Nn = ue && x, Ln = ue && x, Vn = ue || Ut, Ht = Dt && !L, jn = n(
     (e) => {
-      Qe(!0), Xe(e);
+      lt(!0), it(e);
     },
     []
-  ), Bt = n(() => {
-    Qe(!1), Xe(Le);
-  }, []), Cn = n(() => {
-    Bt(), U?.onBack?.();
-  }, [U, Bt]), Ot = n((e) => {
-    We(e);
-  }, []), Lt = n(() => {
-    We((e) => !e);
-  }, []), { mountedStepStates: Pn, currentMountedStateIndex: _n } = a(() => {
+  ), Gt = n(() => {
+    lt(!1), it($e);
+  }, []), Dn = n(() => {
+    Gt(), G?.onBack?.();
+  }, [G, Gt]), $t = n((e) => {
+    nt(e);
+  }, []), zt = n(() => {
+    nt((e) => !e);
+  }, []), { mountedStepStates: qn, currentMountedStateIndex: Kn } = c(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return It.forEach((u, c) => {
-      const d = e.findIndex(
-        (r) => Lr(
+    return Mt.forEach((l, a) => {
+      const u = e.findIndex(
+        (r) => eo(
           r.elementList,
-          u
+          l
         )
       );
-      if (d >= 0) {
-        e[d]?.sourceStepIndexes.push(c), t.set(c, d);
+      if (u >= 0) {
+        e[u]?.sourceStepIndexes.push(a), t.set(a, u);
         return;
       }
       e.push({
-        elementList: u,
-        sourceStepIndexes: [c]
-      }), t.set(c, e.length - 1);
+        elementList: l,
+        sourceStepIndexes: [a]
+      }), t.set(a, e.length - 1);
     }), {
       mountedStepStates: e,
-      currentMountedStateIndex: i >= 0 ? t.get(i) ?? -1 : -1
+      currentMountedStateIndex: o >= 0 ? t.get(o) ?? -1 : -1
     };
-  }, [i, It]), jt = a(() => String(i), [i]), A = a(() => x ? b.findIndex(
-    (e) => (e.audioKey ?? "") === x
-  ) : -1, [b, x]), Ze = a(
-    () => A >= 0 ? b[A] : void 0,
-    [b, A]
-  ), Rn = Ze?.element?.subtitle_cues ?? [], Ne = a(
-    () => R[0] ?? "none",
-    [R]
-  ), et = a(
+  }, [o, Mt]), Jt = c(() => String(o), [o]), w = c(() => A ? b.findIndex(
+    (e) => (e.audioKey ?? "") === A
+  ) : -1, [b, A]), st = c(
+    () => w >= 0 ? b[w] : void 0,
+    [b, w]
+  ), Un = st?.element?.subtitle_cues ?? [], Ue = c(
+    () => k[0] ?? "none",
+    [k]
+  ), at = c(
     () => ({
-      currentElement: gr({
-        currentAudioIndex: A,
-        currentAudioSequenceIndexes: Pe,
+      currentElement: Or({
+        currentAudioIndex: w,
+        currentAudioSequenceIndexes: Le,
         audioList: b,
-        currentInteractionElement: v,
-        currentStepElement: ye
+        currentInteractionElement: S,
+        currentStepElement: ge
       }),
-      currentIndex: i,
-      currentStepElement: ye,
-      isActive: Je,
-      setActive: Ot,
-      toggleActive: Lt
+      currentIndex: o,
+      currentStepElement: ge,
+      isActive: tt,
+      setActive: $t,
+      toggleActive: zt
     }),
     [
-      v,
+      S,
       b,
-      A,
-      Pe,
-      i,
-      ye,
-      Je,
-      Ot,
-      Lt
+      w,
+      Le,
+      o,
+      ge,
+      tt,
+      $t,
+      zt
     ]
-  ), tt = a(
-    () => xr(
-      $,
-      et
+  ), ut = c(
+    () => Br(
+      Z,
+      at
     ),
-    [et, $]
-  ), kn = a(
+    [at, Z]
+  ), Hn = c(
     () => ({
-      "--slide-player-custom-action-count": String(tt),
+      "--slide-player-custom-action-count": String(ut),
       "--slide-player-mobile-control-count": String(
-        tt + 4
+        ut + 4
       )
     }),
-    [tt]
-  ), Vt = R.length > 0, Kt = a(() => h ? `${h.sequence_number ?? "none"}:${String(
-    h.content ?? ""
-  )}` : "none", [h]), ge = a(
-    () => [jt, Kt].join("|"),
-    [Kt, jt]
-  ), Mn = a(
+    [ut]
+  ), Wt = k.length > 0, Yt = c(() => m ? `${m.sequence_number ?? "none"}:${String(
+    m.content ?? ""
+  )}` : "none", [m]), Te = c(
+    () => [Jt, Yt].join("|"),
+    [Yt, Jt]
+  ), Gn = c(
     () => [
-      ge,
-      Ze?.audioKey ?? "none",
-      String(A)
+      Te,
+      st?.audioKey ?? "none",
+      String(w)
     ].join("|"),
-    [A, Ze?.audioKey, ge]
-  ), qt = !!a(() => !Ne || Ne === "none" ? "" : b.find(
-    (t) => t.audioKey === Ne
-  )?.audioUrl?.trim() ?? "", [b, Ne]), J = Y && !!$ && Je, xe = a(
-    () => Tr({
-      canGoNext: E,
-      currentAudioIndex: A,
-      currentStepHasSpeakableElement: w,
-      hasInteraction: !!h
+    [w, st?.audioKey, Te]
+  ), Xt = !!c(() => !Ue || Ue === "none" ? "" : b.find(
+    (t) => t.audioKey === Ue
+  )?.audioUrl?.trim() ?? "", [b, Ue]), W = ee && !!Z && tt, Ee = c(
+    () => Vr({
+      canGoNext: R,
+      currentAudioIndex: w,
+      currentStepHasSpeakableElement: I,
+      hasInteraction: !!m
     }),
     [
-      E,
-      A,
-      h,
-      w
+      R,
+      w,
+      m,
+      I
+    ]
+  ), Qt = c(
+    () => qr({
+      currentElementList: C,
+      currentStepHasSpeakableElement: I,
+      currentInteractionElement: m,
+      markerAutoAdvanceDelay: bt
+    }),
+    [
+      C,
+      m,
+      I,
+      bt
     ]
-  ), L = n(() => {
-    Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
-  }, []), M = n(() => {
-    G.current !== null && (window.clearTimeout(G.current), G.current = null);
+  ), Zt = Qt.delayMs, Ce = Qt.usesImageOnlyDelay, ct = c(
+    () => `${o}:${oe.join("|")}`,
+    [o, oe]
+  ), [$n, zn] = f(null), en = !Ce || $n === ct, V = n(() => {
+    re.current !== null && (window.clearTimeout(re.current), re.current = null);
   }, []), F = n(() => {
-    me.current !== null && (window.clearTimeout(me.current), me.current = null);
-  }, []), ie = n(() => {
-    fe.current !== null && (window.clearTimeout(fe.current), fe.current = null);
-  }, []), N = n(
+    z.current !== null && (window.clearTimeout(z.current), z.current = null);
+  }, []), O = n(() => {
+    ve.current !== null && (window.clearTimeout(ve.current), ve.current = null);
+  }, []), ce = n(() => {
+    Se.current !== null && (window.clearTimeout(Se.current), Se.current = null);
+  }, []), K = n(() => {
+    Be.current !== null && (window.clearTimeout(Be.current), Be.current = null);
+  }, []), B = n(
     (e = {}) => {
-      ie(), M(), F(), K(null), ne.reset(), g(!1), Ge(at), ze(!1), Re(!1), Ct(null), e.preservePendingSubtitleJump || (he.current = null), $e(void 0), ke(!1), be(0);
+      ce(), F(), O(), K(), q(null), se.reset(), g(!1), Ze(vt), et(!1), je(!1), Lt(null), e.preservePendingSubtitleJump || (Ie.current = null), rt(void 0), De(!1), we(0);
     },
     [
-      ie,
-      M,
+      ce,
+      K,
       F,
-      ne
+      O,
+      se
     ]
-  ), Be = n(
+  ), He = n(
     (e) => {
-      bt.current += 1, Ct({
+      Pt.current += 1, Lt({
         ...e,
-        id: bt.current
+        id: Pt.current
       });
     },
     []
-  ), se = n(() => {
-    const e = R[0];
-    return e ? (K(e), !0) : !1;
-  }, [R]), Ie = n(() => {
-    M(), F(), ke(!1), be(0), !se() && E && _();
+  ), de = n(() => {
+    const e = k[0];
+    return e ? (q(e), !0) : !1;
+  }, [k]), Re = n(() => {
+    F(), O(), De(!1), we(0), !de() && R && _();
   }, [
-    E,
-    M,
+    R,
     F,
+    O,
     _,
-    se
-  ]), Dt = n(
+    de
+  ]), tn = n(
     (e) => {
-      if (F(), !e)
+      if (O(), !e)
         return;
       const t = () => {
-        me.current = null, be(
-          kr
-        ), ke(!0), z.current = null;
+        ve.current = null, we(
+          Jr
+        ), De(!0), J.current = null;
       };
-      me.current = window.setTimeout(
+      ve.current = window.setTimeout(
         t,
-        Rr
+        zr
       );
     },
-    [F]
-  ), nt = n(
-    () => Ee.current || !!de.current?.querySelector(".slide-player__controls:hover"),
+    [O]
+  ), dt = n(
+    () => Oe.current || !!ye.current?.querySelector(".slide-player__controls:hover"),
     []
-  ), S = n(
-    (e = _e) => {
-      !y || j === "hidden" || (ve(!0), L(), !(j === "visible" || !e || Ve <= 0 || nt()) && (Z.current = window.setTimeout(() => {
-        if (nt()) {
-          Z.current = null;
+  ), v = n(
+    (e = Ve) => {
+      !y || j === "hidden" || (Ae(!0), V(), !(j === "visible" || !e || Je <= 0 || dt()) && (re.current = window.setTimeout(() => {
+        if (dt()) {
+          re.current = null;
           return;
         }
-        ve(!1), Z.current = null;
-      }, Ve)));
+        Ae(!1), re.current = null;
+      }, Je)));
     },
     [
-      L,
-      _e,
-      nt,
+      V,
       Ve,
+      dt,
+      Je,
       j,
       y
     ]
-  ), Ae = !!br(h), W = !!h && !Ae, Fn = n((e) => {
-    wt(e);
-  }, []), le = n(
+  ), Pe = !!Fr(m), Y = !!m && !Pe, Jn = n((e) => {
+    Bt(e);
+  }, []), fe = n(
     (e) => {
-      e && wt(e.shouldContinuePlayback);
+      e && Bt(e.shouldContinuePlayback);
     },
     []
   );
   s(() => {
-    Et(He);
-  }, [i, He, Y]), s(() => {
-    Y && We(!1);
-  }, [i, Y]), s(() => () => {
-    ie(), L(), M(), F();
+    Nt(Qe);
+  }, [o, Qe, ee]), s(() => {
+    ee && nt(!1);
+  }, [o, ee]), s(() => () => {
+    ce(), K(), V(), F(), O();
   }, [
-    ie,
-    M,
+    ce,
+    K,
     F,
-    L
-  ]), s(() => (Ke?.(I), () => {
-    Ke?.(!1);
-  }), [Ke, I]), s(() => {
-    I || (Ee.current = !1);
-  }, [I]), s(() => {
-    O || Fe === Le || (Qe(!1), Xe(Le));
-  }, [O, Fe]), s(() => {
-    if (!O) {
-      Mt(!1);
+    O,
+    V
+  ]), s(() => {
+    if (!Ce) {
+      K();
+      return;
+    }
+    let e = !1, t = null, l = null;
+    const a = () => {
+      l?.(), l = null;
+    }, u = () => {
+      e || (a(), K(), zn(ct));
+    }, r = () => {
+      if (e)
+        return;
+      a();
+      const T = Fe.current?.querySelector(
+        '[data-active-step="true"]'
+      );
+      if (!T)
+        return;
+      const N = Array.from(
+        T.querySelectorAll("iframe")
+      );
+      if (N.length === 0 || Dr(N)) {
+        u();
+        return;
+      }
+      const Ge = [], _e = () => {
+        e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
+          t = null, r();
+        }));
+      }, ht = (X, me, Q) => {
+        X.addEventListener(me, Q, { once: !0 }), Ge.push(
+          () => X.removeEventListener(me, Q)
+        );
+      };
+      N.forEach((X) => {
+        const me = X.contentDocument;
+        if (!me || me.readyState !== "complete") {
+          ht(X, "load", _e);
+          return;
+        }
+        Array.from(me.images).filter((Q) => !Q.complete).forEach((Q) => {
+          ht(Q, "load", _e), ht(Q, "error", _e);
+        });
+      }), l = () => {
+        Ge.forEach((X) => X());
+      };
+    };
+    return t = window.requestAnimationFrame(() => {
+      t = null, r();
+    }), Be.current = window.setTimeout(() => {
+      u();
+    }, jr), () => {
+      e = !0, a(), K(), t !== null && window.cancelAnimationFrame(t);
+    };
+  }, [
+    K,
+    C,
+    o,
+    ct,
+    Ce
+  ]), s(() => (We?.(x), () => {
+    We?.(!1);
+  }), [We, x]), s(() => {
+    x || (Oe.current = !1);
+  }, [x]), s(() => {
+    L || Ke === $e || (lt(!1), it($e));
+  }, [L, Ke]), s(() => {
+    if (!L) {
+      Kt(!1);
       return;
     }
     const e = () => {
-      Mt($t());
+      Kt(un());
     };
-    return e(), or(e);
-  }, [O]), s(() => {
-    ft?.(re);
-  }, [re, ft]), s(() => {
-    In.current = re;
-  }, [re]), s(() => {
-    mt?.(ye, i);
-  }, [i, ye, mt]), s(() => {
-    const e = xt.current, t = yr(
+    return e(), vr(e);
+  }, [L]), s(() => {
+    At?.(ae);
+  }, [ae, At]), s(() => {
+    Bn.current = ae;
+  }, [ae]), s(() => {
+    xt?.(ge, o);
+  }, [o, ge, xt]), s(() => {
+    const e = kt.current, t = _r(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: T.length,
+        nextMarkerCount: E.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
-        nextCanGoNext: E,
-        currentAudioKey: x,
-        hasCompletedCurrentStepAudio: k,
-        hasResolvedCurrentInteraction: Ae,
-        currentStepHasSpeakableElement: w,
-        currentInteractionElement: h,
-        isAutoAdvanceEnabled: Se,
-        shouldUseSilentStepAutoAdvanceToggle: xe
+        nextCanGoNext: R,
+        currentAudioKey: A,
+        hasCompletedCurrentStepAudio: M,
+        hasResolvedCurrentInteraction: Pe,
+        currentStepHasSpeakableElement: I,
+        currentInteractionElement: m,
+        isAutoAdvanceEnabled: xe,
+        shouldUseSilentStepAutoAdvanceToggle: Ee
       }
     );
-    xt.current = {
-      markerCount: T.length,
-      currentIndex: i,
-      canGoNext: E
+    kt.current = {
+      markerCount: E.length,
+      currentIndex: o,
+      canGoNext: R
     }, t && _();
   }, [
-    E,
-    x,
-    i,
-    h,
-    w,
+    R,
+    A,
+    o,
+    m,
+    I,
     _,
-    k,
-    Ae,
-    Se,
+    M,
+    Pe,
     xe,
-    T.length
+    Ee,
+    E.length
   ]), s(() => {
     if (!y || j === "hidden") {
-      L(), ve(!1);
+      V(), Ae(!1);
       return;
     }
     if (j === "visible") {
-      L(), ve(!0);
+      V(), Ae(!0);
       return;
     }
-    _e || S(!0);
+    Ve || v(!0);
   }, [
-    L,
-    _e,
+    V,
+    Ve,
     j,
     y,
-    S
+    v
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && er(t.data) && t.data.eventType === "click" && y && (V(), ee(!0), S(!0));
+      t.origin === window.location.origin && pr(t.data) && t.data.eventType === "click" && y && (D(), ie(!0), v(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [V, y, S]), ur({
-    sectionRef: de,
+  }, [D, y, v]), xr({
+    sectionRef: ye,
     enabled: y,
-    keyboardShortcutsEnabled: Q,
-    onKeyboardShortcut: V,
+    keyboardShortcutsEnabled: ne,
+    onKeyboardShortcut: D,
     onWake: () => {
-      V(), ee(!0), S(!0);
+      D(), ie(!0), v(!0);
     }
   }), s(() => {
     if (!y) {
-      N();
+      B();
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = vr({
-      previousResetKey: gt.current,
-      nextResetKey: ge,
-      currentAudioKey: x,
-      hasCompletedCurrentStepAudio: k
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = kr({
+      previousResetKey: _t.current,
+      nextResetKey: Te,
+      currentAudioKey: A,
+      hasCompletedCurrentStepAudio: M
     });
-    gt.current = ge;
-    const u = z.current === i && !!h, c = pr({
-      hasInteraction: !!h,
-      shouldBlockPlaybackForInteraction: W,
-      shouldOpenInteractionOverlayAfterAudio: u,
+    _t.current = Te;
+    const l = J.current === o && !!m, a = Rr({
+      hasInteraction: !!m,
+      shouldBlockPlaybackForInteraction: Y,
+      shouldOpenInteractionOverlayAfterAudio: l,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: Ae,
-      currentStepHasSpeakableElement: w
-    }), d = he.current, r = d?.slideIndex === i;
-    if (e && N({
+      hasResolvedCurrentInteraction: Pe,
+      currentStepHasSpeakableElement: I
+    }), u = Ie.current, r = u?.slideIndex === o;
+    if (e && B({
       preservePendingSubtitleJump: r
-    }), !(B.length === 0 && !h) && !J) {
-      if (d?.slideIndex === i && Yt({
-        currentIndex: i,
-        resolvedCurrentInteractionElement: v,
-        slideElementList: T,
-        targetSlideIndex: d.slideIndex
+    }), !(C.length === 0 && !m) && !W) {
+      if (u?.slideIndex === o && cn({
+        currentIndex: o,
+        resolvedCurrentInteractionElement: S,
+        slideElementList: E,
+        targetSlideIndex: u.slideIndex
       })) {
-        he.current = null, Ue.current = !0, K(d.audioKey), Be({
-          audioIndex: d.audioIndex,
-          timeMs: d.timeMs
+        Ie.current = null, Xe.current = !0, q(u.audioKey), He({
+          audioIndex: u.audioIndex,
+          timeMs: u.timeMs
         });
         return;
       }
-      if (h && $e(h), c) {
-        Dt(h);
+      if (m && rt(m), a) {
+        tn(m);
         return;
       }
-      if (F(), z.current = null, !!t && !se()) {
-        if (w) {
+      if (O(), J.current = null, !!t && !de()) {
+        if (I) {
           if (P) {
             g(!1);
             return;
@@ -520,236 +608,238 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
           g(!0);
           return;
         }
-        if (E && !(xe && !Se))
-          return fe.current = window.setTimeout(() => {
-            fe.current = null, _();
-          }, ut), () => {
-            ie();
+        if (R && !(Ee && !xe) && !(Ce && !en))
+          return Se.current = window.setTimeout(() => {
+            Se.current = null, _();
+          }, Zt), () => {
+            ce();
           };
       }
     }
   }, [
-    v,
-    E,
-    ie,
-    B.length,
-    i,
-    h,
-    x,
-    ge,
-    w,
-    ut,
+    S,
+    R,
+    ce,
+    C.length,
+    o,
+    m,
+    A,
+    Te,
+    I,
+    Ce,
+    en,
+    Zt,
     _,
-    k,
+    M,
     P,
-    Se,
-    Ae,
-    W,
-    F,
-    N,
-    Be,
-    Dt,
+    xe,
+    Pe,
+    Y,
+    O,
+    B,
+    He,
+    tn,
     y,
-    T,
-    se,
-    J,
-    xe
+    E,
+    de,
+    W,
+    Ee
   ]), s(() => {
-    if (P || J || !w || W) {
+    if (P || W || !I || Y) {
       g(!1);
       return;
     }
-    if (k) {
+    if (M) {
       g(!1);
       return;
     }
-    if (Vt) {
+    if (Wt) {
       g(!1);
       return;
     }
-    Ge("waitingForAudio"), g(!0);
+    Ze("waitingForAudio"), g(!0);
   }, [
-    Vt,
-    w,
-    k,
+    Wt,
+    I,
+    M,
     P,
-    J,
-    W
+    W,
+    Y
   ]), s(() => {
-    const e = Ue.current;
-    Ue.current = !1, Sr({
-      currentAudioKey: x,
-      currentAudioSequenceLength: R.length,
-      currentStepHasSpeakableElement: w,
-      hasCompletedCurrentStepAudio: k,
-      shouldBlockPlaybackForInteraction: W,
-      shouldPausePlaybackForCustomAction: J,
+    const e = Xe.current;
+    Xe.current = !1, Mr({
+      currentAudioKey: A,
+      currentAudioSequenceLength: k.length,
+      currentStepHasSpeakableElement: I,
+      hasCompletedCurrentStepAudio: M,
+      shouldBlockPlaybackForInteraction: Y,
+      shouldPausePlaybackForCustomAction: W,
       shouldSkipDefaultAudioStart: e
-    }) && se();
+    }) && de();
   }, [
-    x,
-    R,
-    w,
+    A,
     k,
-    J,
+    I,
+    M,
     W,
-    se
+    Y,
+    de
   ]), s(() => {
-    !x || A >= 0 || K(null);
-  }, [A, x]), s(() => {
-    A >= 0 || ne.reset();
-  }, [A, ne]), s(() => {
-    Re(!1);
-  }, [Mn]);
+    !A || w >= 0 || q(null);
+  }, [w, A]), s(() => {
+    w >= 0 || se.reset();
+  }, [w, se]), s(() => {
+    je(!1);
+  }, [Gn]);
   const {
-    interactionDefaults: Ut,
-    interactionDefaultSelectedValues: Nn,
-    hasResolvedInteractionInput: rt,
-    isInteractionReadonly: Ht,
-    shouldAutoContinueInteraction: Gt
-  } = a(
-    () => Ar(v, {
-      interactionDefaultValueOptions: ct
+    interactionDefaults: nn,
+    interactionDefaultSelectedValues: Wn,
+    hasResolvedInteractionInput: ft,
+    isInteractionReadonly: Yn,
+    shouldAutoContinueInteraction: rn
+  } = c(
+    () => Lr(S, {
+      interactionDefaultValueOptions: It
     }),
-    [v, ct]
-  ), ot = mr({
-    hasActiveInteraction: !!v,
-    isInteractionOverlayOpen: te,
-    shouldBlockPlaybackForInteraction: W && !Ht && !rt,
-    playerControlsVisible: I,
+    [S, It]
+  ), on = !!S?.readonly || Yn, mt = Cr({
+    hasActiveInteraction: !!S,
+    isInteractionOverlayOpen: le,
+    shouldBlockPlaybackForInteraction: Y && !on && !ft,
+    playerControlsVisible: x,
     shouldMountPlayer: y,
-    hasFocusedTextInput: vn
-  }), Bn = n(
+    hasFocusedTextInput: _n
+  }), Xn = n(
     (e) => {
-      const u = [
+      const l = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      $e((c) => !c || !u ? c : {
-        ...c,
-        user_input: u
-      }), dt?.(e, v), Ie();
+      rt((a) => !a || !l ? a : {
+        ...a,
+        user_input: l
+      }), gt?.(e, S), Re();
     },
-    [v, Ie, dt]
+    [S, Re, gt]
   );
   s(() => {
     const e = () => {
-      bn(document.fullscreenElement === de.current);
+      Mn(document.fullscreenElement === ye.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    v && te || (Ye(!1), Me(!1));
-  }, [v, te]), s(() => {
-    if (!ot) {
-      be(0);
+    S && le || (qe(!1), ot(!1));
+  }, [S, le]), s(() => {
+    if (!mt) {
+      we(0);
       return;
     }
-    const e = De.current;
+    const e = Ye.current;
     if (!e)
       return;
     const t = () => {
-      const c = Math.ceil(
+      const a = Math.ceil(
         e.getBoundingClientRect().height
       );
-      be(
-        c + Mr
+      we(
+        a + Wr
       );
     };
     if (t(), typeof ResizeObserver > "u")
       return;
-    const u = new ResizeObserver(() => {
+    const l = new ResizeObserver(() => {
       t();
     });
-    return u.observe(e), () => {
-      u.disconnect();
+    return l.observe(e), () => {
+      l.disconnect();
     };
-  }, [ot]), s(() => {
-    if (M(), !!te) {
-      if (Gt)
-        return G.current = window.setTimeout(() => {
-          G.current = null, Ie();
-        }, Xt), () => {
-          M();
+  }, [mt]), s(() => {
+    if (F(), !!le) {
+      if (rn)
+        return z.current = window.setTimeout(() => {
+          z.current = null, Re();
+        }, dn), () => {
+          F();
         };
-      if (!(_t || !rt))
-        return G.current = window.setTimeout(() => {
-          G.current = null, Ie();
-        }, Xt), () => {
-          M();
+      if (!(jt || !ft))
+        return z.current = window.setTimeout(() => {
+          z.current = null, Re();
+        }, dn), () => {
+          F();
         };
     }
   }, [
-    M,
-    Ie,
-    _t,
-    rt,
-    te,
-    Gt
+    F,
+    Re,
+    jt,
+    ft,
+    le,
+    rn
   ]);
-  const On = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ o.jsx(o.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ o.jsx(
-    Wt,
+  const Qn = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ i.jsx(i.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ i.jsx(
+    an,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: P,
       hideFullScreen: !0,
-      locale: p,
+      locale: h,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: tn
+      enableScaling: hn
     }
-  ) : /* @__PURE__ */ o.jsx(
-    Wt,
+  ) : /* @__PURE__ */ i.jsx(
+    an,
     {
       className: "content-render-iframe",
       disableLoadingOverlay: P,
       hideFullScreen: !0,
-      locale: p,
+      locale: h,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, Ln = (e = [], t = !1) => {
+  ) : null, Zn = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
-    const u = e.filter(
+    const l = e.filter(
       (r) => r.is_renderable !== !1
-    ).length, c = t && nn ? hr(e) : "disabled", d = e.reduce(
-      (r, C, ae) => C.is_renderable !== !1 ? ae : r,
+    ).length, a = t && yn ? Pr(e) : "disabled", u = e.reduce(
+      (r, T, N) => T.is_renderable !== !1 ? N : r,
       -1
     );
-    return /* @__PURE__ */ o.jsx(
-      sr,
+    return /* @__PURE__ */ i.jsx(
+      Ir,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
-        mode: c,
-        children: e.map((r, C) => {
-          const ae = r.type === "html" && r.is_renderable === !1;
-          return /* @__PURE__ */ o.jsx(
+        mode: a,
+        children: e.map((r, T) => {
+          const N = r.type === "html" && r.is_renderable === !1;
+          return /* @__PURE__ */ i.jsx(
             "div",
             {
-              ref: t && C === d ? vt : null,
-              "aria-hidden": ae || void 0,
-              className: ue(
+              ref: t && T === u ? Ct : null,
+              "aria-hidden": N || void 0,
+              className: pe(
                 "w-full shrink-0",
-                u === 1 && r.is_renderable !== !1 && "slide-element--single",
-                ae ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
+                l === 1 && r.is_renderable !== !1 && "slide-element--single",
+                N ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
               ),
-              children: On(r, {
-                replaceRootScreenHeightWithFull: u === 1 && r.type === "html" && r.is_renderable !== !1
+              children: Qn(r, {
+                replaceRootScreenHeightWithFull: l === 1 && r.type === "html" && r.is_renderable !== !1
               })
             },
-            r.sequence_number ?? `${r.type}-${C}`
+            r.sequence_number ?? `${r.type}-${T}`
           );
         })
       }
     );
-  }, jn = n(() => {
-    const e = de.current;
+  }, er = n(() => {
+    const e = ye.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -759,67 +849,67 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), zt = n(() => {
-    const e = qe.current;
+  }, []), ln = n(() => {
+    const e = Fe.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), it = n(
-    (e) => Yt({
-      currentIndex: i,
-      resolvedCurrentInteractionElement: v,
-      slideElementList: T,
-      targetSlideIndex: Ce[e.audioIndex]
+  }, []), pt = n(
+    (e) => cn({
+      currentIndex: o,
+      resolvedCurrentInteractionElement: S,
+      slideElementList: E,
+      targetSlideIndex: Ne[e.audioIndex]
     }),
     [
-      v,
-      Ce,
-      i,
-      T
+      S,
+      Ne,
+      o,
+      E
     ]
-  ), Vn = n(
+  ), tr = n(
     (e, t) => {
-      const c = b[e.audioIndex]?.audioKey, d = Ce[e.audioIndex];
-      return !c || d == null || !it(e) ? !1 : (le(t), z.current = null, g(!1), ze(!1), Re(!1), st(t) && (ee(!0), S(!0)), d === i ? (he.current = null, N(), K(c), Be(e), !0) : (pe.current = !0, N(), he.current = {
+      const a = b[e.audioIndex]?.audioKey, u = Ne[e.audioIndex];
+      return !a || u == null || !pt(e) ? !1 : (fe(t), J.current = null, g(!1), et(!1), je(!1), yt(t) && (ie(!0), v(!0)), u === o ? (Ie.current = null, B(), q(a), He(e), !0) : (be.current = !0, B(), Ie.current = {
         audioIndex: e.audioIndex,
-        audioKey: c,
-        slideIndex: d,
+        audioKey: a,
+        slideIndex: u,
         timeMs: e.timeMs
-      }, Tt(d), !0));
+      }, Ot(u), !0));
     },
     [
       b,
-      Ce,
-      it,
-      i,
-      Tt,
-      Be,
-      N,
-      S,
-      le
+      Ne,
+      pt,
+      o,
+      Ot,
+      He,
+      B,
+      v,
+      fe
     ]
-  ), Kn = n(
+  ), nr = n(
     (e) => {
-      le(e), pe.current = !0, z.current = null, g(!1), st(e) && (ee(!0), S(!0)), N(), At();
+      fe(e), be.current = !0, J.current = null, g(!1), yt(e) && (ie(!0), v(!0)), B(), Ft();
     },
     [
-      At,
-      N,
-      S,
-      le
+      Ft,
+      B,
+      v,
+      fe
     ]
-  ), qn = n(
+  ), rr = n(
     (e) => {
-      le(e), pe.current = !0, z.current = null, g(!1), st(e) && (ee(!0), S(!0)), N(), _();
+      fe(e), be.current = !0, J.current = null, g(!1), yt(e) && (ie(!0), v(!0)), B(), _();
     },
     [
       _,
-      N,
-      S,
-      le
+      B,
+      v,
+      fe
     ]
-  ), Dn = n(
+  ), or = n(
     ({
       loading: e,
       reason: t
@@ -828,155 +918,150 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
         g(!1);
         return;
       }
-      if (!w || k) {
+      if (!I || M) {
         g(!1);
         return;
       }
-      e && t && Ge(t), g(Or(t, e));
+      e && t && Ze(t), g(Zr(t, e));
     },
     [
-      w,
-      k,
+      I,
+      M,
       P
     ]
   );
   s(() => {
     P && g(!1);
   }, [P]);
-  const Un = n(
+  const ir = n(
     (e) => {
       const t = b[e]?.audioKey;
-      if (!t || !x || t !== x)
+      if (!t || !A || t !== A)
         return;
-      const u = R.findIndex(
+      const l = k.findIndex(
         (r) => r === t
       );
-      if (u < 0) {
-        K(null);
+      if (l < 0) {
+        q(null);
         return;
       }
-      const c = u + 1, d = R[c];
-      if (d) {
-        K(d);
+      const a = l + 1, u = k[a];
+      if (u) {
+        q(u);
         return;
       }
-      if (K(null), ze(!0), g(!1), E) {
-        const r = i + 1, C = T[r];
-        qt && C?.type === "interaction" && (z.current = r), _();
+      if (q(null), et(!0), g(!1), R) {
+        const r = o + 1, T = E[r];
+        Xt && T?.type === "interaction" && (J.current = r), _();
         return;
       }
     },
     [
       b,
-      E,
-      i,
-      x,
       R,
+      o,
+      A,
+      k,
       _,
-      qt,
-      T
+      Xt,
+      E
     ]
-  ), Hn = n(() => {
-    v && ke((e) => !e);
-  }, [v]), Gn = n(() => {
-    Ee.current = !0, L(), y && ve(!0);
-  }, [L, y]), zn = n(() => {
-    Ee.current = !1, S(!0);
-  }, [S]), Jt = n(
+  ), lr = n(() => {
+    S && De((e) => !e);
+  }, [S]), sr = n(() => {
+    Oe.current = !0, V(), y && Ae(!0);
+  }, [V, y]), ar = n(() => {
+    Oe.current = !1, v(!0);
+  }, [v]), sn = n(
     (e) => {
-      e.stopPropagation(), I && S(!0);
+      e.stopPropagation(), x && v(!0);
     },
-    [I, S]
-  ), Jn = n(
+    [x, v]
+  ), ur = n(
     (e) => {
-      V(), pt?.(e);
+      D(), wt?.(e);
     },
-    [V, pt]
-  ), Wn = n(
+    [D, wt]
+  ), cr = n(
     (e) => {
-      V(), ht?.(e);
+      D(), Tt?.(e);
     },
-    [V, ht]
-  ), $n = n(() => {
-    ee(!0), S(!0);
-  }, [S]), Oe = a(
-    () => B.map(
-      (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
-    ),
-    [B]
-  );
+    [D, Tt]
+  ), dr = n(() => {
+    ie(!0), v(!0);
+  }, [v]);
   return s(() => {
-    const e = St.current, c = (e.length > 0 && e.length < Oe.length && e.every((r, C) => r === Oe[C]) ? B.slice(e.length) : []).some(
+    const e = Rt.current, a = (e.length > 0 && e.length < oe.length && e.every((r, T) => r === oe[T]) ? C.slice(e.length) : []).some(
       (r) => r.is_new === !1
     );
-    if (St.current = Oe, !c)
+    if (Rt.current = oe, !a)
       return;
-    const d = window.requestAnimationFrame(() => {
-      const r = qe.current, C = vt.current;
-      if (!r || !C)
+    const u = window.requestAnimationFrame(() => {
+      const r = Fe.current, T = Ct.current;
+      if (!r || !T)
         return;
-      const ae = r.getBoundingClientRect(), Yn = C.getBoundingClientRect(), Xn = r.scrollTop + (Yn.top - ae.top);
+      const N = r.getBoundingClientRect(), Ge = T.getBoundingClientRect(), _e = r.scrollTop + (Ge.top - N.top);
       r.scrollTo({
-        top: Math.max(Xn, 0),
+        top: Math.max(_e, 0),
         behavior: "smooth"
       });
     });
     return () => {
-      window.cancelAnimationFrame(d);
+      window.cancelAnimationFrame(u);
     };
-  }, [B, Oe]), s(() => {
-    if (!pe.current || (pe.current = !1, B.length === 0))
+  }, [C, oe]), s(() => {
+    if (!be.current || (be.current = !1, C.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      zt();
+      ln();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [B, zt]), /* @__PURE__ */ o.jsxs(
+  }, [C, ln]), /* @__PURE__ */ i.jsxs(
     "section",
     {
-      ref: de,
-      className: ue(
+      ref: ye,
+      className: pe(
         "relative h-full w-full",
-        O && "slide--mobile-device",
-        Nt && "slide--browser-fullscreen",
-        oe && "slide--mobile-landscape",
-        Ft && "slide--mobile-landscape-native",
-        rn
+        L && "slide--mobile-device",
+        Ht && "slide--browser-fullscreen",
+        ue && "slide--mobile-landscape",
+        Ut && "slide--mobile-landscape-native",
+        Sn
       ),
-      onClick: $n,
-      onFocusCapture: Wn,
-      onPointerDown: Jn,
-      ...on,
+      onClick: dr,
+      onFocusCapture: cr,
+      onPointerDown: ur,
+      ...vn,
       children: [
-        wn ? /* @__PURE__ */ o.jsx(
+        Vn ? /* @__PURE__ */ i.jsx(
           "div",
           {
             "aria-hidden": "true",
             className: "pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"
           }
         ) : null,
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ i.jsxs(
           "div",
           {
-            ref: yt,
-            className: ue(
+            ref: Et,
+            className: pe(
               "slide__viewport relative h-full min-h-0 w-full",
-              oe && "slide__viewport--mobile-landscape",
-              oe && !xn && "slide__viewport--mobile-landscape-native"
+              ue && "slide__viewport--mobile-landscape",
+              ue && !On && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              An ? /* @__PURE__ */ o.jsxs("div", { className: "slide-landscape-header", children: [
-                /* @__PURE__ */ o.jsx(
+              Nn ? /* @__PURE__ */ i.jsxs("div", { className: "slide-landscape-header", children: [
+                /* @__PURE__ */ i.jsx(
                   "button",
                   {
-                    "aria-label": U?.backAriaLabel ?? H.fullscreenBackAriaLabel,
+                    "aria-label": G?.backAriaLabel ?? $.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: Cn,
+                    onClick: Dn,
                     type: "button",
-                    children: /* @__PURE__ */ o.jsx(
-                      Pr,
+                    children: /* @__PURE__ */ i.jsx(
+                      Gr,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -984,28 +1069,29 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
                     )
                   }
                 ),
-                U?.content ? /* @__PURE__ */ o.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: U.content }) : null
+                G?.content ? /* @__PURE__ */ i.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: G.content }) : null
               ] }) : null,
-              /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ i.jsx(
                 "div",
                 {
-                  className: ue(
+                  className: pe(
                     "h-full min-h-0 w-full",
-                    Tn && "slide__viewport-content--with-header",
-                    un ? "slide-content--single" : "grid gap-4"
+                    Ln && "slide__viewport-content--with-header",
+                    An ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: B.length > 0 ? /* @__PURE__ */ o.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ o.jsx("div", { ref: qe, className: "slide-stage__layer w-full", children: Pn.map(
+                  children: C.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ i.jsx("div", { ref: Fe, className: "slide-stage__layer w-full", children: qn.map(
                     (e, t) => {
-                      const u = t === _n;
-                      return /* @__PURE__ */ o.jsx(
+                      const l = t === Kn;
+                      return /* @__PURE__ */ i.jsx(
                         "div",
                         {
-                          "aria-hidden": !u || void 0,
+                          "data-active-step": l ? "true" : void 0,
+                          "aria-hidden": !l || void 0,
                           className: "w-full h-full",
-                          style: { display: u ? void 0 : "none" },
-                          children: Ln(
+                          style: { display: l ? void 0 : "none" },
+                          children: Zn(
                             e.elementList,
-                            u
+                            l
                           )
                         },
                         e.sourceStepIndexes[0] ?? t
@@ -1014,126 +1100,126 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
                   ) }) }) : null
                 }
               ),
-              mn ? /* @__PURE__ */ o.jsx(
-                tr,
+              En ? /* @__PURE__ */ i.jsx(
+                hr,
                 {
-                  message: Nr(
-                    sn,
-                    pn
+                  message: Xr(
+                    bn,
+                    Cn
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
-              /* @__PURE__ */ o.jsx(
-                lr,
+              /* @__PURE__ */ i.jsx(
+                gr,
                 {
-                  extraBottomOffset: Sn,
-                  hasPlayerGap: I,
-                  isEnabled: Pt && hn,
-                  isPlayerHidden: y && !I,
-                  playbackTimeStore: ne,
-                  subtitleCues: Rn
+                  extraBottomOffset: kn,
+                  hasPlayerGap: x,
+                  isEnabled: Vt && Rn,
+                  isPlayerHidden: y && !x,
+                  playbackTimeStore: se,
+                  subtitleCues: Un
                 }
               ),
-              ot ? /* @__PURE__ */ o.jsx(
+              mt ? /* @__PURE__ */ i.jsx(
                 "div",
                 {
-                  ref: De,
+                  ref: Ye,
                   "data-player-keyboard-shortcuts-ignore": "true",
-                  className: ue(
+                  className: pe(
                     "slide-interaction-overlay",
-                    I && y ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+                    x && y ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
-                  onClick: Jt,
-                  onPointerDown: Jt,
+                  onClick: sn,
+                  onPointerDown: sn,
+                  onPointerDownCapture: (e) => {
+                    St(e.target) && qe(!0);
+                  },
                   onFocusCapture: (e) => {
-                    Qt(e.target) && Ye(!0), lt(e.target) && Me(!0);
+                    fn(e.target) && ot(!0), St(e.target) && qe(!0);
                   },
                   onBlurCapture: (e) => {
-                    if (!Qt(e.target))
+                    if (!fn(e.target))
                       return;
                     const t = e.relatedTarget;
-                    t instanceof HTMLElement && De.current?.contains(t) || Ye(!1);
-                  },
-                  onPointerDownCapture: (e) => {
-                    lt(e.target) && Me(!0);
+                    t instanceof HTMLElement && Ye.current?.contains(t) || ot(!1);
                   },
                   onInputCapture: (e) => {
-                    lt(e.target) && Me(!0);
+                    St(e.target) && qe(!0);
                   },
-                  style: kn,
-                  children: /* @__PURE__ */ o.jsx(
-                    Zt,
+                  style: Hn,
+                  children: /* @__PURE__ */ i.jsx(
+                    mn,
                     {
-                      content: String(v?.content ?? ""),
-                      locale: p,
-                      defaultButtonText: Ut.buttonText ?? "",
-                      defaultInputText: Ut.inputText ?? "",
-                      defaultSelectedValues: Nn,
-                      confirmButtonText: X?.confirmButtonText ?? H.interactionTexts.confirmButtonText,
-                      copyButtonText: X?.copyButtonText ?? H.interactionTexts.copyButtonText,
-                      copiedButtonText: X?.copiedButtonText ?? H.interactionTexts.copiedButtonText,
-                      onSend: Bn,
-                      readonly: Ht,
-                      title: X?.title ?? je ?? H.interactionTexts.title
+                      content: String(S?.content ?? ""),
+                      locale: h,
+                      defaultButtonText: nn.buttonText ?? "",
+                      defaultInputText: nn.inputText ?? "",
+                      defaultSelectedValues: Wn,
+                      confirmButtonText: te?.confirmButtonText ?? $.interactionTexts.confirmButtonText,
+                      copyButtonText: te?.copyButtonText ?? $.interactionTexts.copyButtonText,
+                      copiedButtonText: te?.copiedButtonText ?? $.interactionTexts.copiedButtonText,
+                      onSend: Xn,
+                      readonly: on,
+                      title: te?.title ?? ze ?? $.interactionTexts.title
                     }
                   )
                 }
               ) : null,
-              y ? /* @__PURE__ */ o.jsx(
-                cr.Provider,
+              y ? /* @__PURE__ */ i.jsx(
+                wr.Provider,
                 {
-                  value: cn,
-                  children: /* @__PURE__ */ o.jsx(
-                    ir,
+                  value: xn,
+                  children: /* @__PURE__ */ i.jsx(
+                    br,
                     {
                       audioList: b,
-                      className: ue(
+                      className: pe(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
-                        Nt ? "bottom-3" : "-bottom-3",
-                        D,
-                        !I && "pointer-events-none opacity-0"
+                        Ht ? "bottom-3" : "-bottom-3",
+                        H,
+                        !x && "pointer-events-none opacity-0"
                       ),
-                      currentAudioIndex: A,
-                      defaultPlaying: He,
-                      enableKeyboardShortcuts: Q,
-                      isPlaybackPaused: J,
-                      isAutoAdvanceEnabled: Se,
-                      locale: p,
-                      hasInteraction: !!v,
-                      isInteractionOpen: te,
-                      isSubtitleEnabled: Pt,
-                      onAutoAdvanceToggle: Et,
-                      onLoadingChange: Dn,
+                      currentAudioIndex: w,
+                      defaultPlaying: Qe,
+                      enableKeyboardShortcuts: ne,
+                      isPlaybackPaused: W,
+                      isAutoAdvanceEnabled: xe,
+                      locale: h,
+                      hasInteraction: !!S,
+                      isInteractionOpen: le,
+                      isSubtitleEnabled: Vt,
+                      onAutoAdvanceToggle: Nt,
+                      onLoadingChange: or,
                       onPlaybackStarted: () => {
-                        Re(!0);
+                        je(!0);
                       },
-                      onPlaybackPreferenceChange: Fn,
-                      onPlaybackTimeChange: ne.setTime,
+                      onPlaybackPreferenceChange: Jn,
+                      onPlaybackTimeChange: se.setTime,
                       onSubtitleToggle: () => {
-                        yn((e) => !e);
+                        Pn((e) => !e);
                       },
-                      nextDisabled: !E,
-                      onEnded: Un,
-                      onFullscreen: jn,
-                      isFullscreen: Rt,
-                      mobileViewMode: re,
-                      settingsPortalContainer: yt.current,
-                      onMobileViewModeChange: En,
-                      onControlsPointerEnter: Gn,
-                      onControlsPointerLeave: zn,
-                      onInteractionToggle: Hn,
-                      onNext: qn,
-                      onPrev: Kn,
-                      onSubtitleJump: Vn,
-                      canJumpToSubtitleTarget: it,
-                      prevDisabled: !an,
-                      showControls: I,
-                      subtitleSeekRequest: fn,
-                      texts: en,
-                      customActionContext: et,
-                      customActions: $,
-                      useAutoAdvanceToggle: xe
+                      nextDisabled: !R,
+                      onEnded: ir,
+                      onFullscreen: er,
+                      isFullscreen: Dt,
+                      mobileViewMode: ae,
+                      settingsPortalContainer: Et.current,
+                      onMobileViewModeChange: jn,
+                      onControlsPointerEnter: sr,
+                      onControlsPointerLeave: ar,
+                      onInteractionToggle: lr,
+                      onNext: rr,
+                      onPrev: nr,
+                      onSubtitleJump: tr,
+                      canJumpToSubtitleTarget: pt,
+                      prevDisabled: !gn,
+                      showControls: x,
+                      subtitleSeekRequest: Tn,
+                      texts: pn,
+                      customActionContext: at,
+                      customActions: Z,
+                      useAutoAdvanceToggle: Ee
                     }
                   )
                 }
@@ -1146,6 +1232,6 @@ const Lr = (l, p) => l.length === p.length && l.every((q, ce) => {
   );
 };
 export {
-  go as default
+  jo as default
 };
 //# sourceMappingURL=Slide.es.js.map