veo-sdk 0.5.1 → 0.5.3

package/dist/index.cjs

@@ -503,6 +503,33 @@ function buildStepContent(step, doc, callbacks) {
   container.appendChild(createCloseButton(doc, () => callbacks.onDismiss()));
   return container;
 }
+function buildContentNodes(step, doc) {
+  const blocks = normalizeBlocks(step);
+  if (blocks) {
+    return blocks.filter((b) => b.type !== "button").map((b) => buildContentBlock(b, doc)).filter((n) => n !== null);
+  }
+  const nodes = [];
+  if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
+    const img = doc.createElement("img");
+    img.className = "veo-guide-image";
+    img.src = step.imageUrl;
+    img.alt = typeof step.title === "string" ? step.title : "";
+    nodes.push(img);
+  }
+  if (typeof step.title === "string" && step.title) {
+    const heading = doc.createElement("h2");
+    heading.className = "veo-guide-title";
+    heading.textContent = step.title;
+    nodes.push(heading);
+  }
+  if (typeof step.content === "string" && step.content) {
+    const paragraph = doc.createElement("p");
+    paragraph.className = "veo-guide-text";
+    paragraph.textContent = step.content;
+    nodes.push(paragraph);
+  }
+  return nodes;
+}
 function renderLegacyStep(container, step, doc, callbacks) {
   if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
     const img = doc.createElement("img");
@@ -1093,6 +1120,18 @@ var init_styles = __esm({
 .veo-guide-text em { font-style: italic; }
 .veo-guide-text u { text-decoration: underline; }
 .veo-guide-text s { text-decoration: line-through; }
+/*
+ * El \xDALTIMO bloque de contenido no deja su margin-bottom colgando: ese margen
+ * existe para separar del bloque SIGUIENTE, y sin siguiente se suma al padding
+ * de la tarjeta y parece un "hueco fantasma" (p.ej. quitar el bot\xF3n de un
+ * tooltip dejaba el espacio como si siguiera ah\xED). El pen\xFAltimo hijo es el
+ * \xFAltimo bloque real (el \u2715 de cerrar siempre va \xFAltimo y es absoluto). La
+ * mayor especificidad le gana a las reglas por clase, pero NO a un margen
+ * inline elegido expl\xEDcitamente por el autor (block.style.marginBottom).
+ */
+.veo-guide-content > :nth-last-child(2) {
+  margin-bottom: 0;
+}
 .veo-guide-actions {
   display: flex; gap: 8px; justify-content: var(--veo-actions-justify);
 }
@@ -1734,24 +1773,8 @@ function buildWalkthroughStepContent(step, stepIndex, totalSteps, doc, callbacks
     progress.appendChild(dot);
   }
   container.appendChild(progress);
-  if (typeof step.imageUrl === "string" && step.imageUrl && isSafeUrl(step.imageUrl)) {
-    const img = doc.createElement("img");
-    img.className = "veo-guide-image";
-    img.src = step.imageUrl;
-    img.alt = typeof step.title === "string" ? step.title : "";
-    container.appendChild(img);
-  }
-  if (typeof step.title === "string" && step.title) {
-    const heading = doc.createElement("h2");
-    heading.className = "veo-guide-title";
-    heading.textContent = step.title;
-    container.appendChild(heading);
-  }
-  if (typeof step.content === "string" && step.content) {
-    const paragraph = doc.createElement("p");
-    paragraph.className = "veo-guide-text";
-    paragraph.textContent = step.content;
-    container.appendChild(paragraph);
+  for (const node of buildContentNodes(step, doc)) {
+    container.appendChild(node);
   }
   const actions = doc.createElement("div");
   actions.className = "veo-walkthrough-actions";
@@ -1811,7 +1834,7 @@ var init_banner_renderer = __esm({
         const step = context.guide.guideSteps[idx];
         if (!step) return;
         const position = step.style?.position === "bottom" ? "bottom" : "top";
-        const selector = context.nav ? null : step.selector?.trim() ?? null;
+        const selector = step.selector?.trim() || null;
         let anchor = null;
         if (selector) {
           anchor = await waitForElement(selector);