markdown-flow-ui 0.1.112 → 0.1.113

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

@@ -1,7 +1,7 @@
-import { j as C } from "../../_virtual/jsx-runtime.es.js";
-import { useRef as i, useState as H, useEffect as L } from "react";
-import X from "../ui/loading-overlay-card.es.js";
-const Y = [
+import { j as R } from "../../_virtual/jsx-runtime.es.js";
+import { useRef as i, useState as V, useEffect as I } from "react";
+import Y from "../ui/loading-overlay-card.es.js";
+const Z = [
   "src",
   "srcset",
   "sizes",
@@ -15,48 +15,49 @@ const Y = [
   "crossorigin",
   "referrerpolicy",
   "fetchpriority"
-], V = (c) => Y.map(
+], W = (c) => Z.map(
   (t) => `${t}:${c.getAttribute(t) || ""}`
-).join("|"), Z = (c) => {
+).join("|"), ee = (c) => {
   const t = /* @__PURE__ */ new Map();
-  return c.querySelectorAll("img").forEach((u) => {
-    const o = u, n = V(o), f = t.get(n) || [];
-    f.push(o), t.set(n, f);
+  return c.querySelectorAll("img").forEach((f) => {
+    const o = f, n = W(o), m = t.get(n) || [];
+    m.push(o), t.set(n, m);
   }), t;
-}, ee = (c, t) => {
-  const u = Array.from(c.attributes), o = new Set(
-    u.map((n) => n.name)
+}, te = (c, t) => {
+  const f = Array.from(c.attributes), o = new Set(
+    f.map((n) => n.name)
   );
   Array.from(t.attributes).forEach((n) => {
     o.has(n.name) || t.removeAttribute(n.name);
-  }), u.forEach((n) => {
+  }), f.forEach((n) => {
     t.setAttribute(n.name, n.value);
   });
-}, te = (c, t) => {
-  t.size && c.querySelectorAll("img").forEach((u) => {
-    const o = u, n = V(o), f = t.get(n), h = f?.shift();
-    h && (ee(o, h), o.replaceWith(h), f && f.length === 0 && t.delete(n));
+}, re = (c, t) => {
+  t.size && c.querySelectorAll("img").forEach((f) => {
+    const o = f, n = W(o), m = t.get(n), h = m?.shift();
+    h && (te(o, h), o.replaceWith(h), m && m.length === 0 && t.delete(n));
   });
-}, ae = ({
+}, ie = ({
   html: c,
   styleLoadingText: t,
-  scriptLoadingText: u,
+  scriptLoadingText: f,
   resetToken: o = 0,
   mode: n = "content",
-  hasRootVhHeight: f = !1,
+  hasRootVhHeight: m = !1,
   stretchRootHeight: h = !1,
-  enableScaling: M = !1
+  enableScaling: G = !1,
+  disableLoadingOverlay: N = !1
 }) => {
-  const A = i(null), [W, R] = H(!1), [O, I] = H(!1), N = i([]), j = i([]), D = i(0), G = i(0), g = i(null), x = i(null), v = i(!1), b = i(!1), k = i(!1), B = i(o), U = 200, d = (r) => {
+  const j = i(null), [U, E] = V(!1), [$, w] = V(!1), T = i([]), _ = i([]), k = i(0), B = i(0), y = i(null), g = i(null), x = i(!1), v = i(!1), F = i(!1), L = i(o), K = 200, u = (r) => {
     r.current && (clearTimeout(r.current), r.current = null);
-  }, F = (r, a, l, _) => {
-    const m = performance.now() - l.current, S = Math.max(0, U - m);
-    d(a), a.current = window.setTimeout(() => {
-      r(!1), _?.(), a.current = null;
-    }, S);
+  }, q = (r, a, l, D) => {
+    const p = performance.now() - l.current, A = Math.max(0, K - p);
+    u(a), a.current = window.setTimeout(() => {
+      r(!1), D?.(), a.current = null;
+    }, A);
   };
-  L(() => {
-    const r = A.current?.ownerDocument;
+  I(() => {
+    const r = j.current?.ownerDocument;
     if (!r) return;
     const a = "sandbox-spinner-style";
     let l = r.getElementById(a);
@@ -70,115 +71,117 @@ const Y = [
       }
       .overflow-y-auto { overflow-y: visible !important; }
     `;
-  }, []), L(() => {
-    o !== B.current && (k.current = !1, B.current = o), d(g), d(x), v.current = !1, b.current = !1;
-    const r = A.current;
+  }, []), I(() => {
+    o !== L.current && (F.current = !1, L.current = o), u(y), u(g), x.current = !1, v.current = !1;
+    const r = j.current;
     if (!r) return;
     const a = r.ownerDocument, l = a?.body;
     if (!l) return;
-    const _ = Z(r);
-    N.current.forEach((e) => e.remove()), N.current = [], j.current.forEach((e) => e.remove()), j.current = [], R(!1), I(!1);
-    const m = a.createElement("div");
-    m.innerHTML = c;
-    const S = (c.match(/<script[\s>]/gi) || []).length, Q = (c.match(/<\/script>/gi) || []).length, J = S > 0 && S === Q, y = [];
-    Array.from(m.querySelectorAll("style, script")).forEach((e) => {
+    const D = ee(r);
+    T.current.forEach((e) => e.remove()), T.current = [], _.current.forEach((e) => e.remove()), _.current = [], E(!1), w(!1);
+    const p = a.createElement("div");
+    p.innerHTML = c;
+    const A = (c.match(/<script[\s>]/gi) || []).length, O = (c.match(/<\/script>/gi) || []).length, P = A > 0 && A === O, b = [];
+    Array.from(p.querySelectorAll("style, script")).forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
         const s = a.createElement("style");
-        s.textContent = e.textContent || "", Array.from(e.attributes).forEach((p) => {
-          s.setAttribute(p.name, p.value);
-        }), y.push(s);
+        s.textContent = e.textContent || "", Array.from(e.attributes).forEach((d) => {
+          s.setAttribute(d.name, d.value);
+        }), b.push(s);
       } else {
         const s = a.createElement("script");
-        Array.from(e.attributes).forEach((p) => {
-          s.setAttribute(p.name, p.value);
-        }), s.textContent = e.textContent || "", y.push(s);
+        Array.from(e.attributes).forEach((d) => {
+          s.setAttribute(d.name, d.value);
+        }), s.textContent = e.textContent || "", b.push(s);
       }
       e.remove();
-    }), te(m, _);
-    const q = y.some(
+    }), re(p, D);
+    const z = b.some(
       (e) => e.tagName.toLowerCase() === "style"
-    ), z = y.some(
+    ), H = b.some(
       (e) => e.tagName.toLowerCase() === "script"
     );
-    q && (v.current = !0, D.current = performance.now(), d(g), R(!0)), z && (b.current = !0, G.current = performance.now(), d(x), I(!0)), !!m.firstElementChild && (k.current = !0);
-    const P = Array.from(m.childNodes);
-    r.replaceChildren(...P), y.forEach((e) => {
+    z && (x.current = !0, k.current = performance.now(), u(y), E(!0)), H && (v.current = !0, B.current = performance.now(), u(g), w(!0)), !!p.firstElementChild && (F.current = !0);
+    const X = Array.from(p.childNodes);
+    r.replaceChildren(...X), b.forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
-        a.head?.appendChild(e), N.current.push(e);
+        a.head?.appendChild(e), T.current.push(e);
         return;
       }
-      if (J) {
-        const s = e, p = s.textContent || "";
+      if (P) {
+        const s = e, d = s.textContent || "";
         if (!s.src)
           try {
-            new Function(p);
+            new Function(d);
           } catch {
             s.remove();
             return;
           }
         try {
-          l.appendChild(s), j.current.push(s);
+          l.appendChild(s), _.current.push(s);
         } catch {
           s.remove();
         }
       } else
         e.remove();
-    }), M && r.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(), requestAnimationFrame(() => {
-      q && F(
-        R,
-        g,
-        D,
+    }), G && r.ownerDocument?.defaultView?.__mdf_triggerFitContent?.(), requestAnimationFrame(() => {
+      z && q(
+        E,
+        y,
+        k,
         () => {
-          v.current = !1;
+          x.current = !1;
         }
-      ), z && F(
-        I,
-        x,
-        G,
+      ), H && q(
+        w,
+        g,
+        B,
         () => {
-          b.current = !1;
+          v.current = !1;
         }
       );
     });
-  }, [c, o, M]), L(
+  }, [c, o, G]), I(
     () => () => {
-      d(g), d(x);
+      u(y), u(g);
     },
     []
-  );
-  const E = O || b.current ? u || "Building scripts cache..." : W || v.current ? t || "Building styles..." : null, T = n === "blackboard", w = T && h, $ = {
+  ), I(() => {
+    N && (u(y), u(g), x.current = !1, v.current = !1, E(!1), w(!1));
+  }, [N]);
+  const S = N ? null : $ || v.current ? f || "Building scripts cache..." : U || x.current ? t || "Building styles..." : null, M = n === "blackboard", C = M && h, Q = {
     position: "relative",
     width: "100%",
     height: "100%",
     display: "flex",
     flexDirection: "column",
     // Keep blackboard scroll behavior while centering content in non-blackboard mode
-    justifyContent: w ? "flex-start" : T ? "space-around" : "flex-start"
-  }, K = {
-    pointerEvents: E ? "none" : void 0,
-    margin: T ? void 0 : "auto 0",
+    justifyContent: C ? "flex-start" : M ? "space-around" : "flex-start"
+  }, J = {
+    pointerEvents: S ? "none" : void 0,
+    margin: M ? void 0 : "auto 0",
     width: "100%",
-    height: w ? "100%" : void 0,
-    minHeight: w ? 0 : void 0,
-    flex: w ? "1 1 auto" : void 0
+    height: C ? "100%" : void 0,
+    minHeight: C ? 0 : void 0,
+    flex: C ? "1 1 auto" : void 0
   };
-  return /* @__PURE__ */ C.jsxs(
+  return /* @__PURE__ */ R.jsxs(
     "div",
     {
-      "data-root-vh": f ? "true" : "false",
+      "data-root-vh": m ? "true" : "false",
       className: "sandbox-wrapper",
-      style: $,
-      "aria-busy": !!E,
+      style: Q,
+      "aria-busy": !!S,
       children: [
-        /* @__PURE__ */ C.jsx(
+        /* @__PURE__ */ R.jsx(
           "div",
           {
-            ref: A,
+            ref: j,
             className: "sandbox-container",
-            style: K
+            style: J
           }
         ),
-        E && /* @__PURE__ */ C.jsx(
+        S && /* @__PURE__ */ R.jsx(
           "div",
           {
             style: {
@@ -190,7 +193,7 @@ const Y = [
               justifyContent: "center",
               pointerEvents: "none"
             },
-            children: /* @__PURE__ */ C.jsx(X, { message: E })
+            children: /* @__PURE__ */ R.jsx(Y, { message: S })
           }
         )
       ]
@@ -198,6 +201,6 @@ const Y = [
   );
 };
 export {
-  ae as default
+  ie as default
 };
 //# sourceMappingURL=SandboxApp.es.js.map

package/dist/components/ContentRender/SandboxApp.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport type { ScalingWindow } from \"./utils/iframe-scaling\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n  stretchRootHeight?: boolean;\n  enableScaling?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n  \"fetchpriority\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n  stretchRootHeight = false,\n  enableScaling = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { position: relative; width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n      .overflow-y-auto { overflow-y: visible !important; }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    // const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.replaceChildren(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    if (enableScaling) {\n      const win = container.ownerDocument?.defaultView as ScalingWindow | null;\n      win?.__mdf_triggerFitContent?.();\n    }\n\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken, enableScaling]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const shouldStretchRootHeight = isBlackboard && stretchRootHeight;\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: shouldStretchRootHeight\n      ? \"flex-start\"\n      : isBlackboard\n        ? \"space-around\"\n        : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n    height: shouldStretchRootHeight ? \"100%\" : undefined,\n    minHeight: shouldStretchRootHeight ? 0 : undefined,\n    flex: shouldStretchRootHeight ? \"1 1 auto\" : undefined,\n  };\n\n  return (\n    <div\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            zIndex: 20,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <LoadingOverlayCard message={overlayMessage} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","stretchRootHeight","enableScaling","containerRef","useRef","isGeneratingStyles","setIsGeneratingStyles","useState","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","LoadingOverlayCard"],"mappings":";;;AAeA,MAAMA,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAmB,CAACC,MACxBF,EAAuB;AAAA,EACrB,CAACG,MAAc,GAAGA,CAAS,IAAID,EAAM,aAAaC,CAAS,KAAK,EAAE;AACpE,EAAE,KAAK,GAAG,GAENC,IAAwB,CAACC,MAAqB;AAClD,QAAMC,wBAAe,IAAA;AACrB,SAAAD,EAAK,iBAAiB,KAAK,EAAE,QAAQ,CAACE,MAAS;AAC7C,UAAML,IAAQK,GACRC,IAAMP,EAAiBC,CAAK,GAC5BO,IAASH,EAAS,IAAIE,CAAG,KAAK,CAAA;AACpC,IAAAC,EAAO,KAAKP,CAAK,GACjBI,EAAS,IAAIE,GAAKC,CAAM;AAAA,EAC1B,CAAC,GACMH;AACT,GAEMI,KAAsB,CAC1BC,GACAC,MACG;AACH,QAAMC,IAAmB,MAAM,KAAKF,EAAY,UAAU,GACpDG,IAAuB,IAAI;AAAA,IAC/BD,EAAiB,IAAI,CAACV,MAAcA,EAAU,IAAI;AAAA,EAAA;AAGpD,QAAM,KAAKS,EAAY,UAAU,EAAE,QAAQ,CAACT,MAAc;AACxD,IAAKW,EAAqB,IAAIX,EAAU,IAAI,KAC1CS,EAAY,gBAAgBT,EAAU,IAAI;AAAA,EAE9C,CAAC,GAEDU,EAAiB,QAAQ,CAACV,MAAc;AACtC,IAAAS,EAAY,aAAaT,EAAU,MAAMA,EAAU,KAAK;AAAA,EAC1D,CAAC;AACH,GAEMY,KAAsB,CAC1BV,GACAC,MACG;AACH,EAAKA,EAAS,QAEdD,EAAK,iBAAiB,KAAK,EAAE,QAAQ,CAACE,MAAS;AAC7C,UAAMS,IAAYT,GACZC,IAAMP,EAAiBe,CAAS,GAChCP,IAASH,EAAS,IAAIE,CAAG,GACzBS,IAAiBR,GAAQ,MAAA;AAC/B,IAAKQ,MAELP,GAAoBM,GAAWC,CAAc,GAC7CD,EAAU,YAAYC,CAAc,GAEhCR,KAAUA,EAAO,WAAW,KAC9BH,EAAS,OAAOE,CAAG;AAAA,EAEvB,CAAC;AACH,GAEMU,KAAwC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB;AAAA,EAClB,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAClB,MAAM;AACJ,QAAMC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAqBC,CAAsB,IAAIF,EAAS,EAAK,GAC9DG,IAAoBN,EAA2B,EAAE,GACjDO,IAAqBP,EAA4B,EAAE,GACnDQ,IAAgBR,EAAO,CAAC,GACxBS,IAAiBT,EAAO,CAAC,GACzBU,IAAgBV,EAAsB,IAAI,GAC1CW,IAAiBX,EAAsB,IAAI,GAC3CY,IAAeZ,EAAO,EAAK,GAC3Ba,IAAgBb,EAAO,EAAK,GAC5Bc,IAAwBd,EAAO,EAAK,GACpCe,IAAoBf,EAAON,CAAU,GACrCsB,IAAiB,KAEjBC,IAAa,CAACC,MAAoD;AACtE,IAAIA,EAAS,YACX,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAAA,EAEvB,GAEMC,IAA8B,CAClCC,GACAF,GACAG,GACAC,MACG;AACH,UAAMC,IAAU,YAAY,IAAA,IAAQF,EAAS,SACvCG,IAAQ,KAAK,IAAI,GAAGR,IAAiBO,CAAO;AAClD,IAAAN,EAAWC,CAAQ,GACnBA,EAAS,UAAU,OAAO,WAAW,MAAM;AACzC,MAAAE,EAAO,EAAK,GACZE,IAAA,GACAJ,EAAS,UAAU;AAAA,IACrB,GAAGM,CAAK;AAAA,EACV;AAEA,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAM3B,EAAa,SAAS;AAClC,QAAI,CAAC2B,EAAK;AACV,UAAMC,IAAU;AAChB,QAAIC,IAAUF,EAAI,eAAeC,CAAO;AACxC,IAAKC,MACHA,IAAUF,EAAI,cAAc,OAAO,GACnCE,EAAQ,KAAKD,GACbD,EAAI,MAAM,YAAYE,CAAO,IAE/BA,EAAQ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxB,GAAG,CAAA,CAAE,GAELH,EAAU,MAAM;AACd,IAAI/B,MAAeqB,EAAkB,YACnCD,EAAsB,UAAU,IAChCC,EAAkB,UAAUrB,IAE9BuB,EAAWP,CAAa,GACxBO,EAAWN,CAAc,GACzBC,EAAa,UAAU,IACvBC,EAAc,UAAU;AAExB,UAAMgB,IAAY9B,EAAa;AAC/B,QAAI,CAAC8B,EAAW;AAChB,UAAMH,IAAMG,EAAU,eAChBC,IAAOJ,GAAK;AAClB,QAAI,CAACI,EAAM;AACX,UAAMC,IAAiBvD,EAAsBqD,CAAS;AAEtD,IAAAvB,EAAkB,QAAQ,QAAQ,CAAC3B,MAASA,EAAK,QAAQ,GACzD2B,EAAkB,UAAU,CAAA,GAC5BC,EAAmB,QAAQ,QAAQ,CAAC5B,MAASA,EAAK,QAAQ,GAC1D4B,EAAmB,UAAU,CAAA,GAG7BL,EAAsB,EAAK,GAC3BG,EAAuB,EAAK;AAC5B,UAAM2B,IAAUN,EAAI,cAAc,KAAK;AACvC,IAAAM,EAAQ,YAAYzC;AAEpB,UAAM0C,KAAmB1C,EAAK,MAAM,gBAAgB,KAAK,CAAA,GAAI,QACvD2C,KAAoB3C,EAAK,MAAM,cAAc,KAAK,CAAA,GAAI,QACtD4C,IACJF,IAAkB,KAAKA,MAAoBC,GAEvCE,IAA+B,CAAA;AAErC,UAAM,KAAKJ,EAAQ,iBAAiB,eAAe,CAAC,EAAE,QAAQ,CAACrD,MAAS;AACtE,UAAIA,EAAK,QAAQ,YAAA,MAAkB,SAAS;AAC1C,cAAM0D,IAASX,EAAI,cAAc,OAAO;AACxC,QAAAW,EAAO,cAAc1D,EAAK,eAAe,IACzC,MAAM,KAAKA,EAAK,UAAU,EAAE,QAAQ,CAAC2D,MAAS;AAC5C,UAAAD,EAAO,aAAaC,EAAK,MAAMA,EAAK,KAAK;AAAA,QAC3C,CAAC,GACDF,EAAc,KAAKC,CAAM;AAAA,MAC3B,OAAO;AACL,cAAME,IAAcb,EAAI,cAAc,QAAQ;AAC9C,cAAM,KAAK/C,EAAK,UAAU,EAAE,QAAQ,CAAC2D,MAAS;AAC5C,UAAAC,EAAY,aAAaD,EAAK,MAAMA,EAAK,KAAK;AAAA,QAChD,CAAC,GACDC,EAAY,cAAc5D,EAAK,eAAe,IAC9CyD,EAAc,KAAKG,CAAW;AAAA,MAChC;AACA,MAAA5D,EAAK,OAAA;AAAA,IACP,CAAC,GACDQ,GAAoB6C,GAASD,CAAc;AAE3C,UAAMS,IAAYJ,EAAc;AAAA,MAC9B,CAACzD,MAASA,EAAK,QAAQ,kBAAkB;AAAA,IAAA,GAErC8D,IAAaL,EAAc;AAAA,MAC/B,CAACzD,MAASA,EAAK,QAAQ,kBAAkB;AAAA,IAAA;AAE3C,IAAI6D,MACF5B,EAAa,UAAU,IACvBJ,EAAc,UAAU,YAAY,IAAA,GACpCS,EAAWP,CAAa,GACxBR,EAAsB,EAAI,IAExBuC,MACF5B,EAAc,UAAU,IACxBJ,EAAe,UAAU,YAAY,IAAA,GACrCQ,EAAWN,CAAc,GACzBN,EAAuB,EAAI,IAGL,CAAC,CAAC2B,EAAQ,sBAEhClB,EAAsB,UAAU;AAGlC,UAAM4B,IAAe,MAAM,KAAKV,EAAQ,UAAU;AAClD,IAAAH,EAAU,gBAAgB,GAAGa,CAAY,GAEzCN,EAAc,QAAQ,CAACzD,MAAS;AAC9B,UAAIA,EAAK,QAAQ,YAAA,MAAkB,SAAS;AAC1C,QAAA+C,EAAI,MAAM,YAAY/C,CAAI,GAC1B2B,EAAkB,QAAQ,KAAK3B,CAAwB;AACvD;AAAA,MACF;AAEA,UAAIwD,GAAsB;AACxB,cAAMQ,IAAahE,GACbiE,IAAaD,EAAW,eAAe;AAG7C,YAFuB,CAACA,EAAW;AAGjC,cAAI;AAGF,gBAAI,SAASC,CAAU;AAAA,UACzB,QAAQ;AACN,YAAAD,EAAW,OAAA;AACX;AAAA,UACF;AAGF,YAAI;AACF,UAAAb,EAAK,YAAYa,CAAU,GAC3BpC,EAAmB,QAAQ,KAAKoC,CAAU;AAAA,QAC5C,QAAQ;AACN,UAAAA,EAAW,OAAA;AAAA,QACb;AAAA,MACF;AAEE,QAAAhE,EAAK,OAAA;AAAA,IAET,CAAC,GACGmB,KACU+B,EAAU,eAAe,aAChC,0BAAA,GAGP,sBAAsB,MAAM;AAC1B,MAAIW,KACFrB;AAAA,QACEjB;AAAA,QACAQ;AAAA,QACAF;AAAA,QACA,MAAM;AACJ,UAAAI,EAAa,UAAU;AAAA,QACzB;AAAA,MAAA,GAGA6B,KACFtB;AAAA,QACEd;AAAA,QACAM;AAAA,QACAF;AAAA,QACA,MAAM;AACJ,UAAAI,EAAc,UAAU;AAAA,QAC1B;AAAA,MAAA;AAAA,IAGN,CAAC;AAAA,EACH,GAAG,CAACtB,GAAMG,GAAYI,CAAa,CAAC,GAEpC2B;AAAA,IACE,MAAM,MAAM;AACV,MAAAR,EAAWP,CAAa,GACxBO,EAAWN,CAAc;AAAA,IAC3B;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAMkC,IACAzC,KAAuBS,EAAc,UAChCpB,KAAqB,8BAC1BQ,KAAsBW,EAAa,UAC9BpB,KAAoB,uBACtB,MAGHsD,IAAenD,MAAS,cACxBoD,IAA0BD,KAAgBjD,GAC1CmD,IAA2C;AAAA,IAC/C,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA;AAAA,IAEf,gBAAgBD,IACZ,eACAD,IACE,iBACA;AAAA,EAAA,GAEFG,IAA6C;AAAA,IACjD,eAAeJ,IAAiB,SAAS;AAAA,IACzC,QAAQC,IAAe,SAAY;AAAA,IACnC,OAAO;AAAA,IACP,QAAQC,IAA0B,SAAS;AAAA,IAC3C,WAAWA,IAA0B,IAAI;AAAA,IACzC,MAAMA,IAA0B,aAAa;AAAA,EAAA;AAG/C,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAActD,IAAkB,SAAS;AAAA,MACzC,WAAU;AAAA,MACV,OAAOoD;AAAA,MACP,aAAW,CAAC,CAACH;AAAA,MAEb,UAAA;AAAA,QAAAM,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKpD;AAAA,YACL,WAAU;AAAA,YACV,OAAOkD;AAAA,UAAA;AAAA,QAAA;AAAA,QAERJ,KACCM,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,eAAe;AAAA,YAAA;AAAA,YAGjB,UAAAA,gBAAAA,EAAAA,IAACC,GAAA,EAAmB,SAASP,EAAA,CAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,MAC/C;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"SandboxApp.es.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport LoadingOverlayCard from \"../ui/loading-overlay-card\";\nimport type { ScalingWindow } from \"./utils/iframe-scaling\";\n\nexport interface SandboxAppProps {\n  html: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n  hasRootVhHeight?: boolean;\n  stretchRootHeight?: boolean;\n  enableScaling?: boolean;\n  disableLoadingOverlay?: boolean;\n}\n\nconst IMAGE_REUSE_ATTRIBUTES = [\n  \"src\",\n  \"srcset\",\n  \"sizes\",\n  \"alt\",\n  \"class\",\n  \"width\",\n  \"height\",\n  \"style\",\n  \"loading\",\n  \"decoding\",\n  \"crossorigin\",\n  \"referrerpolicy\",\n  \"fetchpriority\",\n];\n\nconst getImageReuseKey = (image: HTMLImageElement) =>\n  IMAGE_REUSE_ATTRIBUTES.map(\n    (attribute) => `${attribute}:${image.getAttribute(attribute) || \"\"}`\n  ).join(\"|\");\n\nconst collectReusableImages = (root: ParentNode) => {\n  const imageMap = new Map<string, HTMLImageElement[]>();\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const image = node as HTMLImageElement;\n    const key = getImageReuseKey(image);\n    const bucket = imageMap.get(key) || [];\n    bucket.push(image);\n    imageMap.set(key, bucket);\n  });\n  return imageMap;\n};\n\nconst syncImageAttributes = (\n  sourceImage: HTMLImageElement,\n  targetImage: HTMLImageElement\n) => {\n  const sourceAttributes = Array.from(sourceImage.attributes);\n  const sourceAttributeNames = new Set(\n    sourceAttributes.map((attribute) => attribute.name)\n  );\n\n  Array.from(targetImage.attributes).forEach((attribute) => {\n    if (!sourceAttributeNames.has(attribute.name)) {\n      targetImage.removeAttribute(attribute.name);\n    }\n  });\n\n  sourceAttributes.forEach((attribute) => {\n    targetImage.setAttribute(attribute.name, attribute.value);\n  });\n};\n\nconst reuseRenderedImages = (\n  root: ParentNode,\n  imageMap: Map<string, HTMLImageElement[]>\n) => {\n  if (!imageMap.size) return;\n\n  root.querySelectorAll(\"img\").forEach((node) => {\n    const nextImage = node as HTMLImageElement;\n    const key = getImageReuseKey(nextImage);\n    const bucket = imageMap.get(key);\n    const preservedImage = bucket?.shift();\n    if (!preservedImage) return;\n\n    syncImageAttributes(nextImage, preservedImage);\n    nextImage.replaceWith(preservedImage);\n\n    if (bucket && bucket.length === 0) {\n      imageMap.delete(key);\n    }\n  });\n};\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n  hasRootVhHeight = false,\n  stretchRootHeight = false,\n  enableScaling = false,\n  disableLoadingOverlay = false,\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      doc.head?.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      .sandbox-wrapper { align-items: center; }\n      .sandbox-container { position: relative; width: 100%; }\n      .sandbox-container svg,\n      .sandbox-container img { display: block; margin-left: auto; margin-right: auto; }\n      .justify-\\\\[safe_center\\\\]{\n        justify-content: safe center;\n      }\n      .overflow-y-auto { overflow-y: visible !important; }\n    `;\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n    const reusableImages = collectReusableImages(container);\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    // const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    const wrapper = doc.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n    reuseRenderedImages(wrapper, reusableImages);\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.replaceChildren(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    if (enableScaling) {\n      const win = container.ownerDocument?.defaultView as ScalingWindow | null;\n      win?.__mdf_triggerFitContent?.();\n    }\n\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken, enableScaling]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (!disableLoadingOverlay) {\n      return;\n    }\n\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n  }, [disableLoadingOverlay]);\n\n  const overlayMessage = (() => {\n    if (disableLoadingOverlay) {\n      return null;\n    }\n\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n  const shouldStretchRootHeight = isBlackboard && stretchRootHeight;\n  const sandboxWrapperStyle: React.CSSProperties = {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    // Keep blackboard scroll behavior while centering content in non-blackboard mode\n    justifyContent: shouldStretchRootHeight\n      ? \"flex-start\"\n      : isBlackboard\n        ? \"space-around\"\n        : \"flex-start\",\n  };\n  const sandboxContainerStyle: React.CSSProperties = {\n    pointerEvents: overlayMessage ? \"none\" : undefined,\n    margin: isBlackboard ? undefined : \"auto 0\",\n    width: \"100%\",\n    height: shouldStretchRootHeight ? \"100%\" : undefined,\n    minHeight: shouldStretchRootHeight ? 0 : undefined,\n    flex: shouldStretchRootHeight ? \"1 1 auto\" : undefined,\n  };\n\n  return (\n    <div\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className=\"sandbox-wrapper\"\n      style={sandboxWrapperStyle}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        className=\"sandbox-container\"\n        style={sandboxContainerStyle}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            zIndex: 20,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <LoadingOverlayCard message={overlayMessage} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["IMAGE_REUSE_ATTRIBUTES","getImageReuseKey","image","attribute","collectReusableImages","root","imageMap","node","key","bucket","syncImageAttributes","sourceImage","targetImage","sourceAttributes","sourceAttributeNames","reuseRenderedImages","nextImage","preservedImage","SandboxApp","html","styleLoadingText","scriptLoadingText","resetToken","mode","hasRootVhHeight","stretchRootHeight","enableScaling","disableLoadingOverlay","containerRef","useRef","isGeneratingStyles","setIsGeneratingStyles","useState","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","reusableImages","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","shouldStretchRootHeight","sandboxWrapperStyle","sandboxContainerStyle","jsxs","jsx","LoadingOverlayCard"],"mappings":"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"}

package/dist/components/Slide/Slide.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),an=require("../../lib/sandboxInteraction.cjs.js"),z=require("../../lib/utils.cjs.js"),dn=require("../ui/loading-overlay-card.cjs.js"),fn=require("../ContentRender/ContentRender.cjs.js"),St=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const Et=require("../../lib/interaction-defaults.cjs.js"),Ee=require("../../lib/mobileDevice.cjs.js"),mn=require("./Player.cjs.js"),pn=require("./SubtitleOverlay.cjs.js"),hn=require("./constants.cjs.js"),xn=require("./SlideFullscreenHint.cjs.js"),bn=require("./useSlide.cjs.js"),vn=require("./useWakePlayerFromIframe.cjs.js"),le=require("./utils/mobileScreenMode.cjs.js"),Sn=require("./utils/interactionPlayback.cjs.js"),En=require("./utils/appendedMarkerAdvance.cjs.js"),yn=require("./utils/playbackSequence.cjs.js"),yt=require("./utils/playerCustomActions.cjs.js"),gn=require("./utils/playbackTimeStore.cjs.js"),Rn=require("./utils/playerToggleMode.cjs.js");;/* empty css               */const In=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),An=2e3,wn=300,Cn=160,Mn=16,gt=t.memo(({content:F,title:O,defaultButtonText:b,defaultInputText:G,defaultSelectedValues:v,confirmButtonText:q,copyButtonText:$,copiedButtonText:ye,onSend:ge,readonly:B=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:O})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(fn.default,{content:F,defaultButtonText:b,defaultInputText:G,defaultSelectedValues:v,confirmButtonText:q,copyButtonText:$,copiedButtonText:ye,onSend:ge,readonly:B,enableTypewriter:!1,sandboxMode:"content"})})]}));gt.displayName="InteractionOverlayCard";const _n=(F,O)=>F.length===O.length&&F.every((b,G)=>{const v=O[G];return b.sequence_number===v?.sequence_number&&b.type===v?.type&&b.content===v?.content}),kn=({elementList:F=[],showPlayer:O=!0,playerAlwaysVisible:b=!1,playerClassName:G,fullscreenHeader:v,playerCustomActions:q,playerCustomActionPauseOnActive:$=!0,bufferingText:ye="Buffering...",interactionTitle:ge,interactionTexts:B,playerTexts:Be,playerAutoHideDelay:Re=3e3,markerAutoAdvanceDelay:Le=An,interactionDefaultValueOptions:ue,onSend:Ne,onPlayerVisibilityChange:Ie,onMobileViewModeChange:Ve,onStepChange:Ke,enableIframeScaling:Rt=!0,className:It,onPointerDown:De,...At})=>{const ie=t.useRef(null),He=t.useRef(null),Ae=t.useRef(null),Ue=t.useRef(null),Y=t.useRef(null),X=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),We=t.useRef(null),ze=t.useRef([]),ce=t.useRef(!1),L=t.useRef(null),Ge=t.useRef(null),$e=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:M,stepElementLists:Ye,slideElementList:_,currentIndex:c,audioList:d,currentAudioSequenceIndexes:ae,currentStepHasSpeakableElement:p,currentInteractionElement:i,canGoPrev:wt,canGoNext:x,handlePrev:Xe,handleNext:g}=bn.default(F),Z=t.useMemo(()=>{if(!(c<0))return _[c]},[c,_]),Ct=_.filter(e=>e.is_renderable!==!1).length===1,S=O&&(_.length>0||d.length>0||!!i),R=t.useMemo(()=>ae.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,ae]),[Je,de]=t.useState(!0),[fe,ee]=t.useState(!1),[te,Qe]=t.useState(!0),[f,N]=t.useState(null),[Mt,E]=t.useState(!1),[I,Ze]=t.useState(!1),[_t,we]=t.useState(!1),[et,kt]=t.useState(!0),[Ce,Me]=t.useState(!1),[s,_e]=t.useState(),[me,pe]=t.useState(!1),[Tt,ne]=t.useState(0),[jt,Pt]=t.useState(!1),A=t.useMemo(()=>Ee.isMobileDevice(),[]),[he,ke]=t.useState(le.DEFAULT_MOBILE_VIEW_MODE),[tt,Te]=t.useState(!1),[je,nt]=t.useState(()=>A?Ee.isLandscapeViewport():!1),[Ft,xe]=t.useState(!1),V=t.useMemo(()=>gn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:T,isImmersiveMobileFullscreen:K,isNativeMobileFullscreen:rt,shouldRotateFullscreenViewport:Ot}=t.useMemo(()=>le.resolveMobileViewModeState({hasManualMobileViewMode:tt,isMobileDevice:A,mobileViewMode:he}),[tt,A,je,he]),st=t.useRef(T),w=S&&(b||Je),qt=K&&w,Bt=K&&w,Lt=K||rt,Nt=Be?.fullscreenHintText??hn.DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText,Vt=t.useCallback(e=>{Te(!0),ke(e)},[]),ot=t.useCallback(()=>{Te(!1),ke(le.DEFAULT_MOBILE_VIEW_MODE)},[]),Kt=t.useCallback(()=>{ot(),v?.onBack?.()},[v,ot]),Dt=t.useCallback(()=>{xe(!1)},[]),lt=t.useCallback(e=>{Me(e)},[]),ut=t.useCallback(()=>{Me(e=>!e)},[]),{mountedStepStates:Ht,currentMountedStateIndex:Ut}=t.useMemo(()=>{const e=[],n=new Map;return Ye.forEach((o,a)=>{const l=e.findIndex(u=>_n(u.elementList,o));if(l>=0){e[l]?.sourceStepIndexes.push(a),n.set(a,l);return}e.push({elementList:o,sourceStepIndexes:[a]}),n.set(a,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:c>=0?n.get(c)??-1:-1}},[c,Ye]),it=t.useMemo(()=>String(c),[c]),m=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),Pe=t.useMemo(()=>m>=0?d[m]:void 0,[d,m]),Wt=Pe?.element?.subtitle_cues??[],be=t.useMemo(()=>R[0]??"none",[R]),Fe=t.useMemo(()=>({currentElement:yt.resolvePlayerCustomActionElement({currentAudioIndex:m,currentAudioSequenceIndexes:ae,audioList:d,currentInteractionElement:s,currentStepElement:Z}),currentIndex:c,currentStepElement:Z,isActive:Ce,setActive:lt,toggleActive:ut}),[s,d,m,ae,c,Z,Ce,lt,ut]),Oe=t.useMemo(()=>yt.getPlayerCustomActionCount(q,Fe),[Fe,q]),zt=t.useMemo(()=>({"--slide-player-custom-action-count":String(Oe),"--slide-player-mobile-control-count":String(Oe+4)}),[Oe]),ct=R.length>0,at=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),re=t.useMemo(()=>[it,at].join("|"),[at,it]),Gt=t.useMemo(()=>[re,Pe?.audioKey??"none",String(m)].join("|"),[m,Pe?.audioKey,re]),dt=!!t.useMemo(()=>!be||be==="none"?"":d.find(n=>n.audioKey===be)?.audioUrl?.trim()??"",[d,be]),j=$&&!!q&&Ce,se=t.useMemo(()=>Rn.shouldUseAutoAdvanceToggle({canGoNext:x,currentAudioIndex:m,currentStepHasSpeakableElement:p,hasInteraction:!!i}),[x,m,i,p]),P=t.useCallback(()=>{Y.current!==null&&(window.clearTimeout(Y.current),Y.current=null)},[]),k=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),C=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),D=t.useCallback(()=>{X.current!==null&&(window.clearTimeout(X.current),X.current=null)},[]),H=t.useCallback(()=>{D(),k(),C(),N(null),V.reset(),E(!1),Ze(!1),we(!1),_e(void 0),pe(!1),ne(0)},[D,k,C,V]),U=t.useCallback(()=>{const e=R[0];return e?(N(e),!0):!1},[R]),ve=t.useCallback(()=>{k(),C(),pe(!1),ne(0),!U()&&x&&g()},[x,k,C,g,U]),ft=t.useCallback(e=>{if(C(),!e)return;const n=()=>{Q.current=null,ne(Cn),pe(!0),L.current=null};Q.current=window.setTimeout(n,wn)},[C]),h=t.useCallback((e=fe)=>{S&&(de(!0),P(),!(b||!e||Re<=0)&&(Y.current=window.setTimeout(()=>{de(!1),Y.current=null},Re)))},[P,fe,b,Re,S]),oe=!!(i?.readonly||i?.user_input?.trim()),W=!!i&&!oe;t.useEffect(()=>{Qe(!0),$&&Me(!1)},[c,$]),t.useEffect(()=>()=>{D(),P(),k(),C()},[D,k,C,P]),t.useEffect(()=>(Ie?.(w),()=>{Ie?.(!1)}),[Ie,w]),t.useEffect(()=>{A||he===le.DEFAULT_MOBILE_VIEW_MODE||(Te(!1),ke(le.DEFAULT_MOBILE_VIEW_MODE))},[A,he]),t.useEffect(()=>{if(!A){nt(!1);return}const e=()=>{nt(Ee.isLandscapeViewport())};return e(),Ee.subscribeMobileDeviceChange(e)},[A]),t.useEffect(()=>{Ve?.(T)},[T,Ve]),t.useEffect(()=>{const o=st.current!=="fullscreen"&&T==="fullscreen"&&!je;if(st.current=T,!A){xe(!1);return}if(o){xe(!0);return}T!=="fullscreen"&&xe(!1)},[T,A,je]),t.useEffect(()=>{Ke?.(Z,c)},[c,Z,Ke]),t.useEffect(()=>{const e=$e.current,n=En.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:_.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:x,currentAudioKey:f,hasCompletedCurrentStepAudio:I,hasResolvedCurrentInteraction:oe,currentStepHasSpeakableElement:p,currentInteractionElement:i,isAutoAdvanceEnabled:te,shouldUseSilentStepAutoAdvanceToggle:se});$e.current={markerCount:_.length,currentIndex:c,canGoNext:x},n&&g()},[x,f,c,i,p,g,I,oe,te,se,_.length]),t.useEffect(()=>{if(!S){P(),de(!1);return}if(b){P(),de(!0);return}fe||h(!0)},[P,fe,b,S,h]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&an.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&S&&(ee(!0),h(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[S,h]),vn.default({sectionRef:ie,enabled:S,onWake:()=>{ee(!0),h(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=yn.getPlaybackSequenceTransition({previousResetKey:Ge.current,nextResetKey:re,currentAudioKey:f,hasCompletedCurrentStepAudio:I});Ge.current=re;const o=L.current===c&&!!i,a=Sn.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:W,shouldOpenInteractionOverlayAfterAudio:o,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:oe,currentStepHasSpeakableElement:p});if(e&&H(),!(M.length===0&&!i)&&!j){if(i&&_e(i),a){ft(i);return}if(C(),L.current=null,!!n&&!U()){if(p){E(!0);return}if(x&&!(se&&!te))return X.current=window.setTimeout(()=>{X.current=null,g()},Le),()=>{D()}}}},[x,D,M.length,i,f,re,p,Le,g,I,te,oe,W,C,H,ft,U,j,se]),t.useEffect(()=>{if(j||!p||W){E(!1);return}if(I){E(!1);return}if(ct){E(!1);return}E(!0)},[ct,p,I,j,W]),t.useEffect(()=>{f||R.length===0||j||!p||W||I||U()},[f,R,p,I,j,W,U]),t.useEffect(()=>{!f||m>=0||N(null)},[m,f]),t.useEffect(()=>{m>=0||V.reset()},[m,V]),t.useEffect(()=>{we(!1)},[Gt]);const mt=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return Et.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ue)},[s,ue]),$t=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return Et.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ue)},[s,ue]),pt=!!s?.user_input?.trim(),ht=!!s?.readonly||pt,xt=ht||pt,qe=!!s&&me,Yt=t.useCallback(e=>{const o=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");_e(a=>!a||!o?a:{...a,user_input:o}),Ne?.(e,s),ve()},[s,ve,Ne]);t.useEffect(()=>{const e=()=>{Pt(document.fullscreenElement===ie.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!qe){ne(0);return}const e=We.current;if(!e)return;const n=()=>{const a=Math.ceil(e.getBoundingClientRect().height);ne(a+Mn)};if(n(),typeof ResizeObserver>"u")return;const o=new ResizeObserver(()=>{n()});return o.observe(e),()=>{o.disconnect()}},[qe]),t.useEffect(()=>{if(k(),!(!me||!xt))return J.current=window.setTimeout(()=>{J.current=null,ve()},2e3),()=>{k()}},[k,ve,me,xt]);const Xt=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:Rt}):r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Jt=(e=[],n=!1)=>{if(e.length===0)return null;const o=e.filter(l=>l.is_renderable!==!1).length,a=e.reduce((l,u,y)=>u.is_renderable!==!1?y:l,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((l,u)=>{const y=l.type==="html"&&l.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&u===a?Ue:null,"aria-hidden":y||void 0,className:z.cn("w-full shrink-0",o===1&&l.is_renderable!==!1&&"slide-element--single",y?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":l.is_renderable===!1&&"hidden"),children:Xt(l,{replaceRootScreenHeightWithFull:o===1&&l.type==="html"&&l.is_renderable!==!1})},l.sequence_number??`${l.type}-${u}`)})})},Qt=t.useCallback(()=>{const e=ie.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),bt=t.useCallback(()=>{const e=Ae.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),Zt=t.useCallback(()=>{ce.current=!0,L.current=null,ee(!0),E(!1),h(!0),H(),Xe()},[Xe,H,h]),en=t.useCallback(()=>{ce.current=!0,L.current=null,ee(!0),E(!1),h(!0),H(),g()},[g,H,h]),tn=t.useCallback(e=>{if(!p||I){E(!1);return}E(e)},[p,I]),nn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const o=R.findIndex(u=>u===n);if(o<0){N(null);return}const a=o+1,l=R[a];if(l){N(l);return}if(N(null),Ze(!0),E(!1),x){const u=c+1,y=_[u];dt&&y?.type==="interaction"&&(L.current=u),g()}},[d,x,c,f,R,g,dt,_]),rn=t.useCallback(()=>{s&&pe(e=>!e)},[s]),vt=t.useCallback(e=>{e.stopPropagation(),w&&h(!0)},[Je,h]),sn=t.useCallback(e=>{De?.(e)},[De]),on=t.useCallback(()=>{ee(!0),h(!0)},[h]),Se=t.useMemo(()=>M.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[M]);return t.useEffect(()=>{const e=ze.current,a=(e.length>0&&e.length<Se.length&&e.every((u,y)=>u===Se[y])?M.slice(e.length):[]).some(u=>u.is_new===!1);if(ze.current=Se,!a)return;const l=window.requestAnimationFrame(()=>{const u=Ae.current,y=Ue.current;if(!u||!y)return;const ln=u.getBoundingClientRect(),un=y.getBoundingClientRect(),cn=u.scrollTop+(un.top-ln.top);u.scrollTo({top:Math.max(cn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(l)}},[M,Se]),t.useEffect(()=>{if(!ce.current||(ce.current=!1,M.length===0))return;const e=window.requestAnimationFrame(()=>{bt()});return()=>{window.cancelAnimationFrame(e)}},[M,bt]),r.jsxRuntimeExports.jsxs("section",{ref:ie,className:z.cn("relative h-full w-full",A&&"slide--mobile-device",K&&"slide--mobile-landscape",rt&&"slide--mobile-landscape-native",It),onClick:on,onPointerDown:sn,...At,children:[Lt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:He,className:z.cn("slide__viewport relative h-full min-h-0 w-full",K&&"slide__viewport--mobile-landscape",K&&!Ot&&"slide__viewport--mobile-landscape-native"),children:[qt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":v?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Kt,type:"button",children:r.jsxRuntimeExports.jsx(In.default,{className:"h-6 w-6 text-white",strokeWidth:2.25})}),v?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:v.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:z.cn("h-full min-h-0 w-full",Bt&&"slide__viewport-content--with-header",Ct?"slide-content--single":"grid gap-4"),children:M.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:Ae,className:"slide-stage__layer w-full",children:Ht.map((e,n)=>{const o=n===Ut;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!o||void 0,className:"w-full h-full",style:{display:o?void 0:"none"},children:Jt(e.elementList,o)},e.sourceStepIndexes[0]??n)})})}):null}),Mt?r.jsxRuntimeExports.jsx(dn.default,{message:ye,className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(xn.default,{onClose:Dt,open:Ft,text:Nt}),r.jsxRuntimeExports.jsx(pn.default,{extraBottomOffset:Tt,hasPlayerGap:w,isEnabled:et&&_t,isPlayerHidden:S&&!w,playbackTimeStore:V,subtitleCues:Wt}),qe?r.jsxRuntimeExports.jsx("div",{ref:We,className:z.cn("slide-interaction-overlay",w&&S?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:vt,onPointerDown:vt,style:zt,children:r.jsxRuntimeExports.jsx(gt,{content:String(s?.content??""),defaultButtonText:mt.buttonText??"",defaultInputText:mt.inputText??"",defaultSelectedValues:$t,confirmButtonText:B?.confirmButtonText,copyButtonText:B?.copyButtonText,copiedButtonText:B?.copiedButtonText,onSend:Yt,readonly:ht,title:B?.title??ge??"Submit the content below to continue."})}):null,S?r.jsxRuntimeExports.jsx(mn.default,{audioList:d,className:z.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",G,!w&&"pointer-events-none opacity-0"),currentAudioIndex:m,defaultPlaying:!0,isPlaybackPaused:j,isAutoAdvanceEnabled:te,hasInteraction:!!s,isInteractionOpen:me,isSubtitleEnabled:et,onAutoAdvanceToggle:Qe,onLoadingChange:tn,onPlaybackStarted:()=>{we(!0)},onPlaybackTimeChange:V.setTime,onSubtitleToggle:()=>{kt(e=>!e)},nextDisabled:!x,onEnded:nn,onFullscreen:Qt,isFullscreen:jt,mobileViewMode:T,settingsPortalContainer:He.current,onMobileViewModeChange:Vt,onInteractionToggle:rn,onNext:en,onPrev:Zt,prevDisabled:!wt,showControls:w,texts:Be,customActionContext:Fe,customActions:q,useAutoAdvanceToggle:se}):null]})]})};exports.default=kn;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),dn=require("../../lib/sandboxInteraction.cjs.js"),G=require("../../lib/utils.cjs.js"),fn=require("../ui/loading-overlay-card.cjs.js"),mn=require("../ContentRender/ContentRender.cjs.js"),St=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const yt=require("../../lib/interaction-defaults.cjs.js"),ye=require("../../lib/mobileDevice.cjs.js"),pn=require("./Player.cjs.js"),hn=require("./SubtitleOverlay.cjs.js"),xn=require("./constants.cjs.js"),bn=require("./SlideFullscreenHint.cjs.js"),vn=require("./useSlide.cjs.js"),En=require("./useWakePlayerFromIframe.cjs.js"),ue=require("./utils/mobileScreenMode.cjs.js"),Sn=require("./utils/interactionPlayback.cjs.js"),yn=require("./utils/appendedMarkerAdvance.cjs.js"),gn=require("./utils/playbackSequence.cjs.js"),gt=require("./utils/playerCustomActions.cjs.js"),Rn=require("./utils/playbackTimeStore.cjs.js"),In=require("./utils/playerToggleMode.cjs.js");;/* empty css               */const An=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),wn=2e3,Cn=300,Mn=160,_n=16,Rt=t.memo(({content:q,title:B,defaultButtonText:v,defaultInputText:$,defaultSelectedValues:E,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ge,onSend:Re,readonly:O=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:B})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(mn.default,{content:q,defaultButtonText:v,defaultInputText:$,defaultSelectedValues:E,confirmButtonText:N,copyButtonText:Y,copiedButtonText:ge,onSend:Re,readonly:O,enableTypewriter:!1,sandboxMode:"content"})})]}));Rt.displayName="InteractionOverlayCard";const kn=(q,B)=>q.length===B.length&&q.every((v,$)=>{const E=B[$];return v.sequence_number===E?.sequence_number&&v.type===E?.type&&v.content===E?.content}),Tn=({elementList:q=[],showPlayer:B=!0,playerAlwaysVisible:v=!1,playerClassName:$,fullscreenHeader:E,playerCustomActions:N,playerCustomActionPauseOnActive:Y=!0,bufferingText:ge="Buffering...",interactionTitle:Re,interactionTexts:O,playerTexts:Oe,playerAutoHideDelay:Ie=3e3,markerAutoAdvanceDelay:Le=wn,interactionDefaultValueOptions:ie,onSend:Ve,onPlayerVisibilityChange:Ae,onMobileViewModeChange:Ke,onStepChange:De,enableIframeScaling:It=!0,disableLoadingOverlay:g=!1,className:At,onPointerDown:He,...wt})=>{const ce=t.useRef(null),Ue=t.useRef(null),we=t.useRef(null),We=t.useRef(null),X=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),ze=t.useRef(null),Ge=t.useRef([]),ae=t.useRef(!1),L=t.useRef(null),$e=t.useRef(null),Ye=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:_,stepElementLists:Xe,slideElementList:k,currentIndex:c,audioList:d,currentAudioSequenceIndexes:de,currentStepHasSpeakableElement:h,currentInteractionElement:i,canGoPrev:Ct,canGoNext:b,handlePrev:Je,handleNext:R}=vn.default(q),ee=t.useMemo(()=>{if(!(c<0))return k[c]},[c,k]),Mt=k.filter(e=>e.is_renderable!==!1).length===1,S=B&&(k.length>0||d.length>0||!!i),I=t.useMemo(()=>de.map(e=>d[e]?.audioKey).filter(e=>!!e),[d,de]),[Qe,fe]=t.useState(!0),[me,te]=t.useState(!1),[ne,Ze]=t.useState(!0),[f,V]=t.useState(null),[_t,m]=t.useState(!1),[A,et]=t.useState(!1),[kt,Ce]=t.useState(!1),[tt,Tt]=t.useState(!0),[Me,_e]=t.useState(!1),[s,ke]=t.useState(),[pe,he]=t.useState(!1),[jt,re]=t.useState(0),[Pt,Ft]=t.useState(!1),w=t.useMemo(()=>ye.isMobileDevice(),[]),[xe,Te]=t.useState(ue.DEFAULT_MOBILE_VIEW_MODE),[nt,je]=t.useState(!1),[Pe,rt]=t.useState(()=>w?ye.isLandscapeViewport():!1),[qt,be]=t.useState(!1),K=t.useMemo(()=>Rn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:j,isImmersiveMobileFullscreen:D,isNativeMobileFullscreen:st,shouldRotateFullscreenViewport:Bt}=t.useMemo(()=>ue.resolveMobileViewModeState({hasManualMobileViewMode:nt,isMobileDevice:w,mobileViewMode:xe}),[nt,w,Pe,xe]),ot=t.useRef(j),C=S&&(v||Qe),Nt=D&&C,Ot=D&&C,Lt=D||st,Vt=Oe?.fullscreenHintText??xn.DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText,Kt=t.useCallback(e=>{je(!0),Te(e)},[]),lt=t.useCallback(()=>{je(!1),Te(ue.DEFAULT_MOBILE_VIEW_MODE)},[]),Dt=t.useCallback(()=>{lt(),E?.onBack?.()},[E,lt]),Ht=t.useCallback(()=>{be(!1)},[]),ut=t.useCallback(e=>{_e(e)},[]),it=t.useCallback(()=>{_e(e=>!e)},[]),{mountedStepStates:Ut,currentMountedStateIndex:Wt}=t.useMemo(()=>{const e=[],n=new Map;return Xe.forEach((o,a)=>{const l=e.findIndex(u=>kn(u.elementList,o));if(l>=0){e[l]?.sourceStepIndexes.push(a),n.set(a,l);return}e.push({elementList:o,sourceStepIndexes:[a]}),n.set(a,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:c>=0?n.get(c)??-1:-1}},[c,Xe]),ct=t.useMemo(()=>String(c),[c]),p=t.useMemo(()=>f?d.findIndex(e=>(e.audioKey??"")===f):-1,[d,f]),Fe=t.useMemo(()=>p>=0?d[p]:void 0,[d,p]),zt=Fe?.element?.subtitle_cues??[],ve=t.useMemo(()=>I[0]??"none",[I]),qe=t.useMemo(()=>({currentElement:gt.resolvePlayerCustomActionElement({currentAudioIndex:p,currentAudioSequenceIndexes:de,audioList:d,currentInteractionElement:s,currentStepElement:ee}),currentIndex:c,currentStepElement:ee,isActive:Me,setActive:ut,toggleActive:it}),[s,d,p,de,c,ee,Me,ut,it]),Be=t.useMemo(()=>gt.getPlayerCustomActionCount(N,qe),[qe,N]),Gt=t.useMemo(()=>({"--slide-player-custom-action-count":String(Be),"--slide-player-mobile-control-count":String(Be+4)}),[Be]),at=I.length>0,dt=t.useMemo(()=>i?`${i.sequence_number??"none"}:${String(i.content??"")}`:"none",[i]),se=t.useMemo(()=>[ct,dt].join("|"),[dt,ct]),$t=t.useMemo(()=>[se,Fe?.audioKey??"none",String(p)].join("|"),[p,Fe?.audioKey,se]),ft=!!t.useMemo(()=>!ve||ve==="none"?"":d.find(n=>n.audioKey===ve)?.audioUrl?.trim()??"",[d,ve]),P=Y&&!!N&&Me,oe=t.useMemo(()=>In.shouldUseAutoAdvanceToggle({canGoNext:b,currentAudioIndex:p,currentStepHasSpeakableElement:h,hasInteraction:!!i}),[b,p,i,h]),F=t.useCallback(()=>{X.current!==null&&(window.clearTimeout(X.current),X.current=null)},[]),T=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),M=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),H=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),U=t.useCallback(()=>{H(),T(),M(),V(null),K.reset(),m(!1),et(!1),Ce(!1),ke(void 0),he(!1),re(0)},[H,T,M,K]),W=t.useCallback(()=>{const e=I[0];return e?(V(e),!0):!1},[I]),Ee=t.useCallback(()=>{T(),M(),he(!1),re(0),!W()&&b&&R()},[b,T,M,R,W]),mt=t.useCallback(e=>{if(M(),!e)return;const n=()=>{Z.current=null,re(Mn),he(!0),L.current=null};Z.current=window.setTimeout(n,Cn)},[M]),x=t.useCallback((e=me)=>{S&&(fe(!0),F(),!(v||!e||Ie<=0)&&(X.current=window.setTimeout(()=>{fe(!1),X.current=null},Ie)))},[F,me,v,Ie,S]),le=!!(i?.readonly||i?.user_input?.trim()),z=!!i&&!le;t.useEffect(()=>{Ze(!0),Y&&_e(!1)},[c,Y]),t.useEffect(()=>()=>{H(),F(),T(),M()},[H,T,M,F]),t.useEffect(()=>(Ae?.(C),()=>{Ae?.(!1)}),[Ae,C]),t.useEffect(()=>{w||xe===ue.DEFAULT_MOBILE_VIEW_MODE||(je(!1),Te(ue.DEFAULT_MOBILE_VIEW_MODE))},[w,xe]),t.useEffect(()=>{if(!w){rt(!1);return}const e=()=>{rt(ye.isLandscapeViewport())};return e(),ye.subscribeMobileDeviceChange(e)},[w]),t.useEffect(()=>{Ke?.(j)},[j,Ke]),t.useEffect(()=>{const o=ot.current!=="fullscreen"&&j==="fullscreen"&&!Pe;if(ot.current=j,!w){be(!1);return}if(o){be(!0);return}j!=="fullscreen"&&be(!1)},[j,w,Pe]),t.useEffect(()=>{De?.(ee,c)},[c,ee,De]),t.useEffect(()=>{const e=Ye.current,n=yn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:k.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:b,currentAudioKey:f,hasCompletedCurrentStepAudio:A,hasResolvedCurrentInteraction:le,currentStepHasSpeakableElement:h,currentInteractionElement:i,isAutoAdvanceEnabled:ne,shouldUseSilentStepAutoAdvanceToggle:oe});Ye.current={markerCount:k.length,currentIndex:c,canGoNext:b},n&&R()},[b,f,c,i,h,R,A,le,ne,oe,k.length]),t.useEffect(()=>{if(!S){F(),fe(!1);return}if(v){F(),fe(!0);return}me||x(!0)},[F,me,v,S,x]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&dn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&S&&(te(!0),x(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[S,x]),En.default({sectionRef:ce,enabled:S,onWake:()=>{te(!0),x(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=gn.getPlaybackSequenceTransition({previousResetKey:$e.current,nextResetKey:se,currentAudioKey:f,hasCompletedCurrentStepAudio:A});$e.current=se;const o=L.current===c&&!!i,a=Sn.shouldPresentInteractionOverlay({hasInteraction:!!i,shouldBlockPlaybackForInteraction:z,shouldOpenInteractionOverlayAfterAudio:o,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:le,currentStepHasSpeakableElement:h});if(e&&U(),!(_.length===0&&!i)&&!P){if(i&&ke(i),a){mt(i);return}if(M(),L.current=null,!!n&&!W()){if(h){if(g){m(!1);return}m(!0);return}if(b&&!(oe&&!ne))return J.current=window.setTimeout(()=>{J.current=null,R()},Le),()=>{H()}}}},[b,H,_.length,i,f,se,h,Le,R,A,g,ne,le,z,M,U,mt,W,P,oe]),t.useEffect(()=>{if(g||P||!h||z){m(!1);return}if(A){m(!1);return}if(at){m(!1);return}m(!0)},[at,h,A,g,P,z]),t.useEffect(()=>{f||I.length===0||P||!h||z||A||W()},[f,I,h,A,P,z,W]),t.useEffect(()=>{!f||p>=0||V(null)},[p,f]),t.useEffect(()=>{p>=0||K.reset()},[p,K]),t.useEffect(()=>{Ce(!1)},[$t]);const pt=t.useMemo(()=>{if(!s)return{};const e=!!s.user_input?.trim();return yt.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),Yt=t.useMemo(()=>{if(!s)return;const e=!!s.user_input?.trim();return yt.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,e?void 0:ie)},[s,ie]),ht=!!s?.user_input?.trim(),xt=!!s?.readonly||ht,bt=xt||ht,Ne=!!s&&pe,Xt=t.useCallback(e=>{const o=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");ke(a=>!a||!o?a:{...a,user_input:o}),Ve?.(e,s),Ee()},[s,Ee,Ve]);t.useEffect(()=>{const e=()=>{Ft(document.fullscreenElement===ce.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!Ne){re(0);return}const e=ze.current;if(!e)return;const n=()=>{const a=Math.ceil(e.getBoundingClientRect().height);re(a+_n)};if(n(),typeof ResizeObserver>"u")return;const o=new ResizeObserver(()=>{n()});return o.observe(e),()=>{o.disconnect()}},[Ne]),t.useEffect(()=>{if(T(),!(!pe||!bt))return Q.current=window.setTimeout(()=>{Q.current=null,Ee()},2e3),()=>{T()}},[T,Ee,pe,bt]);const Jt=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:g,hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:It}):r.jsxRuntimeExports.jsx(St.default,{className:"content-render-iframe",disableLoadingOverlay:g,hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Qt=(e=[],n=!1)=>{if(e.length===0)return null;const o=e.filter(l=>l.is_renderable!==!1).length,a=e.reduce((l,u,y)=>u.is_renderable!==!1?y:l,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((l,u)=>{const y=l.type==="html"&&l.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&u===a?We:null,"aria-hidden":y||void 0,className:G.cn("w-full shrink-0",o===1&&l.is_renderable!==!1&&"slide-element--single",y?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":l.is_renderable===!1&&"hidden"),children:Jt(l,{replaceRootScreenHeightWithFull:o===1&&l.type==="html"&&l.is_renderable!==!1})},l.sequence_number??`${l.type}-${u}`)})})},Zt=t.useCallback(()=>{const e=ce.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),vt=t.useCallback(()=>{const e=we.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),en=t.useCallback(()=>{ae.current=!0,L.current=null,te(!0),m(!1),x(!0),U(),Je()},[Je,U,x]),tn=t.useCallback(()=>{ae.current=!0,L.current=null,te(!0),m(!1),x(!0),U(),R()},[R,U,x]),nn=t.useCallback(e=>{if(g){m(!1);return}if(!h||A){m(!1);return}m(e)},[h,A,g]);t.useEffect(()=>{g&&m(!1)},[g]);const rn=t.useCallback(e=>{const n=d[e]?.audioKey;if(!n||!f||n!==f)return;const o=I.findIndex(u=>u===n);if(o<0){V(null);return}const a=o+1,l=I[a];if(l){V(l);return}if(V(null),et(!0),m(!1),b){const u=c+1,y=k[u];ft&&y?.type==="interaction"&&(L.current=u),R()}},[d,b,c,f,I,R,ft,k]),sn=t.useCallback(()=>{s&&he(e=>!e)},[s]),Et=t.useCallback(e=>{e.stopPropagation(),C&&x(!0)},[Qe,x]),on=t.useCallback(e=>{He?.(e)},[He]),ln=t.useCallback(()=>{te(!0),x(!0)},[x]),Se=t.useMemo(()=>_.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[_]);return t.useEffect(()=>{const e=Ge.current,a=(e.length>0&&e.length<Se.length&&e.every((u,y)=>u===Se[y])?_.slice(e.length):[]).some(u=>u.is_new===!1);if(Ge.current=Se,!a)return;const l=window.requestAnimationFrame(()=>{const u=we.current,y=We.current;if(!u||!y)return;const un=u.getBoundingClientRect(),cn=y.getBoundingClientRect(),an=u.scrollTop+(cn.top-un.top);u.scrollTo({top:Math.max(an,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(l)}},[_,Se]),t.useEffect(()=>{if(!ae.current||(ae.current=!1,_.length===0))return;const e=window.requestAnimationFrame(()=>{vt()});return()=>{window.cancelAnimationFrame(e)}},[_,vt]),r.jsxRuntimeExports.jsxs("section",{ref:ce,className:G.cn("relative h-full w-full",w&&"slide--mobile-device",D&&"slide--mobile-landscape",st&&"slide--mobile-landscape-native",At),onClick:ln,onPointerDown:on,...wt,children:[Lt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:Ue,className:G.cn("slide__viewport relative h-full min-h-0 w-full",D&&"slide__viewport--mobile-landscape",D&&!Bt&&"slide__viewport--mobile-landscape-native"),children:[Nt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":E?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:Dt,type:"button",children:r.jsxRuntimeExports.jsx(An.default,{className:"h-6 w-6 text-white",strokeWidth:2.25})}),E?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:E.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:G.cn("h-full min-h-0 w-full",Ot&&"slide__viewport-content--with-header",Mt?"slide-content--single":"grid gap-4"),children:_.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:we,className:"slide-stage__layer w-full",children:Ut.map((e,n)=>{const o=n===Wt;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!o||void 0,className:"w-full h-full",style:{display:o?void 0:"none"},children:Qt(e.elementList,o)},e.sourceStepIndexes[0]??n)})})}):null}),_t?r.jsxRuntimeExports.jsx(fn.default,{message:ge,className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(bn.default,{onClose:Ht,open:qt,text:Vt}),r.jsxRuntimeExports.jsx(hn.default,{extraBottomOffset:jt,hasPlayerGap:C,isEnabled:tt&&kt,isPlayerHidden:S&&!C,playbackTimeStore:K,subtitleCues:zt}),Ne?r.jsxRuntimeExports.jsx("div",{ref:ze,className:G.cn("slide-interaction-overlay",C&&S?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Et,onPointerDown:Et,style:Gt,children:r.jsxRuntimeExports.jsx(Rt,{content:String(s?.content??""),defaultButtonText:pt.buttonText??"",defaultInputText:pt.inputText??"",defaultSelectedValues:Yt,confirmButtonText:O?.confirmButtonText,copyButtonText:O?.copyButtonText,copiedButtonText:O?.copiedButtonText,onSend:Xt,readonly:xt,title:O?.title??Re??"Submit the content below to continue."})}):null,S?r.jsxRuntimeExports.jsx(pn.default,{audioList:d,className:G.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",$,!C&&"pointer-events-none opacity-0"),currentAudioIndex:p,defaultPlaying:!0,isPlaybackPaused:P,isAutoAdvanceEnabled:ne,hasInteraction:!!s,isInteractionOpen:pe,isSubtitleEnabled:tt,onAutoAdvanceToggle:Ze,onLoadingChange:nn,onPlaybackStarted:()=>{Ce(!0)},onPlaybackTimeChange:K.setTime,onSubtitleToggle:()=>{Tt(e=>!e)},nextDisabled:!b,onEnded:rn,onFullscreen:Zt,isFullscreen:Pt,mobileViewMode:j,settingsPortalContainer:Ue.current,onMobileViewModeChange:Kt,onInteractionToggle:sn,onNext:tn,onPrev:en,prevDisabled:!Ct,showControls:C,texts:Oe,customActionContext:qe,customActions:N,useAutoAdvanceToggle:oe}):null]})]})};exports.default=Tn;
 //# sourceMappingURL=Slide.cjs.js.map