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

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

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