veo-sdk 0.4.2 → 0.5.1

package/dist/builder-R2BHDQZH.mjs

@@ -0,0 +1,5 @@
+export { attachDesignManipulator, createBuilderSession, initBuilderMode, startElementPicker, stopElementPicker } from './chunk-PGGUVH4V.mjs';
+import './chunk-L3JSRBVO.mjs';
+import './chunk-PTG3BTJE.mjs';
+//# sourceMappingURL=builder-R2BHDQZH.mjs.map
+//# sourceMappingURL=builder-R2BHDQZH.mjs.map

package/dist/{builder-S6ZODU2M.mjs.map → builder-R2BHDQZH.mjs.map}

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

package/dist/builder.cjs

@@ -377,12 +377,12 @@ function buildButtonBlock(block, doc, callbacks) {
   applyBlockStyle(btn, block.style, "button");
   btn.addEventListener("click", () => {
     const action = block.action ?? "dismiss";
-    const url = action === "url" && typeof block.url === "string" && isSafeUrl(block.url) ? block.url : void 0;
+    const target = action === "url" && typeof block.url === "string" && isSafeUrl(block.url) ? block.url : action === "guide" && typeof block.targetGuideId === "string" && block.targetGuideId ? block.targetGuideId : void 0;
     const meta = {
       ...typeof block.id === "string" && block.id ? { buttonId: block.id } : {},
       ...typeof block.text === "string" && block.text ? { buttonText: block.text } : {}
     };
-    callbacks.onCtaClick(action, url, Object.keys(meta).length ? meta : void 0);
+    callbacks.onCtaClick(action, target, Object.keys(meta).length ? meta : void 0);
   });
   return btn;
 }
@@ -996,10 +996,22 @@ var GUIDE_STYLES = `
   padding: 3px 9px;
   white-space: nowrap;
 }
+.veo-badge--text {
+  color: var(--veo-primary);
+  font-weight: 600;
+  white-space: nowrap;
+  text-decoration: underline dotted;
+  text-underline-offset: 3px;
+}
 .veo-badge--image img { display: block; border-radius: 4px; object-fit: cover; }
 /* El tooltip del badge usa strategy fixed (el host vive dentro del flujo del
-   cliente; un absoluto se recortar\xEDa con overflow de ancestros). */
-.veo-badge-tooltip { position: fixed; }
+   cliente; un absoluto se recortar\xEDa con overflow de ancestros). Su ancho es
+   personalizable v\xEDa var dedicada (--veo-width no sirve: el :host la define
+   en 420px siempre y pisar\xEDa el default de 300px de los tooltips). */
+.veo-badge-tooltip {
+  position: fixed;
+  max-width: var(--veo-badge-tip-width, 300px);
+}
 @keyframes veo-badge-pulse {
   0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--veo-primary) 45%, transparent); }
   70% { box-shadow: 0 0 0 7px transparent; }
@@ -1183,6 +1195,13 @@ var BadgeRenderer = class extends BaseRenderer {
     const { host, root } = this.createHost();
     const ownerDocument = root.ownerDocument ?? document;
     this.applyDesign(step.style);
+    const tipWidth = step.style?.width;
+    if (typeof tipWidth === "number" && Number.isFinite(tipWidth)) {
+      host.style.setProperty(
+        "--veo-badge-tip-width",
+        `${Math.min(720, Math.max(220, tipWidth))}px`
+      );
+    }
     this.trigger = step.style?.badgeTrigger === "click" ? "click" : "hover";
     const rawSide = step.style?.tooltipPlacement;
     this.side = rawSide === "bottom" || rawSide === "left" || rawSide === "right" ? rawSide : "top";
@@ -1206,20 +1225,14 @@ var BadgeRenderer = class extends BaseRenderer {
       });
     };
     const buildTooltipContent = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => {
+      onCtaClick: (action, target, meta) => {
         emit("cta_clicked", meta);
-        if (action === "url" && url) window.open(url, "_blank", "noopener,noreferrer");
-        if (action === "dismiss") {
-          emit("dismissed");
-          context.onClose();
-          return;
-        }
+        if (action === "url" && target) window.open(target, "_blank", "noopener,noreferrer");
         this.closeTooltip();
+        if (action === "guide" && target) context.onOpenGuide?.(target);
       },
-      onDismiss: () => {
-        emit("dismissed");
-        context.onClose();
-      }
+      // La ✕ también cierra solo el tooltip (nunca el badge, nunca dismissed).
+      onDismiss: () => this.closeTooltip()
     });
     const content = buildTooltipContent(step);
     tooltip.appendChild(content);
@@ -1350,7 +1363,7 @@ function readBadgeConfig(step) {
   const raw = step.style?.badge;
   if (!raw || typeof raw !== "object") return { kind: "icon" };
   const b = raw;
-  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
+  const kind = b.kind === "dot" || b.kind === "pill" || b.kind === "text" || b.kind === "image" || b.kind === "icon" ? b.kind : "icon";
   return {
     kind,
     icon: typeof b.icon === "string" ? b.icon : null,
@@ -1381,6 +1394,12 @@ function buildBadgeElement(config, doc) {
       if (config.color) btn.style.background = config.color;
       break;
     }
+    case "text": {
+      btn.textContent = config.text?.slice(0, 32) || "Nuevo";
+      btn.style.fontSize = `${clamp2(Math.round(size * 0.7), 9, 28)}px`;
+      if (config.color) btn.style.color = config.color;
+      break;
+    }
     case "image": {
       if (config.imageUrl && isSafeUrl(config.imageUrl)) {
         const img = doc.createElement("img");
@@ -1517,7 +1536,10 @@ var BannerRenderer = class extends BaseRenderer {
       ownerDocument,
       context.nav.callbacks
     ) : buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     banner.appendChild(content);
@@ -1532,7 +1554,10 @@ var BannerRenderer = class extends BaseRenderer {
       this.liveContainer = banner;
       this.liveContent = content;
       this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-        onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+        onCtaClick: (action, target, meta) => {
+          dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+          if (action === "guide" && target) context.onOpenGuide?.(target);
+        },
         onDismiss: () => dismiss("dismissed")
       });
       this.liveKey = this.liveKeyOf(step);
@@ -2168,7 +2193,10 @@ var InlineRenderer = class extends BaseRenderer {
       context.onClose();
     };
     const content = buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     card.appendChild(content);
@@ -2177,7 +2205,10 @@ var InlineRenderer = class extends BaseRenderer {
     this.liveContent = content;
     this.liveKey = `${selector}|${position}`;
     this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     context.onInteraction({ guideId: context.guide.guideId, stepIndex: 0, action: "shown" });
@@ -2229,7 +2260,10 @@ var ModalRenderer = class extends BaseRenderer {
       ownerDocument,
       context.nav.callbacks
     ) : buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     card.appendChild(content);
@@ -2239,7 +2273,10 @@ var ModalRenderer = class extends BaseRenderer {
       this.liveContainer = card;
       this.liveContent = content;
       this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-        onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+        onCtaClick: (action, target, meta) => {
+          dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+          if (action === "guide" && target) context.onOpenGuide?.(target);
+        },
         onDismiss: () => dismiss("dismissed")
       });
     }
@@ -2295,8 +2332,9 @@ var TooltipRenderer = class extends BaseRenderer {
       context.onClose();
     };
     const content = buildStepContent(step, ownerDocument, {
-      onCtaClick: (action, url, meta) => {
-        dismiss("cta_clicked", action === "url" ? url : void 0, meta);
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
       },
       onDismiss: () => dismiss("dismissed")
     });
@@ -2329,7 +2367,10 @@ var TooltipRenderer = class extends BaseRenderer {
     this.liveContent = content;
     this.liveKey = selector;
     this.liveBuild = (s) => buildStepContent(s, ownerDocument, {
-      onCtaClick: (action, url, meta) => dismiss("cta_clicked", action === "url" ? url : void 0, meta),
+      onCtaClick: (action, target, meta) => {
+        dismiss("cta_clicked", action === "url" ? target : void 0, meta);
+        if (action === "guide" && target) context.onOpenGuide?.(target);
+      },
       onDismiss: () => dismiss("dismissed")
     });
     context.onInteraction({
@@ -2461,6 +2502,10 @@ var GuidePreviewController = class {
         onClose: () => this.close(),
         onTrack: () => {
         },
+        // Encadenado en preview: no-op — el editor no puede montar otra guía
+        // guardada; el click igual cierra la preview actual (vía onCtaClick).
+        onOpenGuide: () => {
+        },
         // Preview de forms: por defecto simula el envío SIN escribir props;
         // el caller puede pasar `formSubmit` real (link de preview).
         onFormSubmit: this.input?.formSubmit ?? (() => Promise.resolve(true)),