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

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

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