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

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

@@ -58,15 +58,15 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
   ({
     content: c,
     title: d,
-    dragHandleAriaLabel: $,
+    dragHandleAriaLabel: z,
     locale: Ee,
-    dir: z,
-    lang: X,
+    dir: X,
+    lang: J,
     defaultButtonText: Ce,
-    defaultInputText: se,
+    defaultInputText: ce,
     defaultSelectedValues: $e,
     confirmButtonText: St,
-    copyButtonText: J,
+    copyButtonText: W,
     copiedButtonText: It,
     onSend: Te,
     onDragHandlePointerCancel: ze,
@@ -80,7 +80,7 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
       {
         type: "button",
         className: "slide-player__interaction-drag-handle",
-        "aria-label": $,
+        "aria-label": z,
         onPointerCancel: ze,
         onPointerDown: bt,
         onPointerMove: At,
@@ -98,13 +98,13 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
       {
         content: c,
         locale: Ee,
-        dir: z,
-        lang: X,
+        dir: X,
+        lang: J,
         defaultButtonText: Ce,
-        defaultInputText: se,
+        defaultInputText: ce,
         defaultSelectedValues: $e,
         confirmButtonText: St,
-        copyButtonText: J,
+        copyButtonText: W,
         copiedButtonText: It,
         onSend: Te,
         readonly: Je,
@@ -114,21 +114,21 @@ const No = 2e3, Do = 300, Bo = 160, Vo = 16, qn = 3e3, vt = {
   ] })
 );
 Yn.displayName = "InteractionOverlayCard";
-const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
-  const z = d[Ee];
-  return $.sequence_number === z?.sequence_number && $.type === z?.type && $.content === z?.content;
+const $o = (c, d) => c.length === d.length && c.every((z, Ee) => {
+  const X = d[Ee];
+  return z.sequence_number === X?.sequence_number && z.type === X?.type && z.content === X?.content;
 }), Xt = (c) => c instanceof HTMLElement && !!c.closest(qo), Oi = ({
   elementList: c = [],
   locale: d,
-  playerEnabled: $,
+  playerEnabled: z,
   playerControlsVisibility: Ee,
-  playerClassName: z,
-  fullscreenHeader: X,
+  playerClassName: X,
+  fullscreenHeader: J,
   playerCustomActions: Ce,
-  playerCustomActionPauseOnActive: se = !0,
+  playerCustomActionPauseOnActive: ce = !0,
   bufferingText: $e,
   interactionTitle: St,
-  interactionTexts: J,
+  interactionTexts: W,
   playerTexts: It,
   playerAutoHideDelay: Te = 3e3,
   markerAutoAdvanceDelay: ze = No,
@@ -142,7 +142,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   onStepChange: Zt,
   onPlaybackCheckpoint: Gn,
   playbackRestoreRequest: U = null,
-  enableKeyboardShortcuts: ce = !0,
+  enableKeyboardShortcuts: ue = !0,
   enableIframeScaling: $n = !0,
   enableMarkdownScaling: zn = !0,
   disableLoadingOverlay: F = !1,
@@ -153,7 +153,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   onFocusCapture: tn,
   ...jn
 }) => {
-  const W = Jn ?? Zr(d), Re = Wn ?? eo(d), N = f(() => ko(d), [d]), Qn = f(
+  const j = Jn ?? Zr(d), Re = Wn ?? eo(d), N = f(() => ko(d), [d]), Qn = f(
     () => Yo(
       $e,
       N.bufferingText
@@ -161,11 +161,11 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     [$e, N.bufferingText]
   ), {
     playerEnabled: Zn,
-    playerControlsVisibility: j
+    playerControlsVisibility: Q
   } = Oo({
-    playerEnabled: $,
+    playerEnabled: z,
     playerControlsVisibility: Ee
-  }), We = Jr(), ue = m(null), { resolvedDirection: er } = Qr(ue, W), xt = m(null), je = m(null), nn = m(null), de = m(null), Qe = m(!1), _e = m(null), Ze = m(null), Q = m(null), Oe = m(null), Me = m(null), fe = m(null), ke = m(null), rn = m([]), me = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
+  }), We = Jr(), de = m(null), { resolvedDirection: er } = Qr(de, j), xt = m(null), je = m(null), nn = m(null), fe = m(null), Qe = m(!1), _e = m(null), Ze = m(null), Z = m(null), Oe = m(null), Me = m(null), me = m(null), ke = m(null), rn = m([]), pe = m(!1), H = m(null), Le = m(null), on = m(0), Pt = m(null), ln = m({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
@@ -175,7 +175,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     slideElementList: S,
     currentIndex: a,
     audioList: y,
-    audioSlideIndexes: Z,
+    audioSlideIndexes: ee,
     currentAudioSequenceIndexes: et,
     currentStepHasSpeakableElement: w,
     currentInteractionElement: h,
@@ -183,40 +183,40 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     canGoNext: R,
     handlePrev: sn,
     handleNext: D,
-    handleGoTo: pe
+    handleGoTo: ye
   } = so(c), Fe = f(() => {
     if (!(a < 0))
       return S[a];
-  }, [a, S]), ye = f(
+  }, [a, S]), he = f(
     () => T.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [T]
   ), cn = S.length, nr = cn === 1, x = Zn && (S.length > 0 || y.length > 0 || !!h), rr = f(
     () => ({
-      enabled: ce,
+      enabled: ue,
       ownerId: We
     }),
-    [ce, We]
+    [ue, We]
   ), Y = r(() => {
-    !ce || !x || fo(We);
-  }, [ce, We, x]), _ = f(
+    !ue || !x || fo(We);
+  }, [ue, We, x]), _ = f(
     () => et.map((e) => y[e]?.audioKey).filter((e) => !!e),
     [y, et]
-  ), [or, Ne] = p(!0), [tt, ee] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [nt, dn] = p(null), Be = m(
+  ), [or, Ne] = p(!0), [tt, te] = p(!1), [Ct, Tt] = p(!0), [De, un] = p(!0), [P, B] = p(null), [nt, dn] = p(null), Be = m(
     null
-  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, rt] = p(!1), ot = m(/* @__PURE__ */ new Set()), [sr, it] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [he, lt] = p(!1), [yn, at] = p(!1), [E, kt] = p(
+  ), fn = m(null), [ir, mn] = p(null), [lr, I] = p(!1), [ar, Rt] = p(Wt), [O, rt] = p(!1), ot = m(/* @__PURE__ */ new Set()), [sr, it] = p(!1), [pn, cr] = p(!0), [_t, Ot] = p(!1), [b, Mt] = p(), [ge, lt] = p(!1), [yn, at] = p(!1), [E, kt] = p(
     vt
   ), [Lt, Ft] = p(!1), [
     ur,
-    ge
+    ve
   ] = p(0), [hn, dr] = p(!1), V = f(() => ro(), []), [st, Nt] = p(
     gt
   ), [gn, Dt] = p(!1), [fr, vn] = p(
     () => V ? Bn() : !1
-  ), ve = f(() => Po(), []), {
-    effectiveMobileViewMode: te,
-    isImmersiveMobileFullscreen: Se,
+  ), Se = f(() => Po(), []), {
+    effectiveMobileViewMode: ne,
+    isImmersiveMobileFullscreen: Ie,
     isNativeMobileFullscreen: Sn,
     shouldRotateFullscreenViewport: mr
   } = f(
@@ -231,14 +231,14 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       fr,
       st
     ]
-  ), In = m(te), {
+  ), In = m(ne), {
     controlsVisible: K,
     layoutReserved: ct
   } = Mo({
     isAutoVisible: or,
-    playerControlsVisibility: j,
+    playerControlsVisibility: Q,
     shouldMountPlayer: x
-  }), pr = Se && K, yr = Se && ct, hr = Se || Sn, bn = hn && !V, gr = r(
+  }), pr = Ie && K, yr = Ie && ct, hr = Ie || Sn, bn = hn && !V, gr = r(
     (e) => {
       Dt(!0), Nt(e);
     },
@@ -246,13 +246,13 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   ), An = r(() => {
     Dt(!1), Nt(gt);
   }, []), vr = r(() => {
-    An(), X?.onBack?.();
-  }, [X, An]), M = r(() => {
-    Q.current !== null && (window.clearTimeout(Q.current), Q.current = null);
+    An(), J?.onBack?.();
+  }, [J, An]), M = r(() => {
+    Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
   }, []), k = r(() => {
     Oe.current !== null && (window.clearTimeout(Oe.current), Oe.current = null);
   }, []), ut = r(() => {
-    M(), k(), lt(!1), ge(0);
+    M(), k(), lt(!1), ve(0);
   }, [M, k]), dt = r(
     (e) => {
       e && ut(), Ot(e);
@@ -260,10 +260,10 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     [ut]
   ), wn = r(() => {
     ut(), Ot((e) => !e);
-  }, [ut]), ne = r(() => {
+  }, [ut]), re = r(() => {
     kt(
       (e) => e.x === vt.x && e.y === vt.y ? e : vt
-    ), Ft(!1), ke.current = null, fe.current = null;
+    ), Ft(!1), ke.current = null, me.current = null;
   }, []), { mountedStepStates: Sr, currentMountedStateIndex: Ir } = f(() => {
     const e = [], t = /* @__PURE__ */ new Map();
     return an.forEach((n, i) => {
@@ -299,13 +299,13 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     );
     if (e < 0)
       return;
-    const t = Z[e];
-    t != null && (fn.current = U.id, Tt(!0), B(U.audioKey), Be.current = U, dn(U), a !== t && pe(t));
+    const t = ee[e];
+    t != null && (fn.current = U.id, Tt(!0), B(U.audioKey), Be.current = U, dn(U), a !== t && ye(t));
   }, [
     y,
-    Z,
+    ee,
     a,
-    pe,
+    ye,
     U
   ]);
   const br = ft?.element?.subtitle_cues ?? [], mt = f(
@@ -359,19 +359,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     ]
   ), Pn = _.length > 0, En = f(() => h ? `${h.sequence_number ?? "none"}:${String(
     h.content ?? ""
-  )}` : "none", [h]), Ie = f(
+  )}` : "none", [h]), be = f(
     () => [xn, En].join("|"),
     [En, xn]
   ), wr = f(
     () => [
-      Ie,
+      be,
       ft?.audioKey ?? "none",
       String(C)
     ].join("|"),
-    [C, ft?.audioKey, Ie]
+    [C, ft?.audioKey, be]
   ), Cn = !!f(() => !mt || mt === "none" ? "" : y.find(
     (t) => t.audioKey === mt
-  )?.audioUrl?.trim() ?? "", [y, mt]), re = se && Kt, Ve = f(
+  )?.audioUrl?.trim() ?? "", [y, mt]), oe = ce && Kt, Ve = f(
     () => Co({
       canGoNext: R,
       currentAudioIndex: C,
@@ -398,24 +398,24 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       ze
     ]
   ), Rn = Tn.delayMs, Ke = Tn.usesImageOnlyDelay, qt = f(
-    () => `${a}:${ye.join("|")}`,
-    [a, ye]
+    () => `${a}:${he.join("|")}`,
+    [a, he]
   ), [xr, Pr] = p(null), _n = !Ke || xr === qt, q = r(() => {
-    de.current !== null && (window.clearTimeout(de.current), de.current = null);
-  }, []), be = r(() => {
+    fe.current !== null && (window.clearTimeout(fe.current), fe.current = null);
+  }, []), Ae = r(() => {
     _e.current !== null && (window.clearTimeout(_e.current), _e.current = null);
   }, []), G = r(() => {
     Ze.current !== null && (window.clearTimeout(Ze.current), Ze.current = null);
   }, []), L = r(
     (e = {}) => {
-      be(), M(), k(), G(), B(null), ve.reset(), I(!1), Rt(Wt), rt(!1), ot.current = /* @__PURE__ */ new Set(), it(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), lt(!1), ge(0);
+      Ae(), M(), k(), G(), B(null), Se.reset(), I(!1), Rt(Wt), rt(!1), ot.current = /* @__PURE__ */ new Set(), it(!1), mn(null), e.preservePendingSubtitleJump || (Le.current = null), Mt(void 0), lt(!1), ve(0);
     },
     [
-      be,
+      Ae,
       G,
       M,
       k,
-      ve
+      Se
     ]
   ), yt = r(
     (e) => {
@@ -425,26 +425,26 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       });
     },
     []
-  ), Ae = r(() => {
+  ), we = r(() => {
     const e = vo(
       _,
       ot.current
     );
     return e ? (B(e), !0) : !1;
   }, [_]), qe = r(() => {
-    M(), k(), lt(!1), ge(0), !Ae() && R && D();
+    M(), k(), lt(!1), ve(0), !we() && R && D();
   }, [
     R,
     M,
     k,
     D,
-    Ae
+    we
   ]), On = r(
     (e) => {
       if (k(), !e)
         return;
       const t = () => {
-        Oe.current = null, ge(
+        Oe.current = null, ve(
           Bo
         ), lt(!0), H.current = null;
       };
@@ -455,16 +455,16 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     },
     [k]
   ), Ut = r(
-    () => Qe.current || !!ue.current?.querySelector(".slide-player__controls:hover"),
+    () => Qe.current || !!de.current?.querySelector(".slide-player__controls:hover"),
     []
   ), g = r(
     (e = tt) => {
-      !x || j === "hidden" || (Ne(!0), q(), !(j === "visible" || !e || Te <= 0 || Ut()) && (de.current = window.setTimeout(() => {
+      !x || Q === "hidden" || (Ne(!0), q(), !(Q === "visible" || !e || Te <= 0 || Ut()) && (fe.current = window.setTimeout(() => {
         if (Ut()) {
-          de.current = null;
+          fe.current = null;
           return;
         }
-        Ne(!1), de.current = null;
+        Ne(!1), fe.current = null;
       }, Te)));
     },
     [
@@ -472,12 +472,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       tt,
       Ut,
       Te,
-      j,
+      Q,
       x
     ]
-  ), Ue = !!Ao(h), oe = !!h && !Ue, Er = r((e) => {
+  ), Ue = !!Ao(h), ie = !!h && !Ue, Er = r((e) => {
     Tt(e);
-  }, []), we = r(
+  }, []), $ = r(
     (e) => {
       e && Tt(e.shouldContinuePlayback);
     },
@@ -485,18 +485,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   );
   s(() => {
     un(Ct);
-  }, [a, Ct, se]), s(() => {
-    se && dt(!1);
+  }, [a, Ct, ce]), s(() => {
+    ce && dt(!1);
   }, [
     a,
-    se,
+    ce,
     dt
   ]), s(() => {
     Vt || Ot(!1);
   }, [Vt]), s(() => () => {
-    be(), G(), q(), M(), k();
+    Ae(), G(), q(), M(), k();
   }, [
-    be,
+    Ae,
     G,
     M,
     k,
@@ -527,26 +527,26 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         l();
         return;
       }
-      const ie = [], Ye = () => {
+      const le = [], Ye = () => {
         e || (t !== null && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
           t = null, o();
         }));
-      }, Gt = (le, xe, ae) => {
-        le.addEventListener(xe, ae, { once: !0 }), ie.push(
-          () => le.removeEventListener(xe, ae)
+      }, Gt = (ae, xe, se) => {
+        ae.addEventListener(xe, se, { once: !0 }), le.push(
+          () => ae.removeEventListener(xe, se)
         );
       };
-      A.forEach((le) => {
-        const xe = le.contentDocument;
+      A.forEach((ae) => {
+        const xe = ae.contentDocument;
         if (!xe || xe.readyState !== "complete") {
-          Gt(le, "load", Ye);
+          Gt(ae, "load", Ye);
           return;
         }
-        Array.from(xe.images).filter((ae) => !ae.complete).forEach((ae) => {
-          Gt(ae, "load", Ye), Gt(ae, "error", Ye);
+        Array.from(xe.images).filter((se) => !se.complete).forEach((se) => {
+          Gt(se, "load", Ye), Gt(se, "error", Ye);
         });
       }), n = () => {
-        ie.forEach((le) => le());
+        le.forEach((ae) => ae());
       };
     };
     return t = window.requestAnimationFrame(() => {
@@ -574,9 +574,9 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       return;
     }
     const e = () => {
-      vn(Bn()), ne();
+      vn(Bn()), re();
     }, t = () => {
-      ne();
+      re();
     };
     e(), window.addEventListener("orientationchange", t), window.screen?.orientation?.addEventListener?.(
       "change",
@@ -591,11 +591,11 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         t
       );
     };
-  }, [V, ne]), s(() => {
-    Qt?.(te);
-  }, [te, Qt]), s(() => {
-    In.current !== te && ne(), In.current = te;
-  }, [te, ne]), s(() => {
+  }, [V, re]), s(() => {
+    Qt?.(ne);
+  }, [ne, Qt]), s(() => {
+    In.current !== ne && re(), In.current = ne;
+  }, [ne, re]), s(() => {
     Zt?.(Fe, a);
   }, [a, Fe, Zt]), s(() => {
     const e = ln.current, t = go(
@@ -632,11 +632,11 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     Ve,
     S.length
   ]), s(() => {
-    if (!x || j === "hidden") {
+    if (!x || Q === "hidden") {
       q(), Ne(!1);
       return;
     }
-    if (j === "visible") {
+    if (Q === "visible") {
       q(), Ne(!0);
       return;
     }
@@ -644,25 +644,25 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   }, [
     q,
     tt,
-    j,
+    Q,
     x,
     g
   ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && jr(t.data) && t.data.eventType === "click" && x && (Y(), ee(!0), g(!0));
+      t.origin === window.location.origin && jr(t.data) && t.data.eventType === "click" && x && (Y(), te(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
   }, [Y, x, g]), co({
-    sectionRef: ue,
+    sectionRef: de,
     enabled: x,
-    keyboardShortcutsEnabled: ce,
+    keyboardShortcutsEnabled: ue,
     onKeyboardShortcut: Y,
     onWake: () => {
-      Y(), ee(!0), g(!0);
+      Y(), te(!0), g(!0);
     }
   }), s(() => {
     if (!x) {
@@ -670,19 +670,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       return;
     }
     if (Be.current) {
-      Pt.current = Ie;
+      Pt.current = be;
       return;
     }
     const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Io({
       previousResetKey: Pt.current,
-      nextResetKey: Ie,
+      nextResetKey: be,
       currentAudioKey: P,
       hasCompletedCurrentStepAudio: O
     });
-    Pt.current = Ie;
+    Pt.current = be;
     const n = H.current === a && !!h, i = yo({
       hasInteraction: !!h,
-      shouldBlockPlaybackForInteraction: oe,
+      shouldBlockPlaybackForInteraction: ie,
       shouldOpenInteractionOverlayAfterAudio: n,
       hasPlaybackContextChanged: e,
       hasResolvedCurrentInteraction: Ue,
@@ -691,7 +691,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     }), l = Le.current, o = l?.slideIndex === a;
     if (e && L({
       preservePendingSubtitleJump: o
-    }), !(T.length === 0 && !h) && !re) {
+    }), !(T.length === 0 && !h) && !oe) {
       if (l?.slideIndex === a && Kn({
         currentIndex: a,
         resolvedCurrentInteractionElement: b,
@@ -708,7 +708,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
         On(h);
         return;
       }
-      if (k(), H.current = null, !oe && t && !Ae()) {
+      if (k(), H.current = null, !ie && t && !we()) {
         if (w) {
           if (F) {
             I(!1);
@@ -721,19 +721,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
           return _e.current = window.setTimeout(() => {
             _e.current = null, D();
           }, Rn), () => {
-            be();
+            Ae();
           };
       }
     }
   }, [
     b,
     R,
-    be,
+    Ae,
     T.length,
     a,
     h,
     P,
-    Ie,
+    be,
     w,
     Ke,
     _n,
@@ -744,18 +744,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     De,
     Ue,
     Kt,
-    oe,
+    ie,
     k,
     L,
     yt,
     On,
     x,
     S,
-    Ae,
-    re,
+    we,
+    oe,
     Ve
   ]), s(() => {
-    if (F || re || !w || oe) {
+    if (F || oe || !w || ie) {
       I(!1);
       return;
     }
@@ -773,8 +773,8 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     w,
     O,
     F,
-    re,
-    oe
+    oe,
+    ie
   ]), s(() => {
     O && So(
       _,
@@ -789,23 +789,23 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       currentAudioSequenceLength: _.length,
       currentStepHasSpeakableElement: w,
       hasCompletedCurrentStepAudio: O,
-      shouldBlockPlaybackForInteraction: oe,
-      shouldPausePlaybackForCustomAction: re,
+      shouldBlockPlaybackForInteraction: ie,
+      shouldPausePlaybackForCustomAction: oe,
       shouldSkipDefaultAudioStart: e
-    }) && Ae();
+    }) && we();
   }, [
     P,
     _,
     w,
     O,
-    re,
     oe,
-    Ae
+    ie,
+    we
   ]), s(() => {
     !P || C >= 0 || B(null);
   }, [C, P]), s(() => {
-    C >= 0 || ve.reset();
-  }, [C, ve]), s(() => {
+    C >= 0 || Se.reset();
+  }, [C, Se]), s(() => {
     it(!1);
   }, [wr]);
   const {
@@ -821,7 +821,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     [b, Je]
   ), Rr = !!b?.readonly || Tr, He = po({
     hasActiveInteraction: !!b,
-    isInteractionOverlayOpen: he
+    isInteractionOverlayOpen: ge
   }), _r = r(
     (e) => {
       const n = [
@@ -838,18 +838,18 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   );
   s(() => {
     const e = () => {
-      dr(document.fullscreenElement === ue.current);
+      dr(document.fullscreenElement === de.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    b && he || at(!1);
-  }, [b, he]), s(() => {
-    ne();
-  }, [b, ne]), s(() => {
+    b && ge || at(!1);
+  }, [b, ge]), s(() => {
+    re();
+  }, [b, re]), s(() => {
     if (!He) {
-      ge(0);
+      ve(0);
       return;
     }
     const e = Me.current;
@@ -859,7 +859,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       const i = Math.ceil(
         e.getBoundingClientRect().height
       );
-      ge(
+      ve(
         i + Vo
       );
     };
@@ -872,16 +872,16 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       n.disconnect();
     };
   }, [He]), s(() => {
-    if (M(), !!he) {
+    if (M(), !!ge) {
       if (Ln)
-        return Q.current = window.setTimeout(() => {
-          Q.current = null, qe();
+        return Z.current = window.setTimeout(() => {
+          Z.current = null, qe();
         }, qn), () => {
           M();
         };
       if (!(yn || !kn))
-        return Q.current = window.setTimeout(() => {
-          Q.current = null, qe();
+        return Z.current = window.setTimeout(() => {
+          Z.current = null, qe();
         }, qn), () => {
           M();
         };
@@ -891,7 +891,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     qe,
     yn,
     kn,
-    he,
+    ge,
     Ln
   ]);
   const Or = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ u(zr, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ u(
@@ -901,7 +901,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       disableLoadingOverlay: F,
       hideFullScreen: !0,
       locale: d,
-      dir: W,
+      dir: j,
       lang: Re,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
@@ -916,7 +916,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       disableLoadingOverlay: F,
       hideFullScreen: !0,
       locale: d,
-      dir: W,
+      dir: j,
       lang: Re,
       mode: "blackboard",
       type: "markdown",
@@ -958,7 +958,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       }
     );
   }, kr = r(() => {
-    const e = ue.current;
+    const e = de.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -979,66 +979,67 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
       currentIndex: a,
       resolvedCurrentInteractionElement: b,
       slideElementList: S,
-      targetSlideIndex: Z[e.audioIndex]
+      targetSlideIndex: ee[e.audioIndex]
     }),
     [
       b,
-      Z,
+      ee,
       a,
       S
     ]
   ), Lr = r(
     (e, t) => {
-      const i = y[e.audioIndex]?.audioKey, l = Z[e.audioIndex];
-      return !i || l == null || !Ht(e) ? !1 : (we(t), H.current = null, I(!1), rt(!1), it(!1), $t(t) && (ee(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), yt(e), !0) : (me.current = !0, L(), Le.current = {
+      const i = y[e.audioIndex]?.audioKey, l = ee[e.audioIndex];
+      return !i || l == null || !Ht(e) ? !1 : ($(t), H.current = null, I(!1), rt(!1), it(!1), $t(t) && (te(!0), g(!0)), l === a ? (Le.current = null, L(), B(i), yt(e), !0) : (pe.current = !0, L(), Le.current = {
         audioIndex: e.audioIndex,
         audioKey: i,
         slideIndex: l,
         timeMs: e.timeMs
-      }, pe(l), !0));
+      }, ye(l), !0));
     },
     [
       y,
-      Z,
+      ee,
       Ht,
       a,
-      pe,
+      ye,
       yt,
       L,
       g,
-      we
+      $
     ]
   ), Fr = r(
     (e) => {
-      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), L(), sn();
+      $(e), pe.current = !0, H.current = null, I(!1), $t(e) && (te(!0), g(!0)), L(), sn();
     },
     [
       sn,
       L,
       g,
-      we
+      $
     ]
   ), Nr = r(
     (e) => {
-      we(e), me.current = !0, H.current = null, I(!1), $t(e) && (ee(!0), g(!0)), L(), D();
+      $(e), pe.current = !0, H.current = null, I(!1), $t(e) && (te(!0), g(!0)), L(), D();
     },
     [
       D,
       L,
       g,
-      we
+      $
     ]
   ), Dr = r(
-    (e) => {
-      e < 0 || e >= S.length || e === a || (me.current = !0, H.current = null, I(!1), ee(!0), g(!0), L(), pe(e), Xe?.(S[e], e));
+    (e, t) => {
+      e < 0 || e >= S.length || e === a || ($(t), pe.current = !0, H.current = null, I(!1), te(!0), g(!0), L(), ye(e), Xe?.(S[e], e));
     },
     [
       a,
-      pe,
+      ye,
       Xe,
       L,
       g,
-      S
+      S,
+      $
     ]
   ), Br = r(
     ({
@@ -1125,12 +1126,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   Ko(() => {
     const e = Me.current;
     if (!He || !e) {
-      fe.current = null;
+      me.current = null;
       return;
     }
-    const t = fe.current, n = e.getBoundingClientRect();
+    const t = me.current, n = e.getBoundingClientRect();
     if (!t || Lt) {
-      fe.current = {
+      me.current = {
         left: n.left,
         top: n.top
       };
@@ -1138,7 +1139,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     }
     const i = t.left - n.left, l = t.top - n.top;
     if (!Un(i) && !Un(l)) {
-      fe.current = {
+      me.current = {
         left: n.left,
         top: n.top
       };
@@ -1153,14 +1154,14 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     ), A = Uo(
       v ? Vn(o, v) : o
     );
-    fe.current = {
+    me.current = {
       left: n.left + A.x - E.x,
       top: n.top + A.y - E.y
     }, Hn(
       A,
       E
     ) || kt(
-      (ie) => Hn(ie, A) ? ie : A
+      (le) => Hn(le, A) ? le : A
     );
   }, [
     ht,
@@ -1221,19 +1222,19 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     },
     [Y, tn]
   ), $r = r(() => {
-    ee(!0), g(!0);
+    te(!0), g(!0);
   }, [g]);
   return s(() => {
-    const e = rn.current, i = (e.length > 0 && e.length < ye.length && e.every((o, v) => o === ye[v]) ? T.slice(e.length) : []).some(
+    const e = rn.current, i = (e.length > 0 && e.length < he.length && e.every((o, v) => o === he[v]) ? T.slice(e.length) : []).some(
       (o) => o.is_new === !1
     );
-    if (rn.current = ye, !i)
+    if (rn.current = he, !i)
       return;
     const l = window.requestAnimationFrame(() => {
       const o = je.current, v = nn.current;
       if (!o || !v)
         return;
-      const A = o.getBoundingClientRect(), ie = v.getBoundingClientRect(), Ye = o.scrollTop + (ie.top - A.top);
+      const A = o.getBoundingClientRect(), le = v.getBoundingClientRect(), Ye = o.scrollTop + (le.top - A.top);
       o.scrollTo({
         top: Math.max(Ye, 0),
         behavior: "smooth"
@@ -1242,8 +1243,8 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
     return () => {
       window.cancelAnimationFrame(l);
     };
-  }, [T, ye]), s(() => {
-    if (!me.current || (me.current = !1, T.length === 0))
+  }, [T, he]), s(() => {
+    if (!pe.current || (pe.current = !1, T.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
       Fn();
@@ -1254,16 +1255,16 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
   }, [T, Fn]), /* @__PURE__ */ Ge(
     "section",
     {
-      ref: ue,
+      ref: de,
       className: Pe(
         "relative h-full w-full",
         V && "slide--mobile-device",
         bn && "slide--browser-fullscreen",
-        Se && "slide--mobile-landscape",
+        Ie && "slide--mobile-landscape",
         Sn && "slide--mobile-landscape-native",
         Xn
       ),
-      dir: W,
+      dir: j,
       lang: Re,
       onClick: $r,
       onFocusCapture: Gr,
@@ -1283,15 +1284,15 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
             ref: xt,
             className: Pe(
               "slide__viewport relative h-full min-h-0 w-full",
-              Se && "slide__viewport--mobile-landscape",
-              Se && !mr && "slide__viewport--mobile-landscape-native"
+              Ie && "slide__viewport--mobile-landscape",
+              Ie && !mr && "slide__viewport--mobile-landscape-native"
             ),
             children: [
               pr ? /* @__PURE__ */ Ge("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ u(
                   "button",
                   {
-                    "aria-label": X?.backAriaLabel ?? N.fullscreenBackAriaLabel,
+                    "aria-label": J?.backAriaLabel ?? N.fullscreenBackAriaLabel,
                     className: "slide-landscape-header__back",
                     onClick: vr,
                     type: "button",
@@ -1304,7 +1305,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                     )
                   }
                 ),
-                X?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: X.content }) : null
+                J?.content ? /* @__PURE__ */ u("div", { className: "min-w-0 flex-1 overflow-hidden", children: J.content }) : null
               ] }) : null,
               /* @__PURE__ */ u(
                 "div",
@@ -1351,7 +1352,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                   extraBottomOffset: ur,
                   hasPlayerGap: ct,
                   isEnabled: pn && sr,
-                  playbackTimeStore: ve,
+                  playbackTimeStore: Se,
                   subtitleCues: br
                 }
               ),
@@ -1379,24 +1380,24 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                   children: /* @__PURE__ */ u(
                     Yn,
                     {
-                      dir: W,
+                      dir: j,
                       lang: Re,
                       content: String(b?.content ?? ""),
-                      dragHandleAriaLabel: J?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
+                      dragHandleAriaLabel: W?.dragHandleAriaLabel ?? N.interactionTexts.dragHandleAriaLabel,
                       locale: d,
                       defaultButtonText: Mn.buttonText ?? "",
                       defaultInputText: Mn.inputText ?? "",
                       defaultSelectedValues: Cr,
-                      confirmButtonText: J?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
-                      copyButtonText: J?.copyButtonText ?? N.interactionTexts.copyButtonText,
-                      copiedButtonText: J?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
+                      confirmButtonText: W?.confirmButtonText ?? N.interactionTexts.confirmButtonText,
+                      copyButtonText: W?.copyButtonText ?? N.interactionTexts.copyButtonText,
+                      copiedButtonText: W?.copiedButtonText ?? N.interactionTexts.copiedButtonText,
                       onSend: _r,
                       onDragHandlePointerCancel: Nn,
                       onDragHandlePointerDown: Ur,
                       onDragHandlePointerMove: Hr,
                       onDragHandlePointerUp: Nn,
                       readonly: Rr,
-                      title: J?.title ?? St ?? N.interactionTexts.title
+                      title: W?.title ?? St ?? N.interactionTexts.title
                     }
                   )
                 }
@@ -1408,22 +1409,22 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                   children: /* @__PURE__ */ u(
                     io,
                     {
-                      dir: W === "auto" ? er : W,
+                      dir: j === "auto" ? er : j,
                       lang: Re,
                       audioList: y,
                       className: Pe(
                         "absolute left-1/2 z-[2] -translate-x-1/2",
                         bn ? "bottom-3" : "-bottom-3",
-                        z,
+                        X,
                         !K && "pointer-events-none opacity-0"
                       ),
                       currentAudioIndex: C,
                       defaultPlaying: Ct,
-                      enableKeyboardShortcuts: ce,
-                      isPlaybackPaused: re,
+                      enableKeyboardShortcuts: ue,
+                      isPlaybackPaused: oe,
                       isAutoAdvanceEnabled: De,
                       locale: d,
-                      isInteractionOpen: he,
+                      isInteractionOpen: ge,
                       isSubtitleEnabled: pn,
                       onAutoAdvanceToggle: un,
                       onLoadingChange: Br,
@@ -1438,12 +1439,12 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                           audioKey: l.audioKey,
                           element: l.element,
                           isComplete: t,
-                          stepIndex: Z[i] ?? a,
+                          stepIndex: ee[i] ?? a,
                           timeMs: n
                         });
                       },
                       onPlaybackPreferenceChange: Er,
-                      onPlaybackTimeChange: ve.setTime,
+                      onPlaybackTimeChange: Se.setTime,
                       onSubtitleToggle: () => {
                         cr((e) => !e);
                       },
@@ -1451,7 +1452,7 @@ const $o = (c, d) => c.length === d.length && c.every(($, Ee) => {
                       onEnded: Vr,
                       onFullscreen: kr,
                       isFullscreen: hn,
-                      mobileViewMode: te,
+                      mobileViewMode: ne,
                       settingsPortalContainer: xt.current,
                       onMobileViewModeChange: gr,
                       onControlsPointerEnter: Kr,