markdown-flow-ui 0.2.26-dev.1 → 0.2.26-dev.2

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

@@ -1,60 +1,60 @@
-import { jsxs as Ge, jsx as u, Fragment as Gr } from "react/jsx-runtime";
-import { memo as $r, useMemo as f, useId as zr, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as Xr } from "react";
-import { isSandboxInteractionMessage as Jr } from "../../lib/sandboxInteraction.es.js";
+import { jsxs as Ge, jsx as u, Fragment as Yr } from "react/jsx-runtime";
+import { memo as Gr, useMemo as f, useId as $r, useRef as m, useCallback as r, useState as p, useEffect as s, useLayoutEffect as zr } from "react";
+import { isSandboxInteractionMessage as Xr } from "../../lib/sandboxInteraction.es.js";
 import { cn as we } from "../../lib/utils.es.js";
-import { useResolvedDirection as Wr } from "../../lib/useResolvedDirection.es.js";
-import { getMarkdownFlowDirection as jr, getMarkdownFlowLanguage as Qr } from "../../lib/locale.es.js";
-import Zr from "../ui/loading-overlay-card.es.js";
-import eo from "../ContentRender/ContentRender.es.js";
+import { useResolvedDirection as Jr } from "../../lib/useResolvedDirection.es.js";
+import { getMarkdownFlowDirection as Wr, getMarkdownFlowLanguage as jr } from "../../lib/locale.es.js";
+import Qr from "../ui/loading-overlay-card.es.js";
+import Zr from "../ContentRender/ContentRender.es.js";
 import Ln from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { isMobileDevice as to, isLandscapeViewport as Dn, subscribeMobileDeviceChange as no } from "../../lib/mobileDevice.es.js";
-import ro from "./Player.es.js";
-import oo from "./MarkdownSlideScaling.es.js";
-import io from "./SubtitleOverlay.es.js";
-import lo from "./useSlide.es.js";
-import ao from "./useWakePlayerFromIframe.es.js";
-import { PlayerKeyboardShortcutContext as so } from "./utils/playerKeyboardShortcutContext.es.js";
-import { activatePlayerKeyboardShortcutOwner as co } from "./utils/playerKeyboardShortcuts.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as uo } from "./utils/mobileScreenMode.es.js";
-import { shouldRenderInteractionOverlay as fo, clampInteractionOverlayDragOffset as Nn, shouldPresentInteractionOverlay as mo } from "./utils/interactionPlayback.es.js";
-import { resolveMarkdownScalingMode as po } from "./utils/markdownScaling.es.js";
+import { isMobileDevice as eo, isLandscapeViewport as Dn, subscribeMobileDeviceChange as to } from "../../lib/mobileDevice.es.js";
+import no from "./Player.es.js";
+import ro from "./MarkdownSlideScaling.es.js";
+import oo from "./SubtitleOverlay.es.js";
+import io from "./useSlide.es.js";
+import lo from "./useWakePlayerFromIframe.es.js";
+import { PlayerKeyboardShortcutContext as ao } from "./utils/playerKeyboardShortcutContext.es.js";
+import { activatePlayerKeyboardShortcutOwner as so } from "./utils/playerKeyboardShortcuts.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as vt, resolveMobileViewModeState as co } from "./utils/mobileScreenMode.es.js";
+import { shouldRenderInteractionOverlay as uo, clampInteractionOverlayDragOffset as Nn, shouldPresentInteractionOverlay as fo } from "./utils/interactionPlayback.es.js";
+import { resolveMarkdownScalingMode as mo } from "./utils/markdownScaling.es.js";
 import { shouldWakePlayerControlsAfterNavigation as Gt } from "./utils/playerNavigationContext.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as yo } from "./utils/appendedMarkerAdvance.es.js";
-import { resolvePendingStepAudioKey as ho, hasUnplayedStepAudio as go } from "./utils/stepAudioProgress.es.js";
-import { getPlaybackSequenceTransition as vo, shouldStartDefaultAudioSequence as So } from "./utils/playbackSequence.es.js";
-import { hasResolvedInteractionElement as Io, canReachSubtitleJumpTarget as Bn } from "./utils/subtitleJumpNavigation.es.js";
-import { resolvePlayerCustomActionElement as bo, getPlayerCustomActionCount as Ao } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as wo } from "./utils/playbackTimeStore.es.js";
-import { resolveSlideInteractionState as xo } from "./utils/interactionResolution.es.js";
-import { shouldUseAutoAdvanceToggle as Po } from "./utils/playerToggleMode.es.js";
-import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Eo, areImageOnlyStepIframeVisualsReady as Co } from "./utils/imageOnlyStepVisualReady.es.js";
-import { resolveSilentStepAutoAdvanceBehavior as To } from "./utils/silentStepAutoAdvance.es.js";
-import { resolveSlidePlayerVisibility as Ro, resolveSlidePlayerLayoutState as _o } from "./utils/playerVisibility.es.js";
-import { getSlideLocaleTexts as Oo, DEFAULT_SLIDE_BUFFERING_TEXTS as Mo } from "./slideI18n.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as po } from "./utils/appendedMarkerAdvance.es.js";
+import { resolvePendingStepAudioKey as yo, hasUnplayedStepAudio as ho } from "./utils/stepAudioProgress.es.js";
+import { getPlaybackSequenceTransition as go, shouldStartDefaultAudioSequence as vo } from "./utils/playbackSequence.es.js";
+import { hasResolvedInteractionElement as So, canReachSubtitleJumpTarget as Bn } from "./utils/subtitleJumpNavigation.es.js";
+import { resolvePlayerCustomActionElement as Io, getPlayerCustomActionCount as bo } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Ao } from "./utils/playbackTimeStore.es.js";
+import { resolveSlideInteractionState as wo } from "./utils/interactionResolution.es.js";
+import { shouldUseAutoAdvanceToggle as xo } from "./utils/playerToggleMode.es.js";
+import { DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS as Po, areImageOnlyStepIframeVisualsReady as Eo } from "./utils/imageOnlyStepVisualReady.es.js";
+import { resolveSilentStepAutoAdvanceBehavior as Co } from "./utils/silentStepAutoAdvance.es.js";
+import { resolveSlidePlayerVisibility as To, resolveSlidePlayerLayoutState as Ro } from "./utils/playerVisibility.es.js";
+import { getSlideLocaleTexts as _o, DEFAULT_SLIDE_BUFFERING_TEXTS as Oo } from "./slideI18n.es.js";
 /* empty css             */
 import $t from "../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.es.js";
-import ko from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const Fo = 2e3, Lo = 300, Do = 160, No = 16, Vn = 3e3, St = {
+import Mo from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const ko = 2e3, Fo = 300, Lo = 160, Do = 16, Vn = 3e3, St = {
   x: 0,
   y: 0
-}, Xt = 0.5, Bo = typeof window > "u" ? s : Xr, Vo = [
+}, Xt = 0.5, No = typeof window > "u" ? s : zr, Bo = [
   "button",
   "input",
   "textarea",
   '[contenteditable=""]',
   '[contenteditable="true"]',
   '[contenteditable="plaintext-only"]'
-].join(", "), Jt = "waitingForAudio", Ko = ({
+].join(", "), Jt = "waitingForAudio", Vo = ({
   x: c,
   y: d
 }) => ({
   x: Number(c.toFixed(2)),
   y: Number(d.toFixed(2))
-}), Kn = (c) => Math.abs(c) >= Xt, qn = (c, d) => Math.abs(c.x - d.x) < Xt && Math.abs(c.y - d.y) < Xt, qo = (c, d) => typeof c == "string" ? c : c[d] ?? c[Jt] ?? Mo[d], Uo = (c, d) => typeof c == "string" ? c : {
+}), Kn = (c) => Math.abs(c) >= Xt, qn = (c, d) => Math.abs(c.x - d.x) < Xt && Math.abs(c.y - d.y) < Xt, Ko = (c, d) => typeof c == "string" ? c : c[d] ?? c[Jt] ?? Oo[d], qo = (c, d) => typeof c == "string" ? c : {
   ...d,
   ...c
-}, Ho = (c, d) => d ? c !== "loadingAudio" : !1, Un = $r(
+}, Uo = (c, d) => d ? c !== "loadingAudio" : !1, Un = Gr(
   ({
     content: c,
     title: d,
@@ -94,7 +94,7 @@ const Fo = 2e3, Lo = 300, Do = 160, No = 16, Vn = 3e3, St = {
     ),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ u("p", { className: "slide-player__interaction-title", children: d }) }),
     /* @__PURE__ */ u("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ u(
-      eo,
+      Zr,
       {
         content: c,
         locale: xe,
@@ -114,10 +114,10 @@ const Fo = 2e3, Lo = 300, Do = 160, No = 16, Vn = 3e3, St = {
   ] })
 );
 Un.displayName = "InteractionOverlayCard";
-const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
+const Ho = (c, d) => c.length === d.length && c.every((G, xe) => {
   const $ = d[xe];
   return G.sequence_number === $?.sequence_number && G.type === $?.type && G.content === $?.content;
-}), zt = (c) => c instanceof HTMLElement && !!c.closest(Vo), Ri = ({
+}), zt = (c) => c instanceof HTMLElement && !!c.closest(Bo), Ti = ({
   elementList: c = [],
   locale: d,
   playerEnabled: G,
@@ -131,7 +131,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   interactionTexts: X,
   playerTexts: bt,
   playerAutoHideDelay: Ee = 3e3,
-  markerAutoAdvanceDelay: ze = Fo,
+  markerAutoAdvanceDelay: ze = ko,
   showSlideProgress: At = !1,
   interactionDefaultValueOptions: Xe,
   onSend: Je,
@@ -151,8 +151,8 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   onFocusCapture: Zt,
   ...Jn
 }) => {
-  const J = zn ?? jr(d), Te = Xn ?? Qr(d), N = f(() => Oo(d), [d]), Wn = f(
-    () => Uo(
+  const J = zn ?? Wr(d), Te = Xn ?? jr(d), N = f(() => _o(d), [d]), Wn = f(
+    () => qo(
       $e,
       N.bufferingText
     ),
@@ -160,17 +160,17 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   ), {
     playerEnabled: jn,
     playerControlsVisibility: W
-  } = Ro({
+  } = To({
     playerEnabled: G,
     playerControlsVisibility: xe
-  }), We = zr(), ce = m(null), { resolvedDirection: Qn } = Wr(ce, J), wt = m(null), je = m(null), en = m(null), ue = m(null), Qe = m(!1), Re = m(null), Ze = m(null), j = m(null), _e = m(null), Oe = m(null), de = m(null), Me = m(null), tn = m([]), ke = m(!1), Q = m(null), Fe = m(null), nn = m(0), xt = m(null), rn = m({
+  }), We = $r(), ce = m(null), { resolvedDirection: Qn } = Jr(ce, J), wt = m(null), je = m(null), en = m(null), ue = m(null), Qe = m(!1), Re = m(null), Ze = m(null), j = m(null), _e = m(null), Oe = m(null), de = m(null), Me = m(null), tn = m([]), ke = m(!1), Q = m(null), Fe = m(null), nn = m(0), xt = m(null), rn = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
   }), Pt = m(!1), {
     currentElementList: T,
     stepElementLists: on,
-    slideElementList: x,
+    slideElementList: C,
     currentIndex: a,
     audioList: y,
     audioSlideIndexes: Z,
@@ -182,48 +182,43 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     handlePrev: ln,
     handleNext: L,
     handleGoTo: tt
-  } = lo(c), Le = f(() => {
+  } = io(c), Le = f(() => {
     if (!(a < 0))
-      return x[a];
-  }, [a, x]), fe = f(
+      return C[a];
+  }, [a, C]), fe = f(
     () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [T]
-  ), an = x.filter(
-    (e) => e.is_renderable !== !1
-  ).length, er = Math.max(
-    x.slice(0, a + 1).filter((e) => e.is_renderable !== !1).length - 1,
-    0
-  ), tr = an === 1, A = jn && (x.length > 0 || y.length > 0 || !!h), nr = f(
+  ), an = C.length, er = an === 1, A = jn && (C.length > 0 || y.length > 0 || !!h), tr = f(
     () => ({
       enabled: se,
       ownerId: We
     }),
     [se, We]
   ), H = r(() => {
-    !se || !A || co(We);
+    !se || !A || so(We);
   }, [se, We, A]), _ = f(
     () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
     [y, et]
-  ), [rr, De] = p(!0), [nt, me] = p(!1), [Et, Ct] = p(!0), [Ne, sn] = p(!0), [P, B] = p(null), [rt, cn] = p(null), Be = m(
+  ), [nr, De] = p(!0), [nt, me] = p(!1), [Et, Ct] = p(!0), [Ne, sn] = p(!0), [x, B] = p(null), [rt, cn] = p(null), Be = m(
     null
-  ), un = m(null), [or, dn] = p(null), [ir, w] = p(!1), [lr, Tt] = p(Jt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [ar, lt] = p(!1), [fn, sr] = p(!0), [Rt, _t] = p(!1), [S, Ot] = p(), [pe, at] = p(!1), [mn, st] = p(!1), [E, Mt] = p(
+  ), un = m(null), [rr, dn] = p(null), [or, w] = p(!1), [ir, Tt] = p(Jt), [O, ot] = p(!1), it = m(/* @__PURE__ */ new Set()), [lr, lt] = p(!1), [fn, ar] = p(!0), [Rt, _t] = p(!1), [S, Ot] = p(), [pe, at] = p(!1), [mn, st] = p(!1), [P, Mt] = p(
     St
   ), [kt, Ft] = p(!1), [
-    cr,
+    sr,
     ye
-  ] = p(0), [pn, ur] = p(!1), V = f(() => to(), []), [ct, Lt] = p(
+  ] = p(0), [pn, cr] = p(!1), V = f(() => eo(), []), [ct, Lt] = p(
     vt
-  ), [yn, Dt] = p(!1), [dr, hn] = p(
+  ), [yn, Dt] = p(!1), [ur, hn] = p(
     () => V ? Dn() : !1
-  ), he = f(() => wo(), []), {
+  ), he = f(() => Ao(), []), {
     effectiveMobileViewMode: ee,
     isImmersiveMobileFullscreen: ge,
     isNativeMobileFullscreen: gn,
-    shouldRotateFullscreenViewport: fr
+    shouldRotateFullscreenViewport: dr
   } = f(
-    () => uo({
+    () => co({
       hasManualMobileViewMode: yn,
       isMobileDevice: V,
       mobileViewMode: ct
@@ -231,24 +226,24 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     [
       yn,
       V,
-      dr,
+      ur,
       ct
     ]
   ), vn = m(ee), {
     controlsVisible: K,
     layoutReserved: ut
-  } = _o({
-    isAutoVisible: rr,
+  } = Ro({
+    isAutoVisible: nr,
     playerControlsVisibility: W,
     shouldMountPlayer: A
-  }), mr = ge && K, pr = ge && ut, yr = ge || gn, Sn = pn && !V, hr = r(
+  }), fr = ge && K, mr = ge && ut, pr = ge || gn, Sn = pn && !V, yr = r(
     (e) => {
       Dt(!0), Lt(e);
     },
     []
   ), In = r(() => {
     Dt(!1), Lt(vt);
-  }, []), gr = r(() => {
+  }, []), hr = r(() => {
     In(), z?.onBack?.();
   }, [z, In]), M = r(() => {
     j.current !== null && (window.clearTimeout(j.current), j.current = null);
@@ -267,11 +262,11 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     Mt(
       (e) => e.x === St.x && e.y === St.y ? e : St
     ), Ft(!1), Me.current = null, de.current = null;
-  }, []), { mountedStepStates: vr, currentMountedStateIndex: Sr } = f(() => {
+  }, []), { mountedStepStates: gr, currentMountedStateIndex: vr } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
     return on.forEach((n, i) => {
       const l = e.findIndex(
-        (o) => Yo(
+        (o) => Ho(
           o.elementList,
           n
         )
@@ -288,11 +283,11 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       mountedStepStates: e,
       currentMountedStateIndex: a >= 0 ? t.get(a) ?? -1 : -1
     };
-  }, [a, on]), An = f(() => String(a), [a]), C = f(() => P ? y.findIndex(
-    (e) => (e.audioKey ?? "") === P
-  ) : -1, [y, P]), mt = f(
-    () => C >= 0 ? y[C] : void 0,
-    [y, C]
+  }, [a, on]), An = f(() => String(a), [a]), E = f(() => x ? y.findIndex(
+    (e) => (e.audioKey ?? "") === x
+  ) : -1, [y, x]), mt = f(
+    () => E >= 0 ? y[E] : void 0,
+    [y, E]
   );
   s(() => {
     if (!U || U.id === un.current)
@@ -311,13 +306,13 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     tt,
     U
   ]);
-  const Ir = mt?.element?.subtitle_cues ?? [], pt = f(
+  const Sr = mt?.element?.subtitle_cues ?? [], pt = f(
     () => _[0] ?? "none",
     [_]
   ), Nt = f(
     () => ({
-      currentElement: bo({
-        currentAudioIndex: C,
+      currentElement: Io({
+        currentAudioIndex: E,
         currentAudioSequenceIndexes: et,
         audioList: y,
         currentInteractionElement: S,
@@ -332,7 +327,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     [
       S,
       y,
-      C,
+      E,
       et,
       a,
       Le,
@@ -341,23 +336,23 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       bn
     ]
   ), yt = f(
-    () => Ao(
+    () => bo(
       Pe,
       Nt
     ),
     [Nt, Pe]
-  ), Bt = yt > 0, Vt = Bt && Rt, br = f(
+  ), Bt = yt > 0, Vt = Bt && Rt, Ir = f(
     () => ({
       "--slide-player-custom-action-count": String(yt),
       "--slide-player-mobile-control-count": String(
         yt + 4
       ),
-      "--slide-interaction-drag-x": `${E.x}px`,
-      "--slide-interaction-drag-y": `${E.y}px`
+      "--slide-interaction-drag-x": `${P.x}px`,
+      "--slide-interaction-drag-y": `${P.y}px`
     }),
     [
-      E.x,
-      E.y,
+      P.x,
+      P.y,
       yt
     ]
   ), wn = _.length > 0, xn = f(() => h ? `${h.sequence_number ?? "none"}:${String(
@@ -365,30 +360,30 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   )}` : "none", [h]), ve = f(
     () => [An, xn].join("|"),
     [xn, An]
-  ), Ar = f(
+  ), br = f(
     () => [
       ve,
       mt?.audioKey ?? "none",
-      String(C)
+      String(E)
     ].join("|"),
-    [C, mt?.audioKey, ve]
+    [E, mt?.audioKey, ve]
   ), Pn = !!f(() => !pt || pt === "none" ? "" : y.find(
     (t) => t.audioKey === pt
   )?.audioUrl?.trim() ?? "", [y, pt]), ne = ae && Vt, Ve = f(
-    () => Po({
+    () => xo({
       canGoNext: R,
-      currentAudioIndex: C,
+      currentAudioIndex: E,
       currentStepHasSpeakableElement: b,
       hasInteraction: !!h
     }),
     [
       R,
-      C,
+      E,
       h,
       b
     ]
   ), En = f(
-    () => To({
+    () => Co({
       currentElementList: T,
       currentStepHasSpeakableElement: b,
       currentInteractionElement: h,
@@ -403,7 +398,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   ), Cn = En.delayMs, Ke = En.usesImageOnlyDelay, Kt = f(
     () => `${a}:${fe.join("|")}`,
     [a, fe]
-  ), [wr, xr] = p(null), Tn = !Ke || wr === Kt, q = r(() => {
+  ), [Ar, wr] = p(null), Tn = !Ke || Ar === Kt, q = r(() => {
     ue.current !== null && (window.clearTimeout(ue.current), ue.current = null);
   }, []), Se = r(() => {
     Re.current !== null && (window.clearTimeout(Re.current), Re.current = null);
@@ -429,7 +424,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     },
     []
   ), Ie = r(() => {
-    const e = ho(
+    const e = yo(
       _,
       it.current
     );
@@ -448,12 +443,12 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
         return;
       const t = () => {
         _e.current = null, ye(
-          Do
+          Lo
         ), at(!0), Q.current = null;
       };
       _e.current = window.setTimeout(
         t,
-        Lo
+        Fo
       );
     },
     [k]
@@ -478,7 +473,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       W,
       A
     ]
-  ), Ue = !!Io(h), re = !!h && !Ue, Pr = r((e) => {
+  ), Ue = !!So(h), re = !!h && !Ue, xr = r((e) => {
     Ct(e);
   }, []), be = r(
     (e) => {
@@ -513,7 +508,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     const i = () => {
       n?.(), n = null;
     }, l = () => {
-      e || (i(), Y(), xr(Kt));
+      e || (i(), Y(), wr(Kt));
     }, o = () => {
       if (e)
         return;
@@ -526,7 +521,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       const I = Array.from(
         v.querySelectorAll("iframe")
       );
-      if (I.length === 0 || Co(I)) {
+      if (I.length === 0 || Eo(I)) {
         l();
         return;
       }
@@ -556,7 +551,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       t = null, o();
     }), Ze.current = window.setTimeout(() => {
       l();
-    }, Eo), () => {
+    }, Po), () => {
       e = !0, i(), Y(), t !== null && window.cancelAnimationFrame(t);
     };
   }, [
@@ -585,7 +580,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       "change",
       t
     );
-    const n = no(
+    const n = to(
       e
     );
     return () => {
@@ -601,14 +596,14 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   }, [ee, te]), s(() => {
     jt?.(Le, a);
   }, [a, Le, jt]), s(() => {
-    const e = rn.current, t = yo(
+    const e = rn.current, t = po(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: x.length,
+        nextMarkerCount: C.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: R,
-        currentAudioKey: P,
+        currentAudioKey: x,
         hasCompletedCurrentStepAudio: O,
         hasResolvedCurrentInteraction: Ue,
         currentStepHasSpeakableElement: b,
@@ -618,13 +613,13 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       }
     );
     rn.current = {
-      markerCount: x.length,
+      markerCount: C.length,
       currentIndex: a,
       canGoNext: R
     }, t && L();
   }, [
     R,
-    P,
+    x,
     a,
     h,
     b,
@@ -633,7 +628,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     Ue,
     Ne,
     Ve,
-    x.length
+    C.length
   ]), s(() => {
     if (!A || W === "hidden") {
       q(), De(!1);
@@ -654,12 +649,12 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && Jr(t.data) && t.data.eventType === "click" && A && (H(), me(!0), g(!0));
+      t.origin === window.location.origin && Xr(t.data) && t.data.eventType === "click" && A && (H(), me(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [H, A, g]), ao({
+  }, [H, A, g]), lo({
     sectionRef: ce,
     enabled: A,
     keyboardShortcutsEnabled: se,
@@ -676,14 +671,14 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       xt.current = ve;
       return;
     }
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = vo({
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = go({
       previousResetKey: xt.current,
       nextResetKey: ve,
-      currentAudioKey: P,
+      currentAudioKey: x,
       hasCompletedCurrentStepAudio: O
     });
     xt.current = ve;
-    const n = Q.current === a && !!h, i = mo({
+    const n = Q.current === a && !!h, i = fo({
       hasInteraction: !!h,
       shouldBlockPlaybackForInteraction: re,
       shouldOpenInteractionOverlayAfterAudio: n,
@@ -698,7 +693,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       if (l?.slideIndex === a && Bn({
         currentIndex: a,
         resolvedCurrentInteractionElement: S,
-        slideElementList: x,
+        slideElementList: C,
         targetSlideIndex: l.slideIndex
       })) {
         Fe.current = null, Pt.current = !0, B(l.audioKey), ht({
@@ -735,7 +730,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     T.length,
     a,
     h,
-    P,
+    x,
     ve,
     b,
     Ke,
@@ -753,7 +748,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     ht,
     Rn,
     A,
-    x,
+    C,
     Ie,
     ne,
     Ve
@@ -779,7 +774,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     ne,
     re
   ]), s(() => {
-    O && go(
+    O && ho(
       _,
       it.current
     ) && ot(!1);
@@ -787,8 +782,8 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     if (Be.current)
       return;
     const e = Pt.current;
-    Pt.current = !1, So({
-      currentAudioKey: P,
+    Pt.current = !1, vo({
+      currentAudioKey: x,
       currentAudioSequenceLength: _.length,
       currentStepHasSpeakableElement: b,
       hasCompletedCurrentStepAudio: O,
@@ -797,7 +792,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       shouldSkipDefaultAudioStart: e
     }) && Ie();
   }, [
-    P,
+    x,
     _,
     b,
     O,
@@ -805,27 +800,27 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     re,
     Ie
   ]), s(() => {
-    !P || C >= 0 || B(null);
-  }, [C, P]), s(() => {
-    C >= 0 || he.reset();
-  }, [C, he]), s(() => {
+    !x || E >= 0 || B(null);
+  }, [E, x]), s(() => {
+    E >= 0 || he.reset();
+  }, [E, he]), s(() => {
     lt(!1);
-  }, [Ar]);
+  }, [br]);
   const {
     interactionDefaults: _n,
-    interactionDefaultSelectedValues: Er,
+    interactionDefaultSelectedValues: Pr,
     hasResolvedInteractionInput: On,
-    isInteractionReadonly: Cr,
+    isInteractionReadonly: Er,
     shouldAutoContinueInteraction: Mn
   } = f(
-    () => xo(S, {
+    () => wo(S, {
       interactionDefaultValueOptions: Xe
     }),
     [S, Xe]
-  ), Tr = !!S?.readonly || Cr, He = fo({
+  ), Cr = !!S?.readonly || Er, He = uo({
     hasActiveInteraction: !!S,
     isInteractionOverlayOpen: pe
-  }), Rr = r(
+  }), Tr = r(
     (e) => {
       const n = [
         ...e.selectedValues ?? [],
@@ -841,7 +836,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   );
   s(() => {
     const e = () => {
-      ur(document.fullscreenElement === ce.current);
+      cr(document.fullscreenElement === ce.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
@@ -863,7 +858,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
         e.getBoundingClientRect().height
       );
       ye(
-        i + No
+        i + Do
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -897,7 +892,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     pe,
     Mn
   ]);
-  const _r = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Gr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
+  const Rr = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(Yr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
     Ln,
     {
       className: "content-render-iframe",
@@ -925,17 +920,17 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, Or = (e = [], t = !1) => {
+  ) : null, _r = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const n = e.filter(
       (o) => o.is_renderable !== !1
-    ).length, i = t && Gn ? po(e) : "disabled", l = e.reduce(
+    ).length, i = t && Gn ? mo(e) : "disabled", l = e.reduce(
       (o, v, I) => v.is_renderable !== !1 ? I : o,
       -1
     );
     return /* @__PURE__ */ u(
-      oo,
+      ro,
       {
         className: "slide-stage__content flex w-full flex-col gap-4",
         mode: i,
@@ -951,7 +946,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                 n === 1 && o.is_renderable !== !1 && "slide-element--single",
                 I ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : o.is_renderable === !1 && "hidden"
               ),
-              children: _r(o, {
+              children: Rr(o, {
                 replaceRootScreenHeightWithFull: n === 1 && o.type === "html" && o.is_renderable !== !1
               })
             },
@@ -960,7 +955,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
         })
       }
     );
-  }, Mr = r(() => {
+  }, Or = r(() => {
     const e = ce.current;
     if (e) {
       if (document.fullscreenElement === e) {
@@ -981,16 +976,16 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     (e) => Bn({
       currentIndex: a,
       resolvedCurrentInteractionElement: S,
-      slideElementList: x,
+      slideElementList: C,
       targetSlideIndex: Z[e.audioIndex]
     }),
     [
       S,
       Z,
       a,
-      x
+      C
     ]
-  ), kr = r(
+  ), Mr = r(
     (e, t) => {
       const i = y[e.audioIndex]?.audioKey, l = Z[e.audioIndex];
       return !i || l == null || !Ut(e) ? !1 : (be(t), Q.current = null, w(!1), ot(!1), lt(!1), Gt(t) && (me(!0), g(!0)), l === a ? (Fe.current = null, D(), B(i), ht(e), !0) : (ke.current = !0, D(), Fe.current = {
@@ -1011,7 +1006,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       g,
       be
     ]
-  ), Fr = r(
+  ), kr = r(
     (e) => {
       be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), ln();
     },
@@ -1021,7 +1016,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       g,
       be
     ]
-  ), Lr = r(
+  ), Fr = r(
     (e) => {
       be(e), ke.current = !0, Q.current = null, w(!1), Gt(e) && (me(!0), g(!0)), D(), L();
     },
@@ -1031,7 +1026,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       g,
       be
     ]
-  ), Dr = r(
+  ), Lr = r(
     ({
       loading: e,
       reason: t
@@ -1044,7 +1039,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
         w(!1);
         return;
       }
-      e && t && Tt(t), w(Ho(t, e));
+      e && t && Tt(t), w(Uo(t, e));
     },
     [
       b,
@@ -1055,10 +1050,10 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   s(() => {
     F && w(!1);
   }, [F]);
-  const Nr = r(
+  const Dr = r(
     (e) => {
       const t = y[e]?.audioKey;
-      if (!t || !P || t !== P)
+      if (!t || !x || t !== x)
         return;
       it.current.add(t);
       const n = _.findIndex(
@@ -1074,7 +1069,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
         return;
       }
       if (B(null), ot(!0), w(!1), R) {
-        const o = a + 1, v = x[o];
+        const o = a + 1, v = C[o];
         Pn && v?.type === "interaction" && (Q.current = o), L();
         return;
       }
@@ -1083,15 +1078,15 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       y,
       R,
       a,
-      P,
+      x,
       _,
       L,
       Pn,
-      x
+      C
     ]
-  ), Br = r(() => {
+  ), Nr = r(() => {
     Qe.current = !0, q(), A && De(!0);
-  }, [q, A]), Vr = r(() => {
+  }, [q, A]), Br = r(() => {
     Qe.current = !1, g(!0);
   }, [g]), Ht = r(
     (e) => {
@@ -1113,7 +1108,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
     },
     []
   );
-  Bo(() => {
+  No(() => {
     const e = Oe.current;
     if (!He || !e) {
       de.current = null;
@@ -1136,52 +1131,52 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       return;
     }
     const o = {
-      x: E.x + i,
-      y: E.y + l
+      x: P.x + i,
+      y: P.y + l
     }, v = gt(
       e,
-      E
-    ), I = Ko(
+      P
+    ), I = Vo(
       v ? Nn(o, v) : o
     );
     de.current = {
-      left: n.left + I.x - E.x,
-      top: n.top + I.y - E.y
+      left: n.left + I.x - P.x,
+      top: n.top + I.y - P.y
     }, qn(
       I,
-      E
+      P
     ) || Mt(
       (oe) => qn(oe, I) ? oe : I
     );
   }, [
     gt,
-    E,
+    P,
     kt,
     ut,
     He
   ]);
-  const Kr = r(
+  const Vr = r(
     (e) => {
       if (Ht(e), e.button !== 0 || !e.currentTarget.isConnected || !Oe.current)
         return;
       const t = gt(
         Oe.current,
-        E
+        P
       );
       t && (e.preventDefault(), e.currentTarget.hasPointerCapture?.(e.pointerId) !== !0 && e.currentTarget.setPointerCapture(e.pointerId), Me.current = {
         pointerId: e.pointerId,
         startClientX: e.clientX,
         startClientY: e.clientY,
-        startOffset: E,
+        startOffset: P,
         bounds: t
       }, Ft(!0));
     },
     [
       gt,
-      E,
+      P,
       Ht
     ]
-  ), qr = r(
+  ), Kr = r(
     (e) => {
       const t = Me.current;
       !t || t.pointerId !== e.pointerId || (e.preventDefault(), e.stopPropagation(), Mt(
@@ -1201,17 +1196,17 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       !t || t.pointerId !== e.pointerId || (e.stopPropagation(), e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), Me.current = null, Ft(!1));
     },
     []
-  ), Ur = r(
+  ), qr = r(
     (e) => {
       H(), Qt?.(e);
     },
     [H, Qt]
-  ), Hr = r(
+  ), Ur = r(
     (e) => {
       H(), Zt?.(e);
     },
     [H, Zt]
-  ), Yr = r(() => {
+  ), Hr = r(() => {
     me(!0), g(!0);
   }, [g]);
   return s(() => {
@@ -1256,12 +1251,12 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
       ),
       dir: J,
       lang: Te,
-      onClick: Yr,
-      onFocusCapture: Hr,
-      onPointerDown: Ur,
+      onClick: Hr,
+      onFocusCapture: Ur,
+      onPointerDown: qr,
       ...Jn,
       children: [
-        yr ? /* @__PURE__ */ u(
+        pr ? /* @__PURE__ */ u(
           "div",
           {
             "aria-hidden": "true",
@@ -1275,19 +1270,19 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
             className: we(
               "slide__viewport relative h-full min-h-0 w-full",
               ge && "slide__viewport--mobile-landscape",
-              ge && !fr && "slide__viewport--mobile-landscape-native"
+              ge && !dr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              mr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
+              fr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
                     "aria-label": z?.backAriaLabel ?? N.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
-                    onClick: gr,
+                    onClick: hr,
                     type: "button",
                     children: /* @__PURE__ */ u(
-                      ko,
+                      Mo,
                       {
                         className: "slide-landscape-header__icon h-6 w-6",
                         strokeWidth: 2.25
@@ -1302,12 +1297,12 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                 {
                   className: we(
                     "h-full min-h-0 w-full",
-                    pr && "slide__viewport-content--with-header",
-                    tr ? "slide-content--single" : "grid gap-4"
+                    mr && "slide__viewport-content--with-header",
+                    er ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: vr.map(
+                  children: T.length > 0 ? /* @__PURE__ */ u("div", { className: "slide-stage", children: /* @__PURE__ */ u("div", { ref: je, className: "slide-stage__layer w-full", children: gr.map(
                     (e, t) => {
-                      const n = t === Sr;
+                      const n = t === vr;
                       return /* @__PURE__ */ u(
                         "div",
                         {
@@ -1315,7 +1310,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                           "aria-hidden": !n || void 0,
                           className: "w-full h-full",
                           style: { display: n ? void 0 : "none" },
-                          children: Or(
+                          children: _r(
                             e.elementList,
                             n
                           )
@@ -1326,24 +1321,24 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                   ) }) }) : null
                 }
               ),
-              ir ? /* @__PURE__ */ u(
-                Zr,
+              or ? /* @__PURE__ */ u(
+                Qr,
                 {
-                  message: qo(
+                  message: Ko(
                     Wn,
-                    lr
+                    ir
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ u(
-                io,
+                oo,
                 {
-                  extraBottomOffset: cr,
+                  extraBottomOffset: sr,
                   hasPlayerGap: ut,
-                  isEnabled: fn && ar,
+                  isEnabled: fn && lr,
                   playbackTimeStore: he,
-                  subtitleCues: Ir
+                  subtitleCues: Sr
                 }
               ),
               He ? /* @__PURE__ */ u(
@@ -1366,7 +1361,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                   onInputCapture: (e) => {
                     zt(e.target) && st(!0);
                   },
-                  style: br,
+                  style: Ir,
                   children: /* @__PURE__ */ u(
                     Un,
                     {
@@ -1377,27 +1372,27 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                       locale: d,
                       defaultButtonText: _n.buttonText ?? "",
                       defaultInputText: _n.inputText ?? "",
-                      defaultSelectedValues: Er,
+                      defaultSelectedValues: Pr,
                       confirmButtonText: X?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
                       copyButtonText: X?.copyButtonText ?? N.interactionTexts.copyButtonText,
                       copiedButtonText: X?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
-                      onSend: Rr,
+                      onSend: Tr,
                       onDragHandlePointerCancel: Fn,
-                      onDragHandlePointerDown: Kr,
-                      onDragHandlePointerMove: qr,
+                      onDragHandlePointerDown: Vr,
+                      onDragHandlePointerMove: Kr,
                       onDragHandlePointerUp: Fn,
-                      readonly: Tr,
+                      readonly: Cr,
                       title: X?.title ?? It ?? N.interactionTexts.title
                     }
                   )
                 }
               ) : null,
               A ? /* @__PURE__ */ u(
-                so.Provider,
+                ao.Provider,
                 {
-                  value: nr,
+                  value: tr,
                   children: /* @__PURE__ */ u(
-                    ro,
+                    no,
                     {
                       dir: J === "auto" ? Qn : J,
                       lang: Te,
@@ -1408,7 +1403,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                         $,
                         !K && "pointer-events-none opacity-0"
                       ),
-                      currentAudioIndex: C,
+                      currentAudioIndex: E,
                       defaultPlaying: Et,
                       enableKeyboardShortcuts: se,
                       isPlaybackPaused: ne,
@@ -1417,7 +1412,7 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                       isInteractionOpen: pe,
                       isSubtitleEnabled: fn,
                       onAutoAdvanceToggle: sn,
-                      onLoadingChange: Dr,
+                      onLoadingChange: Lr,
                       onPlaybackStarted: () => {
                         lt(!0);
                       },
@@ -1433,32 +1428,32 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
                           timeMs: n
                         });
                       },
-                      onPlaybackPreferenceChange: Pr,
+                      onPlaybackPreferenceChange: xr,
                       onPlaybackTimeChange: he.setTime,
                       onSubtitleToggle: () => {
-                        sr((e) => !e);
+                        ar((e) => !e);
                       },
                       nextDisabled: !R,
-                      onEnded: Nr,
-                      onFullscreen: Mr,
+                      onEnded: Dr,
+                      onFullscreen: Or,
                       isFullscreen: pn,
                       mobileViewMode: ee,
                       settingsPortalContainer: wt.current,
-                      onMobileViewModeChange: hr,
-                      onControlsPointerEnter: Br,
-                      onControlsPointerLeave: Vr,
-                      onNext: Lr,
-                      onPrev: Fr,
-                      onSubtitleJump: kr,
+                      onMobileViewModeChange: yr,
+                      onControlsPointerEnter: Nr,
+                      onControlsPointerLeave: Br,
+                      onNext: Fr,
+                      onPrev: kr,
+                      onSubtitleJump: Mr,
                       canJumpToSubtitleTarget: Ut,
                       prevDisabled: !Zn,
                       showControls: K,
                       slideProgress: At ? {
                         ariaLabel: N.slideProgressAriaLabel,
-                        currentIndex: er,
+                        currentIndex: a,
                         totalSteps: an
                       } : null,
-                      subtitleSeekRequest: or,
+                      subtitleSeekRequest: rr,
                       playbackRestoreRequest: rt && rt.audioKey === mt?.audioKey ? {
                         id: rt.id,
                         timeMs: rt.timeMs
@@ -1482,6 +1477,6 @@ const Yo = (c, d) => c.length === d.length && c.every((G, xe) => {
   );
 };
 export {
-  Ri as default
+  Ti as default
 };
 //# sourceMappingURL=Slide.es.js.map