veo-sdk 0.6.0 → 0.6.1

package/dist/{chunk-O6USA4TU.mjs → chunk-NGP7IJVE.mjs}

@@ -3164,13 +3164,83 @@ function markerOffset(anchor, marker, position, offset6) {
   }
   return { x: x + offset6.x, y: y + offset6.y };
 }
+var NO_CHILDREN = /* @__PURE__ */ new Set([
+  "img",
+  "input",
+  "textarea",
+  "select",
+  "iframe",
+  "video",
+  "audio",
+  "canvas",
+  "br",
+  "hr",
+  "svg",
+  "object",
+  "embed"
+]);
+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 = 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,
@@ -3178,15 +3248,19 @@ 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 autoUpdate(anchor, host, update);
+  const stop = autoUpdate(anchor, host, update);
+  return () => {
+    stop();
+    host.remove();
+  };
 }
 
 // src/plugins/guides/renderers/composite-renderer.ts
@@ -3715,9 +3789,7 @@ var CompositeRenderer = class extends BaseRenderer {
     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);
@@ -4815,5 +4887,5 @@ function buildSelectorPath(element, maxAncestors = 5) {
 }
 
 export { ALWAYS_BLOCK_SELECTORS, BadgeRenderer, BannerRenderer, CompositeRenderer, CustomRenderer, DEFAULT_AUTOCAPTURE_CONFIG, DEFAULT_TRACKER_BATCH_SIZE, DEFAULT_TRACKER_FLUSH_INTERVAL_MS, DEFAULT_TRACKER_MAX_RETRIES, FREQUENCY_CACHE_KEY_PREFIX, FREQUENCY_CACHE_MAX_ENTRIES, FREQUENCY_CACHE_TTL_MS, FormRenderer, GUIDE_STYLES, InlineCustomRenderer, InlineFormRenderer, InlineRenderer, MAX_ANCESTORS, ModalRenderer, PRIORITY_ATTRIBUTES, RAW_BLOCK_ATTR, SENSITIVE_ATTRIBUTES, TooltipRenderer, WALKTHROUGH_ABANDONMENT_TIMEOUT_MS, WALKTHROUGH_STATE_KEY_PREFIX, WalkthroughRenderer, activationDelayMs, applyBlockStyle, buildContentBlock, buildSelectorPath, clearBuilderToken, clearPreviewToken, closeGuidePreview, filterHumanClasses, getPreviewToken, groupLayout, hasDocument, hasLocalStorage, hasNavigatorSendBeacon, hasWindow, isAutomaticActivation, isBuilderMode, isDeviceAllowed, isSnoozed, previewGuide, resolveBuilderContext, resolveBuilderToken, stepMatchesPage, uuidv7 };
-//# sourceMappingURL=chunk-O6USA4TU.mjs.map
-//# sourceMappingURL=chunk-O6USA4TU.mjs.map
+//# sourceMappingURL=chunk-NGP7IJVE.mjs.map
+//# sourceMappingURL=chunk-NGP7IJVE.mjs.map