veo-sdk 0.5.14 → 0.5.16

package/dist/builder-M6QP7H3A.mjs

@@ -0,0 +1,5 @@
+export { VEO_BLOCK_MIME, attachBlockDropTarget, attachDesignManipulator, createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-362B5ACY.mjs';
+import './chunk-KSQJQ2UU.mjs';
+import './chunk-PTG3BTJE.mjs';
+//# sourceMappingURL=builder-M6QP7H3A.mjs.map
+//# sourceMappingURL=builder-M6QP7H3A.mjs.map

package/dist/{builder-T7233XIB.mjs.map → builder-M6QP7H3A.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-T7233XIB.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"builder-M6QP7H3A.mjs"}

package/dist/builder.cjs

@@ -2328,6 +2328,9 @@ var CompositeRenderer = class extends BaseRenderer {
       const closeColor = typeof design.closeColor === "string" ? design.closeColor : null;
       const hoverColor = typeof design.closeHoverColor === "string" ? design.closeHoverColor : null;
       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;
@@ -2554,6 +2557,28 @@ function applyViewportPosition(card, position, design) {
   const ty = v === "middle" ? "-50%" : "0";
   s.transform = tx === "0" && ty === "0" ? "" : `translate(${tx}, ${ty})`;
 }
+var CLOSE_INSET = "10px";
+function applyClosePosition(btn, position) {
+  const s = btn.style;
+  s.top = "auto";
+  s.right = "auto";
+  s.bottom = "auto";
+  s.left = "auto";
+  const vertical = position.includes("bottom") ? "bottom" : "top";
+  const horizontal = position.includes("left") ? "left" : "right";
+  s.setProperty(vertical, CLOSE_INSET);
+  s.setProperty(horizontal, CLOSE_INSET);
+}
+var CLOSE_RESERVE = "34px";
+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";