veo-sdk 0.5.28 → 0.5.30

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
@@ -2541,10 +2541,10 @@ function liftTarget(anchor, zIndex) {
2541
2541
  el.style.zIndex = prevZ;
2542
2542
  };
2543
2543
  }
2544
- async function anchorPosition(anchor, wrapper, caret) {
2544
+ async function anchorPosition(anchor, wrapper, caret, preferred = "bottom") {
2545
2545
  const update = async () => {
2546
2546
  const { x, y, placement, middlewareData } = await dom.computePosition(anchor, wrapper, {
2547
- placement: "bottom",
2547
+ placement: preferred,
2548
2548
  strategy: "fixed",
2549
2549
  middleware: [
2550
2550
  dom.offset(caret ? 10 : 8),
@@ -2901,6 +2901,7 @@ var init_composite_renderer = __esm({
2901
2901
  */
2902
2902
  renderBadgeMode(step, card, anchor, anchorSelector, host, root, doc, context, idx, design) {
2903
2903
  const trigger = step.badge?.trigger === "click" ? "click" : "hover";
2904
+ const placement = step.badge?.placement === "top" || step.badge?.placement === "left" || step.badge?.placement === "right" ? step.badge.placement : "bottom";
2904
2905
  const badge = doc.createElement("div");
2905
2906
  badge.className = "veo-composite-badge";
2906
2907
  badge.setAttribute("role", "button");
@@ -2910,6 +2911,12 @@ var init_composite_renderer = __esm({
2910
2911
  badge.style.alignItems = "center";
2911
2912
  this.buildContent(badge, step.badge?.blocks ?? [], doc, context, idx, [], host);
2912
2913
  root.appendChild(badge);
2914
+ if (design.fullWidth === true) {
2915
+ card.style.width = "auto";
2916
+ card.style.maxWidth = "320px";
2917
+ } else if (!card.style.width && !card.style.maxWidth) {
2918
+ card.style.maxWidth = "320px";
2919
+ }
2913
2920
  const wrapper = doc.createElement("div");
2914
2921
  wrapper.className = "veo-composite-anchored";
2915
2922
  wrapper.style.display = "none";
@@ -2929,7 +2936,7 @@ var init_composite_renderer = __esm({
2929
2936
  if (open) return;
2930
2937
  open = true;
2931
2938
  wrapper.style.display = "block";
2932
- void anchorPosition(badge, wrapper, caretEl).then((stop) => {
2939
+ void anchorPosition(badge, wrapper, caretEl, placement).then((stop) => {
2933
2940
  if (open) stopFloat = stop;
2934
2941
  else stop();
2935
2942
  });