veo-sdk 0.3.7 → 0.3.8

package/dist/builder-YYMD7MNK.mjs

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

package/dist/{builder-7MBMYL26.mjs.map → builder-YYMD7MNK.mjs.map}

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

package/dist/builder.cjs

@@ -207,11 +207,17 @@ function renderBlocks(container, blocks, doc, callbacks) {
     if (block?.type === "button") {
       const actions = doc.createElement("div");
       actions.className = "veo-guide-actions";
+      let rowAlign;
       while (i < blocks.length && blocks[i]?.type === "button") {
         const btnBlock = blocks[i];
+        if (!rowAlign) {
+          const a = btnBlock.style?.align;
+          if (a === "left" || a === "center" || a === "right") rowAlign = a;
+        }
         actions.appendChild(buildButtonBlock(btnBlock, doc, callbacks));
         i++;
       }
+      if (rowAlign) actions.style.justifyContent = BLOCK_ALIGN_SELF[rowAlign];
       container.appendChild(actions);
       continue;
     }
@@ -276,7 +282,7 @@ function applyBlockStyle(el, style, kind) {
   const align = typeof s.align === "string" ? s.align : null;
   if (align && (align === "left" || align === "center" || align === "right")) {
     if (kind === "text") el.style.textAlign = align;
-    else el.style.alignSelf = BLOCK_ALIGN_SELF[align];
+    else if (kind === "image") el.style.alignSelf = BLOCK_ALIGN_SELF[align];
   }
   if (kind !== "image" && typeof s.color === "string") el.style.color = s.color;
   if (kind === "text" && typeof s.fontSize === "number" && Number.isFinite(s.fontSize)) {
@@ -614,6 +620,12 @@ var GUIDE_STYLES = `
   position: relative;
   display: flex; flex-direction: column;
 }
+/* Reserva espacio para la \u2715 (esquina sup. derecha) SOLO en el primer bloque:
+   as\xED el texto alineado a la derecha no queda tapado por el bot\xF3n de cerrar. */
+.veo-guide-content > .veo-guide-title:first-child,
+.veo-guide-content > .veo-guide-text:first-child {
+  padding-right: 20px;
+}
 .veo-guide-image {
   display: block;
   width: var(--veo-image-width, 100%);
@@ -1648,6 +1660,8 @@ var TooltipRenderer = class extends BaseRenderer {
     if (typeof selector !== "string" || selector.length === 0) return;
     const anchor = await waitForElement(selector);
     if (!anchor) return;
+    const rawSide = step.style?.tooltipPlacement;
+    const side = rawSide === "top" || rawSide === "left" || rawSide === "right" ? rawSide : "bottom";
     const { root } = this.createHost();
     this.applyDesign(step.style);
     const ownerDocument = root.ownerDocument ?? document;
@@ -1675,7 +1689,7 @@ var TooltipRenderer = class extends BaseRenderer {
     root.appendChild(tooltip);
     const updatePosition = async () => {
       const { x, y, placement, middlewareData } = await dom.computePosition(anchor, tooltip, {
-        placement: "bottom",
+        placement: side,
         middleware: [dom.offset(10), dom.flip(), dom.shift({ padding: 8 }), dom.arrow({ element: arrowEl })]
       });
       tooltip.style.left = `${x}px`;
@@ -1707,6 +1721,8 @@ var WalkthroughRenderer = class extends BaseRenderer {
     if (typeof selector !== "string" || selector.length === 0) return false;
     const anchor = await waitForElement(selector, WALKTHROUGH_STEP_SELECTOR_TIMEOUT_MS);
     if (!anchor) return false;
+    const rawSide = step.style?.tooltipPlacement;
+    const side = rawSide === "top" || rawSide === "left" || rawSide === "right" ? rawSide : "bottom";
     const { root } = this.createHost();
     this.applyDesign(step.style);
     const ownerDocument = root.ownerDocument ?? document;
@@ -1726,7 +1742,7 @@ var WalkthroughRenderer = class extends BaseRenderer {
     root.appendChild(tooltip);
     const updatePosition = async () => {
       const { x, y, placement, middlewareData } = await dom.computePosition(anchor, tooltip, {
-        placement: "bottom",
+        placement: side,
         middleware: [dom.offset(10), dom.flip(), dom.shift({ padding: 8 }), dom.arrow({ element: arrowEl })]
       });
       tooltip.style.left = `${x}px`;