@iteraai/react-component-inspector 0.1.0

package/dist/iterationInspector.js

@@ -0,0 +1,708 @@
+const T = "itera:iteration-inspector", me = (e) => typeof e == "object" && e !== null, Ye = (e) => !me(e) || e.channel !== T ? !1 : e.kind === "enter_select_mode" || e.kind === "exit_select_mode" || e.kind === "clear_hover", dt = (e) => !me(e) || e.channel !== T ? !1 : e.kind === "runtime_ready" || e.kind === "mode_changed" || e.kind === "element_selected" || e.kind === "selection_invalidated" || e.kind === "debug_log", he = "itera-iteration-inspector-overlay-root", $e = "2147483647", be = "Select an element", Fe = "#14b8a6", Ue = "rgba(20, 184, 166, 0.08)", ze = "#115e59", Ge = "#2563eb", Ve = "rgba(37, 99, 235, 0.08)", We = "#1d4ed8";
+const xe = /* @__PURE__ */ new Set([
+  "button",
+  "input",
+  "textarea",
+  "select"
+]), je = /* @__PURE__ */ new Set([
+  ...xe,
+  "div",
+  "img"
+]), g = (e) => {
+  if (e == null)
+    return null;
+  const t = e.replaceAll(/\s+/g, " ").trim();
+  return t.length === 0 ? null : t.length <= 120 ? t : `${t.slice(0, 117)}...`;
+}, Ee = (e) => e.replaceAll(/([ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, "\\$1"), h = (e) => Math.round(e * 100) / 100, Te = (e) => ({
+  top: h(e.top),
+  left: h(e.left),
+  width: h(e.width),
+  height: h(e.height)
+}), ue = (e, t) => t.clientX >= e.left && t.clientX <= e.left + e.width && t.clientY >= e.top && t.clientY <= e.top + e.height, I = (e) => `${e.pathname}${e.search}${e.hash}`, W = (e) => {
+  if (e instanceof HTMLTextAreaElement || e instanceof HTMLInputElement && !["button", "submit", "reset"].includes(
+    e.type.toLowerCase() || "text"
+  ))
+    return null;
+  const t = e instanceof HTMLElement && typeof e.innerText == "string" ? e.innerText : e.textContent;
+  return g(t);
+}, w = (e) => g(
+  e.getAttribute("data-testid") ?? e.getAttribute("data-test-id") ?? e.getAttribute("data-cy")
+), Y = (e) => {
+  var r;
+  const t = g(e.getAttribute("role"));
+  if (t !== null)
+    return t;
+  const n = e.tagName.toLowerCase();
+  if (n === "button")
+    return "button";
+  if (n === "a" && e.hasAttribute("href"))
+    return "link";
+  if (n === "textarea")
+    return "textbox";
+  if (n === "select")
+    return "combobox";
+  if (n === "img")
+    return "img";
+  if (n === "input") {
+    const i = ((r = e.getAttribute("type")) == null ? void 0 : r.toLowerCase()) ?? "text";
+    return i === "button" || i === "submit" || i === "reset" ? "button" : i === "checkbox" || i === "radio" || i === "range" ? i : "textbox";
+  }
+  return null;
+}, Ke = (e, t) => {
+  var n;
+  return !(e instanceof HTMLInputElement) && !(e instanceof HTMLTextAreaElement) && !(e instanceof HTMLSelectElement) && !(e instanceof HTMLMeterElement) && !(e instanceof HTMLProgressElement) ? null : e.labels !== null && e.labels.length > 0 ? g(
+    Array.from(e.labels).map((r) => r.textContent ?? "").join(" ")
+  ) : e.id.length === 0 ? null : g(
+    ((n = t.querySelector(`label[for="${Ee(e.id)}"]`)) == null ? void 0 : n.textContent) ?? null
+  );
+}, j = (e, t, n = {}) => {
+  const { includeTextFallback: r = !0 } = n, i = g(e.getAttribute("aria-label"));
+  if (i !== null)
+    return i;
+  const o = e.getAttribute("aria-labelledby");
+  if (o !== null) {
+    const d = o.split(/\s+/).map((b) => b.trim()).filter(Boolean), m = g(
+      d.map((b) => {
+        var _;
+        return ((_ = t.getElementById(b)) == null ? void 0 : _.textContent) ?? "";
+      }).join(" ")
+    );
+    if (m !== null)
+      return m;
+  }
+  const s = g(e.getAttribute("alt"));
+  if (s !== null)
+    return s;
+  const a = g(e.getAttribute("title"));
+  if (a !== null)
+    return a;
+  const E = g(
+    e.getAttribute("placeholder")
+  );
+  if (E !== null)
+    return E;
+  const u = Ke(e, t);
+  if (u !== null)
+    return u;
+  if (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) {
+    const d = e instanceof HTMLInputElement && ["button", "submit", "reset"].includes(
+      e.type.toLowerCase() || "text"
+    ) ? g(e.value) : null;
+    if (d !== null)
+      return d;
+  }
+  return r ? W(e) : null;
+}, _e = (e) => e instanceof HTMLButtonElement || e instanceof HTMLAnchorElement || e instanceof HTMLLabelElement || e instanceof HTMLOptionElement || e instanceof HTMLInputElement && ["button", "submit", "reset"].includes(e.type.toLowerCase() || "text") ? !0 : e.children.length === 0, qe = (e, t, n = {}) => j(e, t, n), ye = (e, t, n = {}) => {
+  var s;
+  const r = e.tagName.toLowerCase(), i = Y(e) ?? r, o = (s = qe(e, t, n)) == null ? void 0 : s.replaceAll(
+    '"',
+    "'"
+  );
+  return o == null ? `@${i}` : `@${i} "${o}"`;
+}, Ze = (e) => {
+  const t = e == null ? void 0 : e.replaceAll('"', "'");
+  return t == null ? "@text" : `@text "${t}"`;
+}, Je = (e) => {
+  var i;
+  const t = e.tagName.toLowerCase(), r = Array.from(((i = e.parentElement) == null ? void 0 : i.children) ?? []).filter(
+    (o) => o.tagName === e.tagName
+  ).indexOf(e) + 1;
+  return `${t}:nth-of-type(${Math.max(r, 1)})`;
+}, Le = (e) => {
+  if (e.id.length > 0)
+    return `${e.tagName.toLowerCase()}#${Ee(e.id)}`;
+  const t = w(e);
+  if (t !== null)
+    return `${e.tagName.toLowerCase()}[data-testid="${t.replaceAll('"', '\\"')}"]`;
+  const n = [];
+  let r = e;
+  for (; r !== null && r.tagName.toLowerCase() !== "html"; )
+    n.unshift(Je(r)), r = r.parentElement;
+  return ["html", ...n].join(" > ");
+}, Ie = (e) => {
+  const t = [];
+  let n = e;
+  for (; n !== null; ) {
+    const r = n, o = (r.parentElement === null ? [r] : Array.from(r.parentElement.children).filter(
+      (s) => s.tagName === r.tagName
+    )).indexOf(r) + 1;
+    t.unshift(
+      `${r.tagName.toLowerCase()}[${Math.max(o, 1)}]`
+    ), n = r.parentElement;
+  }
+  return `/${t.join("/")}`;
+}, Qe = (e) => Te(e.getBoundingClientRect()), Ne = (e) => {
+  const t = e instanceof Element ? e : (e == null ? void 0 : e.parentElement) ?? null;
+  return t === null ? !1 : t.closest(`#${he}`) !== null;
+}, $ = (e) => g(e.textContent), F = (e) => {
+  const t = e.tagName.toLowerCase();
+  if (xe.has(t))
+    return !0;
+  const n = Y(e);
+  return n === "button" || n === "textbox" || n === "combobox" || n === "checkbox" || n === "radio" || n === "range";
+}, Ce = (e) => {
+  if (!(e instanceof Text) || Ne(e))
+    return null;
+  const t = e.parentElement, n = $(e);
+  return t === null || n === null ? null : {
+    kind: "text",
+    element: t,
+    textNode: e
+  };
+}, K = (e) => {
+  let t = e instanceof Element ? e : (e == null ? void 0 : e.parentElement) ?? null, n = null;
+  for (; t !== null; ) {
+    if (Ne(t))
+      return null;
+    const r = t.tagName.toLowerCase();
+    if (F(t))
+      return t;
+    n === null && je.has(r) && (n = t), t = t.parentElement;
+  }
+  return n;
+}, et = (e, t) => {
+  var i, o;
+  const n = e.caretPositionFromPoint;
+  if (typeof n == "function")
+    return ((i = n.call(e, t.clientX, t.clientY)) == null ? void 0 : i.offsetNode) ?? null;
+  const r = e.caretRangeFromPoint;
+  return typeof r == "function" ? ((o = r.call(e, t.clientX, t.clientY)) == null ? void 0 : o.startContainer) ?? null : null;
+}, q = (e, t) => typeof e.elementFromPoint != "function" ? null : e.elementFromPoint(t.clientX, t.clientY), tt = (e, t, n, r) => {
+  if (e.kind !== "text")
+    return !1;
+  try {
+    const i = t.createRange();
+    if (i.selectNodeContents(e.textNode), typeof i.getClientRects == "function") {
+      const o = Array.from(i.getClientRects()).filter(
+        (s) => s.width > 0 || s.height > 0
+      );
+      if (o.length > 0)
+        return o.some((s) => ue(s, n));
+    }
+    if (typeof i.getBoundingClientRect == "function") {
+      const o = i.getBoundingClientRect();
+      if (o.width > 0 || o.height > 0)
+        return ue(o, n);
+    }
+  } catch {
+  }
+  return r !== null && (r === e.element || e.element.contains(r));
+}, Ae = (e, t, n = q(e, t)) => {
+  const r = Ce(
+    et(e, t)
+  );
+  return r === null || !tt(r, e, t, n) ? null : r;
+}, Re = (e) => {
+  const t = Ce(e), n = K(e);
+  return t !== null && (n === null || !F(n)) ? t : n === null ? null : {
+    kind: "element",
+    element: n
+  };
+}, Pe = (e, t) => {
+  if (e.kind !== "text")
+    return e.element.getBoundingClientRect();
+  try {
+    const n = t.createRange();
+    if (n.selectNodeContents(e.textNode), typeof n.getBoundingClientRect == "function") {
+      const r = n.getBoundingClientRect();
+      if (r.width > 0 || r.height > 0)
+        return r;
+    }
+  } catch {
+  }
+  return e.element.getBoundingClientRect();
+}, nt = (e, t) => Te(Pe(e, t)), Z = (e, t, n = {}) => e.kind === "text" ? Ze($(e.textNode)) : ye(e.element, t, n), Oe = (e) => e.kind === "text" ? "text" : Y(e.element), lt = (e, t) => e.kind === "text" ? $(e.textNode) : j(e.element, t), rt = (e) => e.kind === "text" ? $(e.textNode) : W(e.element), ot = (e, t = window, n = document) => {
+  const r = e.element.tagName.toLowerCase(), i = Oe(e), o = lt(e, n), s = rt(e);
+  return {
+    displayText: Z(e, n, {
+      includeTextFallback: !0
+    }),
+    element: {
+      urlPath: I(t.location),
+      cssSelector: Le(e.element),
+      domPath: Ie(e.element),
+      tagName: r,
+      role: i,
+      accessibleName: o,
+      textPreview: s,
+      id: g(e.element.id),
+      dataTestId: w(e.element),
+      bounds: nt(e, n),
+      scrollOffset: {
+        x: h(t.scrollX),
+        y: h(t.scrollY)
+      },
+      capturedAt: (/* @__PURE__ */ new Date()).toISOString()
+    }
+  };
+}, it = (e, t) => {
+  var n;
+  try {
+    const r = (n = t.__ARA_EMBEDDED_REACT_INSPECTOR_SELECTION__) == null ? void 0 : n.getReactComponentPathForElement(
+      e
+    );
+    if (r === void 0)
+      return;
+    const i = r.map((o) => o.trim()).filter((o) => o.length > 0);
+    return i.length > 0 ? i : void 0;
+  } catch {
+    return;
+  }
+}, ft = (e, t = window, n = document) => {
+  const r = e.tagName.toLowerCase(), i = Y(e), o = j(e, n), s = W(e), a = it(e, t);
+  return {
+    displayText: ye(e, n, {
+      includeTextFallback: !0
+    }),
+    element: {
+      urlPath: I(t.location),
+      cssSelector: Le(e),
+      domPath: Ie(e),
+      tagName: r,
+      role: i,
+      accessibleName: o,
+      textPreview: s,
+      id: g(e.id),
+      dataTestId: w(e),
+      bounds: Qe(e),
+      scrollOffset: {
+        x: h(t.scrollX),
+        y: h(t.scrollY)
+      },
+      capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      ...a !== void 0 && {
+        reactComponentPath: a
+      }
+    }
+  };
+}, st = (e) => {
+  const t = e.createElement("div");
+  t.id = he, t.setAttribute("aria-hidden", "true"), t.style.position = "fixed", t.style.inset = "0", t.style.pointerEvents = "none", t.style.zIndex = $e;
+  const n = (E, u) => {
+    const d = e.createElement("div");
+    return d.style.position = "fixed", d.style.border = `2px solid ${E}`, d.style.borderRadius = "8px", d.style.background = u, d.style.display = "none", d;
+  }, r = (E) => {
+    const u = e.createElement("div");
+    return u.style.position = "fixed", u.style.maxWidth = "320px", u.style.padding = "6px 10px", u.style.borderRadius = "999px", u.style.background = E, u.style.color = "#f8fafc", u.style.fontFamily = "ui-monospace, SFMono-Regular, SF Mono, Consolas, monospace", u.style.fontSize = "12px", u.style.lineHeight = "1", u.style.display = "none", u.style.whiteSpace = "nowrap", u.style.overflow = "hidden", u.style.textOverflow = "ellipsis", u.textContent = be, u;
+  }, i = n(
+    Fe,
+    Ue
+  ), o = n(
+    Ge,
+    Ve
+  );
+  o.style.boxShadow = "0 0 0 9999px rgba(15, 23, 42, 0.12)";
+  const s = r(ze), a = r(We);
+  return t.append(i, o, s, a), e.body.append(t), { root: t, selectedBox: i, selectedLabel: s, hoverBox: o, hoverLabel: a };
+}, ke = (e, t) => t === "selected" ? {
+  box: e.selectedBox,
+  label: e.selectedLabel
+} : {
+  box: e.hoverBox,
+  label: e.hoverLabel
+}, L = (e, t, n, r) => {
+  const i = Pe(t, n), o = Z(t, n, {
+    includeTextFallback: t.kind === "text" ? !0 : _e(t.element)
+  }), s = ke(e, r);
+  s.box.style.display = "block", s.box.style.left = `${h(i.left)}px`, s.box.style.top = `${h(i.top)}px`, s.box.style.width = `${h(i.width)}px`, s.box.style.height = `${h(i.height)}px`, s.label.style.display = "block", s.label.style.left = `${Math.max(h(i.left), 8)}px`, s.label.style.top = `${Math.max(h(i.top) - 36, 8)}px`, s.label.textContent = o;
+}, A = (e, t) => {
+  const n = ke(e, t);
+  n.box.style.display = "none", n.label.style.display = "none", n.label.textContent = be;
+}, de = (e, t) => e === null || t === null ? !1 : t.root.contains(e), at = (e, t) => {
+  if (de(e.target, t))
+    return !0;
+  if (e.type !== "childList")
+    return !1;
+  const n = (r) => r !== null && !de(r, t);
+  return !(Array.from(e.addedNodes).some(n) || Array.from(e.removedNodes).some(n));
+}, B = (e, t, n) => {
+  const r = n === void 0 ? null : q(e, n), i = t instanceof Node ? t : null, o = i !== null && r !== null && !r.contains(i) && !i.contains(r), s = K(
+    o ? i : r ?? i
+  );
+  if (n !== void 0) {
+    const a = o ? null : Ae(e, n, r);
+    if (a !== null && (s === null || !F(s)))
+      return a;
+  }
+  return s !== null ? {
+    kind: "element",
+    element: s
+  } : Re(i ?? r);
+}, fe = (e, t) => {
+  const n = q(e, t), r = K(n), i = Ae(e, t, n);
+  return i !== null && (r === null || !F(r)) ? i : r !== null ? {
+    kind: "element",
+    element: r
+  } : Re(n);
+}, pe = (e, t) => Math.hypot(t.clientX - e.clientX, t.clientY - e.clientY) > 8, ct = (e, t) => e instanceof Node && t.contains(e), v = (e) => ({
+  tagName: e.element.tagName.toLowerCase(),
+  id: g(e.element.getAttribute("id")),
+  role: Oe(e),
+  displayText: Z(
+    e,
+    e.element.ownerDocument ?? document,
+    {
+      includeTextFallback: e.kind === "text" ? !0 : _e(e.element)
+    }
+  ),
+  dataTestId: w(e.element),
+  disabled: e.element instanceof HTMLButtonElement || e.element instanceof HTMLInputElement || e.element instanceof HTMLSelectElement || e.element instanceof HTMLTextAreaElement ? e.element.disabled : void 0
+}), V = (e, t, n) => {
+  const r = B(e, t, n);
+  return r === null ? null : v(r);
+}, ge = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, X = (e, t) => e === null || t === null || e.kind !== t.kind || e.element !== t.element ? !1 : e.kind === "text" && t.kind === "text" ? e.textNode === t.textNode : !0, ut = ({
+  allowSelfMessaging: e = !1,
+  win: t = window,
+  doc: n = document
+} = {}) => {
+  let r = !1, i = !1, o = null, s = null, a = null, E = !1, u = null, d = null, m = null, b = null, _ = !1, R = null, N = null, P = null, U = !1, S = "single";
+  const ve = e || t.parent !== t, C = (l) => {
+    ve && t.parent.postMessage(l, u ?? "*");
+  }, p = (l, c = {}) => {
+    if (!_)
+      return;
+    const f = typeof c == "function" ? c() : c;
+    try {
+      console.debug("[itera/iteration-inspector/runtime]", {
+        sessionId: R ?? void 0,
+        event: l,
+        ...f
+      });
+    } catch {
+    }
+    C({
+      channel: T,
+      kind: "debug_log",
+      event: l,
+      sessionId: R ?? void 0,
+      details: f
+    });
+  }, Se = (l) => {
+    if (!l.debugEnabled)
+      return;
+    const c = _;
+    _ = !0, R = typeof l.debugSessionId == "string" && l.debugSessionId.length > 0 ? l.debugSessionId : R, c || p("debug_enabled", {
+      urlPath: I(t.location)
+    });
+  }, z = () => (a !== null || (a = st(n)), a), x = () => {
+    const l = o;
+    o = null, a !== null && A(a, "hover"), l !== null && p("hover_cleared", () => ({
+      target: v(l)
+    }));
+  }, J = (l) => {
+    const c = (o == null ? void 0 : o.kind) !== l.kind || o.element !== l.element || o.kind === "text" && l.kind === "text" && o.textNode !== l.textNode;
+    o = l;
+    const f = z();
+    X(s, l) ? A(f, "hover") : L(f, l, n, "hover"), c && p("hover_target_changed", () => ({
+      target: v(l)
+    }));
+  }, Q = () => {
+    if (!r || d === null)
+      return;
+    const l = fe(n, d);
+    if (l === null) {
+      x();
+      return;
+    }
+    J(l);
+  }, ee = () => {
+    s = null, a !== null && A(a, "selected");
+  }, te = (l) => {
+    s = l;
+    const c = z();
+    L(c, l, n, "selected"), X(o, l) && A(c, "hover");
+  }, ne = (l = "command") => {
+    m = null, l !== "selection" && (b = null);
+  }, le = (l, c, f) => {
+    ge(c), o = l, te(l);
+    const y = ot(l, t, n);
+    C({
+      channel: T,
+      kind: "element_selected",
+      selection: y
+    }), b = f.suppressFollowUpClick ? l.element : null, p("selection_emitted", () => ({
+      source: f.source,
+      suppressFollowUpClick: f.suppressFollowUpClick === !0,
+      selectionMode: S,
+      selectionDisplayText: y.displayText,
+      target: v(l)
+    })), S === "single" && O(!1, "selection");
+  }, M = (l) => {
+    x(), ee(), C({
+      channel: T,
+      kind: "selection_invalidated",
+      reason: l
+    });
+  }, O = (l, c = "command") => {
+    if (r === l) {
+      r || x();
+      return;
+    }
+    if (r = l, ne(c), U = !1, r || (S = "single"), r) {
+      z(), s !== null && te(s), Q(), p("mode_changed", {
+        active: !0,
+        reason: c
+      }), C({
+        channel: T,
+        kind: "mode_changed",
+        active: !0
+      });
+      return;
+    }
+    x(), a !== null && A(a, "selected"), p("mode_changed", {
+      active: !1,
+      reason: c
+    }), c !== "reload" && C({
+      channel: T,
+      kind: "mode_changed",
+      active: !1
+    });
+  }, Me = () => {
+    if (!r)
+      return;
+    if (s !== null) {
+      if (!(s.element.isConnected && (s.kind !== "text" || s.textNode.isConnected))) {
+        M("node_detached");
+        return;
+      }
+      a !== null && L(a, s, n, "selected");
+    }
+    if (o === null)
+      return;
+    if (o.element.isConnected && (o.kind !== "text" || o.textNode.isConnected)) {
+      a !== null && (X(s, o) || L(a, o, n, "hover"));
+      return;
+    }
+    x();
+  }, G = () => {
+    r && (M("route_change"), O(!1, "route_change"));
+  }, He = () => {
+    const l = t.history.pushState.bind(t.history), c = t.history.replaceState.bind(t.history), f = (De) => (...Xe) => {
+      const Be = I(t.location), we = De(...Xe);
+      return I(t.location) !== Be && G(), we;
+    };
+    t.history.pushState = f(l), t.history.replaceState = f(c);
+    const y = () => {
+      G();
+    }, k = () => {
+      G();
+    };
+    return t.addEventListener("popstate", y), t.addEventListener("hashchange", k), () => {
+      t.history.pushState = l, t.history.replaceState = c, t.removeEventListener("popstate", y), t.removeEventListener("hashchange", k);
+    };
+  }, re = (l) => {
+    if (!Ye(l.data) || l.source !== t.parent && (!e || l.source !== t))
+      return;
+    const c = l.origin === "null" ? null : l.origin;
+    if (!(E && c !== u)) {
+      if (u = c, E = !0, Se(l.data), p("command_received", {
+        kind: l.data.kind,
+        origin: l.origin,
+        urlPath: I(t.location)
+      }), l.data.kind === "enter_select_mode") {
+        S = l.data.selectionMode ?? "single", O(!0);
+        return;
+      }
+      if (l.data.kind === "exit_select_mode") {
+        O(!1);
+        return;
+      }
+      ee(), x();
+    }
+  }, oe = (l) => {
+    if (d = {
+      clientX: l.clientX,
+      clientY: l.clientY
+    }, m !== null && m.pointerId === l.pointerId && pe(
+      m.origin,
+      d
+    ) && (m = null), !r)
+      return;
+    const c = B(
+      n,
+      l.target,
+      d
+    );
+    if (c === null) {
+      x();
+      return;
+    }
+    J(c);
+  }, ie = (l) => {
+    if (d = {
+      clientX: l.clientX,
+      clientY: l.clientY
+    }, b = null, !!r) {
+      if (p("pointer_down_received", () => ({
+        button: l.button,
+        pointerId: l.pointerId,
+        target: V(n, l.target, {
+          clientX: l.clientX,
+          clientY: l.clientY
+        })
+      })), l.button !== 0) {
+        m = null, p("pointer_down_ignored", () => ({
+          reason: "non_primary_button",
+          button: l.button,
+          target: V(n, l.target, {
+            clientX: l.clientX,
+            clientY: l.clientY
+          })
+        }));
+        return;
+      }
+      m = {
+        pointerId: l.pointerId,
+        origin: d
+      };
+    }
+  }, se = (l) => {
+    if (d = {
+      clientX: l.clientX,
+      clientY: l.clientY
+    }, !r) {
+      m = null, p("pointer_up_ignored", {
+        reason: "inactive",
+        button: l.button,
+        pointerId: l.pointerId
+      });
+      return;
+    }
+    p("pointer_up_received", () => ({
+      button: l.button,
+      pointerId: l.pointerId,
+      target: V(n, l.target, {
+        clientX: l.clientX,
+        clientY: l.clientY
+      })
+    }));
+    const c = m, f = c !== null && c.pointerId === l.pointerId, y = f && pe(
+      c.origin,
+      d
+    );
+    if (m = null, !f || y) {
+      p("pointer_up_ignored", {
+        reason: f ? "pointer_moved" : "missing_pending_selection",
+        button: l.button,
+        pointerId: l.pointerId
+      });
+      return;
+    }
+    if (l.button !== 0) {
+      p("pointer_up_ignored", {
+        reason: "non_primary_button",
+        button: l.button,
+        pointerId: l.pointerId
+      });
+      return;
+    }
+    const k = B(n, l.target, d) ?? fe(n, d) ?? o;
+    if (k === null) {
+      p("pointer_up_ignored", {
+        reason: "no_target",
+        button: l.button,
+        pointerId: l.pointerId
+      }), x();
+      return;
+    }
+    le(k, l, {
+      suppressFollowUpClick: !0,
+      source: "pointerup"
+    });
+  }, ae = () => {
+    m = null;
+  }, H = () => {
+    if (r) {
+      if (s !== null && (!s.element.isConnected || s.kind === "text" && !s.textNode.isConnected)) {
+        M("node_detached");
+        return;
+      }
+      if (o !== null && (!o.element.isConnected || o.kind === "text" && !o.textNode.isConnected) && x(), d !== null) {
+        a !== null && s !== null && L(a, s, n, "selected"), Q();
+        return;
+      }
+      if (a !== null) {
+        if (s !== null && L(a, s, n, "selected"), o !== null && !X(s, o)) {
+          L(a, o, n, "hover");
+          return;
+        }
+        A(a, "hover");
+      }
+    }
+  }, ce = (l) => {
+    if (b !== null && ct(l.target, b)) {
+      const f = b;
+      p("follow_up_click_suppressed", () => ({
+        target: v({
+          kind: "element",
+          element: f
+        })
+      })), ge(l), b = null;
+      return;
+    }
+    if (b = null, !r)
+      return;
+    const c = B(n, l.target, {
+      clientX: l.clientX,
+      clientY: l.clientY
+    }) ?? o;
+    if (c === null) {
+      p("click_selection_ignored", {
+        reason: "no_target"
+      }), x();
+      return;
+    }
+    le(c, l, {
+      source: "click"
+    });
+  }, D = () => {
+    r && (M("reload"), O(!1, "reload"));
+  };
+  return {
+    start: () => {
+      i || (i = !0, P = He(), n.addEventListener("pointermove", oe, !0), n.addEventListener("pointerdown", ie, !0), n.addEventListener("pointerup", se, !0), n.addEventListener("pointercancel", ae, !0), n.addEventListener("click", ce, !0), t.addEventListener("message", re), t.addEventListener("scroll", H, !0), t.addEventListener("resize", H), t.addEventListener("pagehide", D), t.addEventListener("beforeunload", D), N = new MutationObserver((l) => {
+        if (!(o === null && s === null)) {
+          if (l.every(
+            (c) => at(c, a)
+          )) {
+            U || (p("mutation_ignored", {
+              reason: "overlay_only"
+            }), U = !0);
+            return;
+          }
+          Me();
+        }
+      }), N.observe(n.body, {
+        childList: !0,
+        subtree: !0,
+        attributes: !0
+      }), C({
+        channel: T,
+        kind: "runtime_ready",
+        urlPath: I(t.location)
+      }));
+    },
+    stop: () => {
+      i && (i = !1, r = !1, E = !1, u = null, _ = !1, R = null, ne(), x(), P == null || P(), P = null, N == null || N.disconnect(), N = null, n.removeEventListener("pointermove", oe, !0), n.removeEventListener("pointerdown", ie, !0), n.removeEventListener("pointerup", se, !0), n.removeEventListener("pointercancel", ae, !0), n.removeEventListener("click", ce, !0), t.removeEventListener("message", re), t.removeEventListener("scroll", H, !0), t.removeEventListener("resize", H), t.removeEventListener("pagehide", D), t.removeEventListener("beforeunload", D), a !== null && (a.root.remove(), a = null));
+    },
+    isActive: () => r
+  };
+}, pt = (e = {}) => {
+  if (!e.allowSelfMessaging && window.parent === window)
+    return null;
+  if (window.__ITERA_ITERATION_INSPECTOR_RUNTIME__ !== void 0)
+    return window.__ITERA_ITERATION_INSPECTOR_RUNTIME__;
+  const t = ut(e);
+  return t.start(), window.__ITERA_ITERATION_INSPECTOR_RUNTIME__ = t, t;
+};
+export {
+  T as ITERATION_INSPECTOR_CHANNEL,
+  pt as bootIterationInspectorRuntime,
+  ft as buildIterationElementSelection,
+  ut as createIterationInspectorRuntime,
+  Ye as isIterationInspectorParentMessage,
+  dt as isIterationInspectorRuntimeMessage
+};
+//# sourceMappingURL=iterationInspector.js.map