@inspecto-dev/core 0.3.6 → 0.3.8

package/dist/{component-YOUXVPMF.js → component-BLZBHHON.js}

@@ -2061,6 +2061,8 @@ function createAnnotateOverlay(shadowRoot) {
 
 // src/component-utils.ts
 var ATTR_NAME = "data-inspecto";
+var ASTRO_FILE_ATTR_NAME = "data-astro-source-file";
+var ASTRO_LOC_ATTR_NAME = "data-astro-source-loc";
 function parseAttrValue(value) {
   const parts = value.split(":");
   if (parts.length < 3) return null;
@@ -2070,9 +2072,29 @@ function parseAttrValue(value) {
   if (isNaN(line) || isNaN(col) || !file) return null;
   return { file, line, column: col };
 }
+function parseAstroAttrValue(file, loc) {
+  const parts = loc.split(":");
+  if (parts.length !== 2) return null;
+  const line = parseInt(parts[0], 10);
+  const column = parseInt(parts[1], 10);
+  if (isNaN(line) || isNaN(column) || !file) return null;
+  return { file, line, column };
+}
+function getInspectableLocation(el) {
+  const attrValue = el.getAttribute(ATTR_NAME);
+  if (attrValue) {
+    return parseAttrValue(attrValue);
+  }
+  const astroFile = el.getAttribute(ASTRO_FILE_ATTR_NAME);
+  const astroLoc = el.getAttribute(ASTRO_LOC_ATTR_NAME);
+  if (astroFile && astroLoc) {
+    return parseAstroAttrValue(astroFile, astroLoc);
+  }
+  return null;
+}
 function findInspectable(el) {
   while (el) {
-    if (el.hasAttribute(ATTR_NAME)) return el;
+    if (getInspectableLocation(el)) return el;
     el = el.parentElement;
   }
   return null;
@@ -2276,7 +2298,16 @@ function findElementForLocation(_ctx, location, selector) {
   const byLocation = Array.from(document.querySelectorAll(`[${ATTR_NAME}]`)).find(
     (candidate) => candidate.getAttribute(ATTR_NAME) === locationAttr
   );
-  return byLocation instanceof Element ? byLocation : null;
+  if (byLocation instanceof Element) {
+    return byLocation;
+  }
+  const byAstroLocation = Array.from(
+    document.querySelectorAll("[data-astro-source-file][data-astro-source-loc]")
+  ).find((candidate) => {
+    const candidateLocation = getInspectableLocation(candidate);
+    return (candidateLocation == null ? void 0 : candidateLocation.file) === location.file && candidateLocation.line === location.line && candidateLocation.column === location.column;
+  });
+  return byAstroLocation instanceof Element ? byAstroLocation : null;
 }
 function rebindCurrentAnnotationElements(ctx) {
   const state = asAnnotateContext(ctx);
@@ -3925,7 +3956,61 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   };
   updatePosition();
   menu.style.visibility = "visible";
-  setTimeout(() => input.focus(), 0);
+  const teardownDocFocusGuards = () => {
+    document.removeEventListener("focusin", onDocFocusIn, true);
+    document.removeEventListener("focusout", onDocFocusOut, true);
+  };
+  const onDocFocusIn = (e) => {
+    var _a3, _b2;
+    if (!menu.isConnected) {
+      teardownDocFocusGuards();
+      return;
+    }
+    const path = (_b2 = (_a3 = e.composedPath) == null ? void 0 : _a3.call(e)) != null ? _b2 : [];
+    if (path.includes(menu)) {
+      e.stopImmediatePropagation();
+    }
+  };
+  const onDocFocusOut = (e) => {
+    if (!menu.isConnected) {
+      teardownDocFocusGuards();
+      return;
+    }
+    const related = e.relatedTarget;
+    if (!related) return;
+    if (related === shadowRoot.host) {
+      e.stopImmediatePropagation();
+      return;
+    }
+    if (related instanceof Node && menu.contains(related)) {
+      e.stopImmediatePropagation();
+    }
+  };
+  document.addEventListener("focusin", onDocFocusIn, true);
+  document.addEventListener("focusout", onDocFocusOut, true);
+  const focusAskInput = () => {
+    try {
+      input.focus({ preventScroll: true });
+    } catch (e) {
+      input.focus();
+    }
+  };
+  const isAskInputFocused = () => {
+    try {
+      return shadowRoot.activeElement === input;
+    } catch (e) {
+      return false;
+    }
+  };
+  focusAskInput();
+  const rafId = requestAnimationFrame(() => {
+    if (!menu.isConnected) return;
+    if (!isAskInputFocused()) focusAskInput();
+  });
+  const focusTimeoutId = setTimeout(() => {
+    if (!menu.isConnected) return;
+    if (!isAskInputFocused()) focusAskInput();
+  }, 50);
   const onDocClick = (e) => {
     const eventTarget = e.target;
     if (eventTarget) {
@@ -3942,6 +4027,9 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
   setTimeout(() => document.addEventListener("click", onDocClick, { capture: true }), 0);
   function cleanup() {
     document.removeEventListener("click", onDocClick, { capture: true });
+    teardownDocFocusGuards();
+    cancelAnimationFrame(rafId);
+    clearTimeout(focusTimeoutId);
     menu.remove();
     onClose();
   }
@@ -4772,9 +4860,8 @@ function handleMouseMove(ctx, event) {
     state.overlay.hide();
     return;
   }
-  const attrValue = target.getAttribute(ATTR_NAME);
-  const loc = parseAttrValue(attrValue);
-  const label = loc ? `${(_a2 = loc.file.split("/").pop()) != null ? _a2 : ""}:${loc.line}` : attrValue;
+  const loc = getInspectableLocation(target);
+  const label = loc ? `${(_a2 = loc.file.split("/").pop()) != null ? _a2 : ""}:${loc.line}` : "";
   if (state.mode === "annotate" && state.annotateCapturePaused) {
     state.overlay.hide();
     return;
@@ -4801,8 +4888,7 @@ function handleTrigger(ctx, event) {
   if (state.mode === "annotate" && state.annotateCapturePaused) return;
   event.preventDefault();
   event.stopPropagation();
-  const attrValue = target.getAttribute(ATTR_NAME);
-  const loc = parseAttrValue(attrValue);
+  const loc = getInspectableLocation(target);
   if (!loc) return;
   if (state.mode === "annotate") {
     if (state.annotateQuickCaptureEnabled) {
@@ -4822,10 +4908,13 @@ function handleTrigger(ctx, event) {
   state.openInspectMenu(loc, event.clientX, event.clientY, target);
 }
 function handleKeyDown(ctx, event) {
-  var _a2;
   const state = asInteractionContext(ctx);
   if (event.key === "Escape") {
-    (_a2 = state.cleanupMenu) == null ? void 0 : _a2.call(state);
+    if (state.cleanupMenu !== null) {
+      state.cleanupMenu();
+    } else if (!state.disabled) {
+      state.pause();
+    }
     state.overlay.hide();
   }
   state.updateLauncherEye();
@@ -6339,6 +6428,9 @@ var InspectoElement = class extends BaseElement {
   updateLauncherEye() {
     updateLauncherEye(this);
   }
+  pause() {
+    this.setPaused(true);
+  }
   openInspectMenu(loc, clientX, clientY, targetElement) {
     openInspectMenu(this, loc, clientX, clientY, targetElement);
   }
@@ -6499,4 +6591,4 @@ if (typeof customElements !== "undefined" && !customElements.get("inspecto-overl
 export {
   InspectoElement
 };
-//# sourceMappingURL=component-YOUXVPMF.js.map
+//# sourceMappingURL=component-BLZBHHON.js.map