markdown-flow-ui 0.2.26-dev.4 → 0.2.26-dev.6

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

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