markdown-flow-ui 0.1.100-beta.39 → 0.1.100-beta.40

package/dist/components/ContentRender/IframeSandbox.es.js

@@ -1,85 +1,50 @@
-import { j as w } from "../../_virtual/jsx-runtime.es.js";
-import C, { useRef as d, useState as F, useCallback as Fe, useEffect as S } from "react";
-import { createRoot as Ve } from "react-dom/client";
-import Pe from "./SandboxApp.es.js";
-import { splitContentSegments as Oe } from "./utils/split-content.es.js";
-import De from "./ContentRender.es.js";
-import { SANDBOX_INTERACTION_MESSAGE_TYPE as ke, SANDBOX_INTERACTION_MESSAGE_SOURCE as Le } from "../../lib/sandboxInteraction.es.js";
-let te = null;
-const be = () => (te || (te = import("./blackboard-vendor.es.js").then(
-  (e) => e.injectBlackboardLibraries
-)), te);
-typeof window < "u" && be();
-const Be = () => {
-  const e = performance.now(), t = (/* @__PURE__ */ new Date()).toISOString();
-  return console.log("[IframeSandbox][SandboxLoad] start", { startedAt: t }), be().then((n) => (console.log("[IframeSandbox][SandboxLoad] done", {
-    startedAt: t,
+import { j as b } from "../../_virtual/jsx-runtime.es.js";
+import N, { useRef as d, useState as V, useCallback as Ae, useEffect as y } from "react";
+import { createRoot as Re } from "react-dom/client";
+import Te from "./SandboxApp.es.js";
+import { splitContentSegments as Me } from "./utils/split-content.es.js";
+import Ne from "./ContentRender.es.js";
+import { SANDBOX_INTERACTION_MESSAGE_TYPE as Ve, SANDBOX_INTERACTION_MESSAGE_SOURCE as Fe } from "../../lib/sandboxInteraction.es.js";
+let U = null;
+const Ie = () => (U || (U = import("./blackboard-vendor.es.js").then(
+  (t) => t.injectBlackboardLibraries
+)), U), ke = () => {
+  const t = performance.now(), e = (/* @__PURE__ */ new Date()).toISOString();
+  return console.log("[IframeSandbox][SandboxLoad] start", { startedAt: e }), Ie().then((n) => (console.log("[IframeSandbox][SandboxLoad] done", {
+    startedAt: e,
     endedAt: (/* @__PURE__ */ new Date()).toISOString(),
-    durationMs: Number((performance.now() - e).toFixed(2))
+    durationMs: Number((performance.now() - t).toFixed(2))
   }), n)).catch((n) => {
     throw console.error("[IframeSandbox][SandboxLoad] failed", {
-      startedAt: t,
+      startedAt: e,
       endedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      durationMs: Number((performance.now() - e).toFixed(2)),
+      durationMs: Number((performance.now() - t).toFixed(2)),
       error: n
     }), n;
   });
-}, $e = /<img\b[^>]*>/i, je = 180, ze = 240, Ge = /<img\b[^>]*\bsrc\s*=\s*["']([^"']+)["'][^>]*>/gi, fe = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Set(), qe = (e) => {
-  const t = Array.from(e.matchAll(Ge));
-  return Array.from(
-    new Set(
-      t.map((n) => n[1]?.trim()).filter((n) => !!n)
-    )
-  );
-}, Xe = (e) => {
-  if (!e)
-    return Promise.resolve();
-  const t = fe.get(e);
-  if (t)
-    return t;
-  const n = new Promise((s) => {
-    if (typeof window > "u") {
-      $.add(e), s();
-      return;
-    }
-    const o = new window.Image();
-    o.decoding = "sync", o.loading = "eager", o.fetchPriority = "high";
-    const l = () => {
-      (typeof o.decode == "function" ? o.decode().catch(() => {
-      }) : Promise.resolve()).finally(() => {
-        $.add(e), s();
-      });
-    };
-    o.onload = () => {
-      l();
-    }, o.onerror = () => {
-      $.add(e), s();
-    }, o.src = e, o.complete && o.naturalWidth > 0 && l();
-  });
-  return fe.set(e, n), n;
-}, ge = (e = []) => Promise.allSettled(e.map((t) => Xe(t))), we = (e) => e.split(/\s+/).filter(Boolean).map((t) => t.split(":").pop() || t), j = (e) => {
-  const t = e.trim().toLowerCase();
-  if (!t) return null;
-  const n = t.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);
+}, De = /<img\b[^>]*>/i, Oe = 180, _e = 240, he = (t) => t.split(/\s+/).filter(Boolean).map((e) => e.split(":").pop() || e), L = (t) => {
+  const e = t.trim().toLowerCase();
+  if (!e) return null;
+  const n = e.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);
   return n ? `${n[1]}${n[2].toLowerCase()}` : null;
-}, ne = (e) => {
-  if (!e.trim()) return null;
-  const t = we(e);
-  if (t.includes("h-screen") || t.includes("h-dvh") || t.includes("min-h-screen") || t.includes("min-h-dvh"))
+}, W = (t) => {
+  if (!t.trim()) return null;
+  const e = he(t);
+  if (e.includes("h-screen") || e.includes("h-dvh") || e.includes("min-h-screen") || e.includes("min-h-dvh"))
     return "100dvh";
-  if (t.includes("h-svh") || t.includes("min-h-svh"))
+  if (e.includes("h-svh") || e.includes("min-h-svh"))
     return "100svh";
-  if (t.includes("h-lvh") || t.includes("min-h-lvh"))
+  if (e.includes("h-lvh") || e.includes("min-h-lvh"))
     return "100lvh";
-  const n = t.find(
-    (o) => /^(h|min-h)-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(o)
+  const n = e.find(
+    (i) => /^(h|min-h)-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(i)
   );
   if (!n) return null;
   const s = n.match(
     /^(h|min-h)-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i
   );
   return s ? `${s[2]}${s[3].toLowerCase()}` : null;
-}, Ue = /* @__PURE__ */ new Set([
+}, Le = /* @__PURE__ */ new Set([
   "base",
   "link",
   "meta",
@@ -87,175 +52,161 @@ const Be = () => {
   "style",
   "template",
   "title"
-]), ve = (e) => !Ue.has(e.tagName.toLowerCase()), We = (e) => Array.from(e.childNodes).find(
-  (t) => t.nodeType === Node.ELEMENT_NODE && ve(t)
-) || null, Ye = (e) => {
-  const t = [];
-  let n = We(e);
+]), de = (t) => !Le.has(t.tagName.toLowerCase()), $e = (t) => Array.from(t.childNodes).find(
+  (e) => e.nodeType === Node.ELEMENT_NODE && de(e)
+) || null, je = (t) => {
+  const e = [];
+  let n = $e(t);
   for (; n; ) {
-    t.push(n);
+    e.push(n);
     const s = Array.from(n.children).filter(
-      (o) => ve(o)
+      (i) => de(i)
     );
     if (s.length !== 1)
       break;
     n = s[0];
   }
-  return t;
-}, Ze = (e) => {
-  const t = e.getAttribute("height"), n = t ? j(t) : null;
+  return e;
+}, Be = (t) => {
+  const e = t.getAttribute("height"), n = e ? L(e) : null;
   if (n)
     return n;
-  const s = e.getAttribute("style")?.match(/\bheight\s*:\s*([^;]+)/i)?.[1] || null, o = s ? j(s) : null;
-  return o || ne(
-    e.getAttribute("class") || ""
+  const s = t.getAttribute("style")?.match(/\bheight\s*:\s*([^;]+)/i)?.[1] || null, i = s ? L(s) : null;
+  return i || W(
+    t.getAttribute("class") || ""
   );
-}, xe = (e) => e === "100vh" || e === "100dvh" || e === "100svh" || e === "100lvh", Ee = (e) => {
-  const t = Ye(e);
+}, me = (t) => t === "100vh" || t === "100dvh" || t === "100svh" || t === "100lvh", fe = (t) => {
+  const e = je(t);
   let n = null, s = !1;
-  return t.forEach((o) => {
-    const l = Ze(o);
-    !n && l && (n = l), xe(l) && (s = !0);
+  return e.forEach((i) => {
+    const l = Be(i);
+    !n && l && (n = l), me(l) && (s = !0);
   }), {
     viewportHeightCss: n,
     hasFullViewportHeight: s
   };
-}, Je = (e) => {
-  const t = e.trim();
-  if (!t)
+}, ze = (t) => {
+  const e = t.trim();
+  if (!e)
     return {
       viewportHeightCss: null,
       hasFullViewportHeight: !1
     };
-  const s = t.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/)?.[2] || "", o = s.match(/\bheight\s*=\s*["']([^"']+)["']/i)?.[1], m = s.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(
+  const s = e.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/)?.[2] || "", i = s.match(/\bheight\s*=\s*["']([^"']+)["']/i)?.[1], m = s.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(
     /\bheight\s*:\s*([^;]+)/i
-  )?.[1], R = s.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1], h = (o ? j(o) : null) || (m ? j(m) : null) || (R ? ne(R) : null);
+  )?.[1], C = s.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1], h = (i ? L(i) : null) || (m ? L(m) : null) || (C ? W(C) : null);
   return {
     viewportHeightCss: h,
-    hasFullViewportHeight: xe(h)
+    hasFullViewportHeight: me(h)
   };
-}, pe = (e) => {
-  const t = e.trim();
-  if (!t)
+}, ue = (t) => {
+  const e = t.trim();
+  if (!e)
     return {
       viewportHeightCss: null,
       hasFullViewportHeight: !1
     };
   if (typeof document > "u")
-    return Je(t);
+    return ze(e);
   const n = document.createElement("template");
-  return n.innerHTML = t, Ee(n.content);
-}, Ke = (e) => e.split(/\s+/).filter(Boolean).map((t) => {
-  const n = t.split(":");
-  return n[n.length - 1] !== "h-screen" && n[n.length - 1] !== "min-h-screen" ? t : (n[n.length - 1] = "h-full", n.join(":"));
-}).join(" "), Qe = (e, t) => !t || !e.trim() ? e : e.replace(
+  return n.innerHTML = e, fe(n.content);
+}, Pe = (t) => t.split(/\s+/).filter(Boolean).map((e) => {
+  const n = e.split(":");
+  return n[n.length - 1] !== "h-screen" && n[n.length - 1] !== "min-h-screen" ? e : (n[n.length - 1] = "h-full", n.join(":"));
+}).join(" "), qe = (t, e) => !e || !t.trim() ? t : t.replace(
   /^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,
-  (n, s, o = "") => {
-    const l = o.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);
+  (n, s, i = "") => {
+    const l = i.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);
     if (!l)
       return n;
-    const m = Ke(l[2]);
-    return m === l[2] ? n : `${s}${o.replace(
+    const m = Pe(l[2]);
+    return m === l[2] ? n : `${s}${i.replace(
       l[0],
       `class=${l[1]}${m}${l[1]}`
     )}>`;
   }
-), lt = ({
-  content: e,
-  type: t,
+), Ke = ({
+  content: t,
+  type: e,
   className: n,
   loadingText: s,
-  styleLoadingText: o,
+  styleLoadingText: i,
   scriptLoadingText: l,
   fullScreenButtonText: m,
-  hideFullScreen: R = !1,
+  hideFullScreen: C = !1,
   mode: h = "content",
-  replaceRootScreenHeightWithFull: V = !1
+  replaceRootScreenHeightWithFull: F = !1
 }) => {
-  const re = d(null), y = d(null), z = d(null), oe = d(null), G = d(() => {
-  }), [He, Se] = F(480), se = d(0), [ie, ye] = F(0), [Ae, Ce] = F(!1), [, q] = F(!0), Re = t === "sandbox", X = h === "blackboard", U = d(""), P = C.useMemo(() => {
-    const r = Oe(e).filter((p) => p.type === "sandbox");
-    return (h === "blackboard" ? r[r.length - 1]?.value || "" : r.map((p) => p.value).join(`
+  const Y = d(null), E = d(null), $ = d(null), Z = d(null), j = d(() => {
+  }), [ge, pe] = V(480), J = d(0), [K, be] = V(0), [we, ve] = V(!1), [, B] = V(!0), xe = e === "sandbox", z = h === "blackboard", P = d(""), I = N.useMemo(() => {
+    const r = Me(t).filter((g) => g.type === "sandbox");
+    return (h === "blackboard" ? r[r.length - 1]?.value || "" : r.map((g) => g.value).join(`
 `)) || "";
-  }, [e, h]), c = C.useMemo(
-    () => Qe(
-      P,
-      V
+  }, [t, h]), c = N.useMemo(
+    () => qe(
+      I,
+      F
     ),
-    [P, V]
-  ), I = C.useMemo(
-    () => qe(c),
-    [c]
-  ), le = C.useMemo(
-    () => pe(P),
-    [P]
-  ), ce = C.useMemo(
-    () => V && le.hasFullViewportHeight,
-    [le.hasFullViewportHeight, V]
-  ), [O, W] = F(
+    [I, F]
+  ), Q = N.useMemo(
+    () => ue(I),
+    [I]
+  ), ee = N.useMemo(
+    () => F && Q.hasFullViewportHeight,
+    [Q.hasFullViewportHeight, F]
+  ), [k, te] = V(
     c
-  ), ae = d(c), Y = d(c), M = d(null), T = d(null), Z = d(null), J = d(0), A = Fe((i) => {
+  ), ne = d(c), re = d(c), A = d(null), R = d(null), S = Ae((o) => {
     if (typeof window > "u")
       return;
     const r = Date.now();
-    r - se.current < ze || (se.current = r, window.postMessage(
+    r - J.current < _e || (J.current = r, window.postMessage(
       {
-        source: Le,
-        type: ke,
-        eventType: i
+        source: Fe,
+        type: Ve,
+        eventType: o
       },
       window.location.origin
     ));
-  }, []), ue = () => {
-    M.current !== null && (window.clearTimeout(M.current), M.current = null);
-  }, Ie = () => {
-    T.current !== null && (window.cancelAnimationFrame(T.current), T.current = null), Z.current !== null && (window.cancelAnimationFrame(Z.current), Z.current = null);
+  }, []), oe = () => {
+    A.current !== null && (window.clearTimeout(A.current), A.current = null);
+  }, He = () => {
+    R.current !== null && (window.cancelAnimationFrame(R.current), R.current = null);
   };
-  S(
+  y(
     () => () => {
-      ue(), Ie();
+      oe(), He();
     },
     []
-  ), S(() => {
-    ge(I);
-  }, [I]), S(() => {
-    const i = ae.current;
-    ae.current = c;
-    const r = !!i && c.length > i.length && c.startsWith(i), g = $e.test(
+  ), y(() => {
+    const o = ne.current;
+    ne.current = c;
+    const r = !!o && c.length > o.length && c.startsWith(o), w = De.test(
       c
-    ), p = r && g && I.some(
-      (v) => !$.has(v)
-    ), D = r && g;
-    if (Y.current = c, ue(), p) {
-      const v = J.current + 1;
-      J.current = v, ge(I).then(() => {
-        J.current === v && W(Y.current);
-      });
-      return;
-    }
-    if (!D) {
-      W(c);
+    ), g = r && w;
+    if (re.current = c, oe(), !g) {
+      te(c);
       return;
     }
-    M.current = window.setTimeout(() => {
-      W(Y.current), M.current = null;
-    }, je);
-  }, [I, c]);
-  const de = C.useMemo(
-    () => pe(O).viewportHeightCss,
-    [O]
-  ), he = !!de, N = X && t === "sandbox" ? ce ? "100%" : de ?? `${He}px` : void 0;
-  S(() => {
+    A.current = window.setTimeout(() => {
+      te(re.current), A.current = null;
+    }, Oe);
+  }, [c]);
+  const se = N.useMemo(
+    () => ue(k).viewportHeightCss,
+    [k]
+  ), ie = !!se, T = z && e === "sandbox" ? ee ? "100%" : se ?? `${ge}px` : void 0;
+  y(() => {
     if (h !== "blackboard") {
-      U.current = c;
+      P.current = c;
       return;
     }
-    const i = U.current;
-    !(i && c.startsWith(i)) && i && ye((g) => g + 1), U.current = c;
-  }, [h, c]), S(() => {
-    const i = y.current;
-    if (!i) return;
-    const r = i.contentDocument;
+    const o = P.current;
+    !(o && c.startsWith(o)) && o && be((w) => w + 1), P.current = c;
+  }, [h, c]), y(() => {
+    const o = E.current;
+    if (!o) return;
+    const r = o.contentDocument;
     if (!r) return;
     r.open(), r.write(`<!DOCTYPE html>
 <html${h === "blackboard" ? ' style="height: 100%;"' : ""}>
@@ -272,35 +223,35 @@ const Be = () => {
   <body>
     <div id="root"></div>
   </body>
-</html>`), r.close(), r.documentElement.setAttribute("data-theme", "light"), r.documentElement.style.colorScheme = "light", r.body?.style.setProperty("color-scheme", "light"), oe.current = r;
-    const g = X && t === "sandbox", p = () => A("pointerdown"), D = () => A("mousedown"), v = () => A("touchstart");
-    g && (r.addEventListener("pointerdown", p, !0), r.addEventListener("mousedown", D, !0), r.addEventListener("touchstart", v, !0));
-    const k = r.getElementById("root");
-    if (!k) return;
-    const me = Ve(k);
-    z.current = me;
-    let _ = !1;
-    const K = (a, b) => {
+</html>`), r.close(), r.documentElement.setAttribute("data-theme", "light"), r.documentElement.style.colorScheme = "light", r.body?.style.setProperty("color-scheme", "light"), Z.current = r;
+    const w = z && e === "sandbox", g = () => S("pointerdown"), le = () => S("mousedown"), ce = () => S("touchstart");
+    w && (r.addEventListener("pointerdown", g, !0), r.addEventListener("mousedown", le, !0), r.addEventListener("touchstart", ce, !0));
+    const D = r.getElementById("root");
+    if (!D) return;
+    const ae = Re(D);
+    $.current = ae;
+    let M = !1;
+    const q = (a, p) => {
       const u = a.trim().toLowerCase();
       if (!u) return null;
-      const x = Number.parseFloat(u);
-      return Number.isNaN(x) ? null : /(dvh|svh|lvh|vh)$/i.test(u) ? x / 100 * b : u.endsWith("px") || /^[0-9.]+$/.test(u) ? x : null;
-    }, Ne = (a, b) => {
+      const v = Number.parseFloat(u);
+      return Number.isNaN(v) ? null : /(dvh|svh|lvh|vh)$/i.test(u) ? v / 100 * p : u.endsWith("px") || /^[0-9.]+$/.test(u) ? v : null;
+    }, ye = (a, p) => {
       if (!a.trim()) return null;
-      const u = ne(a);
+      const u = W(a);
       if (u)
-        return K(u, b);
-      const f = we(a).find(
-        (B) => /^h-\[[0-9.]+px\]$/i.test(B)
+        return q(u, p);
+      const f = he(a).find(
+        (_) => /^h-\[[0-9.]+px\]$/i.test(_)
       );
       if (!f) return null;
-      const E = f.match(/^h-\[([0-9.]+)px\]$/i);
-      if (!E) return null;
-      const H = Number.parseFloat(E[1]);
+      const x = f.match(/^h-\[([0-9.]+)px\]$/i);
+      if (!x) return null;
+      const H = Number.parseFloat(x[1]);
       return Number.isNaN(H) ? null : H;
-    }, _e = () => {
-      if (!y.current || !r.body) return null;
-      const a = y.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, { viewportHeightCss: b } = Ee(r.body), u = b ? K(b, a) : null;
+    }, Ce = () => {
+      if (!E.current || !r.body) return null;
+      const a = E.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, { viewportHeightCss: p } = fe(r.body), u = p ? q(p, a) : null;
       if (u !== null)
         return Math.ceil(u);
       const f = r.body.querySelector(
@@ -309,133 +260,133 @@ const Be = () => {
         ".sandbox-container > *"
       );
       if (!f) return null;
-      const E = f.style.height || f.getAttribute("height"), H = E ? K(E, a) : null;
+      const x = f.style.height || f.getAttribute("height"), H = x ? q(x, a) : null;
       if (H !== null)
         return Math.ceil(H);
-      const B = Ne(
+      const _ = ye(
         f.getAttribute("class") || "",
         a
       );
-      return B !== null ? Math.ceil(B) : null;
-    }, Q = () => {
-      if (!y.current || !r.body) return;
-      const a = r.body.getBoundingClientRect(), b = r.documentElement?.getBoundingClientRect(), u = a.height, x = b?.height || 0, f = Math.max(u, x), E = _e(), H = Math.max(
+      return _ !== null ? Math.ceil(_) : null;
+    }, G = () => {
+      if (!E.current || !r.body) return;
+      const a = r.body.getBoundingClientRect(), p = r.documentElement?.getBoundingClientRect(), u = a.height, v = p?.height || 0, f = Math.max(u, v), x = Ce(), H = Math.max(
         200,
-        E ?? Math.ceil(f)
+        x ?? Math.ceil(f)
       );
-      Se(H);
-    }, L = () => {
+      pe(H);
+    }, O = () => {
       requestAnimationFrame(() => {
-        _ || Q();
+        M || G();
       });
     };
-    G.current = L, Q(), L(), Re ? Be().then((a) => {
-      _ || (a(r), requestAnimationFrame(() => {
-        _ || (q(!0), L());
+    j.current = O, G(), O(), xe ? ke().then((a) => {
+      M || (a(r), requestAnimationFrame(() => {
+        M || (B(!0), O());
       }));
     }).catch(() => {
-      _ || (q(!0), L());
-    }) : q(!0);
-    const ee = new ResizeObserver(() => Q());
-    return ee.observe(r.body), k && ee.observe(k), () => {
-      _ = !0, ee.disconnect(), g && (r.removeEventListener("pointerdown", p, !0), r.removeEventListener("mousedown", D, !0), r.removeEventListener("touchstart", v, !0)), setTimeout(() => {
-        me.unmount(), z.current = null, oe.current = null, G.current = () => {
+      M || (B(!0), O());
+    }) : B(!0);
+    const X = new ResizeObserver(() => G());
+    return X.observe(r.body), D && X.observe(D), () => {
+      M = !0, X.disconnect(), w && (r.removeEventListener("pointerdown", g, !0), r.removeEventListener("mousedown", le, !0), r.removeEventListener("touchstart", ce, !0)), setTimeout(() => {
+        ae.unmount(), $.current = null, Z.current = null, j.current = () => {
         };
       }, 0);
     };
-  }, []), S(() => {
-    const i = () => {
-      Ce(!!document.fullscreenElement);
+  }, []), y(() => {
+    const o = () => {
+      ve(!!document.fullscreenElement);
     };
-    return document.addEventListener("fullscreenchange", i), () => document.removeEventListener("fullscreenchange", i);
+    return document.addEventListener("fullscreenchange", o), () => document.removeEventListener("fullscreenchange", o);
   }, []);
-  const Me = () => {
-    const i = re.current || y.current;
-    if (i) {
+  const Ee = () => {
+    const o = Y.current || E.current;
+    if (o) {
       if (document.fullscreenElement) {
         document.exitFullscreen().catch(() => {
         });
         return;
       }
-      i.requestFullscreen && i.requestFullscreen().catch(() => {
+      o.requestFullscreen && o.requestFullscreen().catch(() => {
       });
     }
   };
-  S(() => {
-    const i = z.current;
-    i && (i.render(
-      /* @__PURE__ */ w.jsx(
-        Pe,
+  y(() => {
+    const o = $.current;
+    o && (o.render(
+      /* @__PURE__ */ b.jsx(
+        Te,
         {
-          html: O,
+          html: k,
           loadingText: s,
-          styleLoadingText: o,
+          styleLoadingText: i,
           scriptLoadingText: l,
           fullScreenButtonText: m,
-          hideFullScreen: R,
-          resetToken: ie,
-          hasRootVhHeight: he,
+          hideFullScreen: C,
+          resetToken: K,
+          hasRootVhHeight: ie,
           mode: h,
-          stretchRootHeight: ce
+          stretchRootHeight: ee
         }
       )
-    ), T.current = window.requestAnimationFrame(() => {
-      G.current?.(), T.current = null;
+    ), R.current = window.requestAnimationFrame(() => {
+      j.current?.(), R.current = null;
     }));
   }, [
-    O,
+    k,
     s,
-    o,
+    i,
     l,
     m,
-    ie,
+    K,
     h
   ]);
-  const Te = [
+  const Se = [
     "w-full relative content-render-iframe-sandbox",
-    X ? "h-full overflow-auto flex flex-col" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
+    z ? "h-full overflow-auto flex flex-col" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w.jsxs(
+  return /* @__PURE__ */ b.jsxs(
     "div",
     {
-      ref: re,
-      "data-root-vh": he ? "true" : "false",
-      className: Te,
-      style: N ? {
-        height: N,
-        minHeight: N
+      ref: Y,
+      "data-root-vh": ie ? "true" : "false",
+      className: Se,
+      style: T ? {
+        height: T,
+        minHeight: T
       } : void 0,
       children: [
-        !R && /* @__PURE__ */ w.jsx(
+        !C && /* @__PURE__ */ b.jsx(
           "button",
           {
             type: "button",
-            onClick: Me,
+            onClick: Ee,
             className: "absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",
-            children: Ae ? "退出全屏" : m || "全屏浏览"
+            children: we ? "退出全屏" : m || "全屏浏览"
           }
         ),
-        h === "blackboard" && t === "markdown" ? /* @__PURE__ */ w.jsx(
+        h === "blackboard" && e === "markdown" ? /* @__PURE__ */ b.jsx(
           "div",
           {
-            onMouseDown: () => A("mousedown"),
-            onPointerDown: () => A("pointerdown"),
-            onTouchStart: () => A("touchstart"),
-            children: /* @__PURE__ */ w.jsx(De, { content: e })
+            onMouseDown: () => S("mousedown"),
+            onPointerDown: () => S("pointerdown"),
+            onTouchStart: () => S("touchstart"),
+            children: /* @__PURE__ */ b.jsx(Ne, { content: t })
           }
-        ) : /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+        ) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
           null,
-          /* @__PURE__ */ w.jsx(
+          /* @__PURE__ */ b.jsx(
             "iframe",
             {
-              ref: y,
+              ref: E,
               sandbox: "allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
               allow: "fullscreen",
               allowFullScreen: !0,
               className: [n, "w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),
               style: {
-                height: N ?? "100%",
-                minHeight: N,
+                height: T ?? "100%",
+                minHeight: T,
                 margin: "auto",
                 visibility: "visible"
               }
@@ -448,6 +399,6 @@ const Be = () => {
   );
 };
 export {
-  lt as default
+  Ke as default
 };
 //# sourceMappingURL=IframeSandbox.es.js.map