markdown-flow-ui 0.1.100-beta.20 → 0.1.100-beta.21

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

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