@salilvnair/dui 1.0.16 → 1.0.18

package/dist/vis-setup.js

@@ -1,9 +1,9 @@
-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 = [
+import { m as ne, r as oe } from "./chunks/vis-runtime-DkpA8K_T.js";
+import { jsxs as re, jsx as At } from "react/jsx-runtime";
+import { useRef as w, useMemo as It, useEffect as at } from "react";
+import { DataSet as Yt } from "vis-data/peer";
+import { Network as ie } from "vis-network/peer";
+const bt = [
   "#4E79A7",
   "#F28E2B",
   "#E15759",
@@ -14,7 +14,7 @@ const ut = [
   "#FF9DA7",
   "#9C755F",
   "#BAB0AC"
-], at = 0.12, Vt = 300, Zt = 0.45, Tt = 220, qt = 120, lt = 96, kt = {
+], mt = 0.12, se = 300, ce = 0.45, Kt = 220, ae = 120, yt = 96, Pt = {
   dark: {
     text: "#d4d4d4",
     chipBg: "rgba(37, 37, 38, 0.85)",
@@ -32,51 +32,51 @@ const ut = [
     viewportStroke: "#1f2328"
   }
 };
-function Wt(e) {
-  return e.color ? e.color : e.communityId != null ? ut[e.communityId % ut.length] : "#6B7280";
+function Lt(e) {
+  return e.color ? e.color : e.communityId != null ? bt[e.communityId % bt.length] : "#6B7280";
 }
-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));
+const le = (e, a) => e.left < a.right && e.right > a.left && e.top < a.bottom && e.bottom > a.top;
+function ue() {
+  const e = /* @__PURE__ */ new Map(), a = (c, d) => c * 73856093 ^ d * 19349663, g = (c, d) => {
+    const E = Math.floor(c.left / yt), B = Math.floor(c.right / yt), I = Math.floor(c.top / yt), Q = Math.floor(c.bottom / yt);
+    for (let K = E; K <= B; K++) for (let S = I; S <= Q; S++) d(a(K, S));
   };
   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;
+    collides(c) {
+      let d = !1;
+      return g(c, (E) => {
+        if (d) return;
+        const B = e.get(E);
+        if (B) {
+          for (let I = 0; I < B.length; I++) if (le(c, B[I])) {
+            d = !0;
             return;
           }
         }
-      }), c;
+      }), d;
     },
-    insert(i) {
-      f(i, (c) => {
-        const m = e.get(c);
-        m ? m.push(i) : e.set(c, [i]);
+    insert(c) {
+      g(c, (d) => {
+        const E = e.get(d);
+        E ? E.push(c) : e.set(d, [c]);
       });
     }
   };
 }
-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 de(e) {
+  const a = document.createElement("div");
+  return a.style.position = "absolute", a.style.borderRadius = "9999px", a.style.letterSpacing = "0.01em", a.style.whiteSpace = "nowrap", a.style.pointerEvents = "none", a.style.display = "none", e == null || e.appendChild(a), a;
 }
-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 Vt(e, a, g) {
+  e.textContent !== a && (e.textContent = a), e.style.padding !== g.padding && (e.style.padding = g.padding);
+  const c = `${g.fontSize}px`;
+  e.style.fontSize !== c && (e.style.fontSize = c);
+  const d = String(g.fontWeight);
+  e.style.fontWeight !== d && (e.style.fontWeight = d), e.style.background !== g.bg && (e.style.background = g.bg);
+  const E = `1px solid ${g.border}`;
+  e.style.border !== E && (e.style.border = E), e.style.color !== g.color && (e.style.color = g.color);
 }
-function ee(e) {
+function fe(e) {
   return {
     color: e,
     bg: `color-mix(in srgb, ${e} 16%, transparent)`,
@@ -86,7 +86,7 @@ function ee(e) {
     padding: "3px 9px"
   };
 }
-function ne(e) {
+function he(e) {
   return {
     color: e.text,
     bg: e.chipBg,
@@ -96,72 +96,83 @@ function ne(e) {
     padding: "2px 7px"
   };
 }
-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 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);
+function Zt(e, a, g) {
+  const c = new Set(g.filter((S) => S.communityId === a).map((S) => S.id));
+  if (c.size < 2) return;
+  for (const S of c)
+    if (!e.findNode(S).length || e.isCluster(S)) return;
+  const d = bt[a % bt.length], E = `cluster:community:${a}`, B = `Community ${a} (${c.size})`, I = Math.min(20 + c.size * 2, 60), Q = Math.max(11, Math.min(16, Math.round(I * 0.32))), K = -(I + Q * 0.5);
   e.cluster({
-    joinCondition: (x) => i.has(x.id),
+    joinCondition: (S) => c.has(S.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: m,
+      id: E,
       // 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: K, vadjust: N },
-      title: C,
+      label: String(c.size),
+      font: { color: "#ffffff", size: Q, vadjust: K },
+      title: B,
       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: O,
+      size: I,
       borderWidth: 3,
-      color: { background: c, border: "#ffffff", highlight: { background: c, border: "#ffffff" } },
+      color: { background: d, border: "#ffffff", highlight: { background: d, 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: `${c}66`, size: 16, x: 0, y: 4 }
+      shadow: { enabled: !0, color: `${d}66`, size: 16, x: 0, y: 4 }
     }
   });
 }
-function oe({
+function pe({
   nodes: e,
-  edges: s,
-  onNodeClick: f,
-  selectedId: i,
-  fitTrigger: c,
-  onReady: m,
-  colorBy: C,
-  sizeBy: O,
-  className: K = "",
-  style: N,
-  enableClustering: x = !1,
-  enableHoverDim: St = !1,
-  enableMinimap: q = !1,
-  theme: ft = "dark"
+  edges: a,
+  onNodeClick: g,
+  selectedId: c,
+  fitTrigger: d,
+  onReady: E,
+  colorBy: B,
+  sizeBy: I,
+  className: Q = "",
+  style: K,
+  enableClustering: S = !1,
+  enableHoverDim: Rt = !1,
+  enableMinimap: tt = !1,
+  theme: lt = "dark",
+  hiddenNodeIds: Tt,
+  hiddenEdgeIds: kt
 }) {
-  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;
+  const et = w(null), wt = w(null), V = w(null), ut = w(null), xt = w(null), Z = w(/* @__PURE__ */ new Map()), Wt = w(/* @__PURE__ */ new Map()), _t = w(/* @__PURE__ */ new Map()), $t = w(null), vt = w([]), Et = w([]), Mt = w(/* @__PURE__ */ new Map()), $ = w(c);
+  $.current = c;
+  const q = w(!1), jt = It(() => {
+    const i = e.map((s) => s.id).join("
"), l = a.map((s, h) => [s.id ?? h, s.source, s.target, s.type ?? ""].join("")).join("
");
+    return i + "" + l;
+  }, [e, a]), dt = It(() => new Set(Tt ?? []), [Tt]), St = It(() => new Set(kt ?? []), [kt]), nt = w(dt);
+  nt.current = dt;
+  const Ft = w(St);
+  Ft.current = St;
+  const ot = w(/* @__PURE__ */ new Map()), H = w(null), Gt = (i, l) => Ft.current.has(l) || nt.current.has(i.source) || nt.current.has(i.target);
+  at(() => {
+    if (!et.current) return;
+    let i = 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 l = {}, s = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
+    a.forEach((t, n) => {
+      l[t.source] = (l[t.source] ?? 0) + 1, l[t.target] = (l[t.target] ?? 0) + 1, s.has(t.source) || s.set(t.source, /* @__PURE__ */ new Set()), s.has(t.target) || s.set(t.target, /* @__PURE__ */ new Set()), s.get(t.source).add(t.target), s.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);
+      h.has(t.source) || h.set(t.source, /* @__PURE__ */ new Set()), h.has(t.target) || h.set(t.target, /* @__PURE__ */ new Set()), h.get(t.source).add(r), h.get(t.target).add(r);
+    }), Wt.current = s, _t.current = h;
+    const p = Math.max(1, ...Object.values(l)), x = Pt[lt], P = /* @__PURE__ */ new Map();
+    ot.current = P;
+    const N = e.map((t) => {
+      const n = B ? B(t) : Lt(t);
+      P.set(t.id, n);
+      const r = l[t.id] ?? 1, f = I ? I(t, r, p) : 10 + 30 * (r / p);
       return {
         id: t.id,
         title: t.label,
@@ -173,11 +184,12 @@ function oe({
         // 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: n, border: n, highlight: { background: n, border: R.text } },
-        size: Math.round(a * 10) / 10,
-        shape: "dot"
+        color: { background: n, border: n, highlight: { background: n, border: x.text } },
+        size: Math.round(f * 10) / 10,
+        shape: "dot",
+        hidden: nt.current.has(t.id)
       };
-    }), nt = s.map((t, n) => ({
+    }), U = a.map((t, n) => ({
       id: t.id ?? n,
       from: t.source,
       to: t.target,
@@ -186,10 +198,11 @@ function oe({
       // midpoint instead of a flat gray line — a vis-network-native
       // stand-in for the gradient edges ck8t's ReactFlow canvas uses.
       color: { inherit: "both", opacity: 0.55 },
-      arrows: { to: { enabled: !0, scaleFactor: 0.6 } }
-    })), F = new Rt(bt), W = new Rt(nt);
-    Dt.current = F, Bt.current = W;
-    const Q = e.length > Vt, wt = {
+      arrows: { to: { enabled: !0, scaleFactor: 0.6 } },
+      hidden: Gt(t, t.id ?? n)
+    })), R = new Yt(N), L = new Yt(U);
+    ut.current = R, xt.current = L;
+    const rt = e.length > se, Bt = {
       // 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
@@ -239,249 +252,279 @@ function oe({
         shape: "dot",
         borderWidth: 1.5,
         borderWidthSelected: 3,
-        shadow: { enabled: !Q, color: "rgba(0,0,0,0.35)", size: 8, x: 0, y: 3 }
+        shadow: { enabled: !rt, 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: 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 }
+        smooth: rt ? !1 : { enabled: !0, type: "continuous", roundness: 0.25 },
+        shadow: { enabled: !rt, color: "rgba(0,0,0,0.12)", size: 3, x: 0, y: 1 }
       }
-    }, o = new Kt(V.current, { nodes: F, edges: W }, wt);
-    j.current = o;
-    const G = () => {
-      const t = dt.current;
-      if (!t || !q) return;
+    }, o = new ie(et.current, { nodes: R, edges: L }, Bt);
+    V.current = o;
+    const j = () => {
+      const t = wt.current;
+      if (!t || !tt) 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 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
+      const r = o.getPositions(), f = Object.values(r).map((u) => u.x), m = Object.values(r).map((u) => u.y);
+      if (f.length === 0) return;
+      const z = Math.min(...f), O = Math.max(...f), y = Math.min(...m), ct = Math.max(...m), J = t.width, Y = t.height, ht = Math.max(1, O - z), pt = Math.max(1, ct - y), b = (u, C) => [
+        (u - z) / ht * (J - 10) + 5,
+        (C - y) / pt * (Y - 10) + 5
       ];
-      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();
+      n.clearRect(0, 0, J, Y), n.fillStyle = x.minimapBg, n.fillRect(0, 0, J, Y), Object.entries(r).forEach(([u, C]) => {
+        if (nt.current.has(u)) return;
+        const [A, M] = b(C.x, C.y), k = Z.current.get(u);
+        n.fillStyle = ot.current.get(u) ?? (k ? B ? B(k) : Lt(k) : "#6B7280"), n.beginPath();
+        const F = l[u] ?? 0;
+        n.arc(A, M, 1 + 1.5 * (F / p), 0, Math.PI * 2), n.fill();
       });
-      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);
+      const v = o.getScale(), D = o.getViewPosition(), _ = et.current;
+      if (_ && v > 0) {
+        const u = _.clientWidth / v, C = _.clientHeight / v, [A, M] = b(D.x - u / 2, D.y - C / 2), [k, F] = b(D.x + u / 2, D.y + C / 2);
+        n.strokeStyle = x.viewportStroke, n.lineWidth = 1, n.strokeRect(A, M, k - A, F - M);
       }
     };
-    let I = null;
-    const ot = () => {
-      I = null;
+    let T = null;
+    const it = () => {
+      T = null;
     };
-    let xt = null, vt = null;
-    const At = /* @__PURE__ */ new Map();
-    s.forEach((t, n) => {
-      t.type && At.set(t.id ?? n, t.type);
+    let zt = null, Ot = null;
+    const Nt = /* @__PURE__ */ new Map();
+    a.forEach((t, n) => {
+      t.type && Nt.set(t.id ?? n, t.type);
     });
-    const Pt = (t, n) => {
+    const Ut = (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) => {
+      return r || (r = de($t.current), t[n] = r), r;
+    }, Xt = (t, n, r) => {
+      const f = `${n}\0${r}`;
+      let m = Mt.current.get(f);
+      return m || (m = { w: t.offsetWidth, h: t.offsetHeight }, Mt.current.set(f, m)), m;
+    }, ft = (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);
+    }, X = () => {
+      var ht, pt;
+      const t = vt.current, n = Et.current, r = ((ht = et.current) == null ? void 0 : ht.clientWidth) ?? 0, f = ((pt = et.current) == null ? void 0 : pt.clientHeight) ?? 0;
+      if (o.getScale() < ce || !r || !f) {
+        ft(t, 0), ft(n, 0);
         return;
       }
-      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 });
+      T || (T = o.getPositions());
+      const m = o.DOMtoCanvas({ x: 0, y: 0 }), z = o.DOMtoCanvas({ x: r, y: f }), O = [];
+      for (const b in T) {
+        const v = T[b];
+        v.x < m.x || v.x > z.x || v.y < m.y || v.y > z.y || Z.current.has(b) && (nt.current.has(b) || O.push({ id: b, deg: l[b] ?? 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;
+      O.length > Kt && (O.sort((b, v) => v.deg - b.deg), O.length = Kt);
+      const y = ue(), ct = 12;
+      let J = 0;
+      for (const b of O) {
+        const v = Z.current.get(b.id);
+        if (!(v != null && v.label) || o.findNode(b.id).length !== 1) continue;
+        const D = o.getBoundingBox(b.id);
+        if (!D) continue;
+        const _ = o.canvasToDOM({ x: (D.left + D.right) / 2, y: D.bottom }), u = Ut(t, J);
+        Vt(u, v.label, fe(ot.current.get(b.id) ?? "#6B7280")), u.style.display !== "" && (u.style.display = "");
+        const C = !zt || zt.has(b.id) ? "1" : String(mt);
+        u.style.opacity !== C && (u.style.opacity = C);
+        const { w: A, h: M } = Xt(u, "n", v.label), k = _.x - A / 2, F = _.y + 6;
+        let G = k, W = F;
+        for (let gt = 0; gt < ct; gt++) {
+          const te = Math.floor(gt / 3), ee = gt % 3 - 1;
+          if (G = k + ee * (A + 6), W = F + te * (M + 3), !y.collides({ left: G, top: W, right: G + A, bottom: W + M })) break;
         }
-        l.style.left = `${$}px`, l.style.top = `${P}px`, p.insert({ left: $, top: P, right: $ + B, bottom: P + b }), U++;
+        u.style.left = `${G}px`, u.style.top = `${W}px`, y.insert({ left: G, top: W, right: G + A, bottom: W + M }), J++;
       }
-      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";
+      ft(t, J);
+      let Y = 0;
+      for (const [b, v] of Nt) {
+        if (Y >= ae) break;
+        const D = L.get(b);
+        if (!D || D.hidden) continue;
+        const _ = T[D.from], u = T[D.to];
+        if (!_ || !u) continue;
+        const C = { x: (_.x + u.x) / 2, y: (_.y + u.y) / 2 };
+        if (C.x < m.x || C.x > z.x || C.y < m.y || C.y > z.y || o.findNode(D.from).length !== 1 || o.findNode(D.to).length !== 1) continue;
+        const A = o.canvasToDOM(C), M = Ut(n, Y);
+        Vt(M, v, he(x)), M.style.display !== "" && (M.style.display = "");
+        const k = !Ot || Ot.has(b) ? "1" : String(mt);
+        M.style.opacity !== k && (M.style.opacity = k);
+        const { w: F, h: G } = Xt(M, "e", v), W = { left: A.x - F / 2, top: A.y - G / 2, right: A.x + F / 2, bottom: A.y + G / 2 };
+        if (y.collides(W)) {
+          M.style.display = "none";
           continue;
         }
-        b.style.left = `${P.left}px`, b.style.top = `${P.top}px`, p.insert(P), H++;
+        M.style.left = `${W.left}px`, M.style.top = `${W.top}px`, y.insert(W), Y++;
       }
-      rt(n, H);
+      ft(n, Y);
+    };
+    H.current = () => {
+      it(), X(), tt && j();
     };
-    let tt = null;
-    const Ht = () => {
-      X.current || tt === null && (tt = requestAnimationFrame(() => {
-        tt = null, Y();
+    let st = null;
+    const Qt = () => {
+      q.current || st === null && (st = requestAnimationFrame(() => {
+        st = null, X();
       }));
     };
     if (o.once("stabilizationIterationsDone", () => {
       o.setOptions({ physics: { enabled: !1 } });
       let t = !1;
-      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();
+      if (S) {
+        const r = new Set(e.map((f) => f.communityId).filter((f) => f != null));
+        r.forEach((f) => Zt(o, f, e)), r.size > 1 && (t = !0, o.once("stabilizationIterationsDone", () => {
+          o.setOptions({ physics: { enabled: !1 } }), j(), it(), X(), $.current && o.findNode($.current).length > 0 && (o.selectNodes([$.current]), o.focus($.current, { scale: 1.4, animation: !0 }), q.current = !0), E == null || E();
         }), o.setOptions({
           physics: { enabled: !0, stabilization: { iterations: 80, fit: !1 } }
         }), o.stabilize(80));
       }
       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();
+      n > 0 && o.moveTo({ scale: n * 0.92 }), j(), it(), X(), t || ($.current && o.findNode($.current).length > 0 && (o.selectNodes([$.current]), o.focus($.current, { scale: 1.4, animation: !0 }), q.current = !0), E == null || E());
+    }), o.on("afterDrawing", Qt), o.on("dragEnd", () => {
+      it(), X();
     }), o.on("animationFinished", () => {
-      X.current = !1, Y(), q && G();
+      q.current = !1, X(), tt && j();
     }), o.on("click", (t) => {
       if (t.nodes.length === 0) return;
       const n = t.nodes[0], r = Z.current.get(n);
       if (r) {
-        f == null || f(r);
+        g == null || g(r);
         return;
       }
-      o.isCluster(n) && (f == null || f({ id: n, label: n }));
-    }), x && o.on("doubleClick", (t) => {
+      o.isCluster(n) && (g == null || g({ id: n, label: n }));
+    }), S && o.on("doubleClick", (t) => {
       if (t.nodes.length !== 1) return;
       const n = t.nodes[0];
       if (o.isCluster(n))
         o.openCluster(n);
       else {
         const r = Z.current.get(n);
-        (r == null ? void 0 : r.communityId) != null && $t(o, r.communityId, e);
+        (r == null ? void 0 : r.communityId) != null && Zt(o, r.communityId, e);
       }
-      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;
+      j(), it(), X();
+    }), Rt) {
+      let t = new Set(R.getIds()), n = new Set(L.getIds());
+      const r = (f, m) => {
+        const z = [];
+        for (const y of f) t.has(y) || z.push({ id: y, opacity: 1 });
+        for (const y of t) f.has(y) || z.push({ id: y, opacity: mt });
+        z.length && R.update(z);
+        const O = [];
+        for (const y of m)
+          n.has(y) || O.push({ id: y, color: { inherit: "both", opacity: 0.9 } });
+        for (const y of n)
+          m.has(y) || O.push({ id: y, color: { inherit: "both", opacity: mt } });
+        O.length && L.update(O), zt = f, Ot = m, X(), t = f, n = m;
       };
-      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("hoverNode", (f) => {
+        i !== null && (clearTimeout(i), i = null);
+        const m = f.node, z = Wt.current.get(m) ?? /* @__PURE__ */ new Set(), O = new Set(
+          [m, ...z].filter((ct) => R.get(ct) != null)
+        ), y = _t.current.get(m) ?? /* @__PURE__ */ new Set();
+        r(O, y);
       }), o.on("blurNode", () => {
-        u = setTimeout(() => {
-          u = null, r(new Set(F.getIds()), new Set(W.getIds()));
+        i = setTimeout(() => {
+          i = null, r(new Set(R.getIds()), new Set(L.getIds()));
         }, 80);
       });
     }
-    if (q) {
-      o.on("dragEnd", G);
+    if (tt) {
+      o.on("dragEnd", j);
       let t = 0;
       const n = () => {
-        if (X.current) return;
+        if (q.current) return;
         const r = Date.now();
-        r - t < 100 || (t = r, G());
+        r - t < 100 || (t = r, j());
       };
       o.on("zoom", n), o.on("afterDrawing", n);
     }
     return () => {
-      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();
+      i !== null && clearTimeout(i), st !== null && cancelAnimationFrame(st), o.destroy(), V.current = null, H.current = null, ut.current = null, xt.current = null;
+      for (const t of vt.current) t.remove();
+      vt.current = [];
+      for (const t of Et.current) t.remove();
+      Et.current = [], Mt.current.clear();
     };
-  }, [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;
+  }, [jt, S, Rt, tt, lt]), at(() => {
+    var h;
+    const i = ut.current;
+    if (!i) return;
+    Z.current = new Map(e.map((p) => [p.id, p]));
+    const l = Pt[lt].text, s = [];
+    for (const p of e) {
+      const x = B ? B(p) : Lt(p);
+      ot.current.get(p.id) !== x && (ot.current.set(p.id, x), s.push({ id: p.id, color: { background: x, border: x, highlight: { background: x, border: l } } }));
+    }
+    s.length && (i.update(s), (h = H.current) == null || h.call(H));
+  }, [e, B]), at(() => {
+    var p, x;
+    const i = ut.current, l = xt.current;
+    if (!i || !l) return;
+    const s = [];
+    for (const P of e) {
+      const N = dt.has(P.id);
+      !!((p = i.get(P.id)) != null && p.hidden) !== N && s.push({ id: P.id, hidden: N });
+    }
+    const h = [];
+    a.forEach((P, N) => {
+      var L;
+      const U = P.id ?? N, R = Gt(P, U);
+      !!((L = l.get(U)) != null && L.hidden) !== R && h.push({ id: U, hidden: R });
+    }), s.length && i.update(s), h.length && l.update(h), (s.length || h.length) && ((x = H.current) == null || x.call(H));
+  }, [dt, St]), at(() => {
+    const i = V.current;
+    !i || !c || i.findNode(c).length > 0 && (i.selectNodes([c]), i.focus(c, { scale: 1.4, animation: !0 }), q.current = !0);
+  }, [c, jt]);
+  const Dt = w(d);
+  at(() => {
+    const i = V.current;
+    if (!i || d === void 0 || d === Dt.current) {
+      Dt.current = d;
       return;
     }
-    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);
+    Dt.current = d, i.unselectAll(), i.fit({ animation: !0 }), q.current = !0;
+  }, [d]);
+  const Ht = (i) => {
+    const l = V.current, s = wt.current;
+    if (!l || !s) return null;
+    const h = l.getPositions(), p = Object.values(h).map((T) => T.x), x = Object.values(h).map((T) => T.y);
+    if (p.length === 0) return null;
+    const P = Math.min(...p), N = Math.max(...p), U = Math.min(...x), R = Math.max(...x), L = s.getBoundingClientRect(), rt = i.clientX - L.left, Bt = i.clientY - L.top, o = Math.max(1, N - P), j = Math.max(1, R - U);
     return {
-      x: (Q - 5) / (y.width - 10) * o + J,
-      y: (wt - 5) / (y.height - 10) * G + nt
+      x: (rt - 5) / (s.width - 10) * o + P,
+      y: (Bt - 5) / (s.height - 10) * j + U
     };
-  }, 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);
+  }, qt = (i) => {
+    var s;
+    const l = Ht(i);
+    l && ((s = V.current) == null || s.moveTo({ position: l, animation: !0 }));
+  }, Ct = w(!1), Jt = (i) => {
+    Ct.current = !0;
+    const l = (h) => {
+      var x;
+      if (!Ct.current) return;
+      const p = Ht(h);
+      p && ((x = V.current) == null || x.moveTo({ position: p }));
+    }, s = () => {
+      Ct.current = !1, window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", s);
     };
-    window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), u.preventDefault();
+    window.addEventListener("mousemove", l), window.addEventListener("mouseup", s), i.preventDefault();
   };
-  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(
+  return /* @__PURE__ */ re("div", { className: Q, style: { width: "100%", height: "100%", position: "relative", ...K }, children: [
+    /* @__PURE__ */ At("div", { ref: et, style: { width: "100%", height: "100%" } }),
+    /* @__PURE__ */ At("div", { ref: $t, style: { position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none" } }),
+    tt && /* @__PURE__ */ At(
       "canvas",
       {
-        ref: dt,
+        ref: wt,
         width: 140,
         height: 100,
-        onClick: Ft,
-        onMouseDown: Gt,
+        onClick: qt,
+        onMouseDown: Jt,
         style: {
           // bottom 72 (not 8): host apps commonly float a chat/action
           // orb in the bottom-right corner — leave that spot free.
@@ -489,13 +532,13 @@ function oe({
           bottom: 72,
           right: 8,
           borderRadius: 4,
-          border: `1px solid ${kt[ft].minimapBorder}`,
+          border: `1px solid ${Pt[lt].minimapBorder}`,
           cursor: "grab"
         }
       }
     )
   ] });
 }
-Yt(oe);
-Xt();
+oe(pe);
+ne();
 //# sourceMappingURL=vis-setup.js.map