markdown-flow-ui 0.1.129 → 0.2.0

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

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