veo-sdk 0.5.13 → 0.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1118,7 +1118,7 @@ var init_styles = __esm({
1118
1118
  z-index: ${GUIDE_Z_INDEX};
1119
1119
  pointer-events: none;
1120
1120
  }
1121
- /* Backdrop atenuado (solo centro con backdrop activo). */
1121
+ /* Backdrop atenuado (cualquier posici\xF3n flotante con backdrop activo). */
1122
1122
  .veo-composite-overlay--dim {
1123
1123
  background: rgba(0, 0, 0, 0.5);
1124
1124
  pointer-events: auto;
@@ -2468,6 +2468,17 @@ function applyViewportPosition(card, position, design) {
2468
2468
  const ty = v === "middle" ? "-50%" : "0";
2469
2469
  s.transform = tx === "0" && ty === "0" ? "" : `translate(${tx}, ${ty})`;
2470
2470
  }
2471
+ function applyClosePosition(btn, position) {
2472
+ const s = btn.style;
2473
+ s.top = "auto";
2474
+ s.right = "auto";
2475
+ s.bottom = "auto";
2476
+ s.left = "auto";
2477
+ const vertical = position.includes("bottom") ? "bottom" : "top";
2478
+ const horizontal = position.includes("left") ? "left" : "right";
2479
+ s.setProperty(vertical, CLOSE_INSET);
2480
+ s.setProperty(horizontal, CLOSE_INSET);
2481
+ }
2471
2482
  function makeCaret(doc, design) {
2472
2483
  const caret = doc.createElement("div");
2473
2484
  caret.className = "veo-composite-caret";
@@ -2561,7 +2572,7 @@ function applyCompositeDesign(card, design) {
2561
2572
  if (m) s.setProperty(`margin-${side.toLowerCase()}`, m);
2562
2573
  }
2563
2574
  }
2564
- var ROW_ALIGN, CompositeRenderer;
2575
+ var ROW_ALIGN, CompositeRenderer, CLOSE_INSET;
2565
2576
  var init_composite_renderer = __esm({
2566
2577
  "src/plugins/guides/renderers/composite-renderer.ts"() {
2567
2578
  init_block_builder();
@@ -2639,6 +2650,10 @@ var init_composite_renderer = __esm({
2639
2650
  const closeColor = typeof design.closeColor === "string" ? design.closeColor : null;
2640
2651
  const hoverColor = typeof design.closeHoverColor === "string" ? design.closeHoverColor : null;
2641
2652
  if (closeColor) closeBtn.style.color = closeColor;
2653
+ applyClosePosition(
2654
+ closeBtn,
2655
+ typeof design.closePosition === "string" ? design.closePosition : "top-right"
2656
+ );
2642
2657
  if (hoverColor) {
2643
2658
  closeBtn.addEventListener("mouseenter", () => {
2644
2659
  closeBtn.style.color = hoverColor;
@@ -2675,7 +2690,7 @@ var init_composite_renderer = __esm({
2675
2690
  } else {
2676
2691
  const overlay = doc.createElement("div");
2677
2692
  overlay.className = "veo-composite-overlay";
2678
- if (step.position === "center" && design.backdrop !== false) {
2693
+ if (design.backdrop !== false) {
2679
2694
  overlay.classList.add("veo-composite-overlay--dim");
2680
2695
  if (typeof design.backdropColor === "string") {
2681
2696
  overlay.style.background = design.backdropColor;
@@ -2845,6 +2860,7 @@ var init_composite_renderer = __esm({
2845
2860
  super.destroy();
2846
2861
  }
2847
2862
  };
2863
+ CLOSE_INSET = "10px";
2848
2864
  }
2849
2865
  });
2850
2866
  function applyFloatingPosition(wrapper, placement) {