@salilvnair/dui 1.0.2 → 1.0.4

package/dist/vis-setup.js

@@ -1,9 +1,9 @@
-import { m as It, r as At } from "./chunks/vis-runtime-DkpA8K_T.js";
-import { jsxs as Rt, jsx as ht } from "react/jsx-runtime";
-import { useRef as p, useEffect as pt } from "react";
-import { DataSet as St } from "vis-data/peer";
-import { Network as Tt } from "vis-network/peer";
-const ot = [
+import { m as Xt, r as Yt } from "./chunks/vis-runtime-DkpA8K_T.js";
+import { jsxs as Ut, jsx as Mt } from "react/jsx-runtime";
+import { useRef as M, useEffect as Et } from "react";
+import { DataSet as Rt } from "vis-data/peer";
+import { Network as Kt } from "vis-network/peer";
+const ut = [
   "#4E79A7",
   "#F28E2B",
   "#E15759",
@@ -14,7 +14,7 @@ const ot = [
   "#FF9DA7",
   "#9C755F",
   "#BAB0AC"
-], nt = 0.12, Pt = 300, Lt = 0.45, Mt = {
+], at = 0.12, Vt = 300, Zt = 0.45, Tt = 220, qt = 120, lt = 96, kt = {
   dark: {
     text: "#d4d4d4",
     chipBg: "rgba(37, 37, 38, 0.85)",
@@ -32,112 +32,153 @@ const ot = [
     viewportStroke: "#1f2328"
   }
 };
-function Et(r) {
-  return r.color ? r.color : r.communityId != null ? ot[r.communityId % ot.length] : "#6B7280";
+function Wt(e) {
+  return e.color ? e.color : e.communityId != null ? ut[e.communityId % ut.length] : "#6B7280";
 }
-function Dt(r, v, h) {
-  const i = document.createElement("div");
-  return i.textContent = v, i.style.position = "absolute", i.style.padding = h.padding, i.style.borderRadius = "9999px", i.style.fontSize = `${h.fontSize}px`, i.style.fontWeight = String(h.fontWeight), i.style.letterSpacing = "0.01em", i.style.whiteSpace = "nowrap", i.style.pointerEvents = "none", i.style.background = h.bg, i.style.border = `1px solid ${h.border}`, i.style.color = h.color, r == null || r.appendChild(i), i;
+const Jt = (e, s) => e.left < s.right && e.right > s.left && e.top < s.bottom && e.bottom > s.top;
+function Qt() {
+  const e = /* @__PURE__ */ new Map(), s = (i, c) => i * 73856093 ^ c * 19349663, f = (i, c) => {
+    const m = Math.floor(i.left / lt), C = Math.floor(i.right / lt), O = Math.floor(i.top / lt), K = Math.floor(i.bottom / lt);
+    for (let N = m; N <= C; N++) for (let x = O; x <= K; x++) c(s(N, x));
+  };
+  return {
+    collides(i) {
+      let c = !1;
+      return f(i, (m) => {
+        if (c) return;
+        const C = e.get(m);
+        if (C) {
+          for (let O = 0; O < C.length; O++) if (Jt(i, C[O])) {
+            c = !0;
+            return;
+          }
+        }
+      }), c;
+    },
+    insert(i) {
+      f(i, (c) => {
+        const m = e.get(c);
+        m ? m.push(i) : e.set(c, [i]);
+      });
+    }
+  };
+}
+function te(e) {
+  const s = document.createElement("div");
+  return s.style.position = "absolute", s.style.borderRadius = "9999px", s.style.letterSpacing = "0.01em", s.style.whiteSpace = "nowrap", s.style.pointerEvents = "none", s.style.display = "none", e == null || e.appendChild(s), s;
 }
-function $t(r) {
+function _t(e, s, f) {
+  e.textContent !== s && (e.textContent = s), e.style.padding !== f.padding && (e.style.padding = f.padding);
+  const i = `${f.fontSize}px`;
+  e.style.fontSize !== i && (e.style.fontSize = i);
+  const c = String(f.fontWeight);
+  e.style.fontWeight !== c && (e.style.fontWeight = c), e.style.background !== f.bg && (e.style.background = f.bg);
+  const m = `1px solid ${f.border}`;
+  e.style.border !== m && (e.style.border = m), e.style.color !== f.color && (e.style.color = f.color);
+}
+function ee(e) {
   return {
-    color: r,
-    bg: `color-mix(in srgb, ${r} 16%, transparent)`,
-    border: `color-mix(in srgb, ${r} 40%, transparent)`,
+    color: e,
+    bg: `color-mix(in srgb, ${e} 16%, transparent)`,
+    border: `color-mix(in srgb, ${e} 40%, transparent)`,
     fontSize: 12,
     fontWeight: 600,
     padding: "3px 9px"
   };
 }
-function Wt(r) {
+function ne(e) {
   return {
-    color: r.text,
-    bg: r.chipBg,
-    border: r.chipBorder,
+    color: e.text,
+    bg: e.chipBg,
+    border: e.chipBorder,
     fontSize: 10,
     fontWeight: 500,
     padding: "2px 7px"
   };
 }
-function Bt(r, v, h) {
-  const i = new Set(h.filter((y) => y.communityId === v).map((y) => y.id));
+function $t(e, s, f) {
+  const i = new Set(f.filter((x) => x.communityId === s).map((x) => x.id));
   if (i.size < 2) return;
-  for (const y of i)
-    if (!r.findNode(y).length || r.isCluster(y)) return;
-  const D = ot[v % ot.length], R = `cluster:community:${v}`, H = `Community ${v} (${i.size})`, N = Math.min(20 + i.size * 2, 60), Z = Math.max(11, Math.min(16, Math.round(N * 0.32))), rt = -(N + Z * 0.5);
-  r.cluster({
-    joinCondition: (y) => i.has(y.id),
+  for (const x of i)
+    if (!e.findNode(x).length || e.isCluster(x)) return;
+  const c = ut[s % ut.length], m = `cluster:community:${s}`, C = `Community ${s} (${i.size})`, O = Math.min(20 + i.size * 2, 60), K = Math.max(11, Math.min(16, Math.round(O * 0.32))), N = -(O + K * 0.5);
+  e.cluster({
+    joinCondition: (x) => i.has(x.id),
     // vis-network genuinely accepts `id` in clusterNodeProperties at runtime
     // (it's how you address the cluster later via openCluster/isCluster) —
     // the shipped .d.ts's NodeOptions type just doesn't declare it.
     clusterNodeProperties: {
-      id: R,
+      id: m,
       // Member count only — the full name is tooltip + legend-panel only
       // (see the doc comment above). Not empty string: vis-network defaults
       // `label` to the literal "cluster" when it's `undefined`, which would
       // otherwise draw a stray caption under every collapsed community.
       label: String(i.size),
-      font: { color: "#ffffff", size: Z, vadjust: rt },
-      title: H,
+      font: { color: "#ffffff", size: K, vadjust: N },
+      title: C,
       shape: "dot",
       // Larger + white-ringed so a collapsed community reads as a distinct
       // "group" at a glance, not just another same-sized leaf node.
-      size: N,
+      size: O,
       borderWidth: 3,
-      color: { background: D, border: "#ffffff", highlight: { background: D, border: "#ffffff" } },
+      color: { background: c, border: "#ffffff", highlight: { background: c, border: "#ffffff" } },
       // Soft colored glow (a hint of the community's own color) instead of a
       // flat plain circle — same "elevated card" depth language dui's own
       // panels use, just expressed on canvas.
-      shadow: { enabled: !0, color: `${D}66`, size: 16, x: 0, y: 4 }
+      shadow: { enabled: !0, color: `${c}66`, size: 16, x: 0, y: 4 }
     }
   });
 }
-function jt({
-  nodes: r,
-  edges: v,
-  onNodeClick: h,
+function oe({
+  nodes: e,
+  edges: s,
+  onNodeClick: f,
   selectedId: i,
-  fitTrigger: D,
-  onReady: R,
-  colorBy: H,
-  sizeBy: N,
-  className: Z = "",
-  style: rt,
-  enableClustering: y = !1,
-  enableHoverDim: gt = !1,
-  enableMinimap: G = !1,
-  theme: st = "dark"
+  fitTrigger: c,
+  onReady: m,
+  colorBy: C,
+  sizeBy: O,
+  className: K = "",
+  style: N,
+  enableClustering: x = !1,
+  enableHoverDim: St = !1,
+  enableMinimap: q = !1,
+  theme: ft = "dark"
 }) {
-  const q = p(null), it = p(null), $ = p(null), mt = p(null), bt = p(null), J = p(/* @__PURE__ */ new Map()), yt = p(/* @__PURE__ */ new Map()), wt = p(/* @__PURE__ */ new Map()), ct = p(null), X = p(/* @__PURE__ */ new Map()), Y = p(/* @__PURE__ */ new Map()), z = p(i);
-  z.current = i;
-  const W = p(!1);
-  pt(() => {
-    if (!q.current) return;
-    let l = null;
-    J.current = new Map(r.map((t) => [t.id, t]));
-    const d = {}, f = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
-    v.forEach((t, e) => {
-      d[t.source] = (d[t.source] ?? 0) + 1, d[t.target] = (d[t.target] ?? 0) + 1, f.has(t.source) || f.set(t.source, /* @__PURE__ */ new Set()), f.has(t.target) || f.set(t.target, /* @__PURE__ */ new Set()), f.get(t.source).add(t.target), f.get(t.target).add(t.source);
-      const s = t.id ?? e;
-      w.has(t.source) || w.set(t.source, /* @__PURE__ */ new Set()), w.has(t.target) || w.set(t.target, /* @__PURE__ */ new Set()), w.get(t.source).add(s), w.get(t.target).add(s);
-    }), yt.current = f, wt.current = w;
-    const B = Math.max(1, ...Object.values(d)), C = Mt[st], K = /* @__PURE__ */ new Map(), ut = r.map((t) => {
-      const e = H ? H(t) : Et(t);
-      K.set(t.id, e);
-      const s = d[t.id] ?? 1, a = N ? N(t, s, B) : 10 + 30 * (s / B);
+  const V = M(null), dt = M(null), j = M(null), Dt = M(null), Bt = M(null), Z = M(/* @__PURE__ */ new Map()), Ct = M(/* @__PURE__ */ new Map()), Ot = M(/* @__PURE__ */ new Map()), zt = M(null), pt = M([]), ht = M([]), gt = M(/* @__PURE__ */ new Map()), k = M(i);
+  k.current = i;
+  const X = M(!1);
+  Et(() => {
+    if (!V.current) return;
+    let u = null;
+    Z.current = new Map(e.map((t) => [t.id, t]));
+    const w = {}, y = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map();
+    s.forEach((t, n) => {
+      w[t.source] = (w[t.source] ?? 0) + 1, w[t.target] = (w[t.target] ?? 0) + 1, y.has(t.source) || y.set(t.source, /* @__PURE__ */ new Set()), y.has(t.target) || y.set(t.target, /* @__PURE__ */ new Set()), y.get(t.source).add(t.target), y.get(t.target).add(t.source);
+      const r = t.id ?? n;
+      z.has(t.source) || z.set(t.source, /* @__PURE__ */ new Set()), z.has(t.target) || z.set(t.target, /* @__PURE__ */ new Set()), z.get(t.source).add(r), z.get(t.target).add(r);
+    }), Ct.current = y, Ot.current = z;
+    const L = Math.max(1, ...Object.values(w)), R = kt[ft], J = /* @__PURE__ */ new Map(), bt = e.map((t) => {
+      const n = C ? C(t) : Wt(t);
+      J.set(t.id, n);
+      const r = w[t.id] ?? 1, a = O ? O(t, r, L) : 10 + 30 * (r / L);
       return {
         id: t.id,
         title: t.label,
+        // No `label` here on purpose: every label is a pooled DOM chip
+        // positioned by syncAllChipPositions. Collapsed community nodes are
+        // the one exception and set their own label natively — see
+        // clusterCommunity.
         // Selection keeps the node's own fill and flags it with a themed
         // border instead — the old highlight swapped the fill to the theme
         // text color, which read as a jarring near-black circle in light
         // mode (and near-white in dark).
-        color: { background: e, border: e, highlight: { background: e, border: C.text } },
+        color: { background: n, border: n, highlight: { background: n, border: R.text } },
         size: Math.round(a * 10) / 10,
         shape: "dot"
       };
-    }), Q = v.map((t, e) => ({
-      id: t.id ?? e,
+    }), nt = s.map((t, n) => ({
+      id: t.id ?? n,
       from: t.source,
       to: t.target,
       title: t.type,
@@ -146,9 +187,22 @@ function jt({
       // stand-in for the gradient edges ck8t's ReactFlow canvas uses.
       color: { inherit: "both", opacity: 0.55 },
       arrows: { to: { enabled: !0, scaleFactor: 0.6 } }
-    })), T = new St(ut), I = new St(Q);
-    mt.current = T, bt.current = I;
-    const U = r.length > Pt, ft = {
+    })), F = new Rt(bt), W = new Rt(nt);
+    Dt.current = F, Bt.current = W;
+    const Q = e.length > Vt, wt = {
+      // vis-network defaults `layout.improvedLayout` to true, which runs a
+      // Kamada-Kawai pre-positioning pass whenever the graph exceeds its
+      // internal clusterThreshold (150 nodes). On graphs with many
+      // uneven-sized communities that pass regularly fails to reduce the
+      // graph within its own iteration budget: it logs "This network could
+      // not be positioned by this version of the improved layout
+      // algorithm" and falls back to leaving most nodes near their default
+      // circular starting positions with a ±35px jitter — the stray ring of
+      // dots around the outside that physics then can't pull in within its
+      // stabilization budget. Skipping the pre-pass (vis's own documented
+      // suggestion, printed in that same message) lets forceAtlas2Based
+      // position everything from a clean random start instead.
+      layout: { improvedLayout: !1 },
       physics: {
         enabled: !0,
         solver: "forceAtlas2Based",
@@ -185,220 +239,249 @@ function jt({
         shape: "dot",
         borderWidth: 1.5,
         borderWidthSelected: 3,
-        shadow: { enabled: !U, color: "rgba(0,0,0,0.35)", size: 8, x: 0, y: 3 }
+        shadow: { enabled: !Q, color: "rgba(0,0,0,0.35)", size: 8, x: 0, y: 3 }
       },
       edges: {
         // 'continuous' recomputes bezier control points per edge per draw —
         // the most expensive of vis-network's smooth types. Straight lines
         // above the threshold; edges are hidden during zoom either way.
-        smooth: U ? !1 : { enabled: !0, type: "continuous", roundness: 0.25 },
-        shadow: { enabled: !U, color: "rgba(0,0,0,0.12)", size: 3, x: 0, y: 1 }
+        smooth: Q ? !1 : { enabled: !0, type: "continuous", roundness: 0.25 },
+        shadow: { enabled: !Q, color: "rgba(0,0,0,0.12)", size: 3, x: 0, y: 1 }
       }
-    }, n = new Tt(q.current, { nodes: T, edges: I }, ft);
-    $.current = n;
-    const P = () => {
-      const t = it.current;
-      if (!t || !G) return;
-      const e = t.getContext("2d");
-      if (!e) return;
-      const s = n.getPositions(), a = Object.values(s).map((E) => E.x), c = Object.values(s).map((E) => E.y);
+    }, o = new Kt(V.current, { nodes: F, edges: W }, wt);
+    j.current = o;
+    const G = () => {
+      const t = dt.current;
+      if (!t || !q) return;
+      const n = t.getContext("2d");
+      if (!n) return;
+      const r = o.getPositions(), a = Object.values(r).map((l) => l.x), d = Object.values(r).map((l) => l.y);
       if (a.length === 0) return;
-      const u = Math.min(...a), g = Math.max(...a), o = Math.min(...c), m = Math.max(...c), A = t.width, O = t.height, x = Math.max(1, g - u), b = Math.max(1, m - o), S = (E, F) => [
-        (E - u) / x * (A - 10) + 5,
-        (F - o) / b * (O - 10) + 5
+      const S = Math.min(...a), D = Math.max(...a), p = Math.min(...d), et = Math.max(...d), U = t.width, H = t.height, it = Math.max(1, D - S), st = Math.max(1, et - p), h = (l, v) => [
+        (l - S) / it * (U - 10) + 5,
+        (v - p) / st * (H - 10) + 5
       ];
-      e.clearRect(0, 0, A, O), e.fillStyle = C.minimapBg, e.fillRect(0, 0, A, O), Object.entries(s).forEach(([E, F]) => {
-        const [tt, et] = S(F.x, F.y), V = J.current.get(E);
-        e.fillStyle = V ? H ? H(V) : Et(V) : "#6B7280", e.beginPath();
-        const dt = d[E] ?? 0;
-        e.arc(tt, et, 1 + 1.5 * (dt / B), 0, Math.PI * 2), e.fill();
+      n.clearRect(0, 0, U, H), n.fillStyle = R.minimapBg, n.fillRect(0, 0, U, H), Object.entries(r).forEach(([l, v]) => {
+        const [B, b] = h(v.x, v.y), A = Z.current.get(l);
+        n.fillStyle = A ? C ? C(A) : Wt(A) : "#6B7280", n.beginPath();
+        const _ = w[l] ?? 0;
+        n.arc(B, b, 1 + 1.5 * (_ / L), 0, Math.PI * 2), n.fill();
       });
-      const L = n.getScale(), M = n.getViewPosition(), j = q.current;
-      if (j && L > 0) {
-        const E = j.clientWidth / L, F = j.clientHeight / L, [tt, et] = S(M.x - E / 2, M.y - F / 2), [V, dt] = S(M.x + E / 2, M.y + F / 2);
-        e.strokeStyle = C.viewportStroke, e.lineWidth = 1, e.strokeRect(tt, et, V - tt, dt - et);
+      const g = o.getScale(), E = o.getViewPosition(), T = V.current;
+      if (T && g > 0) {
+        const l = T.clientWidth / g, v = T.clientHeight / g, [B, b] = h(E.x - l / 2, E.y - v / 2), [A, _] = h(E.x + l / 2, E.y + v / 2);
+        n.strokeStyle = R.viewportStroke, n.lineWidth = 1, n.strokeRect(B, b, A - B, _ - b);
       }
     };
-    for (const t of r)
-      X.current.set(t.id, Dt(ct.current, t.label, $t(K.get(t.id) ?? "#6B7280")));
-    v.forEach((t, e) => {
-      if (!t.type) return;
-      const s = t.id ?? e;
-      Y.current.set(s, Dt(ct.current, t.type, Wt(C)));
+    let I = null;
+    const ot = () => {
+      I = null;
+    };
+    let xt = null, vt = null;
+    const At = /* @__PURE__ */ new Map();
+    s.forEach((t, n) => {
+      t.type && At.set(t.id ?? n, t.type);
     });
-    const _ = (t, e) => t.left < e.right && t.right > e.left && t.top < e.bottom && t.bottom > e.top, k = () => {
-      const t = n.getScale() < Lt, e = [], s = 12;
-      for (const [a, c] of X.current) {
-        if (t || n.findNode(a).length !== 1) {
-          c.style.display = "none";
-          continue;
-        }
-        const u = n.getBoundingBox(a), g = n.canvasToDOM({ x: (u.left + u.right) / 2, y: u.bottom });
-        c.style.display = "";
-        const o = c.offsetWidth, m = c.offsetHeight, A = g.x - o / 2, O = g.y + 6;
-        let x = A, b = O;
-        for (let S = 0; S < s; S++) {
-          const L = Math.floor(S / 3), M = S % 3 - 1;
-          if (x = A + M * (o + 6), b = O + L * (m + 3), !e.some((j) => _({ left: x, top: b, right: x + o, bottom: b + m }, j))) break;
-        }
-        c.style.left = `${x}px`, c.style.top = `${b}px`, e.push({ left: x, top: b, right: x + o, bottom: b + m });
+    const Pt = (t, n) => {
+      let r = t[n];
+      return r || (r = te(zt.current), t[n] = r), r;
+    }, Lt = (t, n, r) => {
+      const a = `${n}\0${r}`;
+      let d = gt.current.get(a);
+      return d || (d = { w: t.offsetWidth, h: t.offsetHeight }, gt.current.set(a, d)), d;
+    }, rt = (t, n) => {
+      for (let r = n; r < t.length; r++)
+        t[r].style.display !== "none" && (t[r].style.display = "none");
+    }, Y = () => {
+      var it, st;
+      const t = pt.current, n = ht.current, r = ((it = V.current) == null ? void 0 : it.clientWidth) ?? 0, a = ((st = V.current) == null ? void 0 : st.clientHeight) ?? 0;
+      if (o.getScale() < Zt || !r || !a) {
+        rt(t, 0), rt(n, 0);
+        return;
       }
-      for (const [a, c] of Y.current) {
-        const u = I.get(a), g = u ? n.findNode(u.from) : [], o = u ? n.findNode(u.to) : [], m = g.length === 1 && o.length === 1;
-        if (t || !u || !m) {
-          c.style.display = "none";
-          continue;
-        }
-        const A = n.getPositions([u.from, u.to]), O = A[u.from], x = A[u.to];
-        if (!O || !x) {
-          c.style.display = "none";
-          continue;
+      I || (I = o.getPositions());
+      const d = o.DOMtoCanvas({ x: 0, y: 0 }), S = o.DOMtoCanvas({ x: r, y: a }), D = [];
+      for (const h in I) {
+        const g = I[h];
+        g.x < d.x || g.x > S.x || g.y < d.y || g.y > S.y || Z.current.has(h) && D.push({ id: h, deg: w[h] ?? 0 });
+      }
+      D.length > Tt && (D.sort((h, g) => g.deg - h.deg), D.length = Tt);
+      const p = Qt(), et = 12;
+      let U = 0;
+      for (const h of D) {
+        const g = Z.current.get(h.id);
+        if (!(g != null && g.label) || o.findNode(h.id).length !== 1) continue;
+        const E = o.getBoundingBox(h.id);
+        if (!E) continue;
+        const T = o.canvasToDOM({ x: (E.left + E.right) / 2, y: E.bottom }), l = Pt(t, U);
+        _t(l, g.label, ee(J.get(h.id) ?? "#6B7280")), l.style.display !== "" && (l.style.display = "");
+        const v = !xt || xt.has(h.id) ? "1" : String(at);
+        l.style.opacity !== v && (l.style.opacity = v);
+        const { w: B, h: b } = Lt(l, "n", g.label), A = T.x - B / 2, _ = T.y + 6;
+        let $ = A, P = _;
+        for (let ct = 0; ct < et; ct++) {
+          const Nt = Math.floor(ct / 3), jt = ct % 3 - 1;
+          if ($ = A + jt * (B + 6), P = _ + Nt * (b + 3), !p.collides({ left: $, top: P, right: $ + B, bottom: P + b })) break;
         }
-        const b = n.canvasToDOM({ x: (O.x + x.x) / 2, y: (O.y + x.y) / 2 }), S = c.offsetWidth, L = c.offsetHeight, M = { left: b.x - S / 2, top: b.y - L / 2, right: b.x + S / 2, bottom: b.y + L / 2 };
-        if (e.some((j) => _(M, j))) {
-          c.style.display = "none";
+        l.style.left = `${$}px`, l.style.top = `${P}px`, p.insert({ left: $, top: P, right: $ + B, bottom: P + b }), U++;
+      }
+      rt(t, U);
+      let H = 0;
+      for (const [h, g] of At) {
+        if (H >= qt) break;
+        const E = W.get(h);
+        if (!E) continue;
+        const T = I[E.from], l = I[E.to];
+        if (!T || !l) continue;
+        const v = { x: (T.x + l.x) / 2, y: (T.y + l.y) / 2 };
+        if (v.x < d.x || v.x > S.x || v.y < d.y || v.y > S.y || o.findNode(E.from).length !== 1 || o.findNode(E.to).length !== 1) continue;
+        const B = o.canvasToDOM(v), b = Pt(n, H);
+        _t(b, g, ne(R)), b.style.display !== "" && (b.style.display = "");
+        const A = !vt || vt.has(h) ? "1" : String(at);
+        b.style.opacity !== A && (b.style.opacity = A);
+        const { w: _, h: $ } = Lt(b, "e", g), P = { left: B.x - _ / 2, top: B.y - $ / 2, right: B.x + _ / 2, bottom: B.y + $ / 2 };
+        if (p.collides(P)) {
+          b.style.display = "none";
           continue;
         }
-        c.style.display = "", c.style.left = `${M.left}px`, c.style.top = `${M.top}px`, e.push(M);
+        b.style.left = `${P.left}px`, b.style.top = `${P.top}px`, p.insert(P), H++;
       }
+      rt(n, H);
     };
-    let vt = 0;
-    const zt = () => {
-      if (W.current) return;
-      const t = Date.now();
-      t - vt < 100 || (vt = t, k());
+    let tt = null;
+    const Ht = () => {
+      X.current || tt === null && (tt = requestAnimationFrame(() => {
+        tt = null, Y();
+      }));
     };
-    if (n.once("stabilizationIterationsDone", () => {
-      n.setOptions({ physics: { enabled: !1 } });
+    if (o.once("stabilizationIterationsDone", () => {
+      o.setOptions({ physics: { enabled: !1 } });
       let t = !1;
-      if (y) {
-        const s = new Set(r.map((a) => a.communityId).filter((a) => a != null));
-        s.forEach((a) => Bt(n, a, r)), s.size > 1 && (t = !0, n.once("stabilizationIterationsDone", () => {
-          n.setOptions({ physics: { enabled: !1 } }), P(), k(), z.current && n.findNode(z.current).length > 0 && (n.selectNodes([z.current]), n.focus(z.current, { scale: 1.4, animation: !0 }), W.current = !0), R == null || R();
-        }), n.setOptions({
+      if (x) {
+        const r = new Set(e.map((a) => a.communityId).filter((a) => a != null));
+        r.forEach((a) => $t(o, a, e)), r.size > 1 && (t = !0, o.once("stabilizationIterationsDone", () => {
+          o.setOptions({ physics: { enabled: !1 } }), G(), ot(), Y(), k.current && o.findNode(k.current).length > 0 && (o.selectNodes([k.current]), o.focus(k.current, { scale: 1.4, animation: !0 }), X.current = !0), m == null || m();
+        }), o.setOptions({
           physics: { enabled: !0, stabilization: { iterations: 80, fit: !1 } }
-        }), n.stabilize(80));
+        }), o.stabilize(80));
       }
-      const e = n.getScale();
-      e > 0 && n.moveTo({ scale: e * 0.92 }), P(), k(), t || (z.current && n.findNode(z.current).length > 0 && (n.selectNodes([z.current]), n.focus(z.current, { scale: 1.4, animation: !0 }), W.current = !0), R == null || R());
-    }), n.on("afterDrawing", zt), n.on("dragEnd", k), n.on("animationFinished", () => {
-      W.current = !1, k(), G && P();
-    }), n.on("click", (t) => {
+      const n = o.getScale();
+      n > 0 && o.moveTo({ scale: n * 0.92 }), G(), ot(), Y(), t || (k.current && o.findNode(k.current).length > 0 && (o.selectNodes([k.current]), o.focus(k.current, { scale: 1.4, animation: !0 }), X.current = !0), m == null || m());
+    }), o.on("afterDrawing", Ht), o.on("dragEnd", () => {
+      ot(), Y();
+    }), o.on("animationFinished", () => {
+      X.current = !1, Y(), q && G();
+    }), o.on("click", (t) => {
       if (t.nodes.length === 0) return;
-      const e = t.nodes[0], s = J.current.get(e);
-      if (s) {
-        h == null || h(s);
+      const n = t.nodes[0], r = Z.current.get(n);
+      if (r) {
+        f == null || f(r);
         return;
       }
-      n.isCluster(e) && (h == null || h({ id: e, label: e }));
-    }), y && n.on("doubleClick", (t) => {
+      o.isCluster(n) && (f == null || f({ id: n, label: n }));
+    }), x && o.on("doubleClick", (t) => {
       if (t.nodes.length !== 1) return;
-      const e = t.nodes[0];
-      if (n.isCluster(e))
-        n.openCluster(e);
+      const n = t.nodes[0];
+      if (o.isCluster(n))
+        o.openCluster(n);
       else {
-        const s = J.current.get(e);
-        (s == null ? void 0 : s.communityId) != null && Bt(n, s.communityId, r);
+        const r = Z.current.get(n);
+        (r == null ? void 0 : r.communityId) != null && $t(o, r.communityId, e);
       }
-      P(), k();
-    }), gt) {
-      let t = new Set(T.getIds()), e = new Set(I.getIds());
-      const s = (a, c) => {
-        const u = [];
-        for (const o of a) t.has(o) || u.push({ id: o, opacity: 1 });
-        for (const o of t) a.has(o) || u.push({ id: o, opacity: nt });
-        u.length && T.update(u);
-        const g = [];
-        for (const o of c)
-          e.has(o) || g.push({ id: o, color: { inherit: "both", opacity: 0.9 } });
-        for (const o of e)
-          c.has(o) || g.push({ id: o, color: { inherit: "both", opacity: nt } });
-        g.length && I.update(g);
-        for (const [o, m] of X.current)
-          a.has(o) !== t.has(o) && (m.style.opacity = a.has(o) ? "1" : String(nt));
-        for (const [o, m] of Y.current)
-          c.has(o) !== e.has(o) && (m.style.opacity = c.has(o) ? "1" : String(nt));
-        t = a, e = c;
+      G(), ot(), Y();
+    }), St) {
+      let t = new Set(F.getIds()), n = new Set(W.getIds());
+      const r = (a, d) => {
+        const S = [];
+        for (const p of a) t.has(p) || S.push({ id: p, opacity: 1 });
+        for (const p of t) a.has(p) || S.push({ id: p, opacity: at });
+        S.length && F.update(S);
+        const D = [];
+        for (const p of d)
+          n.has(p) || D.push({ id: p, color: { inherit: "both", opacity: 0.9 } });
+        for (const p of n)
+          d.has(p) || D.push({ id: p, color: { inherit: "both", opacity: at } });
+        D.length && W.update(D), xt = a, vt = d, Y(), t = a, n = d;
       };
-      n.on("hoverNode", (a) => {
-        l !== null && (clearTimeout(l), l = null);
-        const c = a.node, u = yt.current.get(c) ?? /* @__PURE__ */ new Set(), g = new Set(
-          [c, ...u].filter((m) => T.get(m) != null)
-        ), o = wt.current.get(c) ?? /* @__PURE__ */ new Set();
-        s(g, o);
-      }), n.on("blurNode", () => {
-        l = setTimeout(() => {
-          l = null, s(new Set(T.getIds()), new Set(I.getIds()));
+      o.on("hoverNode", (a) => {
+        u !== null && (clearTimeout(u), u = null);
+        const d = a.node, S = Ct.current.get(d) ?? /* @__PURE__ */ new Set(), D = new Set(
+          [d, ...S].filter((et) => F.get(et) != null)
+        ), p = Ot.current.get(d) ?? /* @__PURE__ */ new Set();
+        r(D, p);
+      }), o.on("blurNode", () => {
+        u = setTimeout(() => {
+          u = null, r(new Set(F.getIds()), new Set(W.getIds()));
         }, 80);
       });
     }
-    if (G) {
-      n.on("dragEnd", P);
+    if (q) {
+      o.on("dragEnd", G);
       let t = 0;
-      const e = () => {
-        if (W.current) return;
-        const s = Date.now();
-        s - t < 100 || (t = s, P());
+      const n = () => {
+        if (X.current) return;
+        const r = Date.now();
+        r - t < 100 || (t = r, G());
       };
-      n.on("zoom", e), n.on("afterDrawing", e);
+      o.on("zoom", n), o.on("afterDrawing", n);
     }
     return () => {
-      l !== null && clearTimeout(l), n.destroy(), $.current = null, mt.current = null, bt.current = null;
-      for (const t of X.current.values()) t.remove();
-      X.current.clear();
-      for (const t of Y.current.values()) t.remove();
-      Y.current.clear();
+      u !== null && clearTimeout(u), tt !== null && cancelAnimationFrame(tt), o.destroy(), j.current = null, Dt.current = null, Bt.current = null;
+      for (const t of pt.current) t.remove();
+      pt.current = [];
+      for (const t of ht.current) t.remove();
+      ht.current = [], gt.current.clear();
     };
-  }, [r, v, y, gt, G, st]), pt(() => {
-    const l = $.current;
-    !l || !i || l.findNode(i).length > 0 && (l.selectNodes([i]), l.focus(i, { scale: 1.4, animation: !0 }), W.current = !0);
-  }, [i, r]);
-  const at = p(D);
-  pt(() => {
-    const l = $.current;
-    if (!l || D === void 0 || D === at.current) {
-      at.current = D;
+  }, [e, s, x, St, q, ft]), Et(() => {
+    const u = j.current;
+    !u || !i || u.findNode(i).length > 0 && (u.selectNodes([i]), u.focus(i, { scale: 1.4, animation: !0 }), X.current = !0);
+  }, [i, e]);
+  const mt = M(c);
+  Et(() => {
+    const u = j.current;
+    if (!u || c === void 0 || c === mt.current) {
+      mt.current = c;
       return;
     }
-    at.current = D, l.unselectAll(), l.fit({ animation: !0 }), W.current = !0;
-  }, [D]);
-  const xt = (l) => {
-    const d = $.current, f = it.current;
-    if (!d || !f) return null;
-    const w = d.getPositions(), B = Object.values(w).map((_) => _.x), C = Object.values(w).map((_) => _.y);
-    if (B.length === 0) return null;
-    const K = Math.min(...B), ut = Math.max(...B), Q = Math.min(...C), T = Math.max(...C), I = f.getBoundingClientRect(), U = l.clientX - I.left, ft = l.clientY - I.top, n = Math.max(1, ut - K), P = Math.max(1, T - Q);
+    mt.current = c, u.unselectAll(), u.fit({ animation: !0 }), X.current = !0;
+  }, [c]);
+  const It = (u) => {
+    const w = j.current, y = dt.current;
+    if (!w || !y) return null;
+    const z = w.getPositions(), L = Object.values(z).map((I) => I.x), R = Object.values(z).map((I) => I.y);
+    if (L.length === 0) return null;
+    const J = Math.min(...L), bt = Math.max(...L), nt = Math.min(...R), F = Math.max(...R), W = y.getBoundingClientRect(), Q = u.clientX - W.left, wt = u.clientY - W.top, o = Math.max(1, bt - J), G = Math.max(1, F - nt);
     return {
-      x: (U - 5) / (f.width - 10) * n + K,
-      y: (ft - 5) / (f.height - 10) * P + Q
+      x: (Q - 5) / (y.width - 10) * o + J,
+      y: (wt - 5) / (y.height - 10) * G + nt
     };
-  }, Ct = (l) => {
-    var f;
-    const d = xt(l);
-    d && ((f = $.current) == null || f.moveTo({ position: d, animation: !0 }));
-  }, lt = p(!1), Ot = (l) => {
-    lt.current = !0;
-    const d = (w) => {
-      var C;
-      if (!lt.current) return;
-      const B = xt(w);
-      B && ((C = $.current) == null || C.moveTo({ position: B }));
-    }, f = () => {
-      lt.current = !1, window.removeEventListener("mousemove", d), window.removeEventListener("mouseup", f);
+  }, Ft = (u) => {
+    var y;
+    const w = It(u);
+    w && ((y = j.current) == null || y.moveTo({ position: w, animation: !0 }));
+  }, yt = M(!1), Gt = (u) => {
+    yt.current = !0;
+    const w = (z) => {
+      var R;
+      if (!yt.current) return;
+      const L = It(z);
+      L && ((R = j.current) == null || R.moveTo({ position: L }));
+    }, y = () => {
+      yt.current = !1, window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", y);
     };
-    window.addEventListener("mousemove", d), window.addEventListener("mouseup", f), l.preventDefault();
+    window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), u.preventDefault();
   };
-  return /* @__PURE__ */ Rt("div", { className: Z, style: { width: "100%", height: "100%", position: "relative", ...rt }, children: [
-    /* @__PURE__ */ ht("div", { ref: q, style: { width: "100%", height: "100%" } }),
-    /* @__PURE__ */ ht("div", { ref: ct, style: { position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none" } }),
-    G && /* @__PURE__ */ ht(
+  return /* @__PURE__ */ Ut("div", { className: K, style: { width: "100%", height: "100%", position: "relative", ...N }, children: [
+    /* @__PURE__ */ Mt("div", { ref: V, style: { width: "100%", height: "100%" } }),
+    /* @__PURE__ */ Mt("div", { ref: zt, style: { position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none" } }),
+    q && /* @__PURE__ */ Mt(
       "canvas",
       {
-        ref: it,
+        ref: dt,
         width: 140,
         height: 100,
-        onClick: Ct,
-        onMouseDown: Ot,
+        onClick: Ft,
+        onMouseDown: Gt,
         style: {
           // bottom 72 (not 8): host apps commonly float a chat/action
           // orb in the bottom-right corner — leave that spot free.
@@ -406,13 +489,13 @@ function jt({
           bottom: 72,
           right: 8,
           borderRadius: 4,
-          border: `1px solid ${Mt[st].minimapBorder}`,
+          border: `1px solid ${kt[ft].minimapBorder}`,
           cursor: "grab"
         }
       }
     )
   ] });
 }
-At(jt);
-It();
+Yt(oe);
+Xt();
 //# sourceMappingURL=vis-setup.js.map