@countermeasure-platform/web-components 1.2.1 → 1.2.2-dev.7.1

package/dist/{topology-C8cyIHlB.js → topology-B9Lv-y1-.js}

@@ -1,13 +1,12 @@
-import { a as e, s as t, t as n } from "./chunk-NBPlniwU.js";
-import { t as r } from "./createLucideIcon-Cfb5CZJx.js";
-import { n as i, r as a, t as o } from "./triangle-alert-BtwDDOUp.js";
-import { FlowNodeCard as s } from "./react/threat-visuals.js";
-import { C as c, S as l, T as u, _ as d, b as f, i as p, n as m, r as h, t as g, v as _, w as v, x as y, y as b } from "./src-D1EMXotX.js";
-import { t as x } from "./value-gSPnIECy.js";
+import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, b as s, i as c, n as l, r as u, t as d, v as f, w as p, x as m, y as h } from "./src-CWnvxuyh.js";
+import { t as g } from "./createLucideIcon-Cfb5CZJx.js";
+import { n as _, r as v, t as y } from "./triangle-alert-BtwDDOUp.js";
+import { FlowNodeCard as b } from "./react/threat-visuals.js";
+import { t as x } from "./value-CnwEagIg.js";
 import S, { Component as C, createContext as w, forwardRef as T, memo as E, useCallback as D, useContext as O, useEffect as k, useLayoutEffect as A, useMemo as j, useRef as M, useState as N } from "react";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 import "react-dom";
-var L = r("file-code-corner", [
+var L = g("file-code-corner", [
 	["path", {
 		d: "M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35",
 		key: "1wthlu"
@@ -24,7 +23,7 @@ var L = r("file-code-corner", [
 		d: "m9 22 3-3-3-3",
 		key: "lsp7cz"
 	}]
-]), R = r("globe", [
+]), R = g("globe", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -39,7 +38,7 @@ var L = r("file-code-corner", [
 		d: "M2 12h20",
 		key: "9i4pu4"
 	}]
-]), z = r("grid-3x3", [
+]), z = g("grid-3x3", [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -64,7 +63,7 @@ var L = r("file-code-corner", [
 		d: "M15 3v18",
 		key: "14nvp0"
 	}]
-]), B = r("lightbulb", [
+]), B = g("lightbulb", [
 	["path", {
 		d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
 		key: "1gvzjb"
@@ -77,7 +76,7 @@ var L = r("file-code-corner", [
 		d: "M10 22h4",
 		key: "ceow96"
 	}]
-]), V = r("radar", [
+]), V = g("radar", [
 	["path", {
 		d: "M19.07 4.93A10 10 0 0 0 6.99 3.34",
 		key: "z3du51"
@@ -112,7 +111,7 @@ var L = r("file-code-corner", [
 		d: "m13.41 10.59 5.66-5.66",
 		key: "mhq4k0"
 	}]
-]), H = r("shield", [["path", {
+]), H = g("shield", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"
 }]]);
@@ -207,92 +206,92 @@ function re() {
 	return navigator.maxTouchPoints || "ontouchstart" in this;
 }
 function ie() {
-	var e = ee, t = te, n = ne, r = re, i = {}, a = u("start", "drag", "end"), o = 0, s, p, m, h, g = 0;
+	var t = ee, n = te, r = ne, c = re, l = {}, u = a("start", "drag", "end"), d = 0, g, _, v, y, b = 0;
 	function x(e) {
-		e.on("mousedown.drag", S).filter(r).on("touchstart.drag", T).on("touchmove.drag", E, f).on("touchend.drag touchcancel.drag", D).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+		e.on("mousedown.drag", S).filter(c).on("touchstart.drag", T).on("touchmove.drag", E, s).on("touchend.drag touchcancel.drag", D).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
 	}
-	function S(n, r) {
-		if (!(h || !e.call(this, n, r))) {
-			var i = O(this, t.call(this, n, r), n, r, "mouse");
-			i && (v(n.view).on("mousemove.drag", C, y).on("mouseup.drag", w, y), d(n.view), l(n), m = !1, s = n.clientX, p = n.clientY, i("start", n));
+	function S(e, r) {
+		if (!(y || !t.call(this, e, r))) {
+			var a = O(this, n.call(this, e, r), e, r, "mouse");
+			a && (p(e.view).on("mousemove.drag", C, m).on("mouseup.drag", w, m), o(e.view), i(e), v = !1, g = e.clientX, _ = e.clientY, a("start", e));
 		}
 	}
 	function C(e) {
-		if (b(e), !m) {
-			var t = e.clientX - s, n = e.clientY - p;
-			m = t * t + n * n > g;
+		if (h(e), !v) {
+			var t = e.clientX - g, n = e.clientY - _;
+			v = t * t + n * n > b;
 		}
-		i.mouse("drag", e);
+		l.mouse("drag", e);
 	}
 	function w(e) {
-		v(e.view).on("mousemove.drag mouseup.drag", null), _(e.view, m), b(e), i.mouse("end", e);
+		p(e.view).on("mousemove.drag mouseup.drag", null), f(e.view, v), h(e), l.mouse("end", e);
 	}
-	function T(n, r) {
-		if (e.call(this, n, r)) {
-			var i = n.changedTouches, a = t.call(this, n, r), o = i.length, s, c;
-			for (s = 0; s < o; ++s) (c = O(this, a, n, r, i[s].identifier, i[s])) && (l(n), c("start", n, i[s]));
+	function T(e, r) {
+		if (t.call(this, e, r)) {
+			var a = e.changedTouches, o = n.call(this, e, r), s = a.length, c, l;
+			for (c = 0; c < s; ++c) (l = O(this, o, e, r, a[c].identifier, a[c])) && (i(e), l("start", e, a[c]));
 		}
 	}
 	function E(e) {
-		var t = e.changedTouches, n = t.length, r, a;
-		for (r = 0; r < n; ++r) (a = i[t[r].identifier]) && (b(e), a("drag", e, t[r]));
+		var t = e.changedTouches, n = t.length, r, i;
+		for (r = 0; r < n; ++r) (i = l[t[r].identifier]) && (h(e), i("drag", e, t[r]));
 	}
 	function D(e) {
 		var t = e.changedTouches, n = t.length, r, a;
-		for (h && clearTimeout(h), h = setTimeout(function() {
-			h = null;
-		}, 500), r = 0; r < n; ++r) (a = i[t[r].identifier]) && (l(e), a("end", e, t[r]));
+		for (y && clearTimeout(y), y = setTimeout(function() {
+			y = null;
+		}, 500), r = 0; r < n; ++r) (a = l[t[r].identifier]) && (i(e), a("end", e, t[r]));
 	}
-	function O(e, t, r, s, l, u) {
-		var d = a.copy(), f = c(u || r, t), p, m, h;
-		if ((h = n.call(e, new G("beforestart", {
-			sourceEvent: r,
+	function O(t, n, i, a, o, s) {
+		var c = u.copy(), f = e(s || i, n), p, m, h;
+		if ((h = r.call(t, new G("beforestart", {
+			sourceEvent: i,
 			target: x,
-			identifier: l,
-			active: o,
+			identifier: o,
+			active: d,
 			x: f[0],
 			y: f[1],
 			dx: 0,
 			dy: 0,
-			dispatch: d
-		}), s)) != null) return p = h.x - f[0] || 0, m = h.y - f[1] || 0, function n(r, a, u) {
+			dispatch: c
+		}), a)) != null) return p = h.x - f[0] || 0, m = h.y - f[1] || 0, function r(i, s, u) {
 			var g = f, _;
-			switch (r) {
+			switch (i) {
 				case "start":
-					i[l] = n, _ = o++;
+					l[o] = r, _ = d++;
 					break;
-				case "end": delete i[l], --o;
+				case "end": delete l[o], --d;
 				case "drag":
-					f = c(u || a, t), _ = o;
+					f = e(u || s, n), _ = d;
 					break;
 			}
-			d.call(r, e, new G(r, {
-				sourceEvent: a,
+			c.call(i, t, new G(i, {
+				sourceEvent: s,
 				subject: h,
 				target: x,
-				identifier: l,
+				identifier: o,
 				active: _,
 				x: f[0] + p,
 				y: f[1] + m,
 				dx: f[0] - g[0],
 				dy: f[1] - g[1],
-				dispatch: d
-			}), s);
+				dispatch: c
+			}), a);
 		};
 	}
-	return x.filter = function(t) {
-		return arguments.length ? (e = typeof t == "function" ? t : W(!!t), x) : e;
+	return x.filter = function(e) {
+		return arguments.length ? (t = typeof e == "function" ? e : W(!!e), x) : t;
 	}, x.container = function(e) {
-		return arguments.length ? (t = typeof e == "function" ? e : W(e), x) : t;
-	}, x.subject = function(e) {
 		return arguments.length ? (n = typeof e == "function" ? e : W(e), x) : n;
+	}, x.subject = function(e) {
+		return arguments.length ? (r = typeof e == "function" ? e : W(e), x) : r;
 	}, x.touchable = function(e) {
-		return arguments.length ? (r = typeof e == "function" ? e : W(!!e), x) : r;
+		return arguments.length ? (c = typeof e == "function" ? e : W(!!e), x) : c;
 	}, x.on = function() {
-		var e = a.on.apply(a, arguments);
-		return e === a ? x : e;
+		var e = u.on.apply(u, arguments);
+		return e === u ? x : e;
 	}, x.clickDistance = function(e) {
-		return arguments.length ? (g = (e = +e) * e, x) : Math.sqrt(g);
+		return arguments.length ? (b = (e = +e) * e, x) : Math.sqrt(b);
 	}, x;
 }
 //#endregion
@@ -1382,11 +1381,11 @@ function nn({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
 	}, o = 0, s = /* @__PURE__ */ new Map(), c = !1, l = {
 		x: 0,
 		y: 0
-	}, u = null, d = !1, f = null, p = !1, m = !1, h = null;
-	function g({ noDragClassName: g, handleSelector: _, domNode: y, isSelectable: b, nodeId: x, nodeClickDistance: S = 0 }) {
-		f = v(y);
+	}, u = null, d = !1, f = null, m = !1, h = !1, g = null;
+	function _({ noDragClassName: _, handleSelector: v, domNode: y, isSelectable: b, nodeId: x, nodeClickDistance: S = 0 }) {
+		f = p(y);
 		function C({ x: e, y: n }) {
-			let { nodeLookup: i, nodeExtent: o, snapGrid: c, snapToGrid: l, nodeOrigin: u, onNodeDrag: d, onSelectionDrag: f, onError: p, updateNodePositions: g } = t();
+			let { nodeLookup: i, nodeExtent: o, snapGrid: c, snapToGrid: l, nodeOrigin: u, onNodeDrag: d, onSelectionDrag: f, onError: p, updateNodePositions: m } = t();
 			a = {
 				x: e,
 				y: n
@@ -1422,13 +1421,13 @@ function nn({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
 				});
 				_ = _ || r.position.x !== d.x || r.position.y !== d.y, r.position = d, r.internals.positionAbsolute = f;
 			}
-			if (m ||= _, _ && (g(s, !0), h && (r || d || !x && f))) {
+			if (h ||= _, _ && (m(s, !0), g && (r || d || !x && f))) {
 				let [e, t] = en({
 					nodeId: x,
 					dragItems: s,
 					nodeLookup: i
 				});
-				r?.(h, s, e, t), d?.(h, e, t), x || f?.(h, t);
+				r?.(g, s, e, t), d?.(g, e, t), x || f?.(g, t);
 			}
 		}
 		async function w() {
@@ -1464,30 +1463,30 @@ function nn({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
 		}
 		let E = ie().clickDistance(S).on("start", (e) => {
 			let { domNode: n, nodeDragThreshold: r, transform: i, snapGrid: o, snapToGrid: s } = t();
-			u = n?.getBoundingClientRect() || null, p = !1, m = !1, h = e.sourceEvent, r === 0 && T(e), a = nt(e.sourceEvent, {
+			u = n?.getBoundingClientRect() || null, m = !1, h = !1, g = e.sourceEvent, r === 0 && T(e), a = nt(e.sourceEvent, {
 				transform: i,
 				snapGrid: o,
 				snapToGrid: s,
 				containerBounds: u
 			}), l = X(e.sourceEvent, u);
 		}).on("drag", (e) => {
-			let { autoPanOnNodeDrag: n, transform: r, snapGrid: i, snapToGrid: o, nodeDragThreshold: f, nodeLookup: m } = t(), g = nt(e.sourceEvent, {
+			let { autoPanOnNodeDrag: n, transform: r, snapGrid: i, snapToGrid: o, nodeDragThreshold: f, nodeLookup: p } = t(), h = nt(e.sourceEvent, {
 				transform: r,
 				snapGrid: i,
 				snapToGrid: o,
 				containerBounds: u
 			});
-			if (h = e.sourceEvent, (e.sourceEvent.type === "touchmove" && e.sourceEvent.touches.length > 1 || x && !m.has(x)) && (p = !0), !p) {
+			if (g = e.sourceEvent, (e.sourceEvent.type === "touchmove" && e.sourceEvent.touches.length > 1 || x && !p.has(x)) && (m = !0), !m) {
 				if (!c && n && d && (c = !0, w()), !d) {
 					let t = X(e.sourceEvent, u), n = t.x - l.x, r = t.y - l.y;
 					Math.sqrt(n * n + r * r) > f && T(e);
 				}
-				(a.x !== g.xSnapped || a.y !== g.ySnapped) && s && d && (l = X(e.sourceEvent, u), C(g));
+				(a.x !== h.xSnapped || a.y !== h.ySnapped) && s && d && (l = X(e.sourceEvent, u), C(h));
 			}
 		}).on("end", (e) => {
-			if (!(!d || p) && (c = !1, d = !1, cancelAnimationFrame(o), s.size > 0)) {
+			if (!(!d || m) && (c = !1, d = !1, cancelAnimationFrame(o), s.size > 0)) {
 				let { nodeLookup: n, updateNodePositions: r, onNodeDragStop: a, onSelectionDragStop: o } = t();
-				if (m &&= (r(s, !1), !1), i || a || !x && o) {
+				if (h &&= (r(s, !1), !1), i || a || !x && o) {
 					let [t, r] = en({
 						nodeId: x,
 						dragItems: s,
@@ -1499,16 +1498,16 @@ function nn({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
 			}
 		}).filter((e) => {
 			let t = e.target;
-			return !e.button && (!g || !Qt(t, `.${g}`, y)) && (!_ || Qt(t, _, y));
+			return !e.button && (!_ || !Qt(t, `.${_}`, y)) && (!v || Qt(t, v, y));
 		});
 		f.call(E);
 	}
-	function _() {
+	function v() {
 		f?.on(".drag", null);
 	}
 	return {
-		update: g,
-		destroy: _
+		update: _,
+		destroy: v
 	};
 }
 function rn(e, t, n) {
@@ -1683,68 +1682,68 @@ var pn = {
 	onPointerDown: dn,
 	isValid: fn
 };
-function mn({ domNode: e, panZoom: t, getTransform: n, getViewScale: r }) {
-	let i = v(e);
-	function a({ translateExtent: e, width: a, height: o, zoomStep: s = 1, pannable: c = !0, zoomable: l = !0, inversePan: u = !1 }) {
-		let d = (e) => {
-			if (e.sourceEvent.type !== "wheel" || !t) return;
-			let r = n(), i = e.sourceEvent.ctrlKey && Ye() ? 10 : 1, a = -e.sourceEvent.deltaY * (e.sourceEvent.deltaMode === 1 ? .05 : e.sourceEvent.deltaMode ? 1 : .002) * s, o = r[2] * 2 ** (a * i);
-			t.scaleTo(o);
-		}, f = [0, 0], p = g().on("start", (e) => {
-			(e.sourceEvent.type === "mousedown" || e.sourceEvent.type === "touchstart") && (f = [e.sourceEvent.clientX ?? e.sourceEvent.touches[0].clientX, e.sourceEvent.clientY ?? e.sourceEvent.touches[0].clientY]);
-		}).on("zoom", c ? (i) => {
-			let s = n();
-			if (i.sourceEvent.type !== "mousemove" && i.sourceEvent.type !== "touchmove" || !t) return;
-			let c = [i.sourceEvent.clientX ?? i.sourceEvent.touches[0].clientX, i.sourceEvent.clientY ?? i.sourceEvent.touches[0].clientY], l = [c[0] - f[0], c[1] - f[1]];
-			f = c;
-			let d = r() * Math.max(s[2], Math.log(s[2])) * (u ? -1 : 1), p = {
+function mn({ domNode: t, panZoom: n, getTransform: r, getViewScale: i }) {
+	let a = p(t);
+	function o({ translateExtent: e, width: t, height: o, zoomStep: s = 1, pannable: c = !0, zoomable: l = !0, inversePan: u = !1 }) {
+		let f = (e) => {
+			if (e.sourceEvent.type !== "wheel" || !n) return;
+			let t = r(), i = e.sourceEvent.ctrlKey && Ye() ? 10 : 1, a = -e.sourceEvent.deltaY * (e.sourceEvent.deltaMode === 1 ? .05 : e.sourceEvent.deltaMode ? 1 : .002) * s, o = t[2] * 2 ** (a * i);
+			n.scaleTo(o);
+		}, p = [0, 0], m = d().on("start", (e) => {
+			(e.sourceEvent.type === "mousedown" || e.sourceEvent.type === "touchstart") && (p = [e.sourceEvent.clientX ?? e.sourceEvent.touches[0].clientX, e.sourceEvent.clientY ?? e.sourceEvent.touches[0].clientY]);
+		}).on("zoom", c ? (a) => {
+			let s = r();
+			if (a.sourceEvent.type !== "mousemove" && a.sourceEvent.type !== "touchmove" || !n) return;
+			let c = [a.sourceEvent.clientX ?? a.sourceEvent.touches[0].clientX, a.sourceEvent.clientY ?? a.sourceEvent.touches[0].clientY], l = [c[0] - p[0], c[1] - p[1]];
+			p = c;
+			let d = i() * Math.max(s[2], Math.log(s[2])) * (u ? -1 : 1), f = {
 				x: s[0] - l[0] * d,
 				y: s[1] - l[1] * d
-			}, m = [[0, 0], [a, o]];
-			t.setViewportConstrained({
-				x: p.x,
-				y: p.y,
+			}, m = [[0, 0], [t, o]];
+			n.setViewportConstrained({
+				x: f.x,
+				y: f.y,
 				zoom: s[2]
 			}, m, e);
-		} : null).on("zoom.wheel", l ? d : null);
-		i.call(p, {});
+		} : null).on("zoom.wheel", l ? f : null);
+		a.call(m, {});
 	}
-	function o() {
-		i.on("zoom", null);
+	function s() {
+		a.on("zoom", null);
 	}
 	return {
-		update: a,
-		destroy: o,
-		pointer: c
+		update: o,
+		destroy: s,
+		pointer: e
 	};
 }
 var hn = (e) => ({
 	x: e.x,
 	y: e.y,
 	zoom: e.k
-}), gn = ({ x: e, y: t, zoom: n }) => m.translate(e, t).scale(n), _n = (e, t) => e.target.closest(`.${t}`), vn = (e, t) => t === 2 && Array.isArray(e) && e.includes(2), yn = (e) => ((e *= 2) <= 1 ? e * e * e : (e -= 2) * e * e + 2) / 2, bn = (e, t = 0, n = yn, r = () => {}) => {
+}), gn = ({ x: e, y: t, zoom: n }) => l.translate(e, t).scale(n), _n = (e, t) => e.target.closest(`.${t}`), vn = (e, t) => t === 2 && Array.isArray(e) && e.includes(2), yn = (e) => ((e *= 2) <= 1 ? e * e * e : (e -= 2) * e * e + 2) / 2, bn = (e, t = 0, n = yn, r = () => {}) => {
 	let i = typeof t == "number" && t > 0;
 	return i || r(), i ? e.transition().duration(t).ease(n).on("end", r) : e;
 }, xn = (e) => {
 	let t = e.ctrlKey && Ye() ? 10 : 1;
 	return -e.deltaY * (e.deltaMode === 1 ? .05 : e.deltaMode ? 1 : .002) * t;
 };
-function Sn({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: r, panOnScrollMode: i, panOnScrollSpeed: a, zoomOnPinch: o, onPanZoomStart: s, onPanZoom: l, onPanZoomEnd: u }) {
+function Sn({ zoomPanValues: t, noWheelClassName: n, d3Selection: r, d3Zoom: i, panOnScrollMode: a, panOnScrollSpeed: o, zoomOnPinch: s, onPanZoomStart: c, onPanZoom: l, onPanZoomEnd: u }) {
 	return (d) => {
-		if (_n(d, t)) return d.ctrlKey && d.preventDefault(), !1;
+		if (_n(d, n)) return d.ctrlKey && d.preventDefault(), !1;
 		d.preventDefault(), d.stopImmediatePropagation();
-		let f = n.property("__zoom").k || 1;
-		if (d.ctrlKey && o) {
-			let e = c(d), t = f * 2 ** xn(d);
-			r.scaleTo(n, t, e, d);
+		let f = r.property("__zoom").k || 1;
+		if (d.ctrlKey && s) {
+			let t = e(d), n = f * 2 ** xn(d);
+			i.scaleTo(r, n, t, d);
 			return;
 		}
-		let p = d.deltaMode === 1 ? 20 : 1, m = i === le.Vertical ? 0 : d.deltaX * p, h = i === le.Horizontal ? 0 : d.deltaY * p;
-		!Ye() && d.shiftKey && i !== le.Vertical && (m = d.deltaY * p, h = 0), r.translateBy(n, -(m / f) * a, -(h / f) * a, { internal: !0 });
-		let g = hn(n.property("__zoom"));
-		clearTimeout(e.panScrollTimeout), e.isPanScrolling ? (l?.(d, g), e.panScrollTimeout = setTimeout(() => {
-			u?.(d, g), e.isPanScrolling = !1;
-		}, 150)) : (e.isPanScrolling = !0, s?.(d, g));
+		let p = d.deltaMode === 1 ? 20 : 1, m = a === le.Vertical ? 0 : d.deltaX * p, h = a === le.Horizontal ? 0 : d.deltaY * p;
+		!Ye() && d.shiftKey && a !== le.Vertical && (m = d.deltaY * p, h = 0), i.translateBy(r, -(m / f) * o, -(h / f) * o, { internal: !0 });
+		let g = hn(r.property("__zoom"));
+		clearTimeout(t.panScrollTimeout), t.isPanScrolling ? (l?.(d, g), t.panScrollTimeout = setTimeout(() => {
+			u?.(d, g), t.isPanScrolling = !1;
+		}, 150)) : (t.isPanScrolling = !0, c?.(d, g));
 	};
 }
 function Cn({ noWheelClassName: e, preventScrolling: t, d3ZoomHandler: n }) {
@@ -1791,8 +1790,8 @@ function Dn({ zoomActivationKeyPressed: e, zoomOnScroll: t, zoomOnPinch: n, panO
 		return (!d.ctrlKey || m) && h;
 	};
 }
-function On({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport: i, onPanZoom: a, onPanZoomStart: o, onPanZoomEnd: s, onDraggingChange: c }) {
-	let l = {
+function On({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport: i, onPanZoom: a, onPanZoomStart: o, onPanZoomEnd: s, onDraggingChange: l }) {
+	let f = {
 		isZoomingOrPanning: !1,
 		usedRightMouseButton: !1,
 		prevViewport: {
@@ -1804,84 +1803,84 @@ function On({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 		timerId: void 0,
 		panScrollTimeout: void 0,
 		isPanScrolling: !1
-	}, u = e.getBoundingClientRect(), d = g().scaleExtent([t, n]).translateExtent(r), f = v(e).call(d);
+	}, m = e.getBoundingClientRect(), h = d().scaleExtent([t, n]).translateExtent(r), g = p(e).call(h);
 	C({
 		x: i.x,
 		y: i.y,
 		zoom: Oe(i.zoom, t, n)
-	}, [[0, 0], [u.width, u.height]], r);
-	let m = f.on("wheel.zoom"), _ = f.on("dblclick.zoom");
-	d.wheelDelta(xn);
+	}, [[0, 0], [m.width, m.height]], r);
+	let _ = g.on("wheel.zoom"), v = g.on("dblclick.zoom");
+	h.wheelDelta(xn);
 	function y(e, t) {
-		return f ? new Promise((n) => {
-			d?.interpolate(t?.interpolate === "linear" ? x : p).transform(bn(f, t?.duration, t?.ease, () => n(!0)), e);
+		return g ? new Promise((n) => {
+			h?.interpolate(t?.interpolate === "linear" ? x : c).transform(bn(g, t?.duration, t?.ease, () => n(!0)), e);
 		}) : Promise.resolve(!1);
 	}
-	function b({ noWheelClassName: e, noPanClassName: t, onPaneContextMenu: n, userSelectionActive: r, panOnScroll: i, panOnDrag: u, panOnScrollMode: p, panOnScrollSpeed: h, preventScrolling: g, zoomOnPinch: v, zoomOnScroll: y, zoomOnDoubleClick: b, zoomActivationKeyPressed: x, lib: C, onTransformChange: w, connectionInProgress: T, paneClickDistance: E, selectionOnDrag: D }) {
-		r && !l.isZoomingOrPanning && S();
+	function b({ noWheelClassName: e, noPanClassName: t, onPaneContextMenu: n, userSelectionActive: r, panOnScroll: i, panOnDrag: c, panOnScrollMode: u, panOnScrollSpeed: d, preventScrolling: p, zoomOnPinch: m, zoomOnScroll: y, zoomOnDoubleClick: b, zoomActivationKeyPressed: x, lib: C, onTransformChange: w, connectionInProgress: T, paneClickDistance: E, selectionOnDrag: D }) {
+		r && !f.isZoomingOrPanning && S();
 		let O = i && !x && !r;
-		d.clickDistance(D ? Infinity : !J(E) || E < 0 ? 0 : E);
+		h.clickDistance(D ? Infinity : !J(E) || E < 0 ? 0 : E);
 		let k = O ? Sn({
-			zoomPanValues: l,
+			zoomPanValues: f,
 			noWheelClassName: e,
-			d3Selection: f,
-			d3Zoom: d,
-			panOnScrollMode: p,
-			panOnScrollSpeed: h,
-			zoomOnPinch: v,
+			d3Selection: g,
+			d3Zoom: h,
+			panOnScrollMode: u,
+			panOnScrollSpeed: d,
+			zoomOnPinch: m,
 			onPanZoomStart: o,
 			onPanZoom: a,
 			onPanZoomEnd: s
 		}) : Cn({
 			noWheelClassName: e,
-			preventScrolling: g,
-			d3ZoomHandler: m
+			preventScrolling: p,
+			d3ZoomHandler: _
 		});
-		if (f.on("wheel.zoom", k, { passive: !1 }), !r) {
+		if (g.on("wheel.zoom", k, { passive: !1 }), !r) {
 			let e = wn({
-				zoomPanValues: l,
-				onDraggingChange: c,
+				zoomPanValues: f,
+				onDraggingChange: l,
 				onPanZoomStart: o
 			});
-			d.on("start", e);
+			h.on("start", e);
 			let t = Tn({
-				zoomPanValues: l,
-				panOnDrag: u,
+				zoomPanValues: f,
+				panOnDrag: c,
 				onPaneContextMenu: !!n,
 				onPanZoom: a,
 				onTransformChange: w
 			});
-			d.on("zoom", t);
+			h.on("zoom", t);
 			let r = En({
-				zoomPanValues: l,
-				panOnDrag: u,
+				zoomPanValues: f,
+				panOnDrag: c,
 				panOnScroll: i,
 				onPaneContextMenu: n,
 				onPanZoomEnd: s,
-				onDraggingChange: c
+				onDraggingChange: l
 			});
-			d.on("end", r);
+			h.on("end", r);
 		}
 		let A = Dn({
 			zoomActivationKeyPressed: x,
-			panOnDrag: u,
+			panOnDrag: c,
 			zoomOnScroll: y,
 			panOnScroll: i,
 			zoomOnDoubleClick: b,
-			zoomOnPinch: v,
+			zoomOnPinch: m,
 			userSelectionActive: r,
 			noPanClassName: t,
 			noWheelClassName: e,
 			lib: C,
 			connectionInProgress: T
 		});
-		d.filter(A), b ? f.on("dblclick.zoom", _) : f.on("dblclick.zoom", null);
+		h.filter(A), b ? g.on("dblclick.zoom", v) : g.on("dblclick.zoom", null);
 	}
 	function S() {
-		d.on("zoom", null);
+		h.on("zoom", null);
 	}
 	async function C(e, t, n) {
-		let r = gn(e), i = d?.constrain()(r, t, n);
+		let r = gn(e), i = h?.constrain()(r, t, n);
 		return i && await y(i), new Promise((e) => e(i));
 	}
 	async function w(e, t) {
@@ -1889,13 +1888,13 @@ function On({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 		return await y(n, t), new Promise((e) => e(n));
 	}
 	function T(e) {
-		if (f) {
-			let t = gn(e), n = f.property("__zoom");
-			(n.k !== e.zoom || n.x !== e.x || n.y !== e.y) && d?.transform(f, t, null, { sync: !0 });
+		if (g) {
+			let t = gn(e), n = g.property("__zoom");
+			(n.k !== e.zoom || n.x !== e.x || n.y !== e.y) && h?.transform(g, t, null, { sync: !0 });
 		}
 	}
 	function E() {
-		let e = f ? h(f.node()) : {
+		let e = g ? u(g.node()) : {
 			x: 0,
 			y: 0,
 			k: 1
@@ -1907,24 +1906,24 @@ function On({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 		};
 	}
 	function D(e, t) {
-		return f ? new Promise((n) => {
-			d?.interpolate(t?.interpolate === "linear" ? x : p).scaleTo(bn(f, t?.duration, t?.ease, () => n(!0)), e);
+		return g ? new Promise((n) => {
+			h?.interpolate(t?.interpolate === "linear" ? x : c).scaleTo(bn(g, t?.duration, t?.ease, () => n(!0)), e);
 		}) : Promise.resolve(!1);
 	}
 	function O(e, t) {
-		return f ? new Promise((n) => {
-			d?.interpolate(t?.interpolate === "linear" ? x : p).scaleBy(bn(f, t?.duration, t?.ease, () => n(!0)), e);
+		return g ? new Promise((n) => {
+			h?.interpolate(t?.interpolate === "linear" ? x : c).scaleBy(bn(g, t?.duration, t?.ease, () => n(!0)), e);
 		}) : Promise.resolve(!1);
 	}
 	function k(e) {
-		d?.scaleExtent(e);
+		h?.scaleExtent(e);
 	}
 	function A(e) {
-		d?.translateExtent(e);
+		h?.translateExtent(e);
 	}
 	function j(e) {
 		let t = !J(e) || e < 0 ? 0 : e;
-		d?.clickDistance(t);
+		h?.clickDistance(t);
 	}
 	return {
 		update: b,
@@ -2030,7 +2029,7 @@ function Bn(e, t, n) {
 	return [[r - s, i - c], [r + a - s, i + o - c]];
 }
 function Vn({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i }) {
-	let a = v(e), o = {
+	let a = p(e), o = {
 		controlDirection: jn("bottom-right"),
 		boundaries: {
 			minWidth: 0,
@@ -2129,8 +2128,8 @@ function Vn({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i })
 }
 //#endregion
 //#region node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var Hn = /* @__PURE__ */ n(((t) => {
-	var n = e("react");
+var Hn = /* @__PURE__ */ n(((e) => {
+	var n = t("react");
 	function r(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
@@ -2166,8 +2165,8 @@ var Hn = /* @__PURE__ */ n(((t) => {
 		return t();
 	}
 	var f = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? d : l;
-	t.useSyncExternalStore = n.useSyncExternalStore === void 0 ? f : n.useSyncExternalStore;
-})), Un = /* @__PURE__ */ n(((t) => {
+	e.useSyncExternalStore = n.useSyncExternalStore === void 0 ? f : n.useSyncExternalStore;
+})), Un = /* @__PURE__ */ n(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function n(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
@@ -2210,18 +2209,18 @@ var Hn = /* @__PURE__ */ n(((t) => {
 			return t();
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var o = e("react"), s = typeof Object.is == "function" ? Object.is : n, c = o.useState, l = o.useEffect, u = o.useLayoutEffect, d = o.useDebugValue, f = !1, p = !1, m = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? a : r;
-		t.useSyncExternalStore = o.useSyncExternalStore === void 0 ? m : o.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+		var o = t("react"), s = typeof Object.is == "function" ? Object.is : n, c = o.useState, l = o.useEffect, u = o.useLayoutEffect, d = o.useDebugValue, f = !1, p = !1, m = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? a : r;
+		e.useSyncExternalStore = o.useSyncExternalStore === void 0 ? m : o.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
 })), Wn = /* @__PURE__ */ n(((e, t) => {
 	process.env.NODE_ENV === "production" ? t.exports = Hn() : t.exports = Un();
-})), Gn = /* @__PURE__ */ n(((t) => {
-	var n = e("react"), r = Wn();
+})), Gn = /* @__PURE__ */ n(((e) => {
+	var n = t("react"), r = Wn();
 	function i(e, t) {
 		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 	}
 	var a = typeof Object.is == "function" ? Object.is : i, o = r.useSyncExternalStore, s = n.useRef, c = n.useEffect, l = n.useMemo, u = n.useDebugValue;
-	t.useSyncExternalStoreWithSelector = function(e, t, n, r, i) {
+	e.useSyncExternalStoreWithSelector = function(e, t, n, r, i) {
 		var d = s(null);
 		if (d.current === null) {
 			var f = {
@@ -2260,14 +2259,14 @@ var Hn = /* @__PURE__ */ n(((t) => {
 			f.hasValue = !0, f.value = p;
 		}, [p]), u(p), p;
 	};
-})), Kn = /* @__PURE__ */ n(((t) => {
+})), Kn = /* @__PURE__ */ n(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function n(e, t) {
 			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 		}
 		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-		var r = e("react"), i = Wn(), a = typeof Object.is == "function" ? Object.is : n, o = i.useSyncExternalStore, s = r.useRef, c = r.useEffect, l = r.useMemo, u = r.useDebugValue;
-		t.useSyncExternalStoreWithSelector = function(e, t, n, r, i) {
+		var r = t("react"), i = Wn(), a = typeof Object.is == "function" ? Object.is : n, o = i.useSyncExternalStore, s = r.useRef, c = r.useEffect, l = r.useMemo, u = r.useDebugValue;
+		e.useSyncExternalStoreWithSelector = function(e, t, n, r, i) {
 			var d = s(null);
 			if (d.current === null) {
 				var f = {
@@ -2326,7 +2325,7 @@ var Hn = /* @__PURE__ */ n(((t) => {
 		}
 	}, o = t = e(r, i, a);
 	return a;
-}, Yn = (e) => e ? Jn(e) : Jn, Xn = /* @__PURE__ */ t(qn(), 1), { useDebugValue: Zn } = S, { useSyncExternalStoreWithSelector: Qn } = Xn.default, $n = (e) => e;
+}, Yn = (e) => e ? Jn(e) : Jn, Xn = /* @__PURE__ */ r(qn(), 1), { useDebugValue: Zn } = S, { useSyncExternalStoreWithSelector: Qn } = Xn.default, $n = (e) => e;
 function er(e, t = $n, n) {
 	let r = Qn(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
 	return Zn(r), r;
@@ -6014,7 +6013,7 @@ function $o({ data: e }) {
 		bg: "bg-slate-50 dark:bg-slate-800",
 		text: "text-slate-600 dark:text-slate-400"
 	}, n = Xo.has(e.name), r = Yo[e.icon];
-	return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(s, {
+	return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(b, {
 		title: e.name,
 		eyebrow: e.categoryLabel,
 		tone: e.category === "framework" ? "slate" : e.category === "detection" ? "blue" : e.category === "intel" ? "violet" : "amber",
@@ -6048,7 +6047,7 @@ function $o({ data: e }) {
 }
 function es({ data: e }) {
 	return /* @__PURE__ */ I("div", { children: [
-		/* @__PURE__ */ F(s, {
+		/* @__PURE__ */ F(b, {
 			title: e.name,
 			eyebrow: e.role,
 			tone: "orange",
@@ -6117,21 +6116,21 @@ function ts() {
 }
 var ns = {
 	active: {
-		icon: a,
+		icon: v,
 		label: "Active",
 		textColor: "text-emerald-500",
 		hex: "#34d399",
 		bg: "bg-emerald-50 dark:bg-emerald-500/10"
 	},
 	degraded: {
-		icon: o,
+		icon: y,
 		label: "Degraded",
 		textColor: "text-amber-500",
 		hex: "#fbbf24",
 		bg: "bg-amber-50 dark:bg-amber-500/10"
 	},
 	offline: {
-		icon: i,
+		icon: _,
 		label: "Offline",
 		textColor: "text-rose-500",
 		hex: "#fb7185",
@@ -6140,14 +6139,14 @@ var ns = {
 };
 function rs({ data: e }) {
 	let t = {
-		icon: a,
+		icon: v,
 		label: "Active",
 		textColor: "text-emerald-500",
 		hex: "#34d399",
 		bg: "bg-emerald-50 dark:bg-emerald-500/10"
 	}, n = ns[e.status] ?? t;
 	return /* @__PURE__ */ I("div", { children: [
-		/* @__PURE__ */ F(s, {
+		/* @__PURE__ */ F(b, {
 			title: e.name,
 			eyebrow: /* @__PURE__ */ F("span", {
 				className: n.textColor,
@@ -6225,7 +6224,7 @@ function os({ data: e }) {
 		label: "SIEM",
 		color: "#60a5fa"
 	}, n = Jo(e.name);
-	return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(s, {
+	return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(b, {
 		title: e.name,
 		eyebrow: /* @__PURE__ */ I("span", {
 			className: "flex items-center gap-1",
@@ -6272,7 +6271,7 @@ function cs({ data: e }) {
 		label: "Detections"
 	}, n = ss[e.category] ?? t;
 	return /* @__PURE__ */ I("div", { children: [
-		/* @__PURE__ */ F(s, {
+		/* @__PURE__ */ F(b, {
 			title: e.name,
 			eyebrow: n.label,
 			tone: "orange",
@@ -6704,4 +6703,4 @@ var Ds = "\n  .topology-edge-animated {\n    animation: topology-dash 1.2s linea
 //#endregion
 export { Jo as C, Bo as S, Wo as _, os as a, Uo as b, $o as c, Fo as d, Io as f, Ro as g, Vo as h, us as i, rs as l, Ho as m, Es as n, cs as o, qo as p, Ts as r, es as s, Ds as t, Ko as u, zo as v, Lo as x, Go as y };
 
-//# sourceMappingURL=topology-C8cyIHlB.js.map
+//# sourceMappingURL=topology-B9Lv-y1-.js.map