veo-sdk 0.5.23 → 0.5.25

package/dist/index.cjs

@@ -2147,11 +2147,17 @@ function mountCodeBlock(block, doc, context) {
   if (typeof block.html === "string" && block.html.trim()) {
     node = doc.createElement("div");
     node.className = "veo-code-html";
-    node.innerHTML = block.html;
-    for (const old of Array.from(node.querySelectorAll("script"))) {
+    const inner = node.attachShadow({ mode: "open" });
+    for (const sheet of Array.from(hostDoc.querySelectorAll('link[rel="stylesheet"], style'))) {
+      inner.appendChild(sheet.cloneNode(true));
+    }
+    const holder = doc.createElement("div");
+    holder.innerHTML = block.html;
+    for (const old of Array.from(holder.querySelectorAll("script"))) {
       injected.push(runScript(old, hostDoc));
       old.remove();
     }
+    inner.appendChild(holder);
   }
   if (typeof block.js === "string" && block.js.trim()) {
     const s = hostDoc.createElement("script");
@@ -2479,15 +2485,6 @@ function applyClosePosition(btn, position) {
   s.setProperty(vertical, CLOSE_INSET);
   s.setProperty(horizontal, CLOSE_INSET);
 }
-function reserveCloseSpace(card, position) {
-  const blocks = Array.from(card.children).filter(
-    (c) => c instanceof HTMLElement && !c.classList.contains("veo-guide-close")
-  );
-  if (blocks.length === 0) return;
-  const target = position.includes("bottom") ? blocks[blocks.length - 1] : blocks[0];
-  if (!target) return;
-  target.style[position.includes("left") ? "paddingLeft" : "paddingRight"] = CLOSE_RESERVE;
-}
 function makeCaret(doc, design) {
   const caret = doc.createElement("div");
   caret.className = "veo-composite-caret";
@@ -2581,7 +2578,7 @@ function applyCompositeDesign(card, design) {
     if (m) s.setProperty(`margin-${side.toLowerCase()}`, m);
   }
 }
-var ROW_ALIGN, CompositeRenderer, CLOSE_INSET, CLOSE_RESERVE;
+var ROW_ALIGN, CompositeRenderer, CLOSE_INSET;
 var init_composite_renderer = __esm({
   "src/plugins/guides/renderers/composite-renderer.ts"() {
     init_block_builder();
@@ -2636,7 +2633,6 @@ var init_composite_renderer = __esm({
           if (closeColor) closeBtn.style.color = closeColor;
           const closePos = typeof design.closePosition === "string" ? design.closePosition : "top-right";
           applyClosePosition(closeBtn, closePos);
-          reserveCloseSpace(card, closePos);
           if (hoverColor) {
             closeBtn.addEventListener("mouseenter", () => {
               closeBtn.style.color = hoverColor;
@@ -2838,7 +2834,6 @@ var init_composite_renderer = __esm({
       }
     };
     CLOSE_INSET = "10px";
-    CLOSE_RESERVE = "34px";
   }
 });
 function applyFloatingPosition(wrapper, placement) {