veo-sdk 0.6.0 → 0.6.1

package/dist/index.cjs

@@ -3470,13 +3470,68 @@ function markerOffset(anchor, marker, position, offset6) {
   }
   return { x: x + offset6.x, y: y + offset6.y };
 }
+function canNest(anchor) {
+  const win = anchor.ownerDocument.defaultView;
+  if (!win || !(anchor instanceof win.HTMLElement)) return false;
+  if (NO_CHILDREN.has(anchor.tagName.toLowerCase())) return false;
+  const cs = win.getComputedStyle(anchor);
+  if (cs.display === "contents") return false;
+  const tokens = `${cs.overflow} ${cs.overflowX} ${cs.overflowY}`.split(/\s+/).filter(Boolean);
+  return tokens.every((t) => t === "visible");
+}
 function attachMarker(anchor, host, marker) {
   host.style.position = "absolute";
   host.style.zIndex = String(num(marker.zIndex, DEFAULT_MARKER_Z));
   host.style.margin = "0";
+  const position = marker.position ?? "top-right";
+  const offset6 = { x: num(marker.offsetX, 0), y: num(marker.offsetY, 0) };
+  const markerSize = () => {
+    const m = host.getBoundingClientRect();
+    return { width: m.width, height: m.height };
+  };
+  if (canNest(anchor)) {
+    const win = anchor.ownerDocument.defaultView;
+    const prevPosition = anchor.style.position;
+    const computed = win.getComputedStyle(anchor).position;
+    if (!computed || computed === "static") anchor.style.position = "relative";
+    anchor.appendChild(host);
+    const swallowClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    const swallow = (e) => e.stopPropagation();
+    host.addEventListener("click", swallowClick);
+    host.addEventListener("pointerdown", swallow);
+    host.addEventListener("mousedown", swallow);
+    const update2 = () => {
+      const { x, y } = markerOffset(
+        {
+          left: -anchor.clientLeft,
+          top: -anchor.clientTop,
+          width: anchor.offsetWidth,
+          height: anchor.offsetHeight
+        },
+        markerSize(),
+        position,
+        offset6
+      );
+      host.style.left = `${Math.round(x)}px`;
+      host.style.top = `${Math.round(y)}px`;
+    };
+    update2();
+    const stop2 = dom.autoUpdate(anchor, host, update2, { ancestorScroll: false, layoutShift: false });
+    return () => {
+      stop2();
+      host.removeEventListener("click", swallowClick);
+      host.removeEventListener("pointerdown", swallow);
+      host.removeEventListener("mousedown", swallow);
+      host.remove();
+      anchor.style.position = prevPosition;
+    };
+  }
+  anchor.ownerDocument.body.appendChild(host);
   const update = () => {
     const a = anchor.getBoundingClientRect();
-    const m = host.getBoundingClientRect();
     const { x, y } = markerOffset(
       {
         left: a.left + window.scrollX,
@@ -3484,17 +3539,21 @@ function attachMarker(anchor, host, marker) {
         width: a.width,
         height: a.height
       },
-      { width: m.width, height: m.height },
-      marker.position ?? "top-right",
-      { x: num(marker.offsetX, 0), y: num(marker.offsetY, 0) }
+      markerSize(),
+      position,
+      offset6
     );
     host.style.left = `${Math.round(x)}px`;
     host.style.top = `${Math.round(y)}px`;
   };
   update();
-  return dom.autoUpdate(anchor, host, update);
+  const stop = dom.autoUpdate(anchor, host, update);
+  return () => {
+    stop();
+    host.remove();
+  };
 }
-var INFO_GLYPH, QUESTION_GLYPH, STAR_GLYPH, CIRCLE, TARGET_GLYPH, BADGE_ICONS, DEFAULT_MARKER_SIZE, DEFAULT_MARKER_Z, SIDE_GAP;
+var INFO_GLYPH, QUESTION_GLYPH, STAR_GLYPH, CIRCLE, TARGET_GLYPH, BADGE_ICONS, DEFAULT_MARKER_SIZE, DEFAULT_MARKER_Z, SIDE_GAP, NO_CHILDREN;
 var init_badge_marker = __esm({
   "src/plugins/guides/renderers/badge-marker.ts"() {
     INFO_GLYPH = "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021";
@@ -3517,6 +3576,21 @@ var init_badge_marker = __esm({
     DEFAULT_MARKER_SIZE = 14;
     DEFAULT_MARKER_Z = 19e3;
     SIDE_GAP = 8;
+    NO_CHILDREN = /* @__PURE__ */ new Set([
+      "img",
+      "input",
+      "textarea",
+      "select",
+      "iframe",
+      "video",
+      "audio",
+      "canvas",
+      "br",
+      "hr",
+      "svg",
+      "object",
+      "embed"
+    ]);
   }
 });
 function applyRowStyle(rowEl, style) {
@@ -4205,9 +4279,7 @@ var init_composite_renderer = __esm({
         root.appendChild(wrapper);
         if (marker) {
           host.style.display = "inline-block";
-          (anchor.ownerDocument ?? document).body.appendChild(host);
           this.registerCleanup(attachMarker(anchor, host, marker));
-          this.registerCleanup(() => host.remove());
         } else {
           host.style.display = "inline-block";
           const pos = inlinePosOf(step.inlinePosition);