js.foresight-devtools 0.0.1

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../node_modules/.pnpm/@thednp+shorty@2.0.11/node_modules/@thednp/shorty/dist/shorty.mjs","../node_modules/.pnpm/@thednp+position-observer@1.1.0/node_modules/@thednp/position-observer/dist/index.mjs","../src/Debugger/helpers/objectToMethodCall.ts","../src/Debugger/helpers/createAndAppend.ts","../src/Debugger/helpers/getIntersectingIcon.ts","../src/Debugger/DebuggerControlPanel.ts","../src/Debugger/helpers/updateElementOverlays.ts","../src/Debugger/ForesightDebugger.ts"],"sourcesContent":["const Ce = \"2.0.11\", Me = \"aria-checked\", De = \"aria-description\", Le = \"aria-describedby\", Oe = \"aria-expanded\", xe = \"aria-haspopup\", X = \"aria-hidden\", ze = \"aria-label\", Ie = \"aria-labelledby\", Pe = \"aria-modal\", Fe = \"aria-pressed\", Be = \"aria-selected\", Ve = \"aria-valuemin\", He = \"aria-valuemax\", Ue = \"aria-valuenow\", We = \"aria-valuetext\", Y = \"abort\", tt = \"beforeunload\", et = \"blur\", nt = \"change\", ot = \"contextmenu\", U = \"DOMContentLoaded\", st = \"DOMMouseScroll\", rt = \"error\", ct = \"focus\", at = \"focusin\", it = \"focusout\", ut = \"gesturechange\", lt = \"gestureend\", dt = \"gesturestart\", ft = \"keydown\", pt = \"keypress\", gt = \"keyup\", mt = \"load\", vt = \"click\", bt = \"dblclick\", Et = \"mousedown\", ht = \"mouseup\", yt = \"hover\", wt = \"mouseenter\", At = \"mouseleave\", St = \"mousein\", kt = \"mouseout\", Nt = \"mouseover\", Tt = \"mousemove\", Ct = \"mousewheel\", Mt = \"move\", Dt = \"orientationchange\", Lt = \"pointercancel\", Ot = \"pointerdown\", xt = \"pointerleave\", zt = \"pointermove\", It = \"pointerup\", Pt = \"readystatechange\", Ft = \"reset\", Bt = \"resize\", Vt = \"select\", Ht = \"selectend\", Ut = \"selectstart\", Wt = \"scroll\", Rt = \"submit\", Qt = \"touchstart\", jt = \"touchmove\", Kt = \"touchcancel\", qt = \"touchend\", Gt = \"unload\", Re = {\n  DOMContentLoaded: U,\n  DOMMouseScroll: st,\n  abort: Y,\n  beforeunload: tt,\n  blur: et,\n  change: nt,\n  click: vt,\n  contextmenu: ot,\n  dblclick: bt,\n  error: rt,\n  focus: ct,\n  focusin: at,\n  focusout: it,\n  gesturechange: ut,\n  gestureend: lt,\n  gesturestart: dt,\n  hover: yt,\n  keydown: ft,\n  keypress: pt,\n  keyup: gt,\n  load: mt,\n  mousedown: Et,\n  mousemove: Tt,\n  mousein: St,\n  mouseout: kt,\n  mouseenter: wt,\n  mouseleave: At,\n  mouseover: Nt,\n  mouseup: ht,\n  mousewheel: Ct,\n  move: Mt,\n  orientationchange: Dt,\n  pointercancel: Lt,\n  pointerdown: Ot,\n  pointerleave: xt,\n  pointermove: zt,\n  pointerup: It,\n  readystatechange: Pt,\n  reset: Ft,\n  resize: Bt,\n  scroll: Wt,\n  select: Vt,\n  selectend: Ht,\n  selectstart: Ut,\n  submit: Rt,\n  touchcancel: Kt,\n  touchend: qt,\n  touchmove: jt,\n  touchstart: Qt,\n  unload: Gt\n}, Qe = \"drag\", je = \"dragstart\", Ke = \"dragenter\", qe = \"dragleave\", Ge = \"dragover\", Ze = \"dragend\", _e = \"loadstart\", $e = {\n  start: \"mousedown\",\n  end: \"mouseup\",\n  move: \"mousemove\",\n  cancel: \"mouseleave\"\n}, Je = { down: \"mousedown\", up: \"mouseup\" }, Xe = \"onmouseleave\" in document ? [\"mouseenter\", \"mouseleave\"] : [\"mouseover\", \"mouseout\"], Ye = {\n  start: \"touchstart\",\n  end: \"touchend\",\n  move: \"touchmove\",\n  cancel: \"touchcancel\"\n}, tn = { in: \"focusin\", out: \"focusout\" }, Zt = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]', en = {\n  Backspace: \"Backspace\",\n  Tab: \"Tab\",\n  Enter: \"Enter\",\n  Shift: \"Shift\",\n  Control: \"Control\",\n  Alt: \"Alt\",\n  Pause: \"Pause\",\n  CapsLock: \"CapsLock\",\n  Escape: \"Escape\",\n  Scape: \"Space\",\n  ArrowLeft: \"ArrowLeft\",\n  ArrowUp: \"ArrowUp\",\n  ArrowRight: \"ArrowRight\",\n  ArrowDown: \"ArrowDown\",\n  Insert: \"Insert\",\n  Delete: \"Delete\",\n  Meta: \"Meta\",\n  ContextMenu: \"ContextMenu\",\n  ScrollLock: \"ScrollLock\"\n}, nn = \"Alt\", on = \"ArrowDown\", sn = \"ArrowUp\", rn = \"ArrowLeft\", cn = \"ArrowRight\", an = \"Backspace\", un = \"CapsLock\", ln = \"Control\", dn = \"Delete\", fn = \"Enter\", pn = \"NumpadEnter\", gn = \"Escape\", mn = \"Insert\", vn = \"Meta\", bn = \"Pause\", En = \"ScrollLock\", hn = \"Shift\", yn = \"Space\", wn = \"Tab\", _t = \"animationDuration\", $t = \"animationDelay\", W = \"animationName\", C = \"animationend\", Jt = \"transitionDuration\", Xt = \"transitionDelay\", M = \"transitionend\", R = \"transitionProperty\", An = \"addEventListener\", Sn = \"removeEventListener\", kn = {\n  linear: \"linear\",\n  easingSinusoidalIn: \"cubic-bezier(0.47,0,0.745,0.715)\",\n  easingSinusoidalOut: \"cubic-bezier(0.39,0.575,0.565,1)\",\n  easingSinusoidalInOut: \"cubic-bezier(0.445,0.05,0.55,0.95)\",\n  easingQuadraticIn: \"cubic-bezier(0.550,0.085,0.680,0.530)\",\n  easingQuadraticOut: \"cubic-bezier(0.250,0.460,0.450,0.940)\",\n  easingQuadraticInOut: \"cubic-bezier(0.455,0.030,0.515,0.955)\",\n  easingCubicIn: \"cubic-bezier(0.55,0.055,0.675,0.19)\",\n  easingCubicOut: \"cubic-bezier(0.215,0.61,0.355,1)\",\n  easingCubicInOut: \"cubic-bezier(0.645,0.045,0.355,1)\",\n  easingQuarticIn: \"cubic-bezier(0.895,0.03,0.685,0.22)\",\n  easingQuarticOut: \"cubic-bezier(0.165,0.84,0.44,1)\",\n  easingQuarticInOut: \"cubic-bezier(0.77,0,0.175,1)\",\n  easingQuinticIn: \"cubic-bezier(0.755,0.05,0.855,0.06)\",\n  easingQuinticOut: \"cubic-bezier(0.23,1,0.32,1)\",\n  easingQuinticInOut: \"cubic-bezier(0.86,0,0.07,1)\",\n  easingExponentialIn: \"cubic-bezier(0.95,0.05,0.795,0.035)\",\n  easingExponentialOut: \"cubic-bezier(0.19,1,0.22,1)\",\n  easingExponentialInOut: \"cubic-bezier(1,0,0,1)\",\n  easingCircularIn: \"cubic-bezier(0.6,0.04,0.98,0.335)\",\n  easingCircularOut: \"cubic-bezier(0.075,0.82,0.165,1)\",\n  easingCircularInOut: \"cubic-bezier(0.785,0.135,0.15,0.86)\",\n  easingBackIn: \"cubic-bezier(0.6,-0.28,0.735,0.045)\",\n  easingBackOut: \"cubic-bezier(0.175,0.885,0.32,1.275)\",\n  easingBackInOut: \"cubic-bezier(0.68,-0.55,0.265,1.55)\"\n}, Nn = \"offsetHeight\", Tn = \"offsetWidth\", Cn = \"scrollHeight\", Mn = \"scrollWidth\", Dn = \"tabindex\", Ln = navigator.userAgentData, { userAgent: Yt } = navigator, On = Yt, xn = () => {\n  const t = /iPhone|iPad|iPod|Android/i;\n  return navigator?.userAgentData?.brands.some(\n    (e) => t.test(e.brand)\n  ) || t.test(navigator?.userAgent) || !1;\n}, zn = () => {\n  const t = /(iPhone|iPod|iPad)/;\n  return navigator?.userAgentData?.brands.some(\n    (e) => t.test(e.brand)\n  ) || t.test(\n    navigator?.userAgent\n  ) || !1;\n}, In = () => navigator?.userAgent?.includes(\"Firefox\") || !1, te = () => typeof CSS > \"u\" || !CSS.supports ? !1 : CSS.supports(\"-webkit-backdrop-filter\", \"none\"), Pn = () => [\"webkitPerspective\", \"perspective\"].some((t) => t in document.head.style), ee = () => {\n}, Q = (t, e, n, o) => {\n  const s = o || !1;\n  t.addEventListener(\n    e,\n    n,\n    s\n  );\n}, j = (t, e, n, o) => {\n  const s = o || !1;\n  t.removeEventListener(\n    e,\n    n,\n    s\n  );\n}, ne = (t, e, n, o) => {\n  const s = (r) => {\n    (r.target === t || r.currentTarget === t) && (n.apply(t, [r]), j(t, e, s, o));\n  };\n  Q(t, e, s, o);\n}, Fn = () => {\n  let t = !1;\n  try {\n    const e = Object.defineProperty({}, \"passive\", {\n      get: () => (t = !0, t)\n    });\n    ne(document, U, ee, e);\n  } catch {\n  }\n  return t;\n}, Bn = () => [\"webkitTransform\", \"transform\"].some((t) => t in document.head.style), Vn = () => \"ontouchstart\" in window || \"msMaxTouchPoints\" in navigator, Hn = () => [\"webkitAnimation\", \"animation\"].some((t) => t in document.head.style), Un = () => [\"webkitTransition\", \"transition\"].some((t) => t in document.head.style), K = (t, e) => t.getAttribute(e), Wn = (t, e, n) => e.getAttributeNS(t, n), oe = (t, e) => t.hasAttribute(e), Rn = (t, e, n) => e.hasAttributeNS(t, n), Qn = (t, e, n) => t.setAttribute(e, n), jn = (t, e, n, o) => e.setAttributeNS(t, n, o), Kn = (t, e) => t.removeAttribute(e), qn = (t, e, n) => e.removeAttributeNS(t, n), Gn = (t, ...e) => {\n  t.classList.add(...e);\n}, Zn = (t, ...e) => {\n  t.classList.remove(...e);\n}, _n = (t, e) => t.classList.contains(e), { body: $n } = document, { documentElement: Jn } = document, { head: Xn } = document, Yn = (t) => Array.from(t), v = (t) => t != null && typeof t == \"object\" || !1, u = (t) => v(t) && typeof t.nodeType == \"number\" && [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].some(\n  (e) => t.nodeType === e\n) || !1, i = (t) => u(t) && t.nodeType === 1 || !1, E = /* @__PURE__ */ new Map(), L = {\n  data: E,\n  set: (t, e, n) => {\n    if (!i(t)) return;\n    E.has(e) || E.set(e, /* @__PURE__ */ new Map()), E.get(e).set(t, n);\n  },\n  getAllFor: (t) => E.get(t) || null,\n  get: (t, e) => {\n    if (!i(t) || !e) return null;\n    const n = L.getAllFor(e);\n    return t && n && n.get(t) || null;\n  },\n  remove: (t, e) => {\n    const n = L.getAllFor(e);\n    !n || !i(t) || (n.delete(t), n.size === 0 && E.delete(e));\n  }\n}, to = (t, e) => L.get(t, e), eo = (t) => t?.charAt(0).toUpperCase() + t?.slice(1), P = (t) => t?.trim().replace(\n  /(?:^\\w|[A-Z]|\\b\\w)/g,\n  (e, n) => n === 0 ? e.toLowerCase() : e.toUpperCase()\n).replace(/\\s+/g, \"\"), N = (t) => typeof t == \"string\" || !1, q = (t) => v(t) && t.constructor.name === \"Window\" || !1, G = (t) => u(t) && t.nodeType === 9 || !1, d = (t) => G(t) ? t : u(t) ? t.ownerDocument : q(t) ? t.document : globalThis.document, T = (t, ...e) => Object.assign(t, ...e), se = (t) => {\n  if (!t) return;\n  if (N(t))\n    return d().createElement(t);\n  const { tagName: e } = t, n = se(e);\n  if (!n) return;\n  const o = { ...t };\n  return delete o.tagName, T(n, o);\n}, re = (t, e) => {\n  if (!t || !e) return;\n  if (N(e))\n    return d().createElementNS(t, e);\n  const { tagName: n } = e, o = re(t, n);\n  if (!o) return;\n  const s = { ...e };\n  return delete s.tagName, T(o, s);\n}, Z = (t, e) => t.dispatchEvent(e), no = (t, e, n) => n.indexOf(t) === e, f = (t, e, n) => {\n  const o = getComputedStyle(t, n), s = e.replace(\"webkit\", \"Webkit\").replace(/([A-Z])/g, \"-$1\").toLowerCase();\n  return o.getPropertyValue(s);\n}, ce = (t) => {\n  const e = f(t, W), n = f(t, $t), o = n.includes(\"ms\") ? 1 : 1e3, s = e && e !== \"none\" ? parseFloat(n) * o : 0;\n  return Number.isNaN(s) ? 0 : s;\n}, ae = (t) => {\n  const e = f(t, W), n = f(t, _t), o = n.includes(\"ms\") ? 1 : 1e3, s = e && e !== \"none\" ? parseFloat(n) * o : 0;\n  return Number.isNaN(s) ? 0 : s;\n}, oo = (t, e) => {\n  let n = 0;\n  const o = new Event(C), s = ae(t), r = ce(t);\n  if (s) {\n    const a = (l) => {\n      l.target === t && (e.apply(t, [l]), t.removeEventListener(C, a), n = 1);\n    };\n    t.addEventListener(C, a), setTimeout(() => {\n      n || Z(t, o);\n    }, s + r + 17);\n  } else\n    e.apply(t, [o]);\n}, ie = (t) => {\n  const e = f(t, R), n = f(t, Xt), o = n.includes(\"ms\") ? 1 : 1e3, s = e && e !== \"none\" ? parseFloat(n) * o : 0;\n  return Number.isNaN(s) ? 0 : s;\n}, ue = (t) => {\n  const e = f(t, R), n = f(t, Jt), o = n.includes(\"ms\") ? 1 : 1e3, s = e && e !== \"none\" ? parseFloat(n) * o : 0;\n  return Number.isNaN(s) ? 0 : s;\n}, so = (t, e) => {\n  let n = 0;\n  const o = new Event(M), s = ue(t), r = ie(t);\n  if (s) {\n    const a = (l) => {\n      l.target === t && (e.apply(t, [l]), t.removeEventListener(M, a), n = 1);\n    };\n    t.addEventListener(M, a), setTimeout(() => {\n      n || Z(t, o);\n    }, s + r + 17);\n  } else\n    e.apply(t, [o]);\n}, ro = (t) => Float32Array.from(Array.from(t)), co = (t) => Float64Array.from(Array.from(t)), ao = (t, e) => t.focus(e), io = (t) => t?.trim().replace(/([a-z])([A-Z])/g, \"$1-$2\").replace(/\\s+/g, \"-\").toLowerCase(), F = (t) => [\"true\", !0].includes(t) ? !0 : [\"false\", !1].includes(t) ? !1 : [\"null\", \"\", null, void 0].includes(t) ? null : t !== \"\" && !Number.isNaN(+t) ? +t : t, S = (t) => Object.entries(t), uo = (t, e, n, o) => {\n  if (!i(t)) return e;\n  const s = { ...n }, r = { ...t.dataset }, a = { ...e }, l = {}, p = \"title\";\n  return S(r).forEach(([c, g]) => {\n    const A = o && typeof c == \"string\" && c.includes(o) ? P(c.replace(o, \"\")) : P(c);\n    l[A] = F(g);\n  }), S(s).forEach(([c, g]) => {\n    s[c] = F(g);\n  }), S(e).forEach(([c, g]) => {\n    c in s ? a[c] = s[c] : c in l ? a[c] = l[c] : a[c] = c === p ? K(t, p) : g;\n  }), a;\n}, lo = (t, e) => v(t) && (Object.hasOwn(t, e) || e in t), fo = (t) => Object.keys(t), po = (t) => Object.values(t), go = (t) => Object.fromEntries(t), mo = (t, e) => {\n  const n = new CustomEvent(t, {\n    cancelable: !0,\n    bubbles: !0\n  });\n  return v(e) && T(n, e), n;\n}, vo = { passive: !0 }, bo = (t) => t.offsetHeight, Eo = (t, e) => {\n  S(e).forEach(([n, o]) => {\n    if (o && N(n) && n.includes(\"--\"))\n      t.style.setProperty(n, o);\n    else {\n      const s = {};\n      s[n] = o, T(t.style, s);\n    }\n  });\n}, O = (t) => v(t) && t.constructor.name === \"Map\" || !1, le = (t) => typeof t == \"number\" || !1, m = /* @__PURE__ */ new Map(), ho = {\n  set: (t, e, n, o) => {\n    i(t) && (o && o.length ? (m.has(t) || m.set(t, /* @__PURE__ */ new Map()), m.get(t).set(o, setTimeout(e, n))) : m.set(t, setTimeout(e, n)));\n  },\n  get: (t, e) => {\n    if (!i(t)) return null;\n    const n = m.get(t);\n    return e && n && O(n) ? n.get(e) || null : le(n) ? n : null;\n  },\n  clear: (t, e) => {\n    if (!i(t)) return;\n    const n = m.get(t);\n    e && e.length && O(n) ? (clearTimeout(n.get(e)), n.delete(e), n.size === 0 && m.delete(t)) : (clearTimeout(n), m.delete(t));\n  }\n}, yo = (t) => t.toLowerCase(), wo = (t) => t.toUpperCase(), de = (t, e) => (u(e) ? e : d()).querySelectorAll(t), z = /* @__PURE__ */ new Map();\nfunction _(t) {\n  const { shiftKey: e, code: n } = t, o = d(this), s = [\n    ...de(Zt, this)\n  ].filter(\n    (l) => !oe(l, \"disabled\") && !K(l, X)\n  );\n  if (!s.length) return;\n  const r = s[0], a = s[s.length - 1];\n  n === \"Tab\" && (e && o.activeElement === r ? (a.focus(), t.preventDefault()) : !e && o.activeElement === a && (r.focus(), t.preventDefault()));\n}\nconst I = (t) => z.has(t) === !0, fe = (t) => {\n  I(t) || (Q(t, \"keydown\", _), z.set(t, !0));\n}, pe = (t) => {\n  I(t) && (j(t, \"keydown\", _), z.delete(t));\n}, Ao = (t) => {\n  I(t) ? pe(t) : fe(t);\n}, b = (t) => i(t) && \"offsetWidth\" in t || !1, y = (t, e) => {\n  const { width: n, height: o, top: s, right: r, bottom: a, left: l } = t.getBoundingClientRect();\n  let p = 1, c = 1;\n  if (e && b(t)) {\n    const { offsetWidth: g, offsetHeight: A } = t;\n    p = g > 0 ? Math.round(n) / g : 1, c = A > 0 ? Math.round(o) / A : 1;\n  }\n  return {\n    width: n / p,\n    height: o / c,\n    top: s / c,\n    right: r / p,\n    bottom: a / c,\n    left: l / p,\n    x: l / p,\n    y: s / c\n  };\n}, So = (t) => d(t).body, w = (t) => d(t).documentElement, ko = (t) => d(t).head, ge = (t) => u(t) ? (t.nodeName || \"\").toLowerCase() : \"#document\", No = (t) => {\n  const e = q(t), n = e ? t.scrollX : t.scrollLeft, o = e ? t.scrollY : t.scrollTop;\n  return { x: n, y: o };\n}, me = (t) => u(t) && t.constructor.name === \"ShadowRoot\" || !1, k = (t) => t.nodeName === \"HTML\" ? t : i(t) && t.assignedSlot || u(t) && t.parentNode || me(t) && t.host || w(t), ve = (t) => t ? G(t) ? t.defaultView : u(t) ? t?.ownerDocument?.defaultView : t : window, be = (t) => u(t) && [\"TABLE\", \"TD\", \"TH\"].includes(t.nodeName) || !1, Ee = (t, e) => t.matches(e), D = (t) => f(t, \"position\") === \"static\", he = (t) => f(t, \"position\") === \"fixed\", $ = (t) => [\":popover-open\", \":modal\"].some((e) => {\n  try {\n    return Ee(t, e);\n  } catch {\n    return !1;\n  }\n}), J = (t) => {\n  const e = te(), n = i(t) ? getComputedStyle(t) : t;\n  return n.transform !== \"none\" || n.perspective !== \"none\" || (n.containerType ? n.containerType !== \"normal\" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== \"none\" : !1) || !e && (n.filter ? n.filter !== \"none\" : !1) || [\"transform\", \"perspective\", \"filter\"].some(\n    (o) => (n.willChange || \"\").includes(o)\n  ) || [\"paint\", \"layout\", \"strict\", \"content\"].some(\n    (o) => (n.contain || \"\").includes(o)\n  );\n}, ye = (t) => {\n  let e = k(t);\n  for (; i(e) && !x(e); ) {\n    if (J(e))\n      return e;\n    if ($(e))\n      return null;\n    e = k(e);\n  }\n  return null;\n}, x = (t) => [\"html\", \"body\", \"#document\"].includes(ge(t)), B = (t) => {\n  if (!b(t) || he(t))\n    return null;\n  let e = t.offsetParent;\n  return w(t) === e && (e = e.ownerDocument.body), e;\n}, To = (t) => {\n  const e = ve(t);\n  if (!u(t) || $(t))\n    return e;\n  if (!b(t)) {\n    let o = k(t);\n    for (; o && !x(o); ) {\n      if (i(o) && !D(o))\n        return o;\n      o = k(o);\n    }\n    return e;\n  }\n  let n = B(t);\n  for (; n && be(n) && D(n); )\n    n = B(n);\n  return n && x(n) && D(n) && !J(n) ? e : n || ye(t) || e;\n}, we = (t) => {\n  if (!b(t)) return !1;\n  const { width: e, height: n } = y(t), { offsetWidth: o, offsetHeight: s } = t;\n  return Math.round(e) !== o || Math.round(n) !== s;\n}, Co = (t, e, n) => {\n  const o = b(e), s = y(\n    t,\n    o && we(e)\n  ), r = { x: 0, y: 0 };\n  if (o) {\n    const a = y(e, !0);\n    r.x = a.x + e.clientLeft, r.y = a.y + e.clientTop;\n  }\n  return {\n    x: s.left + n.x - r.x,\n    y: s.top + n.y - r.y,\n    width: s.width,\n    height: s.height\n  };\n};\nlet V = 0, H = 0;\nconst h = /* @__PURE__ */ new Map(), Ae = (t, e) => {\n  let n = e ? V : H;\n  if (e) {\n    const o = Ae(t), s = h.get(o) || /* @__PURE__ */ new Map();\n    h.has(o) || h.set(o, s), O(s) && !s.has(e) ? (s.set(e, n), V += 1) : n = s.get(e);\n  } else {\n    const o = t.id || t;\n    h.has(o) ? n = h.get(o) : (h.set(o, n), H += 1);\n  }\n  return n;\n}, Se = (t) => Array.isArray(t) || !1, Mo = (t) => u(t) && t.nodeName === \"CANVAS\" || !1, ke = (t) => b(t) && !!t.shadowRoot || !1, Do = (t) => {\n  if (!u(t)) return !1;\n  const { top: e, bottom: n } = y(t), { clientHeight: o } = w(t);\n  return e <= o && n >= 0;\n}, Lo = (t) => {\n  if (!i(t)) return !1;\n  const { clientWidth: e, clientHeight: n } = w(t), { top: o, left: s, bottom: r, right: a } = y(t, !0);\n  return o >= 0 && s >= 0 && r <= n && a <= e;\n}, Oo = (t) => Se(t) && t.every(i) || !1, xo = (t) => typeof t == \"function\" || !1, zo = (t) => v(t) && t.constructor.name === \"HTMLCollection\" || !1, Io = (t) => b(t) && t.tagName === \"IMG\" || !1, Po = (t) => {\n  if (!N(t)) return !1;\n  try {\n    JSON.parse(t);\n  } catch {\n    return !1;\n  }\n  return !0;\n}, Fo = (t) => v(t) && t.constructor.name === \"WeakMap\" || !1, Bo = (t) => u(t) && [\"SVG\", \"Image\", \"Video\", \"Canvas\"].some(\n  (e) => t.constructor.name.includes(e)\n) || !1, Vo = (t) => v(t) && t.constructor.name === \"NodeList\" || !1, Ho = (t) => w(t).dir === \"rtl\", Uo = (t) => u(t) && t.constructor.name.includes(\"SVG\") || !1, Ne = (t, e) => !t || !e ? null : t.closest(e) || Ne(t.getRootNode().host, e) || null, Wo = (t, e) => i(t) ? t : (i(e) ? e : d()).querySelector(t), Te = (t, e) => (u(e) ? e : d()).getElementsByTagName(\n  t\n), Ro = (t) => [...Te(\"*\", t)].filter(ke), Qo = (t, e) => d(e).getElementById(t), jo = (t, e) => (e && u(e) ? e : d()).getElementsByClassName(\n  t\n);\nexport {\n  Yn as ArrayFrom,\n  U as DOMContentLoadedEvent,\n  st as DOMMouseScrollEvent,\n  L as Data,\n  ro as Float32ArrayFrom,\n  co as Float64ArrayFrom,\n  T as ObjectAssign,\n  S as ObjectEntries,\n  go as ObjectFromEntries,\n  lo as ObjectHasOwn,\n  fo as ObjectKeys,\n  po as ObjectValues,\n  ho as Timer,\n  Y as abortEvent,\n  Gn as addClass,\n  An as addEventListener,\n  fe as addFocusTrap,\n  $t as animationDelay,\n  _t as animationDuration,\n  C as animationEndEvent,\n  W as animationName,\n  Me as ariaChecked,\n  Le as ariaDescribedBy,\n  De as ariaDescription,\n  Oe as ariaExpanded,\n  xe as ariaHasPopup,\n  X as ariaHidden,\n  ze as ariaLabel,\n  Ie as ariaLabelledBy,\n  Pe as ariaModal,\n  Fe as ariaPressed,\n  Be as ariaSelected,\n  He as ariaValueMax,\n  Ve as ariaValueMin,\n  Ue as ariaValueNow,\n  We as ariaValueText,\n  tt as beforeunloadEvent,\n  kn as bezierEasings,\n  et as blurEvent,\n  P as camelCase,\n  eo as capitalize,\n  nt as changeEvent,\n  Ne as closest,\n  ot as contextmenuEvent,\n  mo as createCustomEvent,\n  se as createElement,\n  re as createElementNS,\n  Z as dispatchEvent,\n  no as distinct,\n  $n as documentBody,\n  Jn as documentElement,\n  Xn as documentHead,\n  Qe as dragEvent,\n  Ze as dragendEvent,\n  Ke as dragenterEvent,\n  qe as dragleaveEvent,\n  Ge as dragoverEvent,\n  je as dragstartEvent,\n  oo as emulateAnimationEnd,\n  so as emulateTransitionEnd,\n  rt as errorEvent,\n  ao as focus,\n  ct as focusEvent,\n  tn as focusEvents,\n  Zt as focusableSelector,\n  at as focusinEvent,\n  it as focusoutEvent,\n  ut as gesturechangeEvent,\n  lt as gestureendEvent,\n  dt as gesturestartEvent,\n  K as getAttribute,\n  Wn as getAttributeNS,\n  y as getBoundingClientRect,\n  Ro as getCustomElements,\n  d as getDocument,\n  So as getDocumentBody,\n  w as getDocumentElement,\n  ko as getDocumentHead,\n  ce as getElementAnimationDelay,\n  ae as getElementAnimationDuration,\n  Qo as getElementById,\n  f as getElementStyle,\n  ie as getElementTransitionDelay,\n  ue as getElementTransitionDuration,\n  jo as getElementsByClassName,\n  Te as getElementsByTagName,\n  to as getInstance,\n  ge as getNodeName,\n  No as getNodeScroll,\n  To as getOffsetParent,\n  k as getParentNode,\n  Co as getRectRelativeToOffsetParent,\n  Ae as getUID,\n  ve as getWindow,\n  _ as handleKeyboardNavigation,\n  oe as hasAttribute,\n  Rn as hasAttributeNS,\n  _n as hasClass,\n  I as hasFocusTrap,\n  zn as isApple,\n  Se as isArray,\n  Mo as isCanvas,\n  ke as isCustomElement,\n  G as isDocument,\n  i as isElement,\n  Do as isElementInScrollRange,\n  Lo as isElementInViewport,\n  Oo as isElementsArray,\n  In as isFirefox,\n  xo as isFunction,\n  zo as isHTMLCollection,\n  b as isHTMLElement,\n  Io as isHTMLImageElement,\n  Po as isJSON,\n  O as isMap,\n  Bo as isMedia,\n  xn as isMobile,\n  u as isNode,\n  Vo as isNodeList,\n  le as isNumber,\n  v as isObject,\n  Ho as isRTL,\n  Uo as isSVGElement,\n  we as isScaledElement,\n  me as isShadowRoot,\n  N as isString,\n  be as isTableElement,\n  Fo as isWeakMap,\n  te as isWebKit,\n  q as isWindow,\n  io as kebabCase,\n  nn as keyAlt,\n  on as keyArrowDown,\n  rn as keyArrowLeft,\n  cn as keyArrowRight,\n  sn as keyArrowUp,\n  an as keyBackspace,\n  un as keyCapsLock,\n  ln as keyControl,\n  dn as keyDelete,\n  fn as keyEnter,\n  gn as keyEscape,\n  mn as keyInsert,\n  vn as keyMeta,\n  pn as keyNumpadEnter,\n  bn as keyPause,\n  En as keyScrollLock,\n  hn as keyShift,\n  yn as keySpace,\n  wn as keyTab,\n  en as keyboardEventKeys,\n  ft as keydownEvent,\n  pt as keypressEvent,\n  gt as keyupEvent,\n  mt as loadEvent,\n  _e as loadstartEvent,\n  Ee as matches,\n  Je as mouseClickEvents,\n  Xe as mouseHoverEvents,\n  $e as mouseSwipeEvents,\n  vt as mouseclickEvent,\n  bt as mousedblclickEvent,\n  Et as mousedownEvent,\n  wt as mouseenterEvent,\n  yt as mousehoverEvent,\n  St as mouseinEvent,\n  At as mouseleaveEvent,\n  Tt as mousemoveEvent,\n  kt as mouseoutEvent,\n  Nt as mouseoverEvent,\n  ht as mouseupEvent,\n  Ct as mousewheelEvent,\n  Mt as moveEvent,\n  Re as nativeEvents,\n  ee as noop,\n  uo as normalizeOptions,\n  F as normalizeValue,\n  j as off,\n  Nn as offsetHeight,\n  Tn as offsetWidth,\n  Q as on,\n  ne as one,\n  Dt as orientationchangeEvent,\n  vo as passiveHandler,\n  Lt as pointercancelEvent,\n  Ot as pointerdownEvent,\n  xt as pointerleaveEvent,\n  zt as pointermoveEvent,\n  It as pointerupEvent,\n  Wo as querySelector,\n  de as querySelectorAll,\n  Pt as readystatechangeEvent,\n  bo as reflow,\n  Kn as removeAttribute,\n  qn as removeAttributeNS,\n  Zn as removeClass,\n  Sn as removeEventListener,\n  pe as removeFocusTrap,\n  Ft as resetEvent,\n  Bt as resizeEvent,\n  Wt as scrollEvent,\n  Cn as scrollHeight,\n  Mn as scrollWidth,\n  Vt as selectEvent,\n  Ht as selectendEvent,\n  Ut as selectstartEvent,\n  Qn as setAttribute,\n  jn as setAttributeNS,\n  Eo as setElementStyle,\n  Rt as submitEvent,\n  Pn as support3DTransform,\n  Hn as supportAnimation,\n  Fn as supportPassive,\n  Vn as supportTouch,\n  Bn as supportTransform,\n  Un as supportTransition,\n  Dn as tabindex,\n  yo as toLowerCase,\n  wo as toUpperCase,\n  Ao as toggleFocusTrap,\n  Ye as touchEvents,\n  Kt as touchcancelEvent,\n  qt as touchendEvent,\n  jt as touchmoveEvent,\n  Qt as touchstartEvent,\n  Xt as transitionDelay,\n  Jt as transitionDuration,\n  M as transitionEndEvent,\n  R as transitionProperty,\n  Gt as unloadEvent,\n  On as userAgent,\n  Ln as userAgentData,\n  Ce as version\n};\n//# sourceMappingURL=shorty.mjs.map\n","import { isElement, isFunction } from \"@thednp/shorty\";\n\n//#region package.json\nvar version = \"1.1.0\";\n\n//#endregion\n//#region src/index.ts\nconst callbackModes = [\n\t\"all\",\n\t\"intersecting\",\n\t\"update\"\n];\nconst errorString = \"PositionObserver Error\";\n/**\n* The PositionObserver class is a utility class that observes the position\n* of DOM elements and triggers a callback when their position changes.\n*/\nvar PositionObserver = class {\n\tentries;\n\tstatic version = version;\n\t/** `PositionObserver.tick` */\n\t_t;\n\t/** `PositionObserver.root` */\n\t_r;\n\t/** `PositionObserver.callbackMode` */\n\t_cm;\n\t/** `PositionObserver.root.clientWidth` */\n\t_w;\n\t/** `PositionObserver.root.clientHeight` */\n\t_h;\n\t/** `IntersectionObserver.options.rootMargin` */\n\t_rm;\n\t/** `IntersectionObserver.options.threshold` */\n\t_th;\n\t/** `PositionObserver.callback` */\n\t_c;\n\t/**\n\t* The constructor takes two arguments, a `callback`, which is called\n\t* whenever the position of an observed element changes and an `options` object.\n\t* The callback function takes an array of `PositionObserverEntry` objects\n\t* as its first argument and the PositionObserver instance as its second argument.\n\t*\n\t* @param callback the callback that applies to all targets of this observer\n\t* @param options the options of this observer\n\t*/\n\tconstructor(callback, options) {\n\t\tif (!isFunction(callback)) throw new Error(`${errorString}: ${callback} is not a function.`);\n\t\tthis.entries = /* @__PURE__ */ new Map();\n\t\tthis._c = callback;\n\t\tthis._t = 0;\n\t\tconst root = isElement(options?.root) ? options.root : document?.documentElement;\n\t\tthis._r = root;\n\t\tthis._rm = options?.rootMargin;\n\t\tthis._th = options?.threshold;\n\t\t/* istanbul ignore next @preserve */\n\t\tthis._cm = callbackModes.indexOf(options?.callbackMode || \"intersecting\");\n\t\tthis._w = root.clientWidth;\n\t\tthis._h = root.clientHeight;\n\t}\n\t/**\n\t* Start observing the position of the specified element.\n\t* If the element is not currently attached to the DOM,\n\t* it will NOT be added to the entries.\n\t*\n\t* @param target an `Element` target\n\t*/\n\tobserve = (target) => {\n\t\tif (!isElement(target)) throw new Error(`${errorString}: ${target} is not an instance of Element.`);\n\t\t/* istanbul ignore else @preserve - a guard must be set */\n\t\tif (!this._r.contains(target)) return;\n\t\tthis._n(target).then((ioEntry) => {\n\t\t\t/* istanbul ignore else @preserve - don't allow duplicate entries */\n\t\t\tif (ioEntry.boundingClientRect && !this.getEntry(target)) this.entries.set(target, ioEntry);\n\t\t\t/* istanbul ignore else @preserve */\n\t\t\tif (!this._t) this._t = requestAnimationFrame(this._rc);\n\t\t});\n\t};\n\t/**\n\t* Stop observing the position of the specified element.\n\t*\n\t* @param target an `Element` target\n\t*/\n\tunobserve = (target) => {\n\t\t/* istanbul ignore else @preserve */\n\t\tif (this.entries.has(target)) this.entries.delete(target);\n\t};\n\t/**\n\t* Private method responsible for all the heavy duty,\n\t* the observer's runtime.\n\t* `PositionObserver.runCallback`\n\t*/\n\t_rc = () => {\n\t\t/* istanbul ignore if @preserve - a guard must be set */\n\t\tif (!this.entries.size) {\n\t\t\tthis._t = 0;\n\t\t\treturn;\n\t\t}\n\t\tconst { clientWidth, clientHeight } = this._r;\n\t\tconst queue = new Promise((resolve) => {\n\t\t\tconst updates = [];\n\t\t\tthis.entries.forEach(({ target, boundingClientRect: oldBoundingBox, isIntersecting: oldIsIntersecting }) => {\n\t\t\t\t/* istanbul ignore if @preserve - a guard must be set when target has been removed */\n\t\t\t\tif (!this._r.contains(target)) return;\n\t\t\t\tthis._n(target).then((ioEntry) => {\n\t\t\t\t\t/* istanbul ignore if @preserve - make sure to only count visible entries */\n\t\t\t\t\tif (!ioEntry.isIntersecting) {\n\t\t\t\t\t\tif (this._cm === 1) return;\n\t\t\t\t\t\telse if (this._cm === 2) {\n\t\t\t\t\t\t\tif (oldIsIntersecting) {\n\t\t\t\t\t\t\t\tthis.entries.set(target, ioEntry);\n\t\t\t\t\t\t\t\tupdates.push(ioEntry);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tconst { left, top } = ioEntry.boundingClientRect;\n\t\t\t\t\t/* istanbul ignore else @preserve - only schedule entries that changed position */\n\t\t\t\t\tif (oldBoundingBox.top !== top || oldBoundingBox.left !== left || this._w !== clientWidth || this._h !== clientHeight) {\n\t\t\t\t\t\tthis.entries.set(target, ioEntry);\n\t\t\t\t\t\tupdates.push(ioEntry);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t\tthis._w = clientWidth;\n\t\t\tthis._h = clientHeight;\n\t\t\tresolve(updates);\n\t\t});\n\t\tthis._t = requestAnimationFrame(async () => {\n\t\t\tconst updates = await queue;\n\t\t\t/* istanbul ignore else @preserve */\n\t\t\tif (updates.length) this._c(updates, this);\n\t\t\tthis._rc();\n\t\t});\n\t};\n\t/**\n\t* Check intersection status and resolve it\n\t* right away.\n\t*\n\t* `PositionObserver.newEntryForTarget`\n\t*\n\t* @param target an `Element` target\n\t*/\n\t_n = (target) => {\n\t\treturn new Promise((resolve) => {\n\t\t\tconst intersectionObserver = new IntersectionObserver(([ioEntry], ob) => {\n\t\t\t\tob.disconnect();\n\t\t\t\tresolve(ioEntry);\n\t\t\t}, {\n\t\t\t\tthreshold: this._th,\n\t\t\t\trootMargin: this._rm\n\t\t\t});\n\t\t\tintersectionObserver.observe(target);\n\t\t});\n\t};\n\t/**\n\t* Find the entry for a given target.\n\t*\n\t* @param target an `HTMLElement` target\n\t*/\n\tgetEntry = (target) => this.entries.get(target);\n\t/**\n\t* Immediately stop observing all elements.\n\t*/\n\tdisconnect = () => {\n\t\tcancelAnimationFrame(this._t);\n\t\tthis.entries.clear();\n\t\tthis._t = 0;\n\t};\n};\n\n//#endregion\nexport { PositionObserver as default };\n//# sourceMappingURL=index.mjs.map","/**\r\n * Converts a JavaScript object into a readable method call string format.\r\n *\r\n * This utility is designed for copying object configurations and transforming them\r\n * into method call syntax for easy copy-pasting of global settings or configurations.\r\n *\r\n * @template T - The type of the input object, constrained to Record<string, any>\r\n * @param obj - The object to convert to method call format\r\n * @param methodName - The name of the method to wrap the object in (e.g., 'ForesightManager.initialize')\r\n * @returns A formatted string representing the object as a method call with proper indentation\r\n *\r\n */\r\nexport function objectToMethodCall<T extends Record<string, any>>(\r\n  obj: T,\r\n  methodName: string\r\n): string {\r\n  const entries = Object.entries(obj) as Array<[keyof T, T[keyof T]]>\r\n\r\n  // Filter out deprecated keys\r\n  const filteredEntries = entries.filter(([key]) => {\r\n    const keyStr = String(key)\r\n    if (keyStr === \"resizeScrollThrottleDelay\") {\r\n      return false\r\n    }\r\n    return true\r\n  })\r\n\r\n  const formattedEntries = filteredEntries\r\n    .map(([key, value]) => `  ${String(key)}: ${formatValue(value)}`)\r\n    .join(\",\\n\")\r\n\r\n  return `${methodName}({\\n${formattedEntries}\\n})`\r\n}\r\n\r\n/**\r\n * Formats a value with proper indentation and type-appropriate string representation.\r\n *\r\n * @param value - The value to format (can be any type)\r\n * @param indent - The current indentation level (defaults to 2 spaces)\r\n * @returns A formatted string representation of the value\r\n */\r\nconst formatValue = (value: unknown, indent: number = 2): string => {\r\n  const spaces = \" \".repeat(indent)\r\n\r\n  if (typeof value === \"object\" && value !== null && !Array.isArray(value)) {\r\n    const entries = Object.entries(value as Record<string, unknown>)\r\n    if (entries.length === 0) return \"{}\"\r\n\r\n    const formattedEntries = entries\r\n      .map(([key, val]) => `${spaces}  ${key}: ${formatValue(val, indent + 2)}`)\r\n      .join(\",\\n\")\r\n\r\n    return `{\\n${formattedEntries}\\n${spaces}}`\r\n  }\r\n\r\n  if (typeof value === \"string\") return `'${value}'`\r\n  if (typeof value === \"boolean\" || typeof value === \"number\") return String(value)\r\n  if (value === null) return \"null\"\r\n  if (value === undefined) return \"undefined\"\r\n  if (Array.isArray(value)) return JSON.stringify(value)\r\n\r\n  return String(value)\r\n}\r\n","type attributes = {\r\n  className?: string\r\n  data?: string\r\n  id?: string\r\n}\r\n\r\nexport function createAndAppendElement(\r\n  tag: string,\r\n  parent: Node,\r\n  attributes: attributes\r\n): HTMLElement {\r\n  const element = document.createElement(tag)\r\n  if (attributes.id) element.id = attributes.id\r\n  if (attributes.className) element.className = attributes.className\r\n  if (attributes.data) element.setAttribute(\"data-value\", attributes.data)\r\n  return parent.appendChild(element)\r\n}\r\n\r\nexport function createAndAppendStyle(\r\n  styleSheet: string,\r\n  parent: Node,\r\n  id: string\r\n): HTMLStyleElement {\r\n  const element = document.createElement(\"style\")\r\n  element.textContent = styleSheet\r\n  element.id = id\r\n  return parent.appendChild(element)\r\n}\r\n","export const getIntersectingIcon = (isIntersectingWithViewport: boolean): string =>\r\n  isIntersectingWithViewport ? \"👁️\" : \"🚫\"\r\n","// DebuggerControlPanel.ts\r\nimport { ForesightManager } from \"js.foresight\"\r\nimport type {\r\n  ForesightElementData,\r\n  ForesightElement,\r\n  ForesightManagerSettings,\r\n  UpdateForsightManagerSettings,\r\n} from \"js.foresight\"\r\nimport type { DebuggerSettings, SortElementList, DebuggerBooleanSettingKeys } from \"../types\"\r\n\r\n// Define types that aren't exported from js.foresight but are needed internally\r\ntype NumericSettingKeys = keyof {\r\n  [K in keyof UpdateForsightManagerSettings]: UpdateForsightManagerSettings[K] extends number\r\n    ? K\r\n    : never\r\n}\r\n\r\ntype ManagerBooleanSettingKeys = keyof {\r\n  [K in keyof UpdateForsightManagerSettings]: UpdateForsightManagerSettings[K] extends boolean\r\n    ? K\r\n    : never\r\n}\r\n\r\n// Constants that should be available from js.foresight or defined locally\r\nconst DEFAULT_IS_DEBUGGER_MINIMIZED = false\r\nconst DEFAULT_SHOW_NAME_TAGS = true\r\nconst MAX_POSITION_HISTORY_SIZE = 30\r\nconst MAX_SCROLL_MARGIN = 300\r\nconst MAX_TAB_OFFSET = 20\r\nconst MAX_TRAJECTORY_PREDICTION_TIME = 200\r\nconst MIN_POSITION_HISTORY_SIZE = 2\r\nconst MIN_SCROLL_MARGIN = 30\r\nconst MIN_TAB_OFFSET = 0\r\nconst MIN_TRAJECTORY_PREDICTION_TIME = 10\r\nconst POSITION_HISTORY_SIZE_UNIT = \"points\"\r\nconst SCROLL_MARGIN_UNIT = \"px\"\r\nconst TAB_OFFSET_UNIT = \"tabs\"\r\nconst TRAJECTORY_PREDICTION_TIME_UNIT = \"ms\"\r\n\r\nimport { objectToMethodCall } from \"./helpers/objectToMethodCall\"\r\nimport { createAndAppendStyle } from \"./helpers/createAndAppend\"\r\nimport { getIntersectingIcon } from \"./helpers/getIntersectingIcon\"\r\nimport type { ForesightDebugger } from \"./ForesightDebugger\"\r\n\r\ntype SectionStates = {\r\n  mouse: boolean\r\n  keyboard: boolean\r\n  scroll: boolean\r\n  general: boolean\r\n}\r\n\r\nconst COPY_SVG_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>`\r\nconst TICK_SVG_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>`\r\nconst SORT_SVG_ICON = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"></polygon></svg>`\r\nconst NO_ELEMENTS_STRING = \"<em>No elements registered.</em>\"\r\n\r\nexport class DebuggerControlPanel {\r\n  private foresightManagerInstance: ForesightManager\r\n  private debuggerInstance: ForesightDebugger\r\n  private static debuggerControlPanelInstance: DebuggerControlPanel\r\n\r\n  // These properties will be assigned in _setupDOMAndListeners\r\n  private shadowRoot!: ShadowRoot\r\n  private controlsContainer!: HTMLElement\r\n  private controlPanelStyleElement!: HTMLStyleElement\r\n  private elementListItemsContainer: HTMLElement | null = null\r\n  private elementCountSpan: HTMLSpanElement | null = null\r\n  private callbackCountSpan: HTMLSpanElement | null = null\r\n  private elementListItems: Map<ForesightElement, HTMLElement> = new Map()\r\n\r\n  private trajectoryEnabledCheckbox: HTMLInputElement | null = null\r\n  private tabEnabledCheckbox: HTMLInputElement | null = null\r\n  private scrollEnabledCheckbox: HTMLInputElement | null = null\r\n  private historySizeSlider: HTMLInputElement | null = null\r\n  private historyValueSpan: HTMLSpanElement | null = null\r\n  private predictionTimeSlider: HTMLInputElement | null = null\r\n  private predictionValueSpan: HTMLSpanElement | null = null\r\n  private tabOffsetSlider: HTMLInputElement | null = null\r\n  private tabOffsetValueSpan: HTMLSpanElement | null = null\r\n  private scrollMarginSlider: HTMLInputElement | null = null\r\n  private scrollMarginValueSpan: HTMLSpanElement | null = null\r\n  private showNameTagsCheckbox: HTMLInputElement | null = null\r\n  private sortOptionsPopup: HTMLDivElement | null = null\r\n  private sortButton: HTMLButtonElement | null = null\r\n\r\n  private containerMinimizeButton: HTMLButtonElement | null = null\r\n  private allSettingsSectionsContainer: HTMLElement | null = null\r\n  private debuggerElementsSection: HTMLElement | null = null\r\n  private isContainerMinimized: boolean = false\r\n\r\n  private isMouseSettingsMinimized: boolean = true\r\n  private isKeyboardSettingsMinimized: boolean = true\r\n  private isScrollSettingsMinimized: boolean = true\r\n  private isGeneralSettingsMinimized: boolean = true\r\n  private readonly SESSION_STORAGE_KEY = \"jsforesightDebuggerSectionStates\"\r\n\r\n  private copySettingsButton: HTMLButtonElement | null = null\r\n  private minimizedElementCount: HTMLSpanElement | null = null\r\n  private copyTimeoutId: ReturnType<typeof setTimeout> | null = null\r\n  private closeSortDropdownHandler: ((e: MouseEvent) => void) | null = null\r\n\r\n  private constructor(foresightManager: ForesightManager, debuggerInstance: ForesightDebugger) {\r\n    this.foresightManagerInstance = foresightManager\r\n    this.debuggerInstance = debuggerInstance\r\n  }\r\n\r\n  /**\r\n   * The initialize method now creates the instance if needed,\r\n   * then calls the setup method to ensure the UI is ready.\r\n   */\r\n  public static initialize(\r\n    foresightManager: ForesightManager,\r\n    debuggerInstance: ForesightDebugger,\r\n    shadowRoot: ShadowRoot,\r\n    debuggerSettings: DebuggerSettings\r\n  ): DebuggerControlPanel {\r\n    if (!DebuggerControlPanel.isInitiated) {\r\n      DebuggerControlPanel.debuggerControlPanelInstance = new DebuggerControlPanel(\r\n        foresightManager,\r\n        debuggerInstance\r\n      )\r\n    }\r\n\r\n    const instance = DebuggerControlPanel.debuggerControlPanelInstance\r\n\r\n    // This will build the DOM on first run or rebuild it on subsequent runs after cleanup.\r\n    instance._setupDOMAndListeners(shadowRoot, debuggerSettings)\r\n\r\n    return instance\r\n  }\r\n\r\n  /**\r\n   * All DOM creation and event listener setup logic is moved here.\r\n   * This method can be called to \"revive\" a cleaned-up instance.\r\n   */\r\n  private _setupDOMAndListeners(shadowRoot: ShadowRoot, debuggerSettings: DebuggerSettings) {\r\n    // Guard clause to prevent re-running if the UI is already active.\r\n    if (this.controlsContainer) {\r\n      return\r\n    }\r\n\r\n    this.shadowRoot = shadowRoot\r\n    this.isContainerMinimized =\r\n      debuggerSettings.isControlPanelDefaultMinimized ?? DEFAULT_IS_DEBUGGER_MINIMIZED\r\n    this.controlsContainer = this.createControlContainer()\r\n    this.shadowRoot.appendChild(this.controlsContainer)\r\n\r\n    this.controlPanelStyleElement = createAndAppendStyle(\r\n      this.getStyles(),\r\n      this.shadowRoot,\r\n      \"debug-control-panel\"\r\n    )\r\n    this.queryDOMElements()\r\n    this.originalSectionStates()\r\n    this.setupEventListeners()\r\n    this.updateContainerVisibilityState()\r\n  }\r\n\r\n  private static get isInitiated(): boolean {\r\n    return !!DebuggerControlPanel.debuggerControlPanelInstance\r\n  }\r\n\r\n  private loadSectionStatesFromSessionStorage(): Partial<SectionStates> {\r\n    const storedStatesRaw = sessionStorage.getItem(this.SESSION_STORAGE_KEY)\r\n    let loadedStates: Partial<SectionStates> = {}\r\n\r\n    if (storedStatesRaw) {\r\n      loadedStates = JSON.parse(storedStatesRaw)\r\n    }\r\n\r\n    this.isMouseSettingsMinimized = loadedStates.mouse ?? true\r\n    this.isKeyboardSettingsMinimized = loadedStates.keyboard ?? true\r\n    this.isScrollSettingsMinimized = loadedStates.scroll ?? true\r\n    this.isGeneralSettingsMinimized = loadedStates.general ?? true\r\n    return loadedStates\r\n  }\r\n\r\n  private saveSectionStatesToSessionStorage() {\r\n    const states: SectionStates = {\r\n      mouse: this.isMouseSettingsMinimized,\r\n      keyboard: this.isKeyboardSettingsMinimized,\r\n      scroll: this.isScrollSettingsMinimized,\r\n      general: this.isGeneralSettingsMinimized,\r\n    }\r\n    try {\r\n      sessionStorage.setItem(this.SESSION_STORAGE_KEY, JSON.stringify(states))\r\n    } catch (e) {\r\n      console.error(\"Foresight Debugger: Could not save section states to session storage.\", e)\r\n    }\r\n  }\r\n\r\n  private queryDOMElements() {\r\n    this.trajectoryEnabledCheckbox = this.controlsContainer.querySelector(\"#trajectory-enabled\")\r\n    this.tabEnabledCheckbox = this.controlsContainer.querySelector(\"#tab-enabled\")\r\n    this.scrollEnabledCheckbox = this.controlsContainer.querySelector(\"#scroll-enabled\")\r\n    this.historySizeSlider = this.controlsContainer.querySelector(\"#history-size\")\r\n    this.historyValueSpan = this.controlsContainer.querySelector(\"#history-value\")\r\n    this.predictionTimeSlider = this.controlsContainer.querySelector(\"#prediction-time\")\r\n    this.predictionValueSpan = this.controlsContainer.querySelector(\"#prediction-value\")\r\n    this.tabOffsetSlider = this.controlsContainer.querySelector(\"#tab-offset\")\r\n    this.tabOffsetValueSpan = this.controlsContainer.querySelector(\"#tab-offset-value\")\r\n    this.scrollMarginSlider = this.controlsContainer.querySelector(\"#scroll-margin\")\r\n    this.scrollMarginValueSpan = this.controlsContainer.querySelector(\"#scroll-margin-value\")\r\n    this.elementListItemsContainer = this.controlsContainer.querySelector(\r\n      \"#element-list-items-container\"\r\n    )\r\n    this.showNameTagsCheckbox = this.controlsContainer.querySelector(\"#toggle-name-tags\")\r\n    this.sortOptionsPopup = this.controlsContainer.querySelector(\"#sort-options-popup\")\r\n    this.sortButton = this.controlsContainer.querySelector(\".sort-button\")\r\n    this.elementCountSpan = this.controlsContainer.querySelector(\"#element-count\")\r\n    this.callbackCountSpan = this.controlsContainer.querySelector(\"#callback-count\")\r\n    this.containerMinimizeButton = this.controlsContainer.querySelector(\".minimize-button\")\r\n    this.allSettingsSectionsContainer = this.controlsContainer.querySelector(\r\n      \".all-settings-sections-container\"\r\n    )\r\n    this.debuggerElementsSection = this.controlsContainer.querySelector(\".debugger-elements\")\r\n    this.copySettingsButton = this.controlsContainer.querySelector(\".copy-settings-button\")\r\n    this.minimizedElementCount = this.controlsContainer.querySelector(\".minimized-element-count\")\r\n  }\r\n\r\n  private handleCopySettings() {\r\n    if (!this.copySettingsButton) return\r\n    navigator.clipboard\r\n      .writeText(\r\n        objectToMethodCall(\r\n          this.foresightManagerInstance.getManagerData.globalSettings,\r\n          \"ForesightManager.initialize\"\r\n        )\r\n      )\r\n      .then(() => {\r\n        this.copySettingsButton!.innerHTML = TICK_SVG_ICON\r\n        if (this.copyTimeoutId) {\r\n          clearTimeout(this.copyTimeoutId)\r\n        }\r\n        this.copyTimeoutId = setTimeout(() => {\r\n          if (this.copySettingsButton) {\r\n            this.copySettingsButton.innerHTML = COPY_SVG_ICON\r\n          }\r\n          this.copyTimeoutId = null\r\n        }, 3000)\r\n      })\r\n      .catch((err) => {\r\n        console.error(\"Foresight Debugger: Could not copy settings to clipboard\", err)\r\n      })\r\n  }\r\n\r\n  private createInputEventListener(\r\n    element: HTMLInputElement | null,\r\n    spanElement: HTMLSpanElement | null,\r\n    unit: string,\r\n    setting: NumericSettingKeys\r\n  ) {\r\n    if (!element || !spanElement) {\r\n      return\r\n    }\r\n    element.addEventListener(\"input\", (e) => {\r\n      const value = parseInt((e.target as HTMLInputElement).value, 10)\r\n      spanElement.textContent = `${value} ${unit}`\r\n      this.foresightManagerInstance.alterGlobalSettings({\r\n        [setting]: value,\r\n      })\r\n    })\r\n  }\r\n\r\n  private createChangeEventListener(\r\n    element: HTMLElement | null,\r\n    setting: ManagerBooleanSettingKeys | DebuggerBooleanSettingKeys\r\n  ) {\r\n    if (!element) {\r\n      return\r\n    }\r\n\r\n    // This is the crucial part. We get an object representing the debugger's\r\n    // settings so we can check against it at runtime.\r\n    // Replace `this.debuggerInstance.settings` with however you access\r\n    // the settings object on your instance.\r\n    const debuggerSettings = this.debuggerInstance.getDebuggerData.settings\r\n\r\n    element.addEventListener(\"change\", (e) => {\r\n      const isChecked = (e.target as HTMLInputElement).checked\r\n\r\n      // The `in` operator checks if the key (e.g., \"showOverlay\") exists on the\r\n      // debuggerSettings object. This is a true runtime check.\r\n      if (setting in debuggerSettings) {\r\n        // Although we've confirmed the key belongs to the debugger, TypeScript's\r\n        // control flow analysis doesn't automatically narrow the type of the\r\n        // `setting` variable itself here.\r\n        // So, we use a type assertion to satisfy the compiler.\r\n        this.debuggerInstance.alterDebuggerSettings({\r\n          [setting]: isChecked,\r\n        } as Partial<DebuggerSettings>)\r\n      } else {\r\n        // If the key is not in debuggerSettings, it must be a manager setting.\r\n        this.foresightManagerInstance.alterGlobalSettings({\r\n          [setting]: isChecked,\r\n        } as Partial<UpdateForsightManagerSettings>)\r\n      }\r\n    })\r\n  }\r\n\r\n  private createSectionVisibilityToggleEventListener(\r\n    section: HTMLDivElement | null,\r\n    isMinimizedFlagName:\r\n      | \"isMouseSettingsMinimized\"\r\n      | \"isKeyboardSettingsMinimized\"\r\n      | \"isScrollSettingsMinimized\"\r\n      | \"isGeneralSettingsMinimized\"\r\n  ) {\r\n    const sectionHeader = section?.querySelector(\".debugger-section-header\")\r\n    sectionHeader?.addEventListener(\"click\", (e) => {\r\n      e.stopPropagation()\r\n      this.toggleMinimizeSection(section, (this[isMinimizedFlagName] = !this[isMinimizedFlagName]))\r\n    })\r\n  }\r\n\r\n  private setupEventListeners() {\r\n    this.createChangeEventListener(this.trajectoryEnabledCheckbox, \"enableMousePrediction\")\r\n    this.createChangeEventListener(this.tabEnabledCheckbox, \"enableTabPrediction\")\r\n    this.createChangeEventListener(this.scrollEnabledCheckbox, \"enableScrollPrediction\")\r\n    this.createChangeEventListener(this.showNameTagsCheckbox, \"showNameTags\")\r\n    this.createInputEventListener(\r\n      this.historySizeSlider,\r\n      this.historyValueSpan,\r\n      POSITION_HISTORY_SIZE_UNIT,\r\n      \"positionHistorySize\"\r\n    )\r\n\r\n    this.createInputEventListener(\r\n      this.predictionTimeSlider,\r\n      this.predictionValueSpan,\r\n      TRAJECTORY_PREDICTION_TIME_UNIT,\r\n      \"trajectoryPredictionTime\"\r\n    )\r\n\r\n    this.createInputEventListener(\r\n      this.tabOffsetSlider,\r\n      this.tabOffsetValueSpan,\r\n      TAB_OFFSET_UNIT,\r\n      \"tabOffset\"\r\n    )\r\n\r\n    this.createInputEventListener(\r\n      this.scrollMarginSlider,\r\n      this.scrollMarginValueSpan,\r\n      SCROLL_MARGIN_UNIT,\r\n      \"scrollMargin\"\r\n    )\r\n\r\n    this.sortButton?.addEventListener(\"click\", (e) => {\r\n      e.stopPropagation()\r\n      this.sortOptionsPopup?.classList.toggle(\"active\")\r\n    })\r\n\r\n    this.sortOptionsPopup?.addEventListener(\"click\", (e) => {\r\n      const target = e.target as HTMLElement\r\n      const sortButton = target.closest(\"[data-sort]\") as HTMLElement | null\r\n      if (!sortButton) return\r\n\r\n      const value = sortButton.dataset.sort as SortElementList\r\n      this.debuggerInstance.alterDebuggerSettings({\r\n        sortElementList: value,\r\n      })\r\n      console.log(\"here\")\r\n      this.sortAndReorderElements()\r\n      this.updateSortOptionUI(value)\r\n      this.sortOptionsPopup?.classList.remove(\"active\")\r\n    })\r\n\r\n    this.closeSortDropdownHandler = (e: MouseEvent) => {\r\n      if (\r\n        this.sortOptionsPopup?.classList.contains(\"active\") &&\r\n        !this.sortButton?.contains(e.target as Node)\r\n      ) {\r\n        this.sortOptionsPopup.classList.remove(\"active\")\r\n      }\r\n    }\r\n    document.addEventListener(\"click\", this.closeSortDropdownHandler)\r\n\r\n    this.containerMinimizeButton?.addEventListener(\"click\", () => {\r\n      this.isContainerMinimized = !this.isContainerMinimized\r\n      this.updateContainerVisibilityState()\r\n    })\r\n    this.copySettingsButton?.addEventListener(\"click\", this.handleCopySettings.bind(this))\r\n\r\n    this.createSectionVisibilityToggleEventListener(\r\n      this.controlsContainer.querySelector(\".mouse-settings-section\"),\r\n      \"isMouseSettingsMinimized\"\r\n    )\r\n    this.createSectionVisibilityToggleEventListener(\r\n      this.controlsContainer.querySelector(\".keyboard-settings-section\"),\r\n      \"isKeyboardSettingsMinimized\"\r\n    )\r\n    this.createSectionVisibilityToggleEventListener(\r\n      this.controlsContainer.querySelector(\".scroll-settings-section\"),\r\n      \"isScrollSettingsMinimized\"\r\n    )\r\n    this.createSectionVisibilityToggleEventListener(\r\n      this.controlsContainer.querySelector(\".general-settings-section\"),\r\n      \"isGeneralSettingsMinimized\"\r\n    )\r\n  }\r\n\r\n  private toggleMinimizeSection(section: HTMLDivElement | null, shouldMinimize: boolean) {\r\n    if (!section) {\r\n      return\r\n    }\r\n    const sectionContent: HTMLDivElement | null = section.querySelector(\".debugger-section-content\")\r\n    const minimizeButton: HTMLButtonElement | null = section.querySelector(\r\n      \".section-minimize-button\"\r\n    )\r\n    if (sectionContent && minimizeButton) {\r\n      if (shouldMinimize) {\r\n        sectionContent.style.display = \"none\"\r\n        minimizeButton.textContent = \"+\"\r\n      } else {\r\n        sectionContent.style.display = \"flex\"\r\n        minimizeButton.textContent = \"-\"\r\n      }\r\n    }\r\n    this.saveSectionStatesToSessionStorage()\r\n  }\r\n\r\n  private originalSectionStates() {\r\n    const states = this.loadSectionStatesFromSessionStorage()\r\n    this.toggleMinimizeSection(\r\n      this.controlsContainer.querySelector(\".mouse-settings-section\"),\r\n      states.mouse ?? true\r\n    )\r\n    this.toggleMinimizeSection(\r\n      this.controlsContainer.querySelector(\".keyboard-settings-section\"),\r\n      states.keyboard ?? true\r\n    )\r\n    this.toggleMinimizeSection(\r\n      this.controlsContainer.querySelector(\".scroll-settings-section\"),\r\n      states.scroll ?? true\r\n    )\r\n    this.toggleMinimizeSection(\r\n      this.controlsContainer.querySelector(\".general-settings-section\"),\r\n      states.general ?? true\r\n    )\r\n    // Ensure the element list is always open by default\r\n    const elementListContent = this.debuggerElementsSection?.querySelector(\r\n      \".debugger-section-content\"\r\n    )\r\n    if (elementListContent) {\r\n      ;(elementListContent as HTMLElement).style.display = \"flex\"\r\n    }\r\n  }\r\n\r\n  private updateContainerVisibilityState() {\r\n    if (!this.containerMinimizeButton) return\r\n    if (this.isContainerMinimized) {\r\n      this.controlsContainer.classList.add(\"minimized\")\r\n      this.containerMinimizeButton.textContent = \"+\"\r\n      if (this.allSettingsSectionsContainer)\r\n        this.allSettingsSectionsContainer.style.display = \"none\"\r\n      if (this.debuggerElementsSection) this.debuggerElementsSection.style.display = \"none\"\r\n      if (this.copySettingsButton) this.copySettingsButton.style.display = \"none\"\r\n      if (this.minimizedElementCount) this.minimizedElementCount.style.display = \"\"\r\n    } else {\r\n      this.controlsContainer.classList.remove(\"minimized\")\r\n      this.containerMinimizeButton.textContent = \"-\"\r\n      if (this.allSettingsSectionsContainer) this.allSettingsSectionsContainer.style.display = \"\"\r\n      if (this.debuggerElementsSection) this.debuggerElementsSection.style.display = \"\"\r\n      if (this.copySettingsButton) this.copySettingsButton.style.display = \"\"\r\n      if (this.minimizedElementCount) this.minimizedElementCount.style.display = \"none\"\r\n    }\r\n  }\r\n\r\n  // Adds a tick before the choosen sort option\r\n  private updateSortOptionUI(currentSort: SortElementList) {\r\n    this.sortOptionsPopup?.querySelectorAll(\"[data-sort]\").forEach((button) => {\r\n      const btn = button as HTMLElement\r\n      if (btn.dataset.sort === currentSort) {\r\n        btn.classList.add(\"active-sort-option\")\r\n      } else {\r\n        btn.classList.remove(\"active-sort-option\")\r\n      }\r\n    })\r\n  }\r\n\r\n  public updateControlsState(\r\n    managerSettings: ForesightManagerSettings,\r\n    debuggerSettings: DebuggerSettings\r\n  ) {\r\n    if (this.trajectoryEnabledCheckbox) {\r\n      this.trajectoryEnabledCheckbox.checked = managerSettings.enableMousePrediction\r\n    }\r\n    if (this.tabEnabledCheckbox) {\r\n      this.tabEnabledCheckbox.checked = managerSettings.enableTabPrediction\r\n    }\r\n    if (this.scrollEnabledCheckbox) {\r\n      this.scrollEnabledCheckbox.checked = managerSettings.enableScrollPrediction\r\n    }\r\n    if (this.showNameTagsCheckbox) {\r\n      this.showNameTagsCheckbox.checked = debuggerSettings.showNameTags ?? DEFAULT_SHOW_NAME_TAGS\r\n    }\r\n    this.updateSortOptionUI(debuggerSettings.sortElementList ?? \"visibility\")\r\n    if (this.historySizeSlider && this.historyValueSpan) {\r\n      this.historySizeSlider.value = managerSettings.positionHistorySize.toString()\r\n      this.historyValueSpan.textContent = `${managerSettings.positionHistorySize} ${POSITION_HISTORY_SIZE_UNIT}`\r\n    }\r\n    if (this.predictionTimeSlider && this.predictionValueSpan) {\r\n      this.predictionTimeSlider.value = managerSettings.trajectoryPredictionTime.toString()\r\n      this.predictionValueSpan.textContent = `${managerSettings.trajectoryPredictionTime} ${TRAJECTORY_PREDICTION_TIME_UNIT}`\r\n    }\r\n    if (this.tabOffsetSlider && this.tabOffsetValueSpan) {\r\n      this.tabOffsetSlider.value = managerSettings.tabOffset.toString()\r\n      this.tabOffsetValueSpan.textContent = `${managerSettings.tabOffset} ${TAB_OFFSET_UNIT}`\r\n    }\r\n    if (this.scrollMarginSlider && this.scrollMarginValueSpan) {\r\n      this.scrollMarginSlider.value = managerSettings.scrollMargin.toString()\r\n      this.scrollMarginValueSpan.textContent = `${managerSettings.scrollMargin} ${SCROLL_MARGIN_UNIT}`\r\n    }\r\n  }\r\n\r\n  private refreshRegisteredElementCountDisplay(\r\n    elementsMap: ReadonlyMap<Element, ForesightElementData>\r\n  ) {\r\n    if (!this.elementCountSpan || !this.callbackCountSpan) {\r\n      return\r\n    }\r\n\r\n    let visibleElementCount = 0\r\n    elementsMap.forEach((data) => {\r\n      if (data.isIntersectingWithViewport) {\r\n        visibleElementCount++\r\n      }\r\n    })\r\n    const totalElements = elementsMap.size\r\n    const { tab, mouse, scroll, total } =\r\n      this.foresightManagerInstance.getManagerData.globalCallbackHits\r\n    const visibleTitle = [\r\n      \"Element Visibility Status\",\r\n      \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n      `Visible in Viewport: ${visibleElementCount}`,\r\n      `Not in Viewport: ${totalElements - visibleElementCount}`,\r\n      `Total Registered Elements: ${totalElements}`,\r\n      \"\",\r\n      \"Note: Only elements visible in the viewport\",\r\n      \"are actively tracked by intersection observers.\",\r\n    ]\r\n    if (this.minimizedElementCount) {\r\n      this.minimizedElementCount.textContent = `${visibleElementCount}/${totalElements}`\r\n      this.minimizedElementCount.title = visibleTitle.join(\"\\n\")\r\n    }\r\n\r\n    this.elementCountSpan.textContent = `Visible: ${visibleElementCount}/${totalElements} ~ `\r\n    this.elementCountSpan.title = visibleTitle.join(\"\\n\")\r\n    this.callbackCountSpan.textContent = `Mouse: ${mouse.hover + mouse.trajectory} Tab: ${\r\n      tab.forwards + tab.reverse\r\n    } Scroll: ${scroll.down + scroll.left + scroll.right + scroll.up}`\r\n    this.callbackCountSpan.title = [\r\n      \"Callback Execution Stats\",\r\n      \"━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n      \"Mouse Callbacks\",\r\n      `   • Trajectory: ${mouse.trajectory}`,\r\n      `   • Hover: ${mouse.hover}`,\r\n      `   • Subtotal: ${mouse.hover + mouse.trajectory}`,\r\n      \"\",\r\n      \"Keyboard Callbacks:\",\r\n      `   • Tab Forward: ${tab.forwards}`,\r\n      `   • Tab Reverse: ${tab.reverse}`,\r\n      `   • Subtotal: ${tab.forwards + tab.reverse}`,\r\n      \"\",\r\n      \"Scroll Callbacks:\",\r\n      `   • Up: ${scroll.up} | Down: ${scroll.down}`,\r\n      `   • Left: ${scroll.left} | Right: ${scroll.right}`,\r\n      `   • Subtotal: ${scroll.up + scroll.down + scroll.left + scroll.right}`,\r\n      \"\",\r\n      \"Total Callbacks: \" + total,\r\n    ].join(\"\\n\")\r\n  }\r\n\r\n  public removeElementFromList(elementData: ForesightElementData) {\r\n    if (!this.elementListItemsContainer) return\r\n\r\n    const listItem = this.elementListItems.get(elementData.element)\r\n\r\n    if (listItem) {\r\n      listItem.remove()\r\n      this.elementListItems.delete(elementData.element)\r\n      const elementsMap = this.foresightManagerInstance.registeredElements\r\n      this.refreshRegisteredElementCountDisplay(elementsMap)\r\n\r\n      if (this.elementListItems.size === 0) {\r\n        this.elementListItemsContainer.innerHTML = NO_ELEMENTS_STRING\r\n      }\r\n    }\r\n  }\r\n\r\n  public updateElementVisibilityStatus(elementData: ForesightElementData) {\r\n    if (!this.elementListItemsContainer) return\r\n    const listItem = this.elementListItems.get(elementData.element)\r\n    if (!listItem) {\r\n      this.addElementToList(elementData)\r\n      return\r\n    }\r\n\r\n    listItem.classList.toggle(\"not-in-viewport\", !elementData.isIntersectingWithViewport)\r\n    const intersectingElement = listItem.querySelector(\".intersecting-indicator\")\r\n    if (intersectingElement) {\r\n      const intersectingIcon = getIntersectingIcon(elementData.isIntersectingWithViewport)\r\n      intersectingElement.textContent = intersectingIcon\r\n    }\r\n    this.refreshRegisteredElementCountDisplay(this.foresightManagerInstance.registeredElements)\r\n    this.sortAndReorderElements()\r\n  }\r\n\r\n  private sortAndReorderElements() {\r\n    if (!this.elementListItemsContainer) return\r\n\r\n    const sortOrder = this.debuggerInstance.getDebuggerData.settings.sortElementList ?? \"visibility\"\r\n\r\n    const elementsData = Array.from(this.foresightManagerInstance.registeredElements.values())\r\n\r\n    if (sortOrder !== \"insertionOrder\") {\r\n      const sortByDocumentPosition = (a: ForesightElementData, b: ForesightElementData) => {\r\n        const position = a.element.compareDocumentPosition(b.element)\r\n        if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1\r\n        if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1\r\n        return 0\r\n      }\r\n\r\n      if (sortOrder === \"visibility\") {\r\n        elementsData.sort((a, b) => {\r\n          if (a.isIntersectingWithViewport !== b.isIntersectingWithViewport) {\r\n            return a.isIntersectingWithViewport ? -1 : 1\r\n          }\r\n          return sortByDocumentPosition(a, b)\r\n        })\r\n      } else if (sortOrder === \"documentOrder\") {\r\n        elementsData.sort(sortByDocumentPosition)\r\n      }\r\n    }\r\n\r\n    const fragment = document.createDocumentFragment()\r\n\r\n    if (elementsData.length) {\r\n      elementsData.forEach((elementData) => {\r\n        const listItem = this.elementListItems.get(elementData.element)\r\n        if (listItem) {\r\n          // Appending to the fragment is cheap (it's off-screen)\r\n          fragment.appendChild(listItem)\r\n        }\r\n      })\r\n\r\n      this.elementListItemsContainer.innerHTML = \"\"\r\n      this.elementListItemsContainer.appendChild(fragment)\r\n    }\r\n  }\r\n\r\n  public addElementToList(elementData: ForesightElementData, sort: boolean = true) {\r\n    if (!this.elementListItemsContainer) return\r\n    if (this.elementListItemsContainer.innerHTML === NO_ELEMENTS_STRING) {\r\n      this.elementListItemsContainer.innerHTML = \"\"\r\n    }\r\n    if (this.elementListItems.has(elementData.element)) return\r\n    const listItem = document.createElement(\"div\")\r\n    listItem.className = \"element-list-item\"\r\n    this.updateListItemContent(listItem, elementData)\r\n    this.elementListItemsContainer!.appendChild(listItem)\r\n    this.elementListItems.set(elementData.element, listItem)\r\n    this.refreshRegisteredElementCountDisplay(this.foresightManagerInstance.registeredElements)\r\n    if (sort) {\r\n      this.sortAndReorderElements()\r\n    }\r\n  }\r\n\r\n  private updateListItemContent(listItem: HTMLElement, elementData: ForesightElementData) {\r\n    // Determine the viewport icon based on current visibility status\r\n    const intersectingIcon = getIntersectingIcon(elementData.isIntersectingWithViewport)\r\n    listItem.classList.toggle(\"not-in-viewport\", !elementData.isIntersectingWithViewport)\r\n\r\n    let hitSlopText = \"N/A\"\r\n\r\n    if (elementData.elementBounds.hitSlop) {\r\n      const { top, right, bottom, left } = elementData.elementBounds.hitSlop\r\n      hitSlopText = `T:${top} R:${right} B:${bottom} L:${left}`\r\n    }\r\n\r\n    // Create comprehensive title with all information\r\n    const comprehensiveTitle = [\r\n      `${elementData.name || \"Unnamed Element\"}`,\r\n      \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n      \"Viewport Status:\",\r\n      elementData.isIntersectingWithViewport\r\n        ? \"   ✓ In viewport - actively tracked by observers\"\r\n        : \"   ✗ Not in viewport - not being tracked\",\r\n      \"\",\r\n      \"Hit Slop:\",\r\n      elementData.elementBounds.hitSlop\r\n        ? [\r\n            `     Top: ${elementData.elementBounds.hitSlop.top}px, Bottom: ${elementData.elementBounds.hitSlop.bottom}px `,\r\n            `     Right: ${elementData.elementBounds.hitSlop.right}px, Left: ${elementData.elementBounds.hitSlop.left}px`,\r\n          ].join(\"\\n\")\r\n        : \"   • Not defined - using element's natural boundaries\",\r\n      \"\",\r\n    ].join(\"\\n\")\r\n\r\n    listItem.title = comprehensiveTitle\r\n\r\n    listItem.innerHTML = `\r\n    <span class=\"intersecting-indicator\">${intersectingIcon}</span>\r\n    <span class=\"element-name\">${elementData.name || \"Unnamed Element\"}</span>\r\n    <span class=\"hit-slop\">${hitSlopText}</span>\r\n  `\r\n  }\r\n  /**\r\n   * The cleanup method is updated to be more thorough, nullifying all\r\n   * DOM-related properties to put the instance in a dormant state.\r\n   */\r\n  public cleanup() {\r\n    this.controlsContainer?.remove()\r\n    this.controlPanelStyleElement?.remove()\r\n\r\n    if (this.copyTimeoutId) {\r\n      clearTimeout(this.copyTimeoutId)\r\n      this.copyTimeoutId = null\r\n    }\r\n\r\n    if (this.closeSortDropdownHandler) {\r\n      document.removeEventListener(\"click\", this.closeSortDropdownHandler)\r\n      this.closeSortDropdownHandler = null\r\n    }\r\n\r\n    // Nullify all DOM-related properties to signal it's \"cleaned up\"\r\n    this.controlsContainer = null!\r\n    this.controlPanelStyleElement = null!\r\n    this.elementListItemsContainer = null\r\n    this.elementCountSpan = null\r\n    this.callbackCountSpan = null\r\n    this.elementListItems.clear()\r\n    this.containerMinimizeButton = null\r\n    this.allSettingsSectionsContainer = null\r\n    this.debuggerElementsSection = null\r\n    this.trajectoryEnabledCheckbox = null\r\n    this.tabEnabledCheckbox = null\r\n    this.scrollEnabledCheckbox = null\r\n    this.historySizeSlider = null\r\n    this.historyValueSpan = null\r\n    this.predictionTimeSlider = null\r\n    this.predictionValueSpan = null\r\n    this.tabOffsetSlider = null\r\n    this.tabOffsetValueSpan = null\r\n    this.scrollMarginSlider = null\r\n    this.scrollMarginValueSpan = null\r\n    this.showNameTagsCheckbox = null\r\n    this.sortOptionsPopup = null\r\n    this.sortButton = null\r\n    this.copySettingsButton = null\r\n  }\r\n\r\n  private createControlContainer(): HTMLElement {\r\n    const container = document.createElement(\"div\")\r\n    container.id = \"debug-controls\"\r\n    container.innerHTML = /* html */ `\r\n      <div class=\"debugger-title-container\">\r\n        <button class=\"minimize-button\">-</button>\r\n        <div class=\"title-group\">\r\n          <h2>Foresight Debugger</h2>\r\n         <span class=\"info-icon\" title=\"${[\r\n           \"Foresight Debugger Information\",\r\n           \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n           \"Session-Only Changes:\",\r\n           \"All adjustments made here apply only to the\",\r\n           \"current browser session and won't persist.\",\r\n           \"\",\r\n           \"Permanent Configuration:\",\r\n           \"To make lasting changes, update the initial\",\r\n           \"values in your ForesightManager.initialize().\",\r\n           \"\",\r\n           \"You can copy the current debugger settings\",\r\n           \"with the button on the right\",\r\n         ].join(\"\\n\")}\">i</span>\r\n        </div>\r\n           <button class=\"copy-settings-button\" title=\"${[\r\n             \"Copy Settings to Clipboard\",\r\n             \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n             \"Copies the current configuration as a\",\r\n             \"formatted method call that you can paste\",\r\n             \"directly into your code.\",\r\n           ].join(\"\\n\")}\">\r\n          ${COPY_SVG_ICON}\r\n        </button>\r\n        <span class=\"minimized-element-count\">\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"all-settings-sections-container\">\r\n        <div class=\"debugger-section mouse-settings-section\">\r\n          <div class=\"debugger-section-header collapsible\">\r\n            <h3>Mouse Settings</h3>\r\n            <button class=\"section-minimize-button\">-</button>\r\n          </div>\r\n          <div class=\"debugger-section-content mouse-settings-content\">\r\n            <div class=\"control-row\">\r\n             <label for=\"trajectory-enabled\">\r\n                Enable Mouse Prediction\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Mouse Prediction Control\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"When enabled: Predicts mouse movement\",\r\n                  \"trajectory and triggers callbacks before\",\r\n                  \"the cursor reaches the target element.\",\r\n                  \"\",\r\n                  \"When disabled: Only direct hover events\",\r\n                  \"trigger actions (next to tab/scroll).\",\r\n                  \"\",\r\n                  \"Property: enableMousePrediction\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"checkbox\" id=\"trajectory-enabled\">\r\n            </div>\r\n            <div class=\"control-row\">\r\n             <label for=\"history-size\">\r\n                History Size\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Position History\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"Controls how many past mouse positions\",\r\n                  \"are stored for velocity calculations.\",\r\n                  \"\",\r\n                  \"Higher values:\",\r\n                  \"   • More accurate trajectory predictions\",\r\n                  \"   • Smoother movement detection\",\r\n                  \"   • Slightly increased processing overhead\",\r\n                  \"\",\r\n                  \"Lower values:\",\r\n                  \"   • Faster response to direction changes\",\r\n                  \"   • Less memory usage\",\r\n                  \"   • May be less accurate for fast movements\",\r\n                  \"\",\r\n                  \"Property: positionHistorySize\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"range\" id=\"history-size\" min=\"${MIN_POSITION_HISTORY_SIZE}\" max=\"${MAX_POSITION_HISTORY_SIZE}\">\r\n              <span id=\"history-value\"></span>\r\n            </div>\r\n            <div class=\"control-row\">\r\n            <label for=\"prediction-time\">\r\n                Prediction Time\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Trajectory Prediction Time\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  `How far into the future (in ${TRAJECTORY_PREDICTION_TIME_UNIT})`,\r\n                  \"to calculate the mouse trajectory path.\",\r\n                  \"\",\r\n                  \"Larger values:\",\r\n                  \"   • Elements are detected sooner\",\r\n                  \"   • More time for preloading/preparation\",\r\n                  \"   • May trigger false positives for curved paths\",\r\n                  \"\",\r\n                  \"Smaller values:\",\r\n                  \"   • More precise targeting\",\r\n                  \"   • Reduced false positive rate\",\r\n                  \"   • Less time for preparation\",\r\n                  \"\",\r\n                  \"Property: trajectoryPredictionTime\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"range\" id=\"prediction-time\" min=\"${MIN_TRAJECTORY_PREDICTION_TIME}\" max=\"${MAX_TRAJECTORY_PREDICTION_TIME}\" step=\"10\">\r\n              <span id=\"prediction-value\"></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"debugger-section keyboard-settings-section\">\r\n          <div class=\"debugger-section-header collapsible\">\r\n            <h3>Keyboard Settings</h3>\r\n            <button class=\"section-minimize-button\">-</button>\r\n          </div>\r\n          <div class=\"debugger-section-content keyboard-settings-content\">\r\n            <div class=\"control-row\">\r\n             <label for=\"tab-enabled\">\r\n                Enable Tab Prediction\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Tab Navigation Prediction\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"When enabled: Callbacks are executed when\",\r\n                  `the user is ${this.foresightManagerInstance.getManagerData.globalSettings.tabOffset} (tabOffset) ${TAB_OFFSET_UNIT} away from`,\r\n                  \"a registered element during tab navigation.\",\r\n                  \"\",\r\n                  \"(works with Shift+Tab too).\",\r\n                  \"\",\r\n                  \"Property: enableTabPrediction\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"checkbox\" id=\"tab-enabled\">\r\n            </div>\r\n            <div class=\"control-row\">\r\n               <label for=\"tab-offset\">\r\n                Tab Offset\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Tab Offset\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"Number of tabbable elements to look ahead\",\r\n                  \"when predicting tab navigation targets.\",\r\n                  \"\",\r\n                  \"How it works:\",\r\n                  \"   • Tracks the current focused element\",\r\n                  \"   • Looks ahead by the specified offset\",\r\n                  \"   • Triggers callbacks for registered elements\",\r\n                  \"     within that range\",\r\n                  \"\",\r\n                  \"Property: tabOffset\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"range\" id=\"tab-offset\" min=\"${MIN_TAB_OFFSET}\" max=\"${MAX_TAB_OFFSET}\" step=\"1\">\r\n              <span id=\"tab-offset-value\"></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"debugger-section scroll-settings-section\">\r\n          <div class=\"debugger-section-header collapsible\">\r\n            <h3>Scroll Settings</h3>\r\n            <button class=\"section-minimize-button\">-</button>\r\n          </div>\r\n        <div class=\"debugger-section-content scroll-settings-content\">\r\n          <div class=\"control-row\">\r\n          <label for=\"scroll-enabled\">\r\n              Enable Scroll Prediction\r\n              <span class=\"info-icon\" title=\"${[\r\n                \"Scroll Prediction\",\r\n                \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                \"Enables predictive scrolling based on mouse\",\r\n                \"position and scroll direction.\",\r\n                \"\",\r\n                \"When enabled, calculates scroll direction from\",\r\n                \"mouse movement and triggers callbacks for\",\r\n                \"elements that intersect the predicted path.\",\r\n                \"\",\r\n                \"Property: enableScrollPrediction\",\r\n              ].join(\"\\n\")}\">i</span>\r\n            </label>\r\n            <input type=\"checkbox\" id=\"scroll-enabled\">\r\n          </div>\r\n          <div class=\"control-row\">\r\n            <label for=\"scroll-margin\">\r\n              Scroll Margin\r\n              <span class=\"info-icon\" title=\"${[\r\n                \"Scroll Margin\",\r\n                \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                \"Sets the pixel distance to check from the\",\r\n                \"mouse position in the scroll direction.\",\r\n                \"\",\r\n                \"Higher values check further ahead, allowing\",\r\n                \"earlier detection of elements that will come\",\r\n                \"into view during scrolling.\",\r\n                \"\",\r\n                \"Property: scrollMargin\",\r\n              ].join(\"\\n\")}\">i</span>\r\n            </label>\r\n            <input type=\"range\" id=\"scroll-margin\" min=\"${MIN_SCROLL_MARGIN}\" max=\"${MAX_SCROLL_MARGIN}\" step=\"10\">\r\n            <span id=\"scroll-margin-value\"></span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"debugger-section general-settings-section\">\r\n          <div class=\"debugger-section-header collapsible\">\r\n            <h3>General Settings</h3>\r\n            <button class=\"section-minimize-button\">-</button>\r\n          </div>\r\n          <div class=\"debugger-section-content general-settings-content\">\r\n           <div class=\"control-row\">\r\n              <label for=\"toggle-name-tags\">\r\n                Show Name Tags\r\n                <span class=\"info-icon\" title=\"${[\r\n                  \"Visual Debug Name Tags\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"When enabled: Displays name tags over\",\r\n                  \"each registered element in debug mode.\",\r\n                  \"\",\r\n                  \"Property: debuggerSettings.showNameTags\",\r\n                ].join(\"\\n\")}\">i</span>\r\n              </label>\r\n              <input type=\"checkbox\" id=\"toggle-name-tags\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"debugger-section debugger-elements\">\r\n        <div class=\"debugger-section-header elements-list-header\">\r\n          <h3>Elements <span id=\"element-count\"></span> <span id=\"callback-count\"></span></h3>\r\n          <div class=\"header-controls\">\r\n            <div class=\"sort-control-container\">\r\n              <button class=\"sort-button\" title=\"Change element list sort order\">\r\n                ${SORT_SVG_ICON}\r\n              </button>\r\n              <div id=\"sort-options-popup\">\r\n              <button\r\n                data-sort=\"visibility\"\r\n                title=\"${[\r\n                  \"Sort by Visibility\",\r\n                  \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                  \"Sorts elements by their viewport visibility\",\r\n                  \"(visible elements first), with a secondary\",\r\n                  \"sort by their order in the document.\",\r\n                  \"\",\r\n                  \"Property: debuggerSettings.sortElementList\",\r\n                  \"Value: 'visibility'\",\r\n                ].join(\"\\n\")}\">\r\n                  Visibility\r\n                </button>\r\n                <button\r\n                  data-sort=\"documentOrder\"\r\n                  title=\"${[\r\n                    \"Sort by Document Order\",\r\n                    \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                    \"Sorts elements based on their order of\",\r\n                    \"appearance in the document's structure\",\r\n                    \"(matching the HTML source).\",\r\n                    \"\",\r\n                    \"Property: debuggerSettings.sortElementList\",\r\n                    \"Value: 'documentOrder'\",\r\n                  ].join(\"\\n\")}\"\r\n                >\r\n                  Document Order\r\n                </button>\r\n                <button\r\n                  data-sort=\"insertionOrder\"\r\n                  title=\"${[\r\n                    \"Sort by Insertion Order\",\r\n                    \"━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\",\r\n                    \"Sorts elements based on the order they\",\r\n                    \"were registered with the ForesightManager.\",\r\n                    \"\",\r\n                    \"Property: debuggerSettings.sortElementList\",\r\n                    \"Value: 'insertionOrder'\",\r\n                  ].join(\"\\n\")}\"\r\n                >\r\n                  Insertion Order\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"debugger-section-content element-list\">\r\n          <div id=\"element-list-items-container\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `\r\n    return container\r\n  }\r\n\r\n  private getStyles(): string {\r\n    const elementItemHeight = 35 // px\r\n    const elementListGap = 3 // px\r\n    const elementListItemsContainerPadding = 6 // px\r\n    const numRowsToShow = 6\r\n    const numItemsPerRow = 1\r\n\r\n    const rowsContentHeight =\r\n      elementItemHeight * numRowsToShow + elementListGap * (numRowsToShow - 1)\r\n    const elementListContainerHeight = rowsContentHeight + elementListItemsContainerPadding * 2\r\n\r\n    return /* css */ `\r\n      #debug-controls {\r\n        position: fixed; bottom: 10px; right: 10px;\r\n        background-color: rgba(0, 0, 0, 0.90); color: white; padding: 12px;\r\n        border-radius: 5px; font-family: Arial, sans-serif; font-size: 13px;\r\n        z-index: 10001; pointer-events: auto; display: flex; flex-direction: column; gap: 8px;\r\n        width: 400px;\r\n        transition: width 0.3s ease, height 0.3s ease;\r\n      }\r\n      #debug-controls.minimized {\r\n        width: 250px;\r\n        overflow: hidden;\r\n        padding: 12px 0; \r\n      }\r\n      #debug-controls.minimized .debugger-title-container {\r\n        padding-left: 10px; \r\n        padding-right: 10px;\r\n        gap: 10px; \r\n      }\r\n      #debug-controls.minimized .debugger-title-container h2 {\r\n        display: inline;\r\n        font-size: 14px;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n      }\r\n      #debug-controls.minimized .info-icon {\r\n        display: none;\r\n      }\r\n\r\n      #element-count,#callback-count {\r\n        font-size: 12px;\r\n        color: #9e9e9e;\r\n      }\r\n\r\n      .debugger-title-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between; \r\n        padding: 0 0px; \r\n      }\r\n      .title-group { \r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px; \r\n\r\n      }\r\n      .minimize-button {\r\n        background: none; border: none; color: white;\r\n        font-size: 22px; cursor: pointer;\r\n        line-height: 1;\r\n        padding-inline: 0px;\r\n      }\r\n      .debugger-title-container h2 { margin: 0; font-size: 15px; }\r\n\r\n      .copy-settings-button {\r\n        background: none; border: none; color: white;\r\n        cursor: pointer; padding: 0;\r\n        display: flex; align-items: center; justify-content: center;\r\n      }\r\n\r\n      .copy-settings-button svg {\r\n        width: 16px; height: 16px;\r\n        stroke: white;\r\n      }\r\n\r\n      .minimized-element-count {\r\n         font-size: 14px;\r\n         min-width: 30px;\r\n         text-align: right;\r\n      }\r\n\r\n      .all-settings-sections-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n      }\r\n\r\n      .debugger-section-header {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-top: 5px;\r\n        margin-bottom: 2px;\r\n        padding-bottom: 2px;\r\n        border-bottom: 1px solid #444;\r\n      }\r\n      .debugger-section-header.collapsible {\r\n        cursor: pointer;\r\n      }\r\n      .debugger-section-header h3 {\r\n         margin: 0;\r\n         font-size: 14px;\r\n         font-weight: bold;\r\n         color: #b0c4de;\r\n         flex-grow: 1;\r\n      }\r\n\r\n      .section-minimize-button {\r\n        background: none;\r\n        border: none;\r\n        color: white;\r\n        font-size: 18px;\r\n        cursor: pointer;\r\n        padding: 0px;\r\n        line-height: 1;\r\n      }\r\n\r\n      #debug-controls .control-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n      }\r\n      #debug-controls label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        cursor: pointer;\r\n      }\r\n      #debug-controls .control-row:has(input[type=\"checkbox\"]) label {\r\n        flex-grow: 1;\r\n      }\r\n      #debug-controls .control-row input[type=\"checkbox\"] {\r\n        appearance: none; -webkit-appearance: none; -moz-appearance: none;\r\n        position: relative; width: 40px; height: 18px;\r\n        background-color: #555; border-radius: 10px; cursor: pointer;\r\n        outline: none; transition: background-color 0.2s ease;\r\n        vertical-align: middle; flex-shrink: 0; margin: 0;\r\n      }\r\n      #debug-controls .control-row input[type=\"checkbox\"]::before {\r\n        content: \"\"; position: absolute; width: 14px; height: 14px;\r\n        border-radius: 50%; background-color: white; top: 2px; left: 2px;\r\n        transition: transform 0.2s ease; box-shadow: 0 1px 3px rgba(0,0,0,0.4);\r\n      }\r\n      #debug-controls .control-row input[type=\"checkbox\"]:checked {\r\n        background-color: #b0c4de;\r\n      }\r\n      #debug-controls .control-row input[type=\"checkbox\"]:checked::before {\r\n        transform: translateX(22px);\r\n      }\r\n      #debug-controls .control-row:has(input[type=\"range\"]) label {\r\n        flex-basis: 170px; flex-shrink: 0;\r\n      }\r\n      #debug-controls input[type=\"range\"] {\r\n        flex-grow: 1; margin: 0; cursor: pointer; -webkit-appearance: none;\r\n        appearance: none; background: transparent; height: 18px; vertical-align: middle;\r\n      }\r\n      #debug-controls input[type=\"range\"]::-webkit-slider-runnable-track {\r\n        height: 6px; background: #555; border-radius: 3px;\r\n      }\r\n      #debug-controls input[type=\"range\"]::-moz-range-track {\r\n        height: 6px; background: #555; border-radius: 3px;\r\n      }\r\n      #debug-controls input[type=\"range\"]::-webkit-slider-thumb {\r\n        -webkit-appearance: none; appearance: none; margin-top: -5px;\r\n        background: #b0c4de; height: 16px; width: 16px;\r\n        border-radius: 50%; border: 1px solid #333;\r\n      }\r\n      #debug-controls input[type=\"range\"]::-moz-range-thumb {\r\n        background: #b0c4de; height: 16px; width: 16px;\r\n        border-radius: 50%; border: 1px solid #333; border: none;\r\n      }\r\n      #debug-controls .control-row:has(input[type=\"range\"]) span:not(.info-icon) {\r\n        width: 55px; min-width: 55px; text-align: right; flex-shrink: 0;\r\n      }\r\n      .info-icon {\r\n        display: inline-flex; align-items: center; justify-content: center;\r\n        width: 16px; height: 16px; border-radius: 50%;\r\n        background-color: #555; color: white; font-size: 10px;\r\n        font-style: italic; font-weight: bold; font-family: 'Georgia', serif;\r\n        cursor: help; user-select: none; flex-shrink: 0;\r\n      }\r\n      .debugger-section {\r\n        display: flex; flex-direction: column; gap: 6px;\r\n      }\r\n      .debugger-section-content {\r\n        display: none; flex-direction: column; gap: 8px;\r\n      }\r\n\r\n      /* Element List Styles */\r\n      .elements-list-header { cursor: default; }\r\n      .header-controls {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n      }\r\n      .sort-control-container {\r\n        position: relative;\r\n      }\r\n      .sort-button {\r\n        background: none; border: none; color: white; cursor: pointer;\r\n        padding: 0; display: flex; align-items: center; justify-content: center;\r\n      }\r\n      .sort-button svg {\r\n        width: 16px; height: 16px; stroke: #b0c4de; transition: stroke 0.2s;\r\n      }\r\n      .sort-button:hover svg { stroke: white; }\r\n      \r\n      #sort-options-popup {\r\n        position: absolute;\r\n        bottom: calc(100% + 5px);\r\n        right: -5px;\r\n        z-index: 10;\r\n        display: none;\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        background-color: #3a3a3a;\r\n        border: 1px solid #555;\r\n        border-radius: 4px;\r\n        padding: 3px;\r\n        width: 200px;\r\n        box-shadow: 0 4px 8px rgba(0,0,0,0.3);\r\n      }\r\n      #sort-options-popup.active {\r\n        display: flex;\r\n      }\r\n      #sort-options-popup button {\r\n        background: none; border: none; color: #ccc;\r\n        font-size: 12px; text-align: left; padding: 5px 8px;\r\n        cursor: pointer; border-radius: 3px;\r\n        transition: background-color 0.2s, color 0.2s;\r\n        display: flex;\r\n        align-items: center;\r\n        height: 26px;\r\n      }\r\n      #sort-options-popup button:hover {\r\n        background-color: #555;\r\n        color: white;\r\n      }\r\n      #sort-options-popup button.active-sort-option {\r\n        color: #b0c4de;\r\n        font-weight: bold;\r\n      }\r\n      #sort-options-popup button.active-sort-option::before {\r\n        content: '✓';\r\n        margin-right: 6px;\r\n        width: 10px;\r\n      }\r\n      #sort-options-popup button::before {\r\n        content: '';\r\n        margin-right: 6px;\r\n        width: 10px;\r\n      }\r\n\r\n      .element-list { /* Scroll container */\r\n        min-height: ${elementListContainerHeight}px;\r\n        max-height: ${elementListContainerHeight}px; \r\n        overflow-y: auto;\r\n        background-color: rgba(20, 20, 20, 0.5);\r\n        border-radius: 3px;\r\n        padding: 0;\r\n        display: flex;\r\n      }\r\n\r\n      /* Modern Scrollbar Styling */\r\n      .element-list::-webkit-scrollbar { width: 8px; }\r\n      .element-list::-webkit-scrollbar-track { background: rgba(30, 30, 30, 0.5); border-radius: 4px; }\r\n      .element-list::-webkit-scrollbar-thumb { background-color: rgba(176, 196, 222, 0.5); border-radius: 4px; border: 2px solid rgba(0, 0, 0, 0.2); }\r\n      .element-list::-webkit-scrollbar-thumb:hover { background-color: rgba(176, 196, 222, 0.7); }\r\n      .element-list { scrollbar-width: thin; scrollbar-color: rgba(176, 196, 222, 0.5) rgba(30, 30, 30, 0.5); }\r\n\r\n      #element-list-items-container { \r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: ${elementListGap}px;\r\n        padding: ${elementListItemsContainerPadding}px;\r\n        min-height: ${rowsContentHeight}px;\r\n        box-sizing: border-box;\r\n        align-content: flex-start;\r\n      }\r\n      #element-list-items-container > em {\r\n        flex-basis: 100%;\r\n        text-align: center;\r\n        padding: 10px 0;\r\n        font-style: italic;\r\n        color: #ccc;\r\n        font-size: 12px;\r\n      }\r\n      .element-list-item {\r\n        flex-basis: calc((100% - (${\r\n          numItemsPerRow - 1\r\n        } * ${elementListGap}px)) / ${numItemsPerRow});\r\n        flex-grow: 0;\r\n        flex-shrink: 0;\r\n        height: ${elementItemHeight}px;\r\n        box-sizing: border-box;\r\n        padding: 3px 5px;\r\n        border-radius: 2px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        background-color: rgba(50,50,50,0.7);\r\n        transition: background-color 0.2s ease, opacity 0.2s ease;\r\n        font-size: 11px; \r\n        overflow: hidden;\r\n      }\r\n      \r\n      /* Viewport intersection styling */\r\n      .element-list-item.not-in-viewport { opacity: 0.4; }\r\n      \r\n      .element-list-item .element-name {\r\n        flex-grow: 1;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        font-size: 12px; \r\n        font-weight: bold;\r\n      }\r\n      .element-list-item .intersecting-indicator {\r\n        font-size: 12px;\r\n        flex-shrink: 0;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n      .element-list-item .hit-behavior,\r\n      .element-list-item .hit-slop {\r\n        font-size: 10px; \r\n        color: #b0b0b0;\r\n        padding: 2px 5px; \r\n        border-radius: 3px; \r\n        background-color: rgba(0,0,0,0.2);\r\n        flex-shrink: 0;\r\n      }\r\n    `\r\n  }\r\n}\r\n","import type { ElementOverlays } from \"../ForesightDebugger\"\r\nimport type { ForesightElementData } from \"js.foresight\"\r\n\r\nexport function updateElementOverlays(\r\n  currentOverlays: ElementOverlays,\r\n  newData: ForesightElementData,\r\n  showNameTags: boolean\r\n) {\r\n  const { expandedOverlay, nameLabel } = currentOverlays\r\n  const { expandedRect } = newData.elementBounds\r\n\r\n  const expandedWidth = expandedRect.right - expandedRect.left\r\n  const expandedHeight = expandedRect.bottom - expandedRect.top\r\n  expandedOverlay.style.width = `${expandedWidth}px`\r\n  expandedOverlay.style.height = `${expandedHeight}px`\r\n  expandedOverlay.style.transform = `translate3d(${expandedRect.left}px, ${expandedRect.top}px, 0)`\r\n  expandedOverlay.style.display = \"block\"\r\n\r\n  nameLabel.textContent = newData.name\r\n  if (newData.name === \"\" || !showNameTags) {\r\n    nameLabel.style.display = \"none\"\r\n  } else {\r\n    nameLabel.style.display = \"block\"\r\n    nameLabel.style.transform = `translate3d(${expandedRect.left}px, ${expandedRect.top - 25}px, 0)`\r\n  }\r\n}\r\n","import { ForesightManager } from \"js.foresight\"\r\nimport type {\r\n  CallbackFiredEvent,\r\n  ElementDataUpdatedEvent,\r\n  ElementRegisteredEvent,\r\n  ElementUnregisteredEvent,\r\n  ForesightElement,\r\n  ForesightElementData,\r\n  HitSlop,\r\n  ManagerSettingsChangedEvent,\r\n  MouseTrajectoryUpdateEvent,\r\n  ScrollTrajectoryUpdateEvent,\r\n} from \"js.foresight\"\r\nimport PositionObserver from \"@thednp/position-observer\"\r\nimport type { DebuggerSettings, ForesightDebuggerData } from \"../types\"\r\nimport { DebuggerControlPanel } from \"./DebuggerControlPanel\"\r\nimport { createAndAppendElement, createAndAppendStyle } from \"./helpers/createAndAppend\"\r\nimport { updateElementOverlays } from \"./helpers/updateElementOverlays\"\r\n// PositionObserver imported above\r\n\r\n// Import constants that should be available from js.foresight\r\n// These constants need to be part of the main package's public API\r\nconst DEFAULT_IS_DEBUGGER_MINIMIZED = false\r\nconst DEFAULT_SHOW_DEBUGGER = true\r\nconst DEFAULT_SHOW_NAME_TAGS = true\r\nconst DEFAULT_SORT_ELEMENT_LIST = \"visibility\" as const\r\n\r\n// Helper function that should be available from js.foresight or implemented locally\r\nfunction shouldUpdateSetting<T>(newValue: T | undefined, currentValue: T): boolean {\r\n  return newValue !== undefined && newValue !== currentValue\r\n}\r\n\r\n// Helper function that should be available from js.foresight or implemented locally\r\nfunction evaluateRegistrationConditions(): { shouldRegister: boolean } {\r\n  return {\r\n    shouldRegister: typeof window !== \"undefined\" && !(\"ontouchstart\" in window),\r\n  }\r\n}\r\n\r\nexport type ElementOverlays = {\r\n  expandedOverlay: HTMLElement\r\n  nameLabel: HTMLElement\r\n}\r\n\r\ntype callbackAnimation = {\r\n  hitSlop: Exclude<HitSlop, number>\r\n  overlay: HTMLElement\r\n  timeoutId: ReturnType<typeof setTimeout>\r\n}\r\nexport class ForesightDebugger {\r\n  private static debuggerInstance: ForesightDebugger\r\n  private callbackAnimations: Map<Element, callbackAnimation> = new Map()\r\n  private foresightManagerInstance: ForesightManager\r\n  private shadowHost!: HTMLElement\r\n  private shadowRoot!: ShadowRoot\r\n  private debugContainer!: HTMLElement\r\n  private controlPanel!: DebuggerControlPanel\r\n\r\n  private _debuggerSettings: DebuggerSettings = {\r\n    showDebugger: DEFAULT_SHOW_DEBUGGER,\r\n    isControlPanelDefaultMinimized: DEFAULT_IS_DEBUGGER_MINIMIZED,\r\n    showNameTags: DEFAULT_SHOW_NAME_TAGS,\r\n    sortElementList: DEFAULT_SORT_ELEMENT_LIST,\r\n  }\r\n\r\n  private debugElementOverlays: Map<ForesightElement, ElementOverlays> = new Map()\r\n  private predictedMouseIndicator: HTMLElement | null = null\r\n  private mouseTrajectoryLine: HTMLElement | null = null\r\n  private scrollTrajectoryLine: HTMLElement | null = null\r\n  private managerSubscriptionsController: AbortController | null = null\r\n  private constructor(foresightManager: ForesightManager) {\r\n    this.foresightManagerInstance = foresightManager\r\n  }\r\n  private animationPositionObserver: PositionObserver | null = null\r\n\r\n  public get getDebuggerData(): Readonly<ForesightDebuggerData> {\r\n    return {\r\n      settings: this._debuggerSettings,\r\n    }\r\n  }\r\n\r\n  public static initialize(\r\n    foresightManager: ForesightManager,\r\n    props?: Partial<DebuggerSettings>\r\n  ): ForesightDebugger | null {\r\n    if (typeof window === \"undefined\" || !evaluateRegistrationConditions().shouldRegister) {\r\n      return null\r\n    }\r\n    if (!ForesightDebugger.isInitiated) {\r\n      ForesightDebugger.debuggerInstance = new ForesightDebugger(foresightManager)\r\n    }\r\n\r\n    const instance = ForesightDebugger.debuggerInstance\r\n    instance.subscribeToManagerEvents()\r\n    instance.alterDebuggerSettings(props)\r\n\r\n    // Always call at the end of the initialize function\r\n    if (!instance.shadowHost) {\r\n      instance._setupDOM()\r\n    }\r\n    return instance\r\n  }\r\n\r\n  public static get instance(): ForesightDebugger {\r\n    if (!ForesightDebugger.debuggerInstance) {\r\n      throw new Error(\r\n        \"ForesightDebugger has not been initialized. Call ForesightDebugger.initialize() first.\"\r\n      )\r\n    }\r\n    return ForesightDebugger.debuggerInstance\r\n  }\r\n\r\n  private _setupDOM() {\r\n    // If for some reason we call this on an already-setup instance, do nothing.\r\n    if (this.shadowHost) {\r\n      return\r\n    }\r\n\r\n    this.shadowHost = createAndAppendElement(\"div\", document.body, {\r\n      id: \"jsforesight-debugger-shadow-host\",\r\n    })\r\n    this.shadowRoot = this.shadowHost.attachShadow({ mode: \"open\" })\r\n    this.debugContainer = createAndAppendElement(\"div\", this.shadowRoot, {\r\n      id: \"jsforesight-debug-container\",\r\n    })\r\n    this.predictedMouseIndicator = createAndAppendElement(\"div\", this.debugContainer, {\r\n      className: \"jsforesight-mouse-predicted\",\r\n    })\r\n    this.mouseTrajectoryLine = createAndAppendElement(\"div\", this.debugContainer, {\r\n      className: \"jsforesight-trajectory-line\",\r\n    })\r\n    this.scrollTrajectoryLine = createAndAppendElement(\"div\", this.debugContainer, {\r\n      className: \"jsforesight-scroll-trajectory-line\",\r\n    })\r\n    this.controlPanel = DebuggerControlPanel.initialize(\r\n      this.foresightManagerInstance,\r\n      ForesightDebugger.debuggerInstance,\r\n      this.shadowRoot,\r\n      this._debuggerSettings\r\n    )\r\n    createAndAppendStyle(debuggerCSS, this.shadowRoot, \"screen-visuals\")\r\n\r\n    this.animationPositionObserver = new PositionObserver(this.handleAnimationPositionChange)\r\n  }\r\n\r\n  private handleAnimationPositionChange = (entries: IntersectionObserverEntry[]) => {\r\n    for (const entry of entries) {\r\n      const animationData = this.callbackAnimations.get(entry.target)\r\n      if (animationData) {\r\n        const rect = entry.boundingClientRect\r\n        const { hitSlop, overlay } = animationData\r\n\r\n        const newLeft = rect.left - hitSlop.left\r\n        const newTop = rect.top - hitSlop.top\r\n        const newWidth = rect.width + hitSlop.left + hitSlop.right\r\n        const newHeight = rect.height + hitSlop.top + hitSlop.bottom\r\n\r\n        overlay.style.transform = `translate3d(${newLeft}px, ${newTop}px, 0)`\r\n        overlay.style.width = `${newWidth}px`\r\n        overlay.style.height = `${newHeight}px`\r\n      }\r\n    }\r\n  }\r\n\r\n  private static get isInitiated(): boolean {\r\n    return !!ForesightDebugger.debuggerInstance\r\n  }\r\n\r\n  public alterDebuggerSettings(props?: Partial<DebuggerSettings>) {\r\n    if (shouldUpdateSetting(props?.showNameTags, this._debuggerSettings.showNameTags)) {\r\n      this._debuggerSettings.showNameTags = props!.showNameTags!\r\n      this.toggleNameTagVisibility()\r\n    }\r\n    if (\r\n      shouldUpdateSetting(\r\n        props?.isControlPanelDefaultMinimized,\r\n        this._debuggerSettings.isControlPanelDefaultMinimized\r\n      )\r\n    ) {\r\n      this._debuggerSettings.isControlPanelDefaultMinimized = props!.isControlPanelDefaultMinimized!\r\n    }\r\n    if (shouldUpdateSetting(props?.sortElementList, this._debuggerSettings.sortElementList)) {\r\n      this._debuggerSettings.sortElementList = props!.sortElementList!\r\n    }\r\n    if (shouldUpdateSetting(props?.showDebugger, this._debuggerSettings.showDebugger)) {\r\n      this._debuggerSettings.showDebugger = props!.showDebugger!\r\n      if (this._debuggerSettings.showDebugger) {\r\n        ForesightDebugger.initialize(this.foresightManagerInstance)\r\n      } else {\r\n        this.cleanup()\r\n      }\r\n    }\r\n  }\r\n\r\n  private subscribeToManagerEvents() {\r\n    this.managerSubscriptionsController = new AbortController()\r\n    const signal = this.managerSubscriptionsController.signal\r\n    const manager = this.foresightManagerInstance\r\n\r\n    manager.addEventListener(\"elementRegistered\", this.handleAddElement, { signal })\r\n    manager.addEventListener(\"elementUnregistered\", this.handleRemoveElement, { signal })\r\n    manager.addEventListener(\"elementDataUpdated\", this.handleElementDataUpdated, { signal })\r\n    manager.addEventListener(\"mouseTrajectoryUpdate\", this.handleMouseTrajectoryUpdate, {\r\n      signal,\r\n    })\r\n    manager.addEventListener(\"scrollTrajectoryUpdate\", this.handleScrollTrajectoryUpdate, {\r\n      signal,\r\n    })\r\n    manager.addEventListener(\"managerSettingsChanged\", this.handleSettingsChanged, { signal })\r\n\r\n    manager.addEventListener(\"callbackFired\", this.handleCallbackFired, { signal })\r\n  }\r\n\r\n  private handleElementDataUpdated = (e: ElementDataUpdatedEvent) => {\r\n    switch (e.updatedProp) {\r\n      case \"bounds\":\r\n        this.createOrUpdateElementOverlay(e.elementData)\r\n        break\r\n      case \"visibility\":\r\n        if (!e.elementData.isIntersectingWithViewport) {\r\n          this.removeElementOverlay(e.elementData)\r\n        }\r\n        this.controlPanel?.updateElementVisibilityStatus(e.elementData)\r\n        break\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Removes all debug overlays and data associated with an element.\r\n   *\r\n   * This method cleans up the link overlay, expanded overlay, and name label\r\n   * for the specified element, removes it from internal tracking maps, and\r\n   * refreshes the control panel's element list to reflect the removal.\r\n   *\r\n   * @param element - The ForesightElement to remove from debugging visualization\r\n   */\r\n  private handleRemoveElement = (e: ElementUnregisteredEvent) => {\r\n    this.controlPanel?.removeElementFromList(e.elementData)\r\n    this.removeElementOverlay(e.elementData)\r\n  }\r\n\r\n  private handleCallbackFired = (e: CallbackFiredEvent) => {\r\n    this.showCallbackAnimation(e.elementData)\r\n  }\r\n\r\n  private handleAddElement = (e: ElementRegisteredEvent) => {\r\n    this.createOrUpdateElementOverlay(e.elementData)\r\n    this.controlPanel.addElementToList(e.elementData, e.sort)\r\n  }\r\n\r\n  private handleMouseTrajectoryUpdate = (e: MouseTrajectoryUpdateEvent) => {\r\n    if (!this.shadowRoot || !this.debugContainer) {\r\n      return\r\n    }\r\n    if (!this.predictedMouseIndicator || !this.mouseTrajectoryLine) {\r\n      return\r\n    }\r\n    //Hide scroll visuals on mouse move\r\n    if (this.scrollTrajectoryLine) {\r\n      this.scrollTrajectoryLine.style.display = \"none\"\r\n    }\r\n    const { predictedPoint, currentPoint } = e.trajectoryPositions\r\n\r\n    // Use transform for positioning to avoid layout reflow.\r\n    // The CSS handles centering the element with `translate(-50%, -50%)`.\r\n    this.predictedMouseIndicator.style.transform = `translate3d(${predictedPoint.x}px, ${predictedPoint.y}px, 0) translate3d(-50%, -50%, 0)`\r\n    this.predictedMouseIndicator.style.display = e.predictionEnabled ? \"block\" : \"none\"\r\n\r\n    // This hides the circle from the UI at the top-left corner when refreshing the page with the cursor outside of the window\r\n    if (predictedPoint.x === 0 && predictedPoint.y === 0) {\r\n      this.predictedMouseIndicator.style.display = \"none\"\r\n      return\r\n    }\r\n\r\n    if (!e.predictionEnabled) {\r\n      this.mouseTrajectoryLine.style.display = \"none\"\r\n      return\r\n    }\r\n\r\n    const dx = predictedPoint.x - currentPoint.x\r\n    const dy = predictedPoint.y - currentPoint.y\r\n\r\n    const length = Math.sqrt(dx * dx + dy * dy)\r\n    const angle = (Math.atan2(dy, dx) * 180) / Math.PI\r\n\r\n    // Use a single transform to position, rotate, and scale the line,\r\n    // avoiding reflow from top/left changes.\r\n    this.mouseTrajectoryLine.style.transform = `translate3d(${currentPoint.x}px, ${currentPoint.y}px, 0) rotate(${angle}deg)`\r\n    this.mouseTrajectoryLine.style.width = `${length}px`\r\n    this.mouseTrajectoryLine.style.display = \"block\"\r\n  }\r\n\r\n  private handleScrollTrajectoryUpdate = (e: ScrollTrajectoryUpdateEvent) => {\r\n    if (!this.scrollTrajectoryLine) return\r\n    const dx = e.predictedPoint.x - e.currentPoint.x\r\n    const dy = e.predictedPoint.y - e.currentPoint.y\r\n\r\n    const length = Math.sqrt(dx * dx + dy * dy)\r\n    const angle = (Math.atan2(dy, dx) * 180) / Math.PI\r\n\r\n    this.scrollTrajectoryLine.style.transform = `translate3d(${e.currentPoint.x}px, ${e.currentPoint.y}px, 0) rotate(${angle}deg)`\r\n    this.scrollTrajectoryLine.style.width = `${length}px`\r\n    this.scrollTrajectoryLine.style.display = \"block\"\r\n  }\r\n\r\n  private handleSettingsChanged = (e: ManagerSettingsChangedEvent) => {\r\n    this.controlPanel?.updateControlsState(e.newSettings, this._debuggerSettings)\r\n  }\r\n\r\n  private createElementOverlays(elementData: ForesightElementData) {\r\n    const expandedOverlay = createAndAppendElement(\"div\", this.debugContainer!, {\r\n      className: \"jsforesight-expanded-overlay\",\r\n      data: elementData.name,\r\n    })\r\n    const nameLabel = createAndAppendElement(\"div\", this.debugContainer, {\r\n      className: \"jsforesight-name-label\",\r\n    })\r\n    const overlays = { expandedOverlay, nameLabel }\r\n    this.debugElementOverlays.set(elementData.element, overlays)\r\n    return overlays\r\n  }\r\n\r\n  private createOrUpdateElementOverlay(newData: ForesightElementData) {\r\n    if (!this.debugContainer || !this.shadowRoot) return\r\n\r\n    let overlays = this.debugElementOverlays.get(newData.element)\r\n    if (!overlays) {\r\n      overlays = this.createElementOverlays(newData)\r\n    }\r\n\r\n    updateElementOverlays(\r\n      overlays,\r\n      newData,\r\n      this._debuggerSettings.showNameTags ?? DEFAULT_SHOW_NAME_TAGS\r\n    )\r\n  }\r\n\r\n  // TODO :fix\r\n  private toggleNameTagVisibility() {\r\n    this.foresightManagerInstance.registeredElements.forEach((elementData) => {\r\n      const overlays = this.debugElementOverlays.get(elementData.element)\r\n      if (!overlays) return\r\n      updateElementOverlays(\r\n        overlays,\r\n        elementData,\r\n        this._debuggerSettings.showNameTags ?? DEFAULT_SHOW_NAME_TAGS\r\n      )\r\n    })\r\n  }\r\n\r\n  private removeElementOverlay(elementData: ForesightElementData) {\r\n    const overlays = this.debugElementOverlays.get(elementData.element)\r\n    if (overlays) {\r\n      overlays.expandedOverlay.remove()\r\n      overlays.nameLabel.remove()\r\n      this.debugElementOverlays.delete(elementData.element)\r\n    }\r\n  }\r\n\r\n  private showCallbackAnimation(elementData: ForesightElementData) {\r\n    const { element, elementBounds } = elementData\r\n    const existingAnimation = this.callbackAnimations.get(element)\r\n\r\n    // If an animation is already running for this element, reset it\r\n    if (existingAnimation) {\r\n      clearTimeout(existingAnimation.timeoutId)\r\n      existingAnimation.overlay.remove()\r\n      this.animationPositionObserver?.unobserve(element)\r\n      this.callbackAnimations.delete(element)\r\n    }\r\n\r\n    const animationOverlay = createAndAppendElement(\"div\", this.debugContainer, {\r\n      className: \"jsforesight-callback-indicator\",\r\n    })\r\n\r\n    const { left, top, right, bottom } = elementBounds.expandedRect\r\n    const width = right - left\r\n    const height = bottom - top\r\n\r\n    animationOverlay.style.display = \"block\"\r\n    animationOverlay.style.transform = `translate3d(${left}px, ${top}px, 0)`\r\n    animationOverlay.style.width = `${width}px`\r\n    animationOverlay.style.height = `${height}px`\r\n\r\n    animationOverlay.classList.add(\"animate\")\r\n\r\n    const animationDuration = 500\r\n\r\n    const timeoutId = setTimeout(() => {\r\n      animationOverlay.remove()\r\n      this.callbackAnimations.delete(element)\r\n      this.animationPositionObserver?.unobserve(element)\r\n    }, animationDuration)\r\n\r\n    this.callbackAnimations.set(element, {\r\n      hitSlop: elementData.elementBounds.hitSlop,\r\n      overlay: animationOverlay,\r\n      timeoutId: timeoutId,\r\n    })\r\n\r\n    this.animationPositionObserver?.observe(element)\r\n  }\r\n\r\n  public cleanup() {\r\n    this.managerSubscriptionsController?.abort()\r\n    this.controlPanel?.cleanup()\r\n    this.shadowHost?.remove()\r\n    this.debugElementOverlays.clear()\r\n    this.shadowHost = null!\r\n    this.shadowRoot = null!\r\n    this.debugContainer = null!\r\n    this.predictedMouseIndicator = null\r\n    this.mouseTrajectoryLine = null\r\n    this.scrollTrajectoryLine = null\r\n    this.controlPanel = null!\r\n  }\r\n}\r\n\r\nconst debuggerCSS = /* css */ `\r\n      #jsforesight-debug-container { \r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        pointer-events: none; z-index: 9999;\r\n      }\r\n\r\n      .jsforesight-expanded-overlay, \r\n      .jsforesight-name-label, \r\n      .jsforesight-callback-indicator,\r\n      .jsforesight-mouse-predicted,\r\n      .jsforesight-scroll-trajectory-line,\r\n      .jsforesight-trajectory-line {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        will-change: transform; \r\n      }\r\n      .jsforesight-trajectory-line{\r\n        display: none;\r\n      }\r\n      .jsforesight-expanded-overlay {\r\n        border: 1px dashed rgba(100, 116, 139, 0.4);\r\n        background-color: rgba(100, 116, 139, 0.05);\r\n        box-sizing: border-box;\r\n        border-radius: 8px;\r\n      }\r\n      .jsforesight-mouse-predicted {\r\n        display: none !important;\r\n        /* transform is now set dynamically via JS for performance */\r\n      }\r\n      .jsforesight-trajectory-line {\r\n        height: 4px;\r\n        background: linear-gradient(90deg, #3b82f6, rgba(59, 130, 246, 0.4));\r\n        transform-origin: left center;\r\n        z-index: 9999;\r\n        border-radius: 2px;\r\n        box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);\r\n        position: relative;\r\n        /* width and transform are set dynamically via JS for performance */\r\n      }\r\n      .jsforesight-trajectory-line::after {\r\n        content: '';\r\n        position: absolute;\r\n        right: -6px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 8px solid #3b82f6;\r\n        border-top: 4px solid transparent;\r\n        border-bottom: 4px solid transparent;\r\n        filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.6));\r\n      }\r\n      .jsforesight-name-label {\r\n        background-color: rgba(27, 31, 35, 0.85);\r\n        backdrop-filter: blur(4px);\r\n        color: white;\r\n        padding: 4px 8px;\r\n        font-size: 11px;\r\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n        border-radius: 4px;\r\n        z-index: 10001;\r\n        white-space: nowrap;\r\n        pointer-events: none;\r\n      }\r\n      .jsforesight-callback-indicator {\r\n        border: 4px solid oklch(65% 0.22 280); \r\n        border-radius: 8px;\r\n        box-sizing: border-box;\r\n        pointer-events: none;\r\n        opacity: 0;\r\n        z-index: 10002;\r\n        display: none; \r\n      }\r\n      .jsforesight-callback-indicator.animate {\r\n        animation: jsforesight-callback-pulse 0.5s ease-out forwards;\r\n      }\r\n        \r\n      .jsforesight-scroll-trajectory-line {\r\n      height: 4px;\r\n      background: repeating-linear-gradient(\r\n        90deg,\r\n        #22c55e 0px,\r\n        #22c55e 8px,\r\n        transparent 8px,\r\n        transparent 16px\r\n      );\r\n      transform-origin: left center;\r\n      z-index: 9999;\r\n      border-radius: 2px;\r\n      display: none;\r\n      animation: scroll-dash-flow 1.5s linear infinite;\r\n      position: relative;\r\n      box-shadow: 0 0 12px rgba(34, 197, 94, 0.4);\r\n      }\r\n\r\n      .jsforesight-scroll-trajectory-line::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: -6px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 0;\r\n      height: 0;\r\n      border-left: 8px solid #22c55e;\r\n      border-top: 4px solid transparent;\r\n      border-bottom: 4px solid transparent;\r\n      filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.6));\r\n      animation: scroll-arrow-pulse 1.5s ease-in-out infinite;\r\n      }\r\n\r\n      @keyframes scroll-dash-flow {\r\n      0% { background-position: 0px 0px; }\r\n      100% { background-position: 16px 0px; }\r\n      }\r\n\r\n      @keyframes scroll-arrow-pulse {\r\n      0%, 100% { \r\n        transform: translateY(-50%) scale(1);\r\n        filter: drop-shadow(0 0 6px rgba(34, 197, 94, 0.6));\r\n      }\r\n      50% {\r\n        transform: translateY(-50%) scale(1.2);\r\n        filter: drop-shadow(0 0 12px rgba(34, 197, 94, 0.8));\r\n      }\r\n      }\r\n\r\n\r\n  \r\n      @keyframes jsforesight-callback-pulse {\r\n        0% {\r\n          opacity: 1;\r\n          box-shadow: 0 0 15px oklch(65% 0.22 280 / 0.7);\r\n        }\r\n        100% {\r\n          opacity: 0;\r\n          box-shadow: 0 0 25px oklch(65% 0.22 280 / 0);\r\n        }\r\n      }\r\n    `\r\n"],"names":["i","t","v","nodeType","some","e","u","callbackModes","errorString","PositionObserver","entries","static","_t","_r","_cm","_w","_h","_rm","_th","_c","constructor","callback","options","Error","this","Map","root","isElement","document","documentElement","rootMargin","threshold","indexOf","callbackMode","clientWidth","clientHeight","observe","target","contains","_n","then","ioEntry","boundingClientRect","getEntry","set","requestAnimationFrame","_rc","unobserve","has","delete","size","queue","Promise","resolve","updates","forEach","oldBoundingBox","isIntersecting","oldIsIntersecting","push","left","top","async","length","IntersectionObserver","ob","disconnect","get","cancelAnimationFrame","clear","formatValue","value","indent","spaces","repeat","Array","isArray","Object","formattedEntries","map","_a","key","val","concat","join","String","undefined","JSON","stringify","createAndAppendElement","tag","parent","attributes","element","createElement","id","className","data","setAttribute","appendChild","createAndAppendStyle","styleSheet","textContent","getIntersectingIcon","isIntersectingWithViewport","POSITION_HISTORY_SIZE_UNIT","TAB_OFFSET_UNIT","TRAJECTORY_PREDICTION_TIME_UNIT","COPY_SVG_ICON","NO_ELEMENTS_STRING","DebuggerControlPanel","foresightManager","debuggerInstance","elementListItemsContainer","elementCountSpan","callbackCountSpan","elementListItems","trajectoryEnabledCheckbox","tabEnabledCheckbox","scrollEnabledCheckbox","historySizeSlider","historyValueSpan","predictionTimeSlider","predictionValueSpan","tabOffsetSlider","tabOffsetValueSpan","scrollMarginSlider","scrollMarginValueSpan","showNameTagsCheckbox","sortOptionsPopup","sortButton","containerMinimizeButton","allSettingsSectionsContainer","debuggerElementsSection","isContainerMinimized","isMouseSettingsMinimized","isKeyboardSettingsMinimized","isScrollSettingsMinimized","isGeneralSettingsMinimized","SESSION_STORAGE_KEY","copySettingsButton","minimizedElementCount","copyTimeoutId","closeSortDropdownHandler","foresightManagerInstance","initialize","shadowRoot","debuggerSettings","isInitiated","debuggerControlPanelInstance","instance","_setupDOMAndListeners","prototype","controlsContainer","isControlPanelDefaultMinimized","createControlContainer","controlPanelStyleElement","getStyles","queryDOMElements","originalSectionStates","setupEventListeners","updateContainerVisibilityState","defineProperty","loadSectionStatesFromSessionStorage","storedStatesRaw","sessionStorage","getItem","loadedStates","parse","mouse","_b","keyboard","scroll","_d","general","saveSectionStatesToSessionStorage","states","setItem","console","error","querySelector","handleCopySettings","obj","methodName","_this","navigator","clipboard","writeText","getManagerData","globalSettings","filter","innerHTML","clearTimeout","setTimeout","catch","err","createInputEventListener","spanElement","unit","setting","addEventListener","parseInt","alterGlobalSettings","createChangeEventListener","getDebuggerData","settings","isChecked","checked","alterDebuggerSettings","createSectionVisibilityToggleEventListener","section","isMinimizedFlagName","sectionHeader","stopPropagation","toggleMinimizeSection","classList","toggle","closest","dataset","sort","sortElementList","log","sortAndReorderElements","updateSortOptionUI","remove","bind","shouldMinimize","sectionContent","minimizeButton","style","display","elementListContent","_e","add","currentSort","querySelectorAll","button","btn","updateControlsState","managerSettings","enableMousePrediction","enableTabPrediction","enableScrollPrediction","showNameTags","positionHistorySize","toString","trajectoryPredictionTime","tabOffset","scrollMargin","refreshRegisteredElementCountDisplay","elementsMap","visibleElementCount","totalElements","globalCallbackHits","tab","total","visibleTitle","title","hover","trajectory","forwards","reverse","down","right","up","removeElementFromList","elementData","listItem","registeredElements","updateElementVisibilityStatus","intersectingElement","intersectingIcon","addElementToList","sortOrder","elementsData","from","values","sortByDocumentPosition_1","a","b","position","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","fragment","createDocumentFragment","updateListItemContent","hitSlopText","elementBounds","hitSlop","top_1","bottom","comprehensiveTitle","name","cleanup","removeEventListener","container","rowsContentHeight","elementItemHeight","numItemsPerRow","updateElementOverlays","currentOverlays","newData","expandedOverlay","nameLabel","expandedRect","expandedWidth","expandedHeight","width","height","transform","DEFAULT_SHOW_NAME_TAGS","shouldUpdateSetting","newValue","currentValue","ForesightDebugger","callbackAnimations","_debuggerSettings","showDebugger","debugElementOverlays","predictedMouseIndicator","mouseTrajectoryLine","scrollTrajectoryLine","managerSubscriptionsController","animationPositionObserver","handleAnimationPositionChange","_i","entries_1","entry","animationData","rect","overlay","newLeft","newTop","newWidth","newHeight","handleElementDataUpdated","updatedProp","createOrUpdateElementOverlay","removeElementOverlay","controlPanel","handleRemoveElement","handleCallbackFired","showCallbackAnimation","handleAddElement","handleMouseTrajectoryUpdate","debugContainer","trajectoryPositions","predictedPoint","currentPoint","x","y","predictionEnabled","dx","dy","Math","sqrt","angle","atan2","PI","handleScrollTrajectoryUpdate","handleSettingsChanged","newSettings","props","window","subscribeToManagerEvents","shadowHost","_setupDOM","body","attachShadow","mode","debuggerCSS","toggleNameTagVisibility","AbortController","signal","manager","createElementOverlays","overlays","existingAnimation","timeoutId","animationOverlay","abort"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/types.d.ts

@@ -0,0 +1,47 @@
+export type DebuggerSettings = {
+    /**
+     * Whether to show visual debugging information on the screen.
+     * This includes overlays for elements, hit slop areas, the predicted mouse path and a debug control panel.
+     * @default true
+     */
+    showDebugger: boolean;
+    /**
+     * Determines if the debugger control panel should be initialized in a minimized state.
+     *
+     * @link https://foresightjs.com/docs/getting_started/debug
+     *
+     * @default false
+     */
+    isControlPanelDefaultMinimized: boolean;
+    /**
+     * Determines if name tags should be displayed visually above each registered element.
+     * This is a helpful visual aid for identifying which elements are being tracked.
+     *
+     * @link https://foresightjs.com/docs/getting_started/debug
+     *
+     * @default false
+     */
+    showNameTags: boolean;
+    /**
+     * Specifies the default sorting order for the list of registered elements in the debugger panel.
+     * - `'visibility'`: Sorts elements by their viewport visibility (visible elements first),
+     *   with a secondary documentOrder sort.
+     * - `'documentOrder'`: Sorts elements based on their order of appearance in the
+     *   document's structure (matching the HTML source).
+     * - `'insertionOrder'`: Sorts by registration order.
+     *
+     *
+     * @link https://foresightjs.com/docs/getting_started/debug
+     *
+     * @default 'visibility'
+     *
+     */
+    sortElementList: SortElementList;
+};
+export type SortElementList = "documentOrder" | "visibility" | "insertionOrder";
+export type ForesightDebuggerData = {
+    settings: Readonly<DebuggerSettings>;
+};
+export type DebuggerBooleanSettingKeys = {
+    [K in keyof DebuggerSettings]: Required<DebuggerSettings>[K] extends boolean ? K : never;
+}[keyof DebuggerSettings];

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "js.foresight-devtools",
+  "version": "0.0.1",
+  "description": "Visual debugging tools for ForesightJS - mouse trajectory prediction and element interaction visualization",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc --build --clean && tsc",
+    "rollup": "rollup -c --bundleConfigAsCjs",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "test:run": "vitest run"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ForesightJS/devtools"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "foresight",
+    "debugger",
+    "mouse-trajectory",
+    "visualization",
+    "debug-tools",
+    "development",
+    "foresightjs",
+    "devtools"
+  ],
+  "author": "Bart Spaans",
+  "license": "MIT",
+  "peerDependencies": {
+    "js.foresight": "^3.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/node": "^22.15.30",
+    "rollup": "^4.42.0",
+    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@thednp/position-observer": "^1.1.0"
+  }
+}