veo-sdk 0.5.15 → 0.5.17

package/dist/builder-CMSFET5V.mjs

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

package/dist/{builder-2YOKNVDM.mjs.map → builder-CMSFET5V.mjs.map}

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

package/dist/builder.cjs

@@ -2267,36 +2267,10 @@ var ROW_ALIGN = {
   right: "flex-end"
 };
 var CompositeRenderer = class extends BaseRenderer {
-  constructor() {
-    super(...arguments);
-    /** Delegado para pasos `badge` (reusa el BadgeRenderer con un step sintético). */
-    this.badgeDelegate = null;
-  }
   async render(context) {
     const idx = context.nav?.stepIndex ?? 0;
     const step = context.guide.guideSteps[idx];
     if (!step) return;
-    if (step.presentation === "badge") {
-      const syntheticStep = {
-        title: "",
-        content: "",
-        selector: step.anchorSelector ?? void 0,
-        blocks: step.blocks ?? [],
-        style: {
-          ...step.design ?? {},
-          ...step.badge ? { badge: step.badge } : {},
-          ...step.badgeTrigger ? { badgeTrigger: step.badgeTrigger } : {}
-        }
-      };
-      const syntheticGuide = {
-        ...context.guide,
-        guideSteps: [syntheticStep]
-      };
-      const { nav: _nav, ...rest } = context;
-      this.badgeDelegate = new BadgeRenderer();
-      await this.badgeDelegate.render({ ...rest, guide: syntheticGuide });
-      return;
-    }
     const anchorSelector = step.position === "relative-to-element" || step.presentation === "inline" ? step.anchorSelector?.trim() || void 0 : void 0;
     let anchor = null;
     if (anchorSelector) {
@@ -2328,10 +2302,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;
-      applyClosePosition(
-        closeBtn,
-        typeof design.closePosition === "string" ? design.closePosition : "top-right"
-      );
+      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;
@@ -2531,12 +2504,6 @@ var CompositeRenderer = class extends BaseRenderer {
     if (context.nav?.callbacks) context.nav.callbacks.onSkip();
     else context.onClose();
   }
-  /** Además del host propio, destruye el delegado de badge si lo hubo. */
-  destroy() {
-    this.badgeDelegate?.destroy();
-    this.badgeDelegate = null;
-    super.destroy();
-  }
 };
 function inlinePosOf(p) {
   return p === "before" || p === "prepend" || p === "append" ? p : "after";
@@ -2570,6 +2537,16 @@ function applyClosePosition(btn, position) {
   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";