@hpcc-js/react 3.4.0 → 3.4.2

package/dist/index.js

@@ -1,1593 +1,42 @@
-import { HTMLWidget, Palette, SVGWidget, Utility } from "@hpcc-js/common";
-
-//#region rolldown:runtime
-var __defProp = Object.defineProperty;
-var __export = (all) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	return target;
-};
-
-//#endregion
-//#region src/__package__.ts
-const PKG_NAME = "@hpcc-js/react";
-const PKG_VERSION = "3.4.0";
-const BUILD_VERSION = "3.15.0";
-
-//#endregion
-//#region ../../node_modules/preact/dist/preact.module.js
-var n, l, u$2, t$1, i$2, r$1, o$2, e$1, f$2, c$1, s$1, a$1, h$1, p$1 = {}, v$1 = [], y$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, w$1 = Array.isArray;
-function d$1(n$1, l$2) {
-	for (var u$3 in l$2) n$1[u$3] = l$2[u$3];
-	return n$1;
-}
-function g$1(n$1) {
-	n$1 && n$1.parentNode && n$1.parentNode.removeChild(n$1);
-}
-function _(l$2, u$3, t$2) {
-	var i$3, r$2, o$3, e$2 = {};
-	for (o$3 in u$3) "key" == o$3 ? i$3 = u$3[o$3] : "ref" == o$3 ? r$2 = u$3[o$3] : e$2[o$3] = u$3[o$3];
-	if (arguments.length > 2 && (e$2.children = arguments.length > 3 ? n.call(arguments, 2) : t$2), "function" == typeof l$2 && null != l$2.defaultProps) for (o$3 in l$2.defaultProps) void 0 === e$2[o$3] && (e$2[o$3] = l$2.defaultProps[o$3]);
-	return m$1(l$2, e$2, i$3, r$2, null);
-}
-function m$1(n$1, t$2, i$3, r$2, o$3) {
-	var e$2 = {
-		type: n$1,
-		props: t$2,
-		key: i$3,
-		ref: r$2,
-		__k: null,
-		__: null,
-		__b: 0,
-		__e: null,
-		__c: null,
-		constructor: void 0,
-		__v: null == o$3 ? ++u$2 : o$3,
-		__i: -1,
-		__u: 0
-	};
-	return null == o$3 && null != l.vnode && l.vnode(e$2), e$2;
-}
-function k(n$1) {
-	return n$1.children;
-}
-function x(n$1, l$2) {
-	this.props = n$1, this.context = l$2;
-}
-function S(n$1, l$2) {
-	if (null == l$2) return n$1.__ ? S(n$1.__, n$1.__i + 1) : null;
-	for (var u$3; l$2 < n$1.__k.length; l$2++) if (null != (u$3 = n$1.__k[l$2]) && null != u$3.__e) return u$3.__e;
-	return "function" == typeof n$1.type ? S(n$1) : null;
-}
-function C$1(n$1) {
-	var l$2, u$3;
-	if (null != (n$1 = n$1.__) && null != n$1.__c) {
-		for (n$1.__e = n$1.__c.base = null, l$2 = 0; l$2 < n$1.__k.length; l$2++) if (null != (u$3 = n$1.__k[l$2]) && null != u$3.__e) {
-			n$1.__e = n$1.__c.base = u$3.__e;
-			break;
-		}
-		return C$1(n$1);
-	}
-}
-function M(n$1) {
-	(!n$1.__d && (n$1.__d = !0) && i$2.push(n$1) && !$.__r++ || r$1 != l.debounceRendering) && ((r$1 = l.debounceRendering) || o$2)($);
-}
-function $() {
-	for (var n$1, u$3, t$2, r$2, o$3, f$3, c$2, s$2 = 1; i$2.length;) i$2.length > s$2 && i$2.sort(e$1), n$1 = i$2.shift(), s$2 = i$2.length, n$1.__d && (t$2 = void 0, r$2 = void 0, o$3 = (r$2 = (u$3 = n$1).__v).__e, f$3 = [], c$2 = [], u$3.__P && ((t$2 = d$1({}, r$2)).__v = r$2.__v + 1, l.vnode && l.vnode(t$2), O$1(u$3.__P, t$2, r$2, u$3.__n, u$3.__P.namespaceURI, 32 & r$2.__u ? [o$3] : null, f$3, null == o$3 ? S(r$2) : o$3, !!(32 & r$2.__u), c$2), t$2.__v = r$2.__v, t$2.__.__k[t$2.__i] = t$2, N$1(f$3, t$2, c$2), r$2.__e = r$2.__ = null, t$2.__e != o$3 && C$1(t$2)));
-	$.__r = 0;
-}
-function I(n$1, l$2, u$3, t$2, i$3, r$2, o$3, e$2, f$3, c$2, s$2) {
-	var a$2, h$2, y$2, w$2, d$2, g$2, _$2, m$2 = t$2 && t$2.__k || v$1, b$1 = l$2.length;
-	for (f$3 = P$1(u$3, l$2, m$2, f$3, b$1), a$2 = 0; a$2 < b$1; a$2++) null != (y$2 = u$3.__k[a$2]) && (h$2 = -1 == y$2.__i ? p$1 : m$2[y$2.__i] || p$1, y$2.__i = a$2, g$2 = O$1(n$1, y$2, h$2, i$3, r$2, o$3, e$2, f$3, c$2, s$2), w$2 = y$2.__e, y$2.ref && h$2.ref != y$2.ref && (h$2.ref && B$2(h$2.ref, null, y$2), s$2.push(y$2.ref, y$2.__c || w$2, y$2)), null == d$2 && null != w$2 && (d$2 = w$2), (_$2 = !!(4 & y$2.__u)) || h$2.__k === y$2.__k ? f$3 = A$1(y$2, f$3, n$1, _$2) : "function" == typeof y$2.type && void 0 !== g$2 ? f$3 = g$2 : w$2 && (f$3 = w$2.nextSibling), y$2.__u &= -7);
-	return u$3.__e = d$2, f$3;
-}
-function P$1(n$1, l$2, u$3, t$2, i$3) {
-	var r$2, o$3, e$2, f$3, c$2, s$2 = u$3.length, a$2 = s$2, h$2 = 0;
-	for (n$1.__k = new Array(i$3), r$2 = 0; r$2 < i$3; r$2++) null != (o$3 = l$2[r$2]) && "boolean" != typeof o$3 && "function" != typeof o$3 ? (f$3 = r$2 + h$2, (o$3 = n$1.__k[r$2] = "string" == typeof o$3 || "number" == typeof o$3 || "bigint" == typeof o$3 || o$3.constructor == String ? m$1(null, o$3, null, null, null) : w$1(o$3) ? m$1(k, { children: o$3 }, null, null, null) : null == o$3.constructor && o$3.__b > 0 ? m$1(o$3.type, o$3.props, o$3.key, o$3.ref ? o$3.ref : null, o$3.__v) : o$3).__ = n$1, o$3.__b = n$1.__b + 1, e$2 = null, -1 != (c$2 = o$3.__i = L$1(o$3, u$3, f$3, a$2)) && (a$2--, (e$2 = u$3[c$2]) && (e$2.__u |= 2)), null == e$2 || null == e$2.__v ? (-1 == c$2 && (i$3 > s$2 ? h$2-- : i$3 < s$2 && h$2++), "function" != typeof o$3.type && (o$3.__u |= 4)) : c$2 != f$3 && (c$2 == f$3 - 1 ? h$2-- : c$2 == f$3 + 1 ? h$2++ : (c$2 > f$3 ? h$2-- : h$2++, o$3.__u |= 4))) : n$1.__k[r$2] = null;
-	if (a$2) for (r$2 = 0; r$2 < s$2; r$2++) null != (e$2 = u$3[r$2]) && 0 == (2 & e$2.__u) && (e$2.__e == t$2 && (t$2 = S(e$2)), D$1(e$2, e$2));
-	return t$2;
-}
-function A$1(n$1, l$2, u$3, t$2) {
-	var i$3, r$2;
-	if ("function" == typeof n$1.type) {
-		for (i$3 = n$1.__k, r$2 = 0; i$3 && r$2 < i$3.length; r$2++) i$3[r$2] && (i$3[r$2].__ = n$1, l$2 = A$1(i$3[r$2], l$2, u$3, t$2));
-		return l$2;
-	}
-	n$1.__e != l$2 && (t$2 && (l$2 && n$1.type && !l$2.parentNode && (l$2 = S(n$1)), u$3.insertBefore(n$1.__e, l$2 || null)), l$2 = n$1.__e);
-	do
-		l$2 = l$2 && l$2.nextSibling;
-	while (null != l$2 && 8 == l$2.nodeType);
-	return l$2;
-}
-function H(n$1, l$2) {
-	return l$2 = l$2 || [], null == n$1 || "boolean" == typeof n$1 || (w$1(n$1) ? n$1.some(function(n$2) {
-		H(n$2, l$2);
-	}) : l$2.push(n$1)), l$2;
-}
-function L$1(n$1, l$2, u$3, t$2) {
-	var i$3, r$2, o$3, e$2 = n$1.key, f$3 = n$1.type, c$2 = l$2[u$3], s$2 = null != c$2 && 0 == (2 & c$2.__u);
-	if (null === c$2 && null == n$1.key || s$2 && e$2 == c$2.key && f$3 == c$2.type) return u$3;
-	if (t$2 > (s$2 ? 1 : 0)) {
-		for (i$3 = u$3 - 1, r$2 = u$3 + 1; i$3 >= 0 || r$2 < l$2.length;) if (null != (c$2 = l$2[o$3 = i$3 >= 0 ? i$3-- : r$2++]) && 0 == (2 & c$2.__u) && e$2 == c$2.key && f$3 == c$2.type) return o$3;
-	}
-	return -1;
-}
-function T$2(n$1, l$2, u$3) {
-	"-" == l$2[0] ? n$1.setProperty(l$2, null == u$3 ? "" : u$3) : n$1[l$2] = null == u$3 ? "" : "number" != typeof u$3 || y$1.test(l$2) ? u$3 : u$3 + "px";
-}
-function j$2(n$1, l$2, u$3, t$2, i$3) {
-	var r$2, o$3;
-	n: if ("style" == l$2) if ("string" == typeof u$3) n$1.style.cssText = u$3;
-	else {
-		if ("string" == typeof t$2 && (n$1.style.cssText = t$2 = ""), t$2) for (l$2 in t$2) u$3 && l$2 in u$3 || T$2(n$1.style, l$2, "");
-		if (u$3) for (l$2 in u$3) t$2 && u$3[l$2] == t$2[l$2] || T$2(n$1.style, l$2, u$3[l$2]);
-	}
-	else if ("o" == l$2[0] && "n" == l$2[1]) r$2 = l$2 != (l$2 = l$2.replace(f$2, "$1")), o$3 = l$2.toLowerCase(), l$2 = o$3 in n$1 || "onFocusOut" == l$2 || "onFocusIn" == l$2 ? o$3.slice(2) : l$2.slice(2), n$1.l || (n$1.l = {}), n$1.l[l$2 + r$2] = u$3, u$3 ? t$2 ? u$3.u = t$2.u : (u$3.u = c$1, n$1.addEventListener(l$2, r$2 ? a$1 : s$1, r$2)) : n$1.removeEventListener(l$2, r$2 ? a$1 : s$1, r$2);
-	else {
-		if ("http://www.w3.org/2000/svg" == i$3) l$2 = l$2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
-		else if ("width" != l$2 && "height" != l$2 && "href" != l$2 && "list" != l$2 && "form" != l$2 && "tabIndex" != l$2 && "download" != l$2 && "rowSpan" != l$2 && "colSpan" != l$2 && "role" != l$2 && "popover" != l$2 && l$2 in n$1) try {
-			n$1[l$2] = null == u$3 ? "" : u$3;
-			break n;
-		} catch (n$2) {}
-		"function" == typeof u$3 || (null == u$3 || !1 === u$3 && "-" != l$2[4] ? n$1.removeAttribute(l$2) : n$1.setAttribute(l$2, "popover" == l$2 && 1 == u$3 ? "" : u$3));
-	}
-}
-function F$1(n$1) {
-	return function(u$3) {
-		if (this.l) {
-			var t$2 = this.l[u$3.type + n$1];
-			if (null == u$3.t) u$3.t = c$1++;
-			else if (u$3.t < t$2.u) return;
-			return t$2(l.event ? l.event(u$3) : u$3);
-		}
-	};
-}
-function O$1(n$1, u$3, t$2, i$3, r$2, o$3, e$2, f$3, c$2, s$2) {
-	var a$2, h$2, p$2, v$2, y$2, _$2, m$2, b$1, S$1, C$2, M$1, $$1, P$2, A$2, H$2, L$2, T$3, j$3 = u$3.type;
-	if (null != u$3.constructor) return null;
-	128 & t$2.__u && (c$2 = !!(32 & t$2.__u), o$3 = [f$3 = u$3.__e = t$2.__e]), (a$2 = l.__b) && a$2(u$3);
-	n: if ("function" == typeof j$3) try {
-		if (b$1 = u$3.props, S$1 = "prototype" in j$3 && j$3.prototype.render, C$2 = (a$2 = j$3.contextType) && i$3[a$2.__c], M$1 = a$2 ? C$2 ? C$2.props.value : a$2.__ : i$3, t$2.__c ? m$2 = (h$2 = u$3.__c = t$2.__c).__ = h$2.__E : (S$1 ? u$3.__c = h$2 = new j$3(b$1, M$1) : (u$3.__c = h$2 = new x(b$1, M$1), h$2.constructor = j$3, h$2.render = E$1), C$2 && C$2.sub(h$2), h$2.props = b$1, h$2.state || (h$2.state = {}), h$2.context = M$1, h$2.__n = i$3, p$2 = h$2.__d = !0, h$2.__h = [], h$2._sb = []), S$1 && null == h$2.__s && (h$2.__s = h$2.state), S$1 && null != j$3.getDerivedStateFromProps && (h$2.__s == h$2.state && (h$2.__s = d$1({}, h$2.__s)), d$1(h$2.__s, j$3.getDerivedStateFromProps(b$1, h$2.__s))), v$2 = h$2.props, y$2 = h$2.state, h$2.__v = u$3, p$2) S$1 && null == j$3.getDerivedStateFromProps && null != h$2.componentWillMount && h$2.componentWillMount(), S$1 && null != h$2.componentDidMount && h$2.__h.push(h$2.componentDidMount);
-		else {
-			if (S$1 && null == j$3.getDerivedStateFromProps && b$1 !== v$2 && null != h$2.componentWillReceiveProps && h$2.componentWillReceiveProps(b$1, M$1), !h$2.__e && null != h$2.shouldComponentUpdate && !1 === h$2.shouldComponentUpdate(b$1, h$2.__s, M$1) || u$3.__v == t$2.__v) {
-				for (u$3.__v != t$2.__v && (h$2.props = b$1, h$2.state = h$2.__s, h$2.__d = !1), u$3.__e = t$2.__e, u$3.__k = t$2.__k, u$3.__k.some(function(n$2) {
-					n$2 && (n$2.__ = u$3);
-				}), $$1 = 0; $$1 < h$2._sb.length; $$1++) h$2.__h.push(h$2._sb[$$1]);
-				h$2._sb = [], h$2.__h.length && e$2.push(h$2);
-				break n;
-			}
-			null != h$2.componentWillUpdate && h$2.componentWillUpdate(b$1, h$2.__s, M$1), S$1 && null != h$2.componentDidUpdate && h$2.__h.push(function() {
-				h$2.componentDidUpdate(v$2, y$2, _$2);
-			});
-		}
-		if (h$2.context = M$1, h$2.props = b$1, h$2.__P = n$1, h$2.__e = !1, P$2 = l.__r, A$2 = 0, S$1) {
-			for (h$2.state = h$2.__s, h$2.__d = !1, P$2 && P$2(u$3), a$2 = h$2.render(h$2.props, h$2.state, h$2.context), H$2 = 0; H$2 < h$2._sb.length; H$2++) h$2.__h.push(h$2._sb[H$2]);
-			h$2._sb = [];
-		} else do
-			h$2.__d = !1, P$2 && P$2(u$3), a$2 = h$2.render(h$2.props, h$2.state, h$2.context), h$2.state = h$2.__s;
-		while (h$2.__d && ++A$2 < 25);
-		h$2.state = h$2.__s, null != h$2.getChildContext && (i$3 = d$1(d$1({}, i$3), h$2.getChildContext())), S$1 && !p$2 && null != h$2.getSnapshotBeforeUpdate && (_$2 = h$2.getSnapshotBeforeUpdate(v$2, y$2)), L$2 = a$2, null != a$2 && a$2.type === k && null == a$2.key && (L$2 = V$1(a$2.props.children)), f$3 = I(n$1, w$1(L$2) ? L$2 : [L$2], u$3, t$2, i$3, r$2, o$3, e$2, f$3, c$2, s$2), h$2.base = u$3.__e, u$3.__u &= -161, h$2.__h.length && e$2.push(h$2), m$2 && (h$2.__E = h$2.__ = null);
-	} catch (n$2) {
-		if (u$3.__v = null, c$2 || null != o$3) if (n$2.then) {
-			for (u$3.__u |= c$2 ? 160 : 128; f$3 && 8 == f$3.nodeType && f$3.nextSibling;) f$3 = f$3.nextSibling;
-			o$3[o$3.indexOf(f$3)] = null, u$3.__e = f$3;
-		} else {
-			for (T$3 = o$3.length; T$3--;) g$1(o$3[T$3]);
-			z$1(u$3);
-		}
-		else u$3.__e = t$2.__e, u$3.__k = t$2.__k, n$2.then || z$1(u$3);
-		l.__e(n$2, u$3, t$2);
-	}
-	else null == o$3 && u$3.__v == t$2.__v ? (u$3.__k = t$2.__k, u$3.__e = t$2.__e) : f$3 = u$3.__e = q$2(t$2.__e, u$3, t$2, i$3, r$2, o$3, e$2, c$2, s$2);
-	return (a$2 = l.diffed) && a$2(u$3), 128 & u$3.__u ? void 0 : f$3;
-}
-function z$1(n$1) {
-	n$1 && n$1.__c && (n$1.__c.__e = !0), n$1 && n$1.__k && n$1.__k.forEach(z$1);
-}
-function N$1(n$1, u$3, t$2) {
-	for (var i$3 = 0; i$3 < t$2.length; i$3++) B$2(t$2[i$3], t$2[++i$3], t$2[++i$3]);
-	l.__c && l.__c(u$3, n$1), n$1.some(function(u$4) {
-		try {
-			n$1 = u$4.__h, u$4.__h = [], n$1.some(function(n$2) {
-				n$2.call(u$4);
-			});
-		} catch (n$2) {
-			l.__e(n$2, u$4.__v);
-		}
-	});
-}
-function V$1(n$1) {
-	return "object" != typeof n$1 || null == n$1 || n$1.__b && n$1.__b > 0 ? n$1 : w$1(n$1) ? n$1.map(V$1) : d$1({}, n$1);
-}
-function q$2(u$3, t$2, i$3, r$2, o$3, e$2, f$3, c$2, s$2) {
-	var a$2, h$2, v$2, y$2, d$2, _$2, m$2, b$1 = i$3.props, k$2 = t$2.props, x$1 = t$2.type;
-	if ("svg" == x$1 ? o$3 = "http://www.w3.org/2000/svg" : "math" == x$1 ? o$3 = "http://www.w3.org/1998/Math/MathML" : o$3 || (o$3 = "http://www.w3.org/1999/xhtml"), null != e$2) {
-		for (a$2 = 0; a$2 < e$2.length; a$2++) if ((d$2 = e$2[a$2]) && "setAttribute" in d$2 == !!x$1 && (x$1 ? d$2.localName == x$1 : 3 == d$2.nodeType)) {
-			u$3 = d$2, e$2[a$2] = null;
-			break;
-		}
-	}
-	if (null == u$3) {
-		if (null == x$1) return document.createTextNode(k$2);
-		u$3 = document.createElementNS(o$3, x$1, k$2.is && k$2), c$2 && (l.__m && l.__m(t$2, e$2), c$2 = !1), e$2 = null;
-	}
-	if (null == x$1) b$1 === k$2 || c$2 && u$3.data == k$2 || (u$3.data = k$2);
-	else {
-		if (e$2 = e$2 && n.call(u$3.childNodes), b$1 = i$3.props || p$1, !c$2 && null != e$2) for (b$1 = {}, a$2 = 0; a$2 < u$3.attributes.length; a$2++) b$1[(d$2 = u$3.attributes[a$2]).name] = d$2.value;
-		for (a$2 in b$1) if (d$2 = b$1[a$2], "children" == a$2);
-		else if ("dangerouslySetInnerHTML" == a$2) v$2 = d$2;
-		else if (!(a$2 in k$2)) {
-			if ("value" == a$2 && "defaultValue" in k$2 || "checked" == a$2 && "defaultChecked" in k$2) continue;
-			j$2(u$3, a$2, null, d$2, o$3);
-		}
-		for (a$2 in k$2) d$2 = k$2[a$2], "children" == a$2 ? y$2 = d$2 : "dangerouslySetInnerHTML" == a$2 ? h$2 = d$2 : "value" == a$2 ? _$2 = d$2 : "checked" == a$2 ? m$2 = d$2 : c$2 && "function" != typeof d$2 || b$1[a$2] === d$2 || j$2(u$3, a$2, d$2, b$1[a$2], o$3);
-		if (h$2) c$2 || v$2 && (h$2.__html == v$2.__html || h$2.__html == u$3.innerHTML) || (u$3.innerHTML = h$2.__html), t$2.__k = [];
-		else if (v$2 && (u$3.innerHTML = ""), I("template" == t$2.type ? u$3.content : u$3, w$1(y$2) ? y$2 : [y$2], t$2, i$3, r$2, "foreignObject" == x$1 ? "http://www.w3.org/1999/xhtml" : o$3, e$2, f$3, e$2 ? e$2[0] : i$3.__k && S(i$3, 0), c$2, s$2), null != e$2) for (a$2 = e$2.length; a$2--;) g$1(e$2[a$2]);
-		c$2 || (a$2 = "value", "progress" == x$1 && null == _$2 ? u$3.removeAttribute("value") : null != _$2 && (_$2 !== u$3[a$2] || "progress" == x$1 && !_$2 || "option" == x$1 && _$2 != b$1[a$2]) && j$2(u$3, a$2, _$2, b$1[a$2], o$3), a$2 = "checked", null != m$2 && m$2 != u$3[a$2] && j$2(u$3, a$2, m$2, b$1[a$2], o$3));
-	}
-	return u$3;
-}
-function B$2(n$1, u$3, t$2) {
-	try {
-		if ("function" == typeof n$1) {
-			var i$3 = "function" == typeof n$1.__u;
-			i$3 && n$1.__u(), i$3 && null == u$3 || (n$1.__u = n$1(u$3));
-		} else n$1.current = u$3;
-	} catch (n$2) {
-		l.__e(n$2, t$2);
-	}
-}
-function D$1(n$1, u$3, t$2) {
-	var i$3, r$2;
-	if (l.unmount && l.unmount(n$1), (i$3 = n$1.ref) && (i$3.current && i$3.current != n$1.__e || B$2(i$3, null, u$3)), null != (i$3 = n$1.__c)) {
-		if (i$3.componentWillUnmount) try {
-			i$3.componentWillUnmount();
-		} catch (n$2) {
-			l.__e(n$2, u$3);
-		}
-		i$3.base = i$3.__P = null;
-	}
-	if (i$3 = n$1.__k) for (r$2 = 0; r$2 < i$3.length; r$2++) i$3[r$2] && D$1(i$3[r$2], u$3, t$2 || "function" != typeof n$1.type);
-	t$2 || g$1(n$1.__e), n$1.__c = n$1.__ = n$1.__e = void 0;
-}
-function E$1(n$1, l$2, u$3) {
-	return this.constructor(n$1, u$3);
-}
-function G(u$3, t$2, i$3) {
-	var r$2, o$3, e$2, f$3;
-	t$2 == document && (t$2 = document.documentElement), l.__ && l.__(u$3, t$2), o$3 = (r$2 = "function" == typeof i$3) ? null : i$3 && i$3.__k || t$2.__k, e$2 = [], f$3 = [], O$1(t$2, u$3 = (!r$2 && i$3 || t$2).__k = _(k, null, [u$3]), o$3 || p$1, p$1, t$2.namespaceURI, !r$2 && i$3 ? [i$3] : o$3 ? null : t$2.firstChild ? n.call(t$2.childNodes) : null, e$2, !r$2 && i$3 ? i$3 : o$3 ? o$3.__e : t$2.firstChild, r$2, f$3), N$1(e$2, u$3, f$3);
-}
-n = v$1.slice, l = { __e: function(n$1, l$2, u$3, t$2) {
-	for (var i$3, r$2, o$3; l$2 = l$2.__;) if ((i$3 = l$2.__c) && !i$3.__) try {
-		if ((r$2 = i$3.constructor) && null != r$2.getDerivedStateFromError && (i$3.setState(r$2.getDerivedStateFromError(n$1)), o$3 = i$3.__d), null != i$3.componentDidCatch && (i$3.componentDidCatch(n$1, t$2 || {}), o$3 = i$3.__d), o$3) return i$3.__E = i$3;
-	} catch (l$3) {
-		n$1 = l$3;
-	}
-	throw n$1;
-} }, u$2 = 0, t$1 = function(n$1) {
-	return null != n$1 && null == n$1.constructor;
-}, x.prototype.setState = function(n$1, l$2) {
-	var u$3 = null != this.__s && this.__s != this.state ? this.__s : this.__s = d$1({}, this.state);
-	"function" == typeof n$1 && (n$1 = n$1(d$1({}, u$3), this.props)), n$1 && d$1(u$3, n$1), null != n$1 && this.__v && (l$2 && this._sb.push(l$2), M(this));
-}, x.prototype.forceUpdate = function(n$1) {
-	this.__v && (this.__e = !0, n$1 && this.__h.push(n$1), M(this));
-}, x.prototype.render = k, i$2 = [], o$2 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e$1 = function(n$1, l$2) {
-	return n$1.__v.__b - l$2.__v.__b;
-}, $.__r = 0, f$2 = /(PointerCapture)$|Capture$/i, c$1 = 0, s$1 = F$1(!1), a$1 = F$1(!0), h$1 = 0;
-
-//#endregion
-//#region ../../node_modules/preact/hooks/dist/hooks.module.js
-var t, r, u$1, i$1, o$1 = 0, f$1 = [], c = l, e = c.__b, a = c.__r, v = c.diffed, l$1 = c.__c, m = c.unmount, s = c.__;
-function p(n$1, t$2) {
-	c.__h && c.__h(r, n$1, o$1 || t$2), o$1 = 0;
-	var u$3 = r.__H || (r.__H = {
-		__: [],
-		__h: []
-	});
-	return n$1 >= u$3.__.length && u$3.__.push({}), u$3.__[n$1];
-}
-function d(n$1) {
-	return o$1 = 1, h(D, n$1);
-}
-function h(n$1, u$3, i$3) {
-	var o$3 = p(t++, 2);
-	if (o$3.t = n$1, !o$3.__c && (o$3.__ = [i$3 ? i$3(u$3) : D(void 0, u$3), function(n$2) {
-		var t$2 = o$3.__N ? o$3.__N[0] : o$3.__[0], r$2 = o$3.t(t$2, n$2);
-		t$2 !== r$2 && (o$3.__N = [r$2, o$3.__[1]], o$3.__c.setState({}));
-	}], o$3.__c = r, !r.__f)) {
-		var f$3 = function(n$2, t$2, r$2) {
-			if (!o$3.__c.__H) return !0;
-			var u$4 = o$3.__c.__H.__.filter(function(n$3) {
-				return !!n$3.__c;
-			});
-			if (u$4.every(function(n$3) {
-				return !n$3.__N;
-			})) return !c$2 || c$2.call(this, n$2, t$2, r$2);
-			var i$4 = o$3.__c.props !== n$2;
-			return u$4.forEach(function(n$3) {
-				if (n$3.__N) {
-					var t$3 = n$3.__[0];
-					n$3.__ = n$3.__N, n$3.__N = void 0, t$3 !== n$3.__[0] && (i$4 = !0);
-				}
-			}), c$2 && c$2.call(this, n$2, t$2, r$2) || i$4;
-		};
-		r.__f = !0;
-		var c$2 = r.shouldComponentUpdate, e$2 = r.componentWillUpdate;
-		r.componentWillUpdate = function(n$2, t$2, r$2) {
-			if (this.__e) {
-				var u$4 = c$2;
-				c$2 = void 0, f$3(n$2, t$2, r$2), c$2 = u$4;
-			}
-			e$2 && e$2.call(this, n$2, t$2, r$2);
-		}, r.shouldComponentUpdate = f$3;
-	}
-	return o$3.__N || o$3.__;
-}
-function y(n$1, u$3) {
-	var i$3 = p(t++, 3);
-	!c.__s && C(i$3.__H, u$3) && (i$3.__ = n$1, i$3.u = u$3, r.__H.__h.push(i$3));
-}
-function _$1(n$1, u$3) {
-	var i$3 = p(t++, 4);
-	!c.__s && C(i$3.__H, u$3) && (i$3.__ = n$1, i$3.u = u$3, r.__h.push(i$3));
-}
-function T(n$1, r$2) {
-	var u$3 = p(t++, 7);
-	return C(u$3.__H, r$2) && (u$3.__ = n$1(), u$3.__H = r$2, u$3.__h = n$1), u$3.__;
-}
-function q(n$1, t$2) {
-	return o$1 = 8, T(function() {
-		return n$1;
-	}, t$2);
-}
-function j$1() {
-	for (var n$1; n$1 = f$1.shift();) if (n$1.__P && n$1.__H) try {
-		n$1.__H.__h.forEach(z), n$1.__H.__h.forEach(B$1), n$1.__H.__h = [];
-	} catch (t$2) {
-		n$1.__H.__h = [], c.__e(t$2, n$1.__v);
-	}
-}
-c.__b = function(n$1) {
-	r = null, e && e(n$1);
-}, c.__ = function(n$1, t$2) {
-	n$1 && t$2.__k && t$2.__k.__m && (n$1.__m = t$2.__k.__m), s && s(n$1, t$2);
-}, c.__r = function(n$1) {
-	a && a(n$1), t = 0;
-	var i$3 = (r = n$1.__c).__H;
-	i$3 && (u$1 === r ? (i$3.__h = [], r.__h = [], i$3.__.forEach(function(n$2) {
-		n$2.__N && (n$2.__ = n$2.__N), n$2.u = n$2.__N = void 0;
-	})) : (i$3.__h.forEach(z), i$3.__h.forEach(B$1), i$3.__h = [], t = 0)), u$1 = r;
-}, c.diffed = function(n$1) {
-	v && v(n$1);
-	var t$2 = n$1.__c;
-	t$2 && t$2.__H && (t$2.__H.__h.length && (1 !== f$1.push(t$2) && i$1 === c.requestAnimationFrame || ((i$1 = c.requestAnimationFrame) || w)(j$1)), t$2.__H.__.forEach(function(n$2) {
-		n$2.u && (n$2.__H = n$2.u), n$2.u = void 0;
-	})), u$1 = r = null;
-}, c.__c = function(n$1, t$2) {
-	t$2.some(function(n$2) {
-		try {
-			n$2.__h.forEach(z), n$2.__h = n$2.__h.filter(function(n$3) {
-				return !n$3.__ || B$1(n$3);
-			});
-		} catch (r$2) {
-			t$2.some(function(n$3) {
-				n$3.__h && (n$3.__h = []);
-			}), t$2 = [], c.__e(r$2, n$2.__v);
-		}
-	}), l$1 && l$1(n$1, t$2);
-}, c.unmount = function(n$1) {
-	m && m(n$1);
-	var t$2, r$2 = n$1.__c;
-	r$2 && r$2.__H && (r$2.__H.__.forEach(function(n$2) {
-		try {
-			z(n$2);
-		} catch (n$3) {
-			t$2 = n$3;
-		}
-	}), r$2.__H = void 0, t$2 && c.__e(t$2, r$2.__v));
-};
-var k$1 = "function" == typeof requestAnimationFrame;
-function w(n$1) {
-	var t$2, r$2 = function() {
-		clearTimeout(u$3), k$1 && cancelAnimationFrame(t$2), setTimeout(n$1);
-	}, u$3 = setTimeout(r$2, 35);
-	k$1 && (t$2 = requestAnimationFrame(r$2));
-}
-function z(n$1) {
-	var t$2 = r, u$3 = n$1.__c;
-	"function" == typeof u$3 && (n$1.__c = void 0, u$3()), r = t$2;
-}
-function B$1(n$1) {
-	var t$2 = r;
-	n$1.__c = n$1.__(), r = t$2;
-}
-function C(n$1, t$2) {
-	return !n$1 || n$1.length !== t$2.length || t$2.some(function(t$3, r$2) {
-		return t$3 !== n$1[r$2];
-	});
-}
-function D(n$1, t$2) {
-	return "function" == typeof t$2 ? t$2(n$1) : t$2;
-}
-
-//#endregion
-//#region ../../node_modules/preact/compat/dist/compat.module.js
-function g(n$1, t$2) {
-	for (var e$2 in t$2) n$1[e$2] = t$2[e$2];
-	return n$1;
-}
-function E(n$1, t$2) {
-	for (var e$2 in n$1) if ("__source" !== e$2 && !(e$2 in t$2)) return !0;
-	for (var r$2 in t$2) if ("__source" !== r$2 && n$1[r$2] !== t$2[r$2]) return !0;
-	return !1;
-}
-function N(n$1, t$2) {
-	this.props = n$1, this.context = t$2;
-}
-(N.prototype = new x()).isPureReactComponent = !0, N.prototype.shouldComponentUpdate = function(n$1, t$2) {
-	return E(this.props, n$1) || E(this.state, t$2);
-};
-var T$1 = l.__b;
-l.__b = function(n$1) {
-	n$1.type && n$1.type.__f && n$1.ref && (n$1.props.ref = n$1.ref, n$1.ref = null), T$1 && T$1(n$1);
-};
-var A = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
-var L = function(n$1, t$2) {
-	return null == n$1 ? null : H(H(n$1).map(t$2));
-}, O = {
-	map: L,
-	forEach: L,
-	count: function(n$1) {
-		return n$1 ? H(n$1).length : 0;
-	},
-	only: function(n$1) {
-		var t$2 = H(n$1);
-		if (1 !== t$2.length) throw "Children.only";
-		return t$2[0];
-	},
-	toArray: H
-}, F = l.__e;
-l.__e = function(n$1, t$2, e$2, r$2) {
-	if (n$1.then) {
-		for (var u$3, o$3 = t$2; o$3 = o$3.__;) if ((u$3 = o$3.__c) && u$3.__c) return t$2.__e ?? (t$2.__e = e$2.__e, t$2.__k = e$2.__k), u$3.__c(n$1, t$2);
-	}
-	F(n$1, t$2, e$2, r$2);
-};
-var U = l.unmount;
-function V(n$1, t$2, e$2) {
-	return n$1 && (n$1.__c && n$1.__c.__H && (n$1.__c.__H.__.forEach(function(n$2) {
-		"function" == typeof n$2.__c && n$2.__c();
-	}), n$1.__c.__H = null), null != (n$1 = g({}, n$1)).__c && (n$1.__c.__P === e$2 && (n$1.__c.__P = t$2), n$1.__c.__e = !0, n$1.__c = null), n$1.__k = n$1.__k && n$1.__k.map(function(n$2) {
-		return V(n$2, t$2, e$2);
-	})), n$1;
-}
-function W(n$1, t$2, e$2) {
-	return n$1 && e$2 && (n$1.__v = null, n$1.__k = n$1.__k && n$1.__k.map(function(n$2) {
-		return W(n$2, t$2, e$2);
-	}), n$1.__c && n$1.__c.__P === t$2 && (n$1.__e && e$2.appendChild(n$1.__e), n$1.__c.__e = !0, n$1.__c.__P = e$2)), n$1;
-}
-function P() {
-	this.__u = 0, this.o = null, this.__b = null;
-}
-function j(n$1) {
-	var t$2 = n$1.__.__c;
-	return t$2 && t$2.__a && t$2.__a(n$1);
-}
-function B() {
-	this.i = null, this.l = null;
-}
-l.unmount = function(n$1) {
-	var t$2 = n$1.__c;
-	t$2 && t$2.__R && t$2.__R(), t$2 && 32 & n$1.__u && (n$1.type = null), U && U(n$1);
-}, (P.prototype = new x()).__c = function(n$1, t$2) {
-	var e$2 = t$2.__c, r$2 = this;
-	r$2.o ??= [], r$2.o.push(e$2);
-	var u$3 = j(r$2.__v), o$3 = !1, i$3 = function() {
-		o$3 || (o$3 = !0, e$2.__R = null, u$3 ? u$3(l$2) : l$2());
-	};
-	e$2.__R = i$3;
-	var l$2 = function() {
-		if (!--r$2.__u) {
-			if (r$2.state.__a) {
-				var n$2 = r$2.state.__a;
-				r$2.__v.__k[0] = W(n$2, n$2.__c.__P, n$2.__c.__O);
-			}
-			var t$3;
-			for (r$2.setState({ __a: r$2.__b = null }); t$3 = r$2.o.pop();) t$3.forceUpdate();
-		}
-	};
-	r$2.__u++ || 32 & t$2.__u || r$2.setState({ __a: r$2.__b = r$2.__v.__k[0] }), n$1.then(i$3, i$3);
-}, P.prototype.componentWillUnmount = function() {
-	this.o = [];
-}, P.prototype.render = function(n$1, e$2) {
-	if (this.__b) {
-		if (this.__v.__k) {
-			var r$2 = document.createElement("div"), o$3 = this.__v.__k[0].__c;
-			this.__v.__k[0] = V(this.__b, r$2, o$3.__O = o$3.__P);
-		}
-		this.__b = null;
-	}
-	var i$3 = e$2.__a && _(k, null, n$1.fallback);
-	return i$3 && (i$3.__u &= -33), [_(k, null, e$2.__a ? null : n$1.children), i$3];
-};
-var H$1 = function(n$1, t$2, e$2) {
-	if (++e$2[1] === e$2[0] && n$1.l.delete(t$2), n$1.props.revealOrder && ("t" !== n$1.props.revealOrder[0] || !n$1.l.size)) for (e$2 = n$1.i; e$2;) {
-		for (; e$2.length > 3;) e$2.pop()();
-		if (e$2[1] < e$2[0]) break;
-		n$1.i = e$2 = e$2[2];
-	}
-};
-(B.prototype = new x()).__a = function(n$1) {
-	var t$2 = this, e$2 = j(t$2.__v), r$2 = t$2.l.get(n$1);
-	return r$2[0]++, function(u$3) {
-		var o$3 = function() {
-			t$2.props.revealOrder ? (r$2.push(u$3), H$1(t$2, n$1, r$2)) : u$3();
-		};
-		e$2 ? e$2(o$3) : o$3();
-	};
-}, B.prototype.render = function(n$1) {
-	this.i = null, this.l = /* @__PURE__ */ new Map();
-	var t$2 = H(n$1.children);
-	n$1.revealOrder && "b" === n$1.revealOrder[0] && t$2.reverse();
-	for (var e$2 = t$2.length; e$2--;) this.l.set(t$2[e$2], this.i = [
-		1,
-		0,
-		this.i
-	]);
-	return n$1.children;
-}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
-	var n$1 = this;
-	this.l.forEach(function(t$2, e$2) {
-		H$1(n$1, e$2, t$2);
-	});
-};
-var q$1 = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G$1 = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J$1 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K$1 = /[A-Z0-9]/g, Q$1 = "undefined" != typeof document, X = function(n$1) {
-	return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n$1);
-};
-x.prototype.isReactComponent = {}, [
-	"componentWillMount",
-	"componentWillReceiveProps",
-	"componentWillUpdate"
-].forEach(function(t$2) {
-	Object.defineProperty(x.prototype, t$2, {
-		configurable: !0,
-		get: function() {
-			return this["UNSAFE_" + t$2];
-		},
-		set: function(n$1) {
-			Object.defineProperty(this, t$2, {
-				configurable: !0,
-				writable: !0,
-				value: n$1
-			});
-		}
-	});
-});
-var en = l.event;
-function rn() {}
-function un() {
-	return this.cancelBubble;
-}
-function on() {
-	return this.defaultPrevented;
-}
-l.event = function(n$1) {
-	return en && (n$1 = en(n$1)), n$1.persist = rn, n$1.isPropagationStopped = un, n$1.isDefaultPrevented = on, n$1.nativeEvent = n$1;
-};
-var ln, cn = {
-	enumerable: !1,
-	configurable: !0,
-	get: function() {
-		return this.class;
-	}
-}, fn = l.vnode;
-l.vnode = function(n$1) {
-	"string" == typeof n$1.type && function(n$2) {
-		var t$2 = n$2.props, e$2 = n$2.type, u$3 = {}, o$3 = -1 === e$2.indexOf("-");
-		for (var i$3 in t$2) {
-			var l$2 = t$2[i$3];
-			if (!("value" === i$3 && "defaultValue" in t$2 && null == l$2 || Q$1 && "children" === i$3 && "noscript" === e$2 || "class" === i$3 || "className" === i$3)) {
-				var c$2 = i$3.toLowerCase();
-				"defaultValue" === i$3 && "value" in t$2 && null == t$2.value ? i$3 = "value" : "download" === i$3 && !0 === l$2 ? l$2 = "" : "translate" === c$2 && "no" === l$2 ? l$2 = !1 : "o" === c$2[0] && "n" === c$2[1] ? "ondoubleclick" === c$2 ? i$3 = "ondblclick" : "onchange" !== c$2 || "input" !== e$2 && "textarea" !== e$2 || X(t$2.type) ? "onfocus" === c$2 ? i$3 = "onfocusin" : "onblur" === c$2 ? i$3 = "onfocusout" : J$1.test(i$3) && (i$3 = c$2) : c$2 = i$3 = "oninput" : o$3 && G$1.test(i$3) ? i$3 = i$3.replace(K$1, "-$&").toLowerCase() : null === l$2 && (l$2 = void 0), "oninput" === c$2 && u$3[i$3 = c$2] && (i$3 = "oninputCapture"), u$3[i$3] = l$2;
-			}
-		}
-		"select" == e$2 && u$3.multiple && Array.isArray(u$3.value) && (u$3.value = H(t$2.children).forEach(function(n$3) {
-			n$3.props.selected = -1 != u$3.value.indexOf(n$3.props.value);
-		})), "select" == e$2 && null != u$3.defaultValue && (u$3.value = H(t$2.children).forEach(function(n$3) {
-			n$3.props.selected = u$3.multiple ? -1 != u$3.defaultValue.indexOf(n$3.props.value) : u$3.defaultValue == n$3.props.value;
-		})), t$2.class && !t$2.className ? (u$3.class = t$2.class, Object.defineProperty(u$3, "className", cn)) : (t$2.className && !t$2.class || t$2.class && t$2.className) && (u$3.class = u$3.className = t$2.className), n$2.props = u$3;
-	}(n$1), n$1.$$typeof = q$1, fn && fn(n$1);
-};
-var an = l.__r;
-l.__r = function(n$1) {
-	an && an(n$1), ln = n$1.__c;
-};
-var sn = l.diffed;
-l.diffed = function(n$1) {
-	sn && sn(n$1);
-	var t$2 = n$1.props, e$2 = n$1.__e;
-	null != e$2 && "textarea" === n$1.type && "value" in t$2 && t$2.value !== e$2.value && (e$2.value = null == t$2.value ? "" : t$2.value), ln = null;
-};
-function bn(n$1) {
-	return !!n$1.__k && (G(null, n$1), !0);
-}
-
-//#endregion
-//#region src/preact-shim.ts
-var preact_shim_exports = /* @__PURE__ */ __export({
-	Component: () => x,
-	Fragment: () => k,
-	createElement: () => _,
-	h: () => _,
-	render: () => G,
-	unmountComponentAtNode: () => bn,
-	useCallback: () => q,
-	useEffect: () => y,
-	useLayoutEffect: () => _$1,
-	useMemo: () => T,
-	useReducer: () => h,
-	useState: () => d
-});
-
-//#endregion
-//#region ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var o = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, f = 0, i = Array.isArray;
-function u(e$2, t$2, n$1, o$3, i$3, u$3) {
-	t$2 || (t$2 = {});
-	var a$2, c$2, p$2 = t$2;
-	if ("ref" in p$2) for (c$2 in p$2 = {}, t$2) "ref" == c$2 ? a$2 = t$2[c$2] : p$2[c$2] = t$2[c$2];
-	var l$2 = {
-		type: e$2,
-		props: p$2,
-		key: n$1,
-		ref: a$2,
-		__k: null,
-		__: null,
-		__b: 0,
-		__e: null,
-		__c: null,
-		constructor: void 0,
-		__v: --f,
-		__i: -1,
-		__u: 0,
-		__source: i$3,
-		__self: u$3
-	};
-	if ("function" == typeof e$2 && (a$2 = e$2.defaultProps)) for (c$2 in a$2) void 0 === p$2[c$2] && (p$2[c$2] = a$2[c$2]);
-	return l.vnode && l.vnode(l$2), l$2;
-}
-
-//#endregion
-//#region src/image.tsx
-const Image = ({ href, x: x$1, y: y$2 = 0, height = 12 }) => {
-	return /* @__PURE__ */ u("image", {
-		xlinkHref: href,
-		x: x$1 - height / 2,
-		y: y$2 - height / 2,
-		width: height,
-		height
-	});
-};
-
-//#endregion
-//#region src/ImageChar.tsx
-const ImageChar = ({ x: x$1, y: y$2 = 0, height = 12, fill, stroke, fontFamily = "FontAwesome", char = "", fontWeight }) => {
-	const renderChar = T(() => {
-		return fontFamily === "FontAwesome" ? Utility.faChar(char) : char;
-	}, [char, fontFamily]);
-	return /* @__PURE__ */ u("text", {
-		x: x$1,
-		y: y$2,
-		fill,
-		stroke,
-		fontFamily,
-		fontSize: `${height}px`,
-		fontWeight,
-		dominantBaseline: "middle",
-		style: {
-			textAnchor: "middle",
-			alignmentBaseline: "middle"
-		},
-		children: renderChar
-	});
-};
-
-//#endregion
-//#region src/shape.tsx
-const Circle = ({ radius = 32, fill = "navy", stroke = fill, strokeWidth = 1, shapeRendering }) => /* @__PURE__ */ u("circle", {
-	r: radius,
-	fill,
-	stroke,
-	strokeWidth,
-	shapeRendering
-});
-const Square = ({ radius = 30, cornerRadius = 0, fill = "white", stroke, strokeWidth = 1, shapeRendering }) => /* @__PURE__ */ u("rect", {
-	x: -radius,
-	y: -radius,
-	rx: cornerRadius,
-	ry: cornerRadius,
-	width: radius * 2,
-	height: radius * 2,
-	fill,
-	stroke: stroke || fill,
-	strokeWidth,
-	shapeRendering
-});
-const Rectangle = ({ width = 30, height = 30, cornerRadius = 0, fill = "white", stroke = "black", strokeWidth = 1, shapeRendering }) => {
-	return /* @__PURE__ */ u("rect", {
-		x: -width / 2,
-		y: -height / 2,
-		rx: cornerRadius,
-		ry: cornerRadius,
-		width,
-		height,
-		fill,
-		stroke: stroke || fill,
-		strokeWidth,
-		shapeRendering
-	});
-};
-const Shape = ({ shape = "circle", height = 128, width, fill, stroke, strokeWidth = 1, shapeRendering, cornerRadius }) => {
-	switch (shape) {
-		case "square": return /* @__PURE__ */ u(Square, {
-			radius: height / 2,
-			fill,
-			stroke,
-			strokeWidth,
-			shapeRendering,
-			cornerRadius
-		});
-		case "rectangle": return /* @__PURE__ */ u(Rectangle, {
-			width: width ?? height,
-			height,
-			fill,
-			stroke,
-			strokeWidth,
-			shapeRendering,
-			cornerRadius
-		});
-		case "circle":
-		default: return /* @__PURE__ */ u(Circle, {
-			radius: height / 2,
-			fill,
-			stroke,
-			strokeWidth,
-			shapeRendering
-		});
-	}
-};
-
-//#endregion
-//#region src/icon.tsx
-const Icon = ({ shape = "circle", width, height = 32, fill, stroke, strokeWidth = 0, imageUrl = "", imageFontFamily = "FontAwesome", imageChar = "", imageCharFill = Palette.textColor(fill), padding = height / 5, xOffset = 0, yOffset = 0, cornerRadius, shapeRendering }) => {
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Shape, {
-		shape,
-		width,
-		height,
-		fill,
-		stroke,
-		strokeWidth,
-		shapeRendering,
-		cornerRadius
-	}), imageUrl ? /* @__PURE__ */ u(Image, {
-		href: imageUrl,
-		x: xOffset,
-		y: yOffset,
-		height: height - padding
-	}) : /* @__PURE__ */ u(ImageChar, {
-		x: xOffset,
-		y: yOffset,
-		height: height - padding,
-		fontFamily: imageFontFamily,
-		char: imageChar,
-		fill: imageCharFill,
-		fontWeight: 400
-	})] });
-};
-const Icons = ({ icons = [] }) => {
-	return /* @__PURE__ */ u(k, { children: icons.map((cat) => {
-		return /* @__PURE__ */ u("g", {
-			id: cat.id,
-			children: /* @__PURE__ */ u(Icon, { ...cat })
-		}, cat.id);
-	}) });
-};
-
-//#endregion
-//#region src/text.tsx
-const TextLine = ({ text, height = 12, anchor = "middle", baseline = "middle", fontFamily = "Verdana", fill = "black" }) => {
-	return /* @__PURE__ */ u("text", {
-		"font-family": fontFamily,
-		"font-size": `${height}px`,
-		"text-anchor": anchor,
-		"dominant-baseline": baseline,
-		fill,
-		children: text
-	});
-};
-const Text = ({ text, height = 12, fontFamily = "Verdana", fill = "black", onSizeUpdate }) => {
-	const [totalWidth, setTotalWidth] = d(0);
-	const [totalHeight, setTotalHeight] = d(0);
-	y(() => {
-		if (onSizeUpdate) onSizeUpdate({
-			width: totalWidth,
-			height: totalHeight
-		});
-	}, [
-		totalWidth,
-		totalHeight,
-		onSizeUpdate
-	]);
-	const parts = T(() => {
-		return text.split("\n");
-	}, [text]);
-	_$1(() => {
-		const size = Utility.textSize(parts, fontFamily, height);
-		setTotalWidth(size.width);
-		setTotalHeight(size.height);
-	}, [
-		fontFamily,
-		height,
-		parts
-	]);
-	return /* @__PURE__ */ u("g", { children: T(() => {
-		const yOffset = -(totalHeight / 2) + height / 2;
-		return parts.map((p$2, i$3) => {
-			return /* @__PURE__ */ u("g", {
-				transform: `translate(0 ${yOffset + i$3 * (height + 2)})`,
-				children: /* @__PURE__ */ u(TextLine, {
-					text: p$2,
-					height,
-					fontFamily,
-					fill
-				})
-			}, `key-${i$3}`);
-		});
-	}, [
-		parts,
-		totalHeight,
-		height,
-		fontFamily,
-		fill
-	]) });
-};
-const TextBox = ({ text, height = 12, fontFamily = "Verdana", padding = 4, fill = "whitesmoke", stroke = "lightgray", textFill = "black", strokeWidth = 1, cornerRadius = 0, onSizeUpdate }) => {
-	const [textWidth, setTextWidthUpdate] = d(0);
-	const [textHeight, setTextHeightUpdate] = d(0);
-	y(() => {
-		if (onSizeUpdate) onSizeUpdate({
-			width: textWidth,
-			height: textHeight
-		});
-	}, [
-		textWidth,
-		textHeight,
-		onSizeUpdate
-	]);
-	const onTextSizeUpdate = q((size) => {
-		setTextWidthUpdate(size.width);
-		setTextHeightUpdate(size.height);
-	}, []);
-	const w$2 = textWidth + padding * 2 + strokeWidth;
-	const h$2 = textHeight + padding * 2 + strokeWidth;
-	const textOffsetY = Math.floor(height / 10);
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Rectangle, {
-		width: w$2,
-		height: h$2,
-		fill,
-		stroke,
-		strokeWidth,
-		cornerRadius
-	}), /* @__PURE__ */ u("g", {
-		transform: `translate(0 ${textOffsetY})`,
-		children: /* @__PURE__ */ u(Text, {
-			text,
-			fontFamily,
-			height,
-			fill: textFill,
-			onSizeUpdate: onTextSizeUpdate
-		})
-	})] });
-};
-const LabelledRect = ({ text, height = 12, width = 12, fontFamily = "Verdana", fontSize = 10, padding = 3, fill = "whitesmoke", stroke = "lightgray", textFill = "black", strokeWidth = 1, cornerRadius = 0, onSizeUpdate }) => {
-	const [actualWidth, setActualWidthUpdate] = d(width);
-	const [actualHeight, setActualHeightUpdate] = d(height);
-	_$1(() => {
-		const size = Utility.textSize(text, fontFamily, fontSize);
-		setActualWidthUpdate(size.width + padding * 2);
-		setActualHeightUpdate(size.height + padding * 2);
-	}, [
-		text,
-		fontFamily,
-		fontSize,
-		padding
-	]);
-	_$1(() => {
-		if (onSizeUpdate) onSizeUpdate({
-			width: actualWidth,
-			height: actualHeight
-		});
-	}, [
-		actualWidth,
-		actualHeight,
-		padding,
-		onSizeUpdate
-	]);
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Rectangle, {
-		width,
-		height,
-		fill,
-		stroke,
-		strokeWidth,
-		cornerRadius
-	}), /* @__PURE__ */ u("g", {
-		transform: `translate(${-(width / 2) + padding} ${-(height / 2) + padding})`,
-		children: /* @__PURE__ */ u(TextLine, {
-			text,
-			fontFamily,
-			height: fontSize,
-			fill: textFill,
-			anchor: "start",
-			baseline: "hanging"
-		})
-	})] });
-};
-const IconLabelledRect = ({ icon, iconFontFamily, text, height = 12, width = 12, fontFamily = "Verdana", fontSize = 10, padding = 3, fill = "whitesmoke", stroke = "lightgray", textFill = "black", strokeWidth = 1, cornerRadius = 0 }) => {
-	return /* @__PURE__ */ u(k, { children: [
-		/* @__PURE__ */ u(Rectangle, {
-			width,
-			height,
-			fill,
-			stroke,
-			strokeWidth,
-			cornerRadius
-		}),
-		/* @__PURE__ */ u("g", {
-			transform: `translate(${-(width / 2) + padding} ${-(height / 2) + padding})`,
-			children: /* @__PURE__ */ u(Icon, {
-				shape: "square",
-				imageFontFamily: iconFontFamily,
-				imageChar: icon,
-				height,
-				fill,
-				imageCharFill: textFill
-			})
-		}),
-		/* @__PURE__ */ u("g", {
-			transform: `translate(${-(width / 2) + padding * 2 + height} ${-(height / 2) + padding})`,
-			children: /* @__PURE__ */ u(TextLine, {
-				text,
-				fontFamily,
-				height: fontSize,
-				fill: textFill,
-				anchor: "start",
-				baseline: "hanging"
-			})
-		})
-	] });
-};
-
-//#endregion
-//#region src/edge.tsx
-const Edge = ({ label, labelPos, labelFill = "black", labelHeight = 12, path, stroke, strokeWidth, strokeDasharray }) => {
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("path", {
-		d: path,
-		stroke,
-		style: {
-			strokeWidth,
-			strokeDasharray
-		}
-	}), label && labelPos && labelPos.length === 2 ? /* @__PURE__ */ u("g", {
-		transform: `translate(${labelPos[0]} ${labelPos[1]})`,
-		children: /* @__PURE__ */ u(Text, {
-			text: label,
-			fill: labelFill,
-			height: labelHeight
-		})
-	}) : void 0] });
-};
-
-//#endregion
-//#region src/render.ts
-function render(C$2, props, parent, replaceNode) {
-	G(_(C$2, props), parent, replaceNode);
-}
-function svgRender(C$2, props, parent, replaceNode) {
-	G(_("svg", null, _(C$2, props)), parent, replaceNode);
-}
-var HTMLAdapter = class extends HTMLWidget {
-	props(_$2) {
-		if (!arguments.length) return this._props;
-		this._props = {
-			...this._props,
-			..._$2
-		};
-		return this;
-	}
-	prop(_$2, value) {
-		if (arguments.length === 1) return this._props[_$2];
-		this._props[_$2] = value;
-		return this;
-	}
-	constructor(_component) {
-		super();
-		this._component = _component;
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		render(this._component, this._props, domNode);
-	}
-};
-HTMLAdapter.prototype._class += " react_HTMLAdapter";
-HTMLAdapter.prototype.publish("props", {}, "object", "Properties");
-var SVGAdapter = class extends SVGWidget {
-	props(_$2) {
-		if (!arguments.length) return this._props;
-		this._props = {
-			...this._props,
-			..._$2
-		};
-		return this;
-	}
-	prop(_$2, value) {
-		if (arguments.length === 1) return this._props[_$2];
-		this._props[_$2] = value;
-		return this;
-	}
-	constructor(_component) {
-		super();
-		this._component = _component;
-	}
-	update(domNode, element) {
-		super.update(domNode, element);
-		render(this._component, this._props, domNode);
-	}
-};
-SVGAdapter.prototype._class += " react_SVGAdapter";
-SVGAdapter.prototype.publish("props", {}, "object", "Properties");
-
-//#endregion
-//#region src/span.tsx
-const Span = ({ text }) => /* @__PURE__ */ u("span", { children: text });
-
-//#endregion
-//#region src/vertex.tsx
-const Annotations = ({ x: x$1, y: y$2, annotationIDs = [], stepSize = -16 }) => {
-	return /* @__PURE__ */ u(k, { children: annotationIDs.map((id, i$3) => /* @__PURE__ */ u("g", {
-		transform: `translate(${x$1 + i$3 * stepSize} ${y$2})`,
-		children: /* @__PURE__ */ u("use", { xlinkHref: "#" + id })
-	}, id)) });
-};
-const Vertex = ({ categoryID = "", text = "", textHeight = 12, textPadding = 4, icon = {}, annotationsHeight = 12, annotationIDs = [], textFill, textboxFill, textboxStroke, textFontFamily, onSizeUpdate, showLabel = true, scale = 1 }) => {
-	icon = {
-		imageChar: "fa-question",
-		height: 32,
-		fill: "transparent",
-		...icon
-	};
-	const [textBoxWidth, setTextBoxWidthUpdate] = d(0);
-	const [textBoxHeight, setTextBoxHeightUpdate] = d(0);
-	y(() => {
-		if (onSizeUpdate) onSizeUpdate({
-			width: 0,
-			height: 0
-		});
-	}, [
-		textBoxWidth,
-		textBoxHeight,
-		onSizeUpdate
-	]);
-	let width = textBoxWidth;
-	width += 4;
-	let offsetY = -(icon.height * 2 / 6 + textHeight + 8) / 2;
-	const textboxOffsetY = icon.height / 3 + textBoxHeight / 2 + textPadding;
-	let annotationOffsetY = icon.height / 3 + textBoxHeight + textPadding + annotationsHeight / 3;
-	if (!showLabel) {
-		offsetY += (textHeight + 8) / 2;
-		annotationOffsetY -= textBoxHeight + textPadding;
-	}
-	const onTextBoxSizeUpdate = q((size) => {
-		setTextBoxWidthUpdate(size.width);
-		setTextBoxHeightUpdate(size.height);
-	}, []);
-	const label = showLabel ? /* @__PURE__ */ u("g", {
-		transform: `translate(0 ${textboxOffsetY})`,
-		children: /* @__PURE__ */ u(TextBox, {
-			text,
-			height: textHeight,
-			padding: textPadding,
-			onSizeUpdate: onTextBoxSizeUpdate,
-			textFill,
-			fill: textboxFill,
-			stroke: textboxStroke,
-			fontFamily: textFontFamily
-		})
-	}) : void 0;
-	return categoryID ? /* @__PURE__ */ u("g", {
-		transform: `translate(0 ${offsetY}) scale(${scale})`,
-		children: [
-			/* @__PURE__ */ u("use", { xlinkHref: "#" + categoryID }),
-			label,
-			/* @__PURE__ */ u(Annotations, {
-				x: width / 2,
-				y: annotationOffsetY,
-				annotationIDs
-			})
-		]
-	}) : /* @__PURE__ */ u("g", {
-		transform: `translate(0 ${offsetY}) scale(${scale})`,
-		children: [/* @__PURE__ */ u(Icon, { ...icon }), label]
-	});
-};
-
-//#endregion
-//#region src/vertex2.tsx
-const Vertex2 = ({ categoryID = "", text = "", textHeight = 12, textPadding = 4, icon = {}, textFill = "black", textboxFill = "white", textboxStroke = "black", textFontFamily, annotationsHeight = 12, annotationIDs = [] }) => {
-	icon = {
-		imageChar: "fa-question",
-		imageCharFill: "white",
-		height: 32,
-		fill: "black",
-		shape: "square",
-		...icon
-	};
-	const textBoxHeight = textHeight + textPadding * 2;
-	const { width } = T(() => {
-		return Utility.textSize(text, textFontFamily, textHeight, false);
-	}, [
-		text,
-		textFontFamily,
-		textHeight
-	]);
-	const stepSize = annotationsHeight;
-	const textboxStrokeWidth = 1;
-	const halfTextboxHeight = textBoxHeight / 2;
-	const offsetX = 0;
-	const offsetY = -(icon.height * 2 / 6 + textHeight + 8) / 2;
-	const iconOffsetX = -icon.height / 2;
-	const iconOffsetY = 0;
-	const textboxOffsetX = Math.ceil(width / 2 + textPadding);
-	const textboxOffsetY = halfTextboxHeight - icon.height / 2;
-	const annotationOffsetX = stepSize / 2;
-	const annotationOffsetY = halfTextboxHeight;
-	return categoryID ? /* @__PURE__ */ u("g", {
-		transform: `translate(${offsetX} ${offsetY})`,
-		children: [
-			/* @__PURE__ */ u("g", {
-				transform: `translate(${iconOffsetX} ${iconOffsetY})`,
-				children: /* @__PURE__ */ u("use", { xlinkHref: "#" + categoryID })
-			}),
-			/* @__PURE__ */ u("g", {
-				transform: `translate(${textboxOffsetX} ${textboxOffsetY})`,
-				children: /* @__PURE__ */ u(TextBox, {
-					text,
-					height: textHeight,
-					padding: textPadding,
-					strokeWidth: textboxStrokeWidth,
-					stroke: textboxStroke,
-					fill: textboxFill,
-					textFill,
-					fontFamily: textFontFamily
-				})
-			}),
-			/* @__PURE__ */ u(Annotations, {
-				x: annotationOffsetX,
-				y: annotationOffsetY,
-				annotationIDs,
-				stepSize
-			})
-		]
-	}) : /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("g", {
-		transform: `translate(${iconOffsetX} ${iconOffsetY})scale(1.0002)`,
-		children: /* @__PURE__ */ u(Icon, {
-			...icon,
-			shape: "square"
-		})
-	}), /* @__PURE__ */ u("g", {
-		transform: `translate(${textboxOffsetX} ${textboxOffsetY})scale(1.0002)`,
-		children: /* @__PURE__ */ u(TextBox, {
-			text,
-			height: textHeight,
-			padding: textPadding,
-			stroke: textboxStroke,
-			fill: textboxFill
-		})
-	})] });
-};
-
-//#endregion
-//#region src/vertex3.tsx
-const Vertex3 = ({ text = "", textHeight = 10, textPadding = 4, textFill = "#287EC4", textboxFill = "white", textboxStroke = "#CCCCCC", textboxStrokeWidth = 1, textFontFamily = "Verdana", annotationGutter = 2, annotations = [], cornerRadius = 3, icon = {}, subText = { text: "" }, showLabel = true, noLabelRadius = 5, expansionIcon, scale = 1 }) => {
-	icon = {
-		height: 50,
-		imageChar: "?",
-		imageFontFamily: "FontAwesome",
-		imageCharFill: "#555555",
-		fill: "transparent",
-		strokeWidth: 0,
-		...icon
-	};
-	subText = {
-		text: "",
-		fill: "white",
-		textFill: "#555555",
-		...subText
-	};
-	expansionIcon = expansionIcon ? {
-		height: 16,
-		shape: "circle",
-		padding: 6,
-		imageChar: "?",
-		imageFontFamily: "FontAwesome",
-		imageCharFill: "black",
-		fill: "whitesmoke",
-		stroke: "whitesmoke",
-		strokeWidth: 0,
-		...expansionIcon
-	} : void 0;
-	let fullAnnotationWidth = 0;
-	const annoOffsetY = 0;
-	const labelWidth = T(() => {
-		return Utility.textSize(text, textFontFamily, textHeight, false).width;
-	}, [
-		text,
-		textFontFamily,
-		textHeight
-	]);
-	let labelShapeWidth = 0;
-	if (text !== "") labelShapeWidth = labelWidth + textPadding * 2 + textboxStrokeWidth * 2;
-	fullAnnotationWidth += labelShapeWidth + annotationGutter;
-	const textOffsetX = fullAnnotationWidth - labelShapeWidth / 2;
-	const textShapeHeight = textHeight + textPadding * 2 + textboxStrokeWidth * 2;
-	const annotationArr = [];
-	annotations.forEach((anno, idx) => {
-		const annoText = anno.imageChar;
-		const annoShapeWidth = textShapeHeight;
-		fullAnnotationWidth += annoShapeWidth + annotationGutter;
-		const annoOffsetX = fullAnnotationWidth - annoShapeWidth / 2;
-		annotationArr.push(/* @__PURE__ */ u("g", {
-			className: "vertex3-anno",
-			"data-click": "annotation",
-			"data-click-data": JSON.stringify(anno),
-			transform: `translate(${annoOffsetX} ${annoOffsetY})`,
-			children: /* @__PURE__ */ u(Icon, {
-				...anno,
-				shape: "square",
-				height: textShapeHeight,
-				imageChar: annoText,
-				imageFontFamily: anno.imageFontFamily,
-				cornerRadius,
-				strokeWidth: 0
-			})
-		}, idx));
-	});
-	if (annotations.length > 0) fullAnnotationWidth += annotationGutter * (annotations.length - 1);
-	const textElement = /* @__PURE__ */ u("g", {
-		"data-click": "text",
-		transform: `translate(${textOffsetX} ${annoOffsetY})`,
-		children: !showLabel || text === "" ? /* @__PURE__ */ u("circle", {
-			r: noLabelRadius,
-			stroke: textboxStroke,
-			fill: textFill
-		}) : /* @__PURE__ */ u(TextBox, {
-			text,
-			height: textHeight,
-			padding: textPadding,
-			strokeWidth: textboxStrokeWidth,
-			stroke: textboxStroke,
-			fill: textboxFill,
-			textFill,
-			fontFamily: textFontFamily,
-			cornerRadius
-		})
-	});
-	const iconHeight = icon.height || 20;
-	const iconStrokeWidth = icon.strokeWidth || 0;
-	const iconOffsetX = 0;
-	let iconOffsetY = 0;
-	const subTextOffsetX = 0;
-	let subTextOffsetY = textShapeHeight + annotationGutter * 2;
-	if (text !== "" || annotationArr.length > 0) iconOffsetY = -(iconHeight / 2) - iconStrokeWidth - textShapeHeight / 2 - annotationGutter * 2;
-	else if (subText.text !== "") subTextOffsetY = iconHeight / 2 + iconStrokeWidth + annotationGutter * 2;
-	const subtextElement = subText.text === "" ? null : /* @__PURE__ */ u("g", {
-		"data-click": "subtext",
-		transform: `translate(${subTextOffsetX} ${subTextOffsetY})`,
-		children: /* @__PURE__ */ u(TextBox, {
-			fill: subText.fill || "#FFFFFF",
-			textFill: subText.textFill || textFill,
-			...subText,
-			height: textHeight,
-			padding: textPadding,
-			strokeWidth: 0,
-			stroke: textboxStroke,
-			fontFamily: textFontFamily,
-			cornerRadius
-		})
-	});
-	return /* @__PURE__ */ u("g", {
-		transform: `scale(${scale})`,
-		children: [
-			/* @__PURE__ */ u("g", {
-				"data-click": "icon",
-				transform: `translate(${iconOffsetX} ${iconOffsetY})`,
-				children: [/* @__PURE__ */ u(Icon, { ...icon }), expansionIcon && /* @__PURE__ */ u("g", {
-					"data-click": "expanded-icon",
-					"data-click-data": JSON.stringify(expansionIcon),
-					transform: `translate(${(icon.height + iconStrokeWidth) / 2 - expansionIcon.height / 2} ${-(icon.height + iconStrokeWidth) / 2 + expansionIcon.height / 2})`,
-					children: /* @__PURE__ */ u(Icon, { ...expansionIcon })
-				})]
-			}),
-			/* @__PURE__ */ u("g", {
-				transform: `translate(${-fullAnnotationWidth / 2} ${annoOffsetY})`,
-				children: [textElement, annotationArr]
-			}),
-			subtextElement
-		]
-	});
-};
-const CentroidVertex3 = function({ id, categoryID = "", text = "", textHeight = 12, textPadding = 10, textFill = "#287EC4", textboxFill = "white", textboxStroke = "#CCCCCC", textboxStrokeWidth = 1, textFontFamily = "Verdana", annotationGutter = 2, annotations = [], cornerRadius, icon = {}, subText = {}, expansionIcon, scale = 1 }) {
-	icon = {
-		height: 91,
-		padding: 40,
-		imageCharFill: "#555555",
-		imageFontFamily: "FontAwesome",
-		fill: "#FFCC33",
-		stroke: "#DFDFDF",
-		imageChar: "?",
-		strokeWidth: 4,
-		yOffset: -15,
-		...icon
-	};
-	subText = {
-		text: "",
-		fill: "transparent",
-		textFill: "#555555",
-		...subText
-	};
-	return /* @__PURE__ */ u(Vertex3, {
-		id,
-		categoryID,
-		text,
-		textHeight,
-		textPadding,
-		textFill,
-		textboxFill,
-		textboxStroke,
-		textboxStrokeWidth,
-		textFontFamily,
-		annotationGutter,
-		annotations,
-		cornerRadius,
-		icon,
-		subText,
-		expansionIcon,
-		scale,
-		icon,
-		subText
-	});
-};
-
-//#endregion
-//#region src/vertex4.tsx
-const Vertex4 = ({ categoryID = "", text = "", textHeight = 10, textPadding = 4, textFill = "#287EC4", textboxFill = "white", textboxStroke = "#CCCCCC", textboxStrokeWidth = 1, textFontFamily = "Verdana", annotationGutter = 2, annotations = [], iconAnnotations = [], cornerRadius = 3, icon = {}, subText = {}, showLabel = true, noLabelRadius = 5, iconBorderWidth = 1, iconBorderColor = "#333", iconBackgroundColor = "#fff", iconFontColor = "#000", iconFontSize = 20, iconFontFamily = "FontAwesome", shapeOffsetX = 0, shapeOffsetY = 0, iconOffsetX = 0, iconOffsetY = 0, iconPadding = 4, iconText = "?", shapeRendering = "auto" }) => {
-	icon = {
-		height: 50,
-		imageChar: "?",
-		imageFontFamily: "FontAwesome",
-		imageCharFill: "#555555",
-		fill: "transparent",
-		strokeWidth: 0,
-		...icon
-	};
-	subText = {
-		text: "",
-		fill: "white",
-		textFill: "#555555",
-		...subText
-	};
-	const annoOffsetY = 0;
-	const labelWidth = T(() => {
-		return Utility.textSize(text, textFontFamily, textHeight, false).width;
-	}, [
-		text,
-		textFontFamily,
-		textHeight
-	]);
-	let labelShapeWidth = 0;
-	if (text !== "") labelShapeWidth = labelWidth + textPadding * 2 + textboxStrokeWidth * 2;
-	let fullAnnotationWidth = labelShapeWidth + annotationGutter;
-	const textOffsetX = fullAnnotationWidth - labelShapeWidth / 2;
-	const textShapeHeight = textHeight + annotationGutter * 2 + textboxStrokeWidth * 2;
-	const annoWidthArr = annotations.map((anno) => {
-		return Utility.textSize(anno.imageChar, anno.imageFontFamily, anno.height, false).width;
-	});
-	const annotationArr = [];
-	let _labelAnnoOffsetX = fullAnnotationWidth;
-	annotations.forEach((anno, i$3) => {
-		const annoText = anno.imageChar;
-		const annoTextHeight = anno.height ?? textShapeHeight;
-		_labelAnnoOffsetX += annoWidthArr[i$3] + annotationGutter;
-		const annoOffsetX = _labelAnnoOffsetX - annoWidthArr[i$3] / 2;
-		annotationArr.push(/* @__PURE__ */ u("g", {
-			className: "vertex3-anno",
-			"data-click": "annotation",
-			"data-click-data": JSON.stringify(anno),
-			transform: `translate(${annoOffsetX} ${annoOffsetY})`,
-			children: /* @__PURE__ */ u(Icon, {
-				...anno,
-				shape: "rectangle",
-				width: annoWidthArr[i$3],
-				height: annoTextHeight,
-				imageChar: annoText,
-				imageFontFamily: anno.imageFontFamily,
-				cornerRadius,
-				strokeWidth: 0
-			})
-		}, i$3));
-	});
-	if (annotations.length > 0) fullAnnotationWidth += annotationGutter * (annotations.length - 1);
-	const iconAnnotationArr = [];
-	iconAnnotations.forEach((anno, i$3) => {
-		const x$1 = anno.shapeOffsetX;
-		const y$2 = anno.shapeOffsetY;
-		iconAnnotationArr.push(/* @__PURE__ */ u("g", {
-			className: "vertex3-iconAnno",
-			"data-click": "icon-annotation",
-			"data-click-data": JSON.stringify(anno),
-			transform: `translate(${x$1} ${y$2})`,
-			children: /* @__PURE__ */ u(Icon, {
-				...anno,
-				shape: anno.shape ?? "square",
-				imageChar: anno.imageChar,
-				imageFontFamily: anno.imageFontFamily,
-				cornerRadius,
-				stroke: anno.stroke,
-				strokeWidth: anno.strokeWidth
-			})
-		}, i$3));
-	});
-	const textElement = /* @__PURE__ */ u("g", {
-		"data-click": "text",
-		transform: `translate(${textOffsetX} ${annoOffsetY})`,
-		children: !showLabel || text === "" ? /* @__PURE__ */ u("circle", {
-			r: noLabelRadius,
-			stroke: textboxStroke,
-			fill: textFill
-		}) : /* @__PURE__ */ u(TextBox, {
-			text,
-			height: textHeight,
-			padding: textPadding,
-			strokeWidth: textboxStrokeWidth,
-			stroke: textboxStroke,
-			fill: textboxFill,
-			textFill,
-			fontFamily: textFontFamily,
-			cornerRadius
-		})
-	});
-	const subTextOffsetX = 0;
-	const subTextOffsetY = textShapeHeight + annotationGutter * 2;
-	const subtextElement = subText.text === "" ? null : /* @__PURE__ */ u("g", {
-		"data-click": "subtext",
-		transform: `translate(${subTextOffsetX} ${subTextOffsetY})`,
-		children: /* @__PURE__ */ u(TextBox, {
-			fill: subText.fill || "#FFFFFF",
-			textFill: subText.textFill || textFill,
-			...subText,
-			height: textHeight,
-			padding: textPadding,
-			strokeWidth: 0,
-			stroke: textboxStroke,
-			fontFamily: textFontFamily,
-			cornerRadius
-		})
-	});
-	return /* @__PURE__ */ u("g", { children: [
-		/* @__PURE__ */ u("g", {
-			"data-click": "icon",
-			transform: `translate(${shapeOffsetX} ${shapeOffsetY})`,
-			children: [/* @__PURE__ */ u(Icon, {
-				...icon,
-				strokeWidth: iconBorderWidth,
-				shape: "circle",
-				height: iconFontSize,
-				fill: iconBackgroundColor,
-				stroke: iconBorderColor,
-				imageFontFamily: iconFontFamily,
-				imageChar: iconText,
-				imageCharFill: iconFontColor,
-				padding: iconPadding,
-				xOffset: iconOffsetX,
-				yOffset: iconOffsetY,
-				cornerRadius,
-				shapeRendering
-			}), iconAnnotationArr]
-		}),
-		/* @__PURE__ */ u("g", {
-			transform: `translate(${-fullAnnotationWidth / 2} ${annoOffsetY})`,
-			children: [textElement, annotationArr]
-		}),
-		subtextElement
-	] });
-};
-const CentroidVertex4 = function({ id, categoryID = "", text = "", textHeight = 12, textPadding = 10, textFill = "#287EC4", textboxFill = "white", textboxStroke = "#CCCCCC", textboxStrokeWidth = 1, textFontFamily = "Verdana", annotationGutter = 2, annotations = [], iconAnnotations = [], cornerRadius, icon = {}, subText = {}, showLabel = true, noLabelRadius = 5, iconBorderWidth = 1, iconBorderColor = "#333", iconBackgroundColor = "#fff", iconFontColor = "#000", iconFontSize = 20, iconFontFamily = "FontAwesome", shapeOffsetX = 0, shapeOffsetY = 0, iconOffsetX = 0, iconOffsetY = 0, iconPadding = 4, iconText = "?", shapeRendering = "auto" }) {
-	icon = {
-		height: 91,
-		padding: 40,
-		imageCharFill: "#555555",
-		imageFontFamily: "FontAwesome",
-		fill: "#FFCC33",
-		stroke: "#DFDFDF",
-		imageChar: "?",
-		strokeWidth: 4,
-		yOffset: -15,
-		...icon
-	};
-	subText = {
-		text: "",
-		fill: "transparent",
-		textFill: "#555555",
-		...subText
-	};
-	return /* @__PURE__ */ u(Vertex4, {
-		id,
-		categoryID,
-		text,
-		textHeight,
-		textPadding,
-		textFill,
-		textboxFill,
-		textboxStroke,
-		textboxStrokeWidth,
-		textFontFamily,
-		annotationGutter,
-		annotations,
-		iconAnnotations,
-		cornerRadius,
-		icon,
-		subText,
-		showLabel,
-		noLabelRadius,
-		iconBorderWidth,
-		iconBorderColor,
-		iconBackgroundColor,
-		iconFontColor,
-		iconFontSize,
-		iconFontFamily,
-		shapeOffsetX,
-		shapeOffsetY,
-		iconOffsetX,
-		iconOffsetY,
-		iconPadding,
-		iconText,
-		shapeRendering,
-		icon,
-		subText
-	});
-};
-
-//#endregion
-//#region src/subgraph.tsx
-const Subgraph = ({ text, width = 100, height = 100, fill = "transparent", stroke = "black", fontHeight = 12, fontFamily }) => {
-	const tSize = Utility.textSize(text, fontFamily, fontHeight, false);
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Rectangle, {
-		width,
-		height,
-		fill,
-		stroke
-	}), /* @__PURE__ */ u("g", {
-		transform: `translate(${(-width + tSize.width) / 2 + 4} ${(-height + tSize.height) / 2 + 4})`,
-		children: /* @__PURE__ */ u(Text, {
-			height: fontHeight,
-			text,
-			fontFamily
-		})
-	})] });
-};
-
-//#endregion
-export { Annotations, BUILD_VERSION, CentroidVertex3, CentroidVertex4, Circle, Edge, HTMLAdapter, Icon, IconLabelledRect, Icons, Image, ImageChar, LabelledRect, PKG_NAME, PKG_VERSION, preact_shim_exports as React, Rectangle, SVGAdapter, Shape, Span, Square, Subgraph, Text, TextBox, TextLine, Vertex, Vertex2, Vertex3, Vertex4, render, svgRender };
-//# sourceMappingURL=index.js.map
+var t=Object.defineProperty,e=(e,n)=>t(e,"name",{value:n,configurable:!0});import{Utility as n,Palette as i,HTMLWidget as o,SVGWidget as r}from"@hpcc-js/common";const l="@hpcc-js/react",_="3.4.2",a="3.16.0";var s,c,u,h,f,d,p,g,m,x,y,v={},k=[],F=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function C(t,e){for(var n in e)t[n]=e[n];return t}function w(t){t&&t.parentNode&&t.parentNode.removeChild(t)}function S(t,e,n){var i,o,r,l={};for(r in e)"key"==r?i=e[r]:"ref"==r?o=e[r]:l[r]=e[r];if(arguments.length>2&&(l.children=arguments.length>3?s.call(arguments,2):n),"function"==typeof t&&null!=t.defaultProps)for(r in t.defaultProps)void 0===l[r]&&(l[r]=t.defaultProps[r]);return $(t,l,i,o,null)}function $(t,e,n,i,o){var r={type:t,props:e,key:n,ref:i,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++u:o,__i:-1,__u:0};return null==o&&null!=c.vnode&&c.vnode(r),r}function R(t){return t.children}function W(t,e){this.props=t,this.context=e}function P(t,e){if(null==e)return t.__?P(t.__,t.__i+1):null;for(var n;e<t.__k.length;e++)if(null!=(n=t.__k[e])&&null!=n.__e)return n.__e;return"function"==typeof t.type?P(t):null}function H(t){var e,n;if(null!=(t=t.__)&&null!=t.__c){for(t.__e=t.__c.base=null,e=0;e<t.__k.length;e++)if(null!=(n=t.__k[e])&&null!=n.__e){t.__e=t.__c.base=n.__e;break}return H(t)}}function O(t){(!t.__d&&(t.__d=!0)&&h.push(t)&&!A.__r++||f!=c.debounceRendering)&&((f=c.debounceRendering)||d)(A)}function A(){for(var t,e,n,i,o,r,l,_=1;h.length;)h.length>_&&h.sort(p),t=h.shift(),_=h.length,t.__d&&(n=void 0,i=void 0,o=(i=(e=t).__v).__e,r=[],l=[],e.__P&&((n=C({},i)).__v=i.__v+1,c.vnode&&c.vnode(n),V(e.__P,n,i,e.__n,e.__P.namespaceURI,32&i.__u?[o]:null,r,null==o?P(i):o,!!(32&i.__u),l),n.__v=i.__v,n.__.__k[n.__i]=n,B(r,n,l),i.__e=i.__=null,n.__e!=o&&H(n)));A.__r=0}function E(t,e,n,i,o,r,l,_,a,s,c){var u,h,f,d,p,g,m,x=i&&i.__k||k,y=e.length;for(a=N(n,e,x,a,y),u=0;u<y;u++)null!=(f=n.__k[u])&&(h=-1==f.__i?v:x[f.__i]||v,f.__i=u,g=V(t,f,h,o,r,l,_,a,s,c),d=f.__e,f.ref&&h.ref!=f.ref&&(h.ref&&G(h.ref,null,f),c.push(f.ref,f.__c||d,f)),null==p&&null!=d&&(p=d),(m=!!(4&f.__u))||h.__k===f.__k?a=T(f,a,t,m):"function"==typeof f.type&&void 0!==g?a=g:d&&(a=d.nextSibling),f.__u&=-7);return n.__e=p,a}function N(t,e,n,i,o){var r,l,_,a,s,c=n.length,u=c,h=0;for(t.__k=new Array(o),r=0;r<o;r++)null!=(l=e[r])&&"boolean"!=typeof l&&"function"!=typeof l?(a=r+h,(l=t.__k[r]="string"==typeof l||"number"==typeof l||"bigint"==typeof l||l.constructor==String?$(null,l,null,null,null):b(l)?$(R,{children:l},null,null,null):null==l.constructor&&l.__b>0?$(l.type,l.props,l.key,l.ref?l.ref:null,l.__v):l).__=t,l.__b=t.__b+1,_=null,-1!=(s=l.__i=U(l,n,a,u))&&(u--,(_=n[s])&&(_.__u|=2)),null==_||null==_.__v?(-1==s&&(o>c?h--:o<c&&h++),"function"!=typeof l.type&&(l.__u|=4)):s!=a&&(s==a-1?h--:s==a+1?h++:(s>a?h--:h++,l.__u|=4))):t.__k[r]=null;if(u)for(r=0;r<c;r++)null!=(_=n[r])&&!(2&_.__u)&&(_.__e==i&&(i=P(_)),X(_,_));return i}function T(t,e,n,i){var o,r;if("function"==typeof t.type){for(o=t.__k,r=0;o&&r<o.length;r++)o[r]&&(o[r].__=t,e=T(o[r],e,n,i));return e}t.__e!=e&&(i&&(e&&t.type&&!e.parentNode&&(e=P(t)),n.insertBefore(t.__e,e||null)),e=t.__e);do{e=e&&e.nextSibling}while(null!=e&&8==e.nodeType);return e}function D(t,e){return e=e||[],null==t||"boolean"==typeof t||(b(t)?t.some(function(t){D(t,e)}):e.push(t)),e}function U(t,e,n,i){var o,r,l,_=t.key,a=t.type,s=e[n],c=null!=s&&!(2&s.__u);if(null===s&&null==t.key||c&&_==s.key&&a==s.type)return n;if(i>(c?1:0))for(o=n-1,r=n+1;o>=0||r<e.length;)if(null!=(s=e[l=o>=0?o--:r++])&&!(2&s.__u)&&_==s.key&&a==s.type)return l;return-1}function L(t,e,n){"-"==e[0]?t.setProperty(e,null==n?"":n):t[e]=null==n?"":"number"!=typeof n||F.test(e)?n:n+"px"}function z(t,e,n,i,o){var r,l;t:if("style"==e)if("string"==typeof n)t.style.cssText=n;else{if("string"==typeof i&&(t.style.cssText=i=""),i)for(e in i)n&&e in n||L(t.style,e,"");if(n)for(e in n)i&&n[e]==i[e]||L(t.style,e,n[e])}else if("o"==e[0]&&"n"==e[1])r=e!=(e=e.replace(g,"$1")),l=e.toLowerCase(),e=l in t||"onFocusOut"==e||"onFocusIn"==e?l.slice(2):e.slice(2),t.l||(t.l={}),t.l[e+r]=n,n?i?n.u=i.u:(n.u=m,t.addEventListener(e,r?y:x,r)):t.removeEventListener(e,r?y:x,r);else{if("http://www.w3.org/2000/svg"==o)e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=e&&"height"!=e&&"href"!=e&&"list"!=e&&"form"!=e&&"tabIndex"!=e&&"download"!=e&&"rowSpan"!=e&&"colSpan"!=e&&"role"!=e&&"popover"!=e&&e in t)try{t[e]=null==n?"":n;break t}catch(_){}"function"==typeof n||(null==n||!1===n&&"-"!=e[4]?t.removeAttribute(e):t.setAttribute(e,"popover"==e&&1==n?"":n))}}function I(t){return function(e){if(this.l){var n=this.l[e.type+t];if(null==e.t)e.t=m++;else if(e.t<n.u)return;return n(c.event?c.event(e):e)}}}function V(t,e,n,i,o,r,l,_,a,s){var u,h,f,d,p,g,m,x,y,v,k,F,S,$,P,H,O,A=e.type;if(null!=e.constructor)return null;128&n.__u&&(a=!!(32&n.__u),r=[_=e.__e=n.__e]),(u=c.__b)&&u(e);t:if("function"==typeof A)try{if(x=e.props,y="prototype"in A&&A.prototype.render,v=(u=A.contextType)&&i[u.__c],k=u?v?v.props.value:u.__:i,n.__c?m=(h=e.__c=n.__c).__=h.__E:(y?e.__c=h=new A(x,k):(e.__c=h=new W(x,k),h.constructor=A,h.render=Y),v&&v.sub(h),h.props=x,h.state||(h.state={}),h.context=k,h.__n=i,f=h.__d=!0,h.__h=[],h._sb=[]),y&&null==h.__s&&(h.__s=h.state),y&&null!=A.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=C({},h.__s)),C(h.__s,A.getDerivedStateFromProps(x,h.__s))),d=h.props,p=h.state,h.__v=e,f)y&&null==A.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),y&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(y&&null==A.getDerivedStateFromProps&&x!==d&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(x,k),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(x,h.__s,k)||e.__v==n.__v){for(e.__v!=n.__v&&(h.props=x,h.state=h.__s,h.__d=!1),e.__e=n.__e,e.__k=n.__k,e.__k.some(function(t){t&&(t.__=e)}),F=0;F<h._sb.length;F++)h.__h.push(h._sb[F]);h._sb=[],h.__h.length&&l.push(h);break t}null!=h.componentWillUpdate&&h.componentWillUpdate(x,h.__s,k),y&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(d,p,g)})}if(h.context=k,h.props=x,h.__P=t,h.__e=!1,S=c.__r,$=0,y){for(h.state=h.__s,h.__d=!1,S&&S(e),u=h.render(h.props,h.state,h.context),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[]}else do{h.__d=!1,S&&S(e),u=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(i=C(C({},i),h.getChildContext())),y&&!f&&null!=h.getSnapshotBeforeUpdate&&(g=h.getSnapshotBeforeUpdate(d,p)),H=u,null!=u&&u.type===R&&null==u.key&&(H=j(u.props.children)),_=E(t,b(H)?H:[H],e,n,i,o,r,l,_,a,s),h.base=e.__e,e.__u&=-161,h.__h.length&&l.push(h),m&&(h.__E=h.__=null)}catch(N){if(e.__v=null,a||null!=r)if(N.then){for(e.__u|=a?160:128;_&&8==_.nodeType&&_.nextSibling;)_=_.nextSibling;r[r.indexOf(_)]=null,e.__e=_}else{for(O=r.length;O--;)w(r[O]);M(e)}else e.__e=n.__e,e.__k=n.__k,N.then||M(e);c.__e(N,e,n)}else null==r&&e.__v==n.__v?(e.__k=n.__k,e.__e=n.__e):_=e.__e=q(n.__e,e,n,i,o,r,l,a,s);return(u=c.diffed)&&u(e),128&e.__u?void 0:_}function M(t){t&&t.__c&&(t.__c.__e=!0),t&&t.__k&&t.__k.forEach(M)}function B(t,e,n){for(var i=0;i<n.length;i++)G(n[i],n[++i],n[++i]);c.__c&&c.__c(e,t),t.some(function(e){try{t=e.__h,e.__h=[],t.some(function(t){t.call(e)})}catch(n){c.__e(n,e.__v)}})}function j(t){return"object"!=typeof t||null==t||t.__b&&t.__b>0?t:b(t)?t.map(j):C({},t)}function q(t,e,n,i,o,r,l,_,a){var u,h,f,d,p,g,m,x=n.props,y=e.props,k=e.type;if("svg"==k?o="http://www.w3.org/2000/svg":"math"==k?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(u=0;u<r.length;u++)if((p=r[u])&&"setAttribute"in p==!!k&&(k?p.localName==k:3==p.nodeType)){t=p,r[u]=null;break}if(null==t){if(null==k)return document.createTextNode(y);t=document.createElementNS(o,k,y.is&&y),_&&(c.__m&&c.__m(e,r),_=!1),r=null}if(null==k)x===y||_&&t.data==y||(t.data=y);else{if(r=r&&s.call(t.childNodes),x=n.props||v,!_&&null!=r)for(x={},u=0;u<t.attributes.length;u++)x[(p=t.attributes[u]).name]=p.value;for(u in x)if(p=x[u],"children"==u);else if("dangerouslySetInnerHTML"==u)f=p;else if(!(u in y)){if("value"==u&&"defaultValue"in y||"checked"==u&&"defaultChecked"in y)continue;z(t,u,null,p,o)}for(u in y)p=y[u],"children"==u?d=p:"dangerouslySetInnerHTML"==u?h=p:"value"==u?g=p:"checked"==u?m=p:_&&"function"!=typeof p||x[u]===p||z(t,u,p,x[u],o);if(h)_||f&&(h.__html==f.__html||h.__html==t.innerHTML)||(t.innerHTML=h.__html),e.__k=[];else if(f&&(t.innerHTML=""),E("template"==e.type?t.content:t,b(d)?d:[d],e,n,i,"foreignObject"==k?"http://www.w3.org/1999/xhtml":o,r,l,r?r[0]:n.__k&&P(n,0),_,a),null!=r)for(u=r.length;u--;)w(r[u]);_||(u="value","progress"==k&&null==g?t.removeAttribute("value"):null!=g&&(g!==t[u]||"progress"==k&&!g||"option"==k&&g!=x[u])&&z(t,u,g,x[u],o),u="checked",null!=m&&m!=t[u]&&z(t,u,m,x[u],o))}return t}function G(t,e,n){try{if("function"==typeof t){var i="function"==typeof t.__u;i&&t.__u(),i&&null==e||(t.__u=t(e))}else t.current=e}catch(o){c.__e(o,n)}}function X(t,e,n){var i,o;if(c.unmount&&c.unmount(t),(i=t.ref)&&(i.current&&i.current!=t.__e||G(i,null,e)),null!=(i=t.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(r){c.__e(r,e)}i.base=i.__P=null}if(i=t.__k)for(o=0;o<i.length;o++)i[o]&&X(i[o],e,n||"function"!=typeof t.type);n||w(t.__e),t.__c=t.__=t.__e=void 0}function Y(t,e,n){return this.constructor(t,n)}function J(t,e,n){var i,o,r,l;e==document&&(e=document.documentElement),c.__&&c.__(t,e),o=(i="function"==typeof n)?null:n&&n.__k||e.__k,r=[],l=[],V(e,t=(!i&&n||e).__k=S(R,null,[t]),o||v,v,e.namespaceURI,!i&&n?[n]:o?null:e.firstChild?s.call(e.childNodes):null,r,!i&&n?n:o?o.__e:e.firstChild,i,l),B(r,t,l)}e(C,"d$1"),e(w,"g$1"),e(S,"_$1"),e($,"m$1"),e(R,"k$1"),e(W,"x"),e(P,"S"),e(H,"C$1"),e(O,"M"),e(A,"$"),e(E,"I"),e(N,"P$1"),e(T,"A"),e(D,"H$1"),e(U,"L"),e(L,"T$2"),e(z,"j$2"),e(I,"F$1"),e(V,"O"),e(M,"z$1"),e(B,"N$1"),e(j,"V$1"),e(q,"q$2"),e(G,"B$2"),e(X,"D$1"),e(Y,"E$1"),e(J,"G$1"),s=k.slice,c={__e:/* @__PURE__ */e(function(t,e,n,i){for(var o,r,l;e=e.__;)if((o=e.__c)&&!o.__)try{if((r=o.constructor)&&null!=r.getDerivedStateFromError&&(o.setState(r.getDerivedStateFromError(t)),l=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(t,i||{}),l=o.__d),l)return o.__E=o}catch(_){t=_}throw t},"__e")},u=0,W.prototype.setState=function(t,e){var n;n=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=C({},this.state),"function"==typeof t&&(t=t(C({},n),this.props)),t&&C(n,t),null!=t&&this.__v&&(e&&this._sb.push(e),O(this))},W.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),O(this))},W.prototype.render=R,h=[],d="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,p=/* @__PURE__ */e(function(t,e){return t.__v.__b-e.__v.__b},"e$1"),A.__r=0,g=/(PointerCapture)$|Capture$/i,m=0,x=I(!1),y=I(!0);var Z=0;function K(t,e,n,i,o,r){e||(e={});var l,_,a=e;if("ref"in a)for(_ in a={},e)"ref"==_?l=e[_]:a[_]=e[_];var s={type:t,props:a,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Z,__i:-1,__u:0,__source:o,__self:r};if("function"==typeof t&&(l=t.defaultProps))for(_ in l)void 0===a[_]&&(a[_]=l[_]);return c.vnode&&c.vnode(s),s}e(K,"u$1");var Q,tt,et,nt,it=0,ot=[],rt=c,lt=rt.__b,_t=rt.__r,at=rt.diffed,st=rt.__c,ct=rt.unmount,ut=rt.__;function ht(t,e){rt.__h&&rt.__h(tt,t,it||e),it=0;var n=tt.__H||(tt.__H={__:[],__h:[]});return t>=n.__.length&&n.__.push({}),n.__[t]}function ft(t){return it=1,dt(wt,t)}function dt(t,n,i){var o=ht(Q++,2);if(o.t=t,!o.__c&&(o.__=[i?i(n):wt(void 0,n),function(t){var e=o.__N?o.__N[0]:o.__[0],n=o.t(e,t);e!==n&&(o.__N=[n,o.__[1]],o.__c.setState({}))}],o.__c=tt,!tt.__f)){var r=/* @__PURE__ */e(function(t,e,n){if(!o.__c.__H)return!0;var i=o.__c.__H.__.filter(function(t){return!!t.__c});if(i.every(function(t){return!t.__N}))return!l||l.call(this,t,e,n);var r=o.__c.props!==t;return i.forEach(function(t){if(t.__N){var e=t.__[0];t.__=t.__N,t.__N=void 0,e!==t.__[0]&&(r=!0)}}),l&&l.call(this,t,e,n)||r},"f");tt.__f=!0;var l=tt.shouldComponentUpdate,_=tt.componentWillUpdate;tt.componentWillUpdate=function(t,e,n){if(this.__e){var i=l;l=void 0,r(t,e,n),l=i}_&&_.call(this,t,e,n)},tt.shouldComponentUpdate=r}return o.__N||o.__}function pt(t,e){var n=ht(Q++,3);!rt.__s&&Ct(n.__H,e)&&(n.__=t,n.u=e,tt.__H.__h.push(n))}function gt(t,e){var n=ht(Q++,4);!rt.__s&&Ct(n.__H,e)&&(n.__=t,n.u=e,tt.__h.push(n))}function mt(t,e){var n=ht(Q++,7);return Ct(n.__H,e)&&(n.__=t(),n.__H=e,n.__h=t),n.__}function xt(t,e){return it=8,mt(function(){return t},e)}function yt(){for(var t;t=ot.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(Ft),t.__H.__h.forEach(bt),t.__H.__h=[]}catch(e){t.__H.__h=[],rt.__e(e,t.__v)}}e(ht,"p"),e(ft,"d"),e(dt,"h"),e(pt,"y"),e(gt,"_"),e(mt,"T$1"),e(xt,"q$1"),e(yt,"j$1"),rt.__b=function(t){tt=null,lt&&lt(t)},rt.__=function(t,e){t&&e.__k&&e.__k.__m&&(t.__m=e.__k.__m),ut&&ut(t,e)},rt.__r=function(t){_t&&_t(t),Q=0;var e=(tt=t.__c).__H;e&&(et===tt?(e.__h=[],tt.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.u=t.__N=void 0})):(e.__h.forEach(Ft),e.__h.forEach(bt),e.__h=[],Q=0)),et=tt},rt.diffed=function(t){at&&at(t);var e=t.__c;e&&e.__H&&(e.__H.__h.length&&(1!==ot.push(e)&&nt===rt.requestAnimationFrame||((nt=rt.requestAnimationFrame)||kt)(yt)),e.__H.__.forEach(function(t){t.u&&(t.__H=t.u),t.u=void 0})),et=tt=null},rt.__c=function(t,e){e.some(function(t){try{t.__h.forEach(Ft),t.__h=t.__h.filter(function(t){return!t.__||bt(t)})}catch(n){e.some(function(t){t.__h&&(t.__h=[])}),e=[],rt.__e(n,t.__v)}}),st&&st(t,e)},rt.unmount=function(t){ct&&ct(t);var e,n=t.__c;n&&n.__H&&(n.__H.__.forEach(function(t){try{Ft(t)}catch(n){e=n}}),n.__H=void 0,e&&rt.__e(e,n.__v))};var vt="function"==typeof requestAnimationFrame;function kt(t){var n,i=/* @__PURE__ */e(function(){clearTimeout(o),vt&&cancelAnimationFrame(n),setTimeout(t)},"r"),o=setTimeout(i,35);vt&&(n=requestAnimationFrame(i))}function Ft(t){var e=tt,n=t.__c;"function"==typeof n&&(t.__c=void 0,n()),tt=e}function bt(t){var e=tt;t.__c=t.__(),tt=e}function Ct(t,e){return!t||t.length!==e.length||e.some(function(e,n){return e!==t[n]})}function wt(t,e){return"function"==typeof e?e(t):e}function St(t,e){for(var n in e)t[n]=e[n];return t}function $t(t,e){for(var n in t)if("__source"!==n&&!(n in e))return!0;for(var i in e)if("__source"!==i&&t[i]!==e[i])return!0;return!1}function Rt(t,e){this.props=t,this.context=e}e(kt,"w"),e(Ft,"z"),e(bt,"B$1"),e(Ct,"C"),e(wt,"D"),e(St,"g"),e($t,"E"),e(Rt,"N"),(Rt.prototype=new W).isPureReactComponent=!0,Rt.prototype.shouldComponentUpdate=function(t,e){return $t(this.props,t)||$t(this.state,e)};var Wt=c.__b;c.__b=function(t){t.type&&t.type.__f&&t.ref&&(t.props.ref=t.ref,t.ref=null),Wt&&Wt(t)};var Pt=c.__e;c.__e=function(t,e,n,i){if(t.then)for(var o,r=e;r=r.__;)if((o=r.__c)&&o.__c)return null==e.__e&&(e.__e=n.__e,e.__k=n.__k),o.__c(t,e);Pt(t,e,n,i)};var Ht=c.unmount;function Ot(t,e,n){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(t){"function"==typeof t.__c&&t.__c()}),t.__c.__H=null),null!=(t=St({},t)).__c&&(t.__c.__P===n&&(t.__c.__P=e),t.__c.__e=!0,t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return Ot(t,e,n)})),t}function At(t,e,n){return t&&n&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return At(t,e,n)}),t.__c&&t.__c.__P===e&&(t.__e&&n.appendChild(t.__e),t.__c.__e=!0,t.__c.__P=n)),t}function Et(){this.__u=0,this.o=null,this.__b=null}function Nt(t){var e=t.__.__c;return e&&e.__a&&e.__a(t)}function Tt(){this.i=null,this.l=null}e(Ot,"V"),e(At,"W"),e(Et,"P"),e(Nt,"j"),e(Tt,"B"),c.unmount=function(t){var e=t.__c;e&&e.__R&&e.__R(),e&&32&t.__u&&(t.type=null),Ht&&Ht(t)},(Et.prototype=new W).__c=function(t,n){var i=n.__c,o=this;null==o.o&&(o.o=[]),o.o.push(i);var r=Nt(o.__v),l=!1,_=/* @__PURE__ */e(function(){l||(l=!0,i.__R=null,r?r(a):a())},"i");i.__R=_;var a=/* @__PURE__ */e(function(){if(! --o.__u){if(o.state.__a){var t=o.state.__a;o.__v.__k[0]=At(t,t.__c.__P,t.__c.__O)}var e;for(o.setState({__a:o.__b=null});e=o.o.pop();)e.forceUpdate()}},"l");o.__u++||32&n.__u||o.setState({__a:o.__b=o.__v.__k[0]}),t.then(_,_)},Et.prototype.componentWillUnmount=function(){this.o=[]},Et.prototype.render=function(t,e){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),i=this.__v.__k[0].__c;this.__v.__k[0]=Ot(this.__b,n,i.__O=i.__P)}this.__b=null}var o=e.__a&&S(R,null,t.fallback);return o&&(o.__u&=-33),[S(R,null,e.__a?null:t.children),o]};var Dt=/* @__PURE__ */e(function(t,e,n){if(++n[1]===n[0]&&t.l.delete(e),t.props.revealOrder&&("t"!==t.props.revealOrder[0]||!t.l.size))for(n=t.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;t.i=n=n[2]}},"H");(Tt.prototype=new W).__a=function(t){var n=this,i=Nt(n.__v),o=n.l.get(t);return o[0]++,function(r){var l=/* @__PURE__ */e(function(){n.props.revealOrder?(o.push(r),Dt(n,t,o)):r()},"o");i?i(l):l()}},Tt.prototype.render=function(t){this.i=null,this.l=/* @__PURE__ */new Map;var e=D(t.children);t.revealOrder&&"b"===t.revealOrder[0]&&e.reverse();for(var n=e.length;n--;)this.l.set(e[n],this.i=[1,0,this.i]);return t.children},Tt.prototype.componentDidUpdate=Tt.prototype.componentDidMount=function(){var t=this;this.l.forEach(function(e,n){Dt(t,n,e)})};var Ut="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,Lt=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,zt=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,It=/[A-Z0-9]/g,Vt="undefined"!=typeof document,Mt=/* @__PURE__ */e(function(t){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(t)},"X");W.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(W.prototype,t,{configurable:!0,get:/* @__PURE__ */e(function(){return this["UNSAFE_"+t]},"get"),set:/* @__PURE__ */e(function(e){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:e})},"set")})});var Bt=c.event;function jt(){}function qt(){return this.cancelBubble}function Gt(){return this.defaultPrevented}e(jt,"rn"),e(qt,"un"),e(Gt,"on"),c.event=function(t){return Bt&&(t=Bt(t)),t.persist=jt,t.isPropagationStopped=qt,t.isDefaultPrevented=Gt,t.nativeEvent=t};var Xt={enumerable:!1,configurable:!0,get:/* @__PURE__ */e(function(){return this.class},"get")},Yt=c.vnode;c.vnode=function(t){"string"==typeof t.type&&function(t){var e=t.props,n=t.type,i={},o=-1===n.indexOf("-");for(var r in e){var l=e[r];if(!("value"===r&&"defaultValue"in e&&null==l||Vt&&"children"===r&&"noscript"===n||"class"===r||"className"===r)){var _=r.toLowerCase();"defaultValue"===r&&"value"in e&&null==e.value?r="value":"download"===r&&!0===l?l="":"translate"===_&&"no"===l?l=!1:"o"===_[0]&&"n"===_[1]?"ondoubleclick"===_?r="ondblclick":"onchange"!==_||"input"!==n&&"textarea"!==n||Mt(e.type)?"onfocus"===_?r="onfocusin":"onblur"===_?r="onfocusout":zt.test(r)&&(r=_):_=r="oninput":o&&Lt.test(r)?r=r.replace(It,"-$&").toLowerCase():null===l&&(l=void 0),"oninput"===_&&i[r=_]&&(r="oninputCapture"),i[r]=l}}"select"==n&&i.multiple&&Array.isArray(i.value)&&(i.value=D(e.children).forEach(function(t){t.props.selected=-1!=i.value.indexOf(t.props.value)})),"select"==n&&null!=i.defaultValue&&(i.value=D(e.children).forEach(function(t){t.props.selected=i.multiple?-1!=i.defaultValue.indexOf(t.props.value):i.defaultValue==t.props.value})),e.class&&!e.className?(i.class=e.class,Object.defineProperty(i,"className",Xt)):(e.className&&!e.class||e.class&&e.className)&&(i.class=i.className=e.className),t.props=i}(t),t.$$typeof=Ut,Yt&&Yt(t)};var Jt=c.__r;c.__r=function(t){Jt&&Jt(t),t.__c};var Zt=c.diffed;function Kt(t){return!!t.__k&&(J(null,t),!0)}c.diffed=function(t){Zt&&Zt(t);var e=t.props,n=t.__e;null!=n&&"textarea"===t.type&&"value"in e&&e.value!==n.value&&(n.value=null==e.value?"":e.value)},e(Kt,"bn");const Qt=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,Component:W,Fragment:R,createElement:S,h:S,render:J,unmountComponentAtNode:Kt,useCallback:xt,useEffect:pt,useLayoutEffect:gt,useMemo:mt,useReducer:dt,useState:ft},Symbol.toStringTag,{value:"Module"})),te=/* @__PURE__ */e(({href:t,x:e,y:n=0,height:i=12})=>/* @__PURE__ */K("image",{xlinkHref:t,x:e-i/2,y:n-i/2,width:i,height:i}),"Image"),ee=/* @__PURE__ */e(({x:t,y:e=0,height:i=12,fill:o,stroke:r,fontFamily:l="FontAwesome",char:_="",fontWeight:a})=>{const s=mt(()=>"FontAwesome"===l?n.faChar(_):_,[_,l]);/* @__PURE__ */
+return K("text",{x:t,y:e,fill:o,stroke:r,fontFamily:l,fontSize:`${i}px`,fontWeight:a,dominantBaseline:"middle",style:{textAnchor:"middle",alignmentBaseline:"middle"},children:s})},"ImageChar"),ne=/* @__PURE__ */e(({radius:t=32,fill:e="navy",stroke:n=e,strokeWidth:i=1,shapeRendering:o})=>/* @__PURE__ */K("circle",{r:t,fill:e,stroke:n,strokeWidth:i,shapeRendering:o}),"Circle"),ie=/* @__PURE__ */e(({radius:t=30,cornerRadius:e=0,fill:n="white",stroke:i,strokeWidth:o=1,shapeRendering:r})=>/* @__PURE__ */K("rect",{x:-t,y:-t,rx:e,ry:e,width:2*t,height:2*t,fill:n,stroke:i||n,strokeWidth:o,shapeRendering:r}),"Square"),oe=/* @__PURE__ */e(({width:t=30,height:e=30,cornerRadius:n=0,fill:i="white",stroke:o="black",strokeWidth:r=1,shapeRendering:l})=>/* @__PURE__ */K("rect",{x:-t/2,y:-e/2,rx:n,ry:n,width:t,height:e,fill:i,stroke:o||i,strokeWidth:r,shapeRendering:l}),"Rectangle"),re=/* @__PURE__ */e(({shape:t="circle",height:e=128,width:n,fill:i,stroke:o,strokeWidth:r=1,shapeRendering:l,cornerRadius:_})=>{switch(t){case"square":/* @__PURE__ */
+return K(ie,{radius:e/2,fill:i,stroke:o,strokeWidth:r,shapeRendering:l,cornerRadius:_});case"rectangle":/* @__PURE__ */
+return K(oe,{width:n??e,height:e,fill:i,stroke:o,strokeWidth:r,shapeRendering:l,cornerRadius:_});default:/* @__PURE__ */
+return K(ne,{radius:e/2,fill:i,stroke:o,strokeWidth:r,shapeRendering:l})}},"Shape"),le=/* @__PURE__ */e(({shape:t="circle",width:e,height:n=32,fill:o,stroke:r,strokeWidth:l=0,imageUrl:_="",imageFontFamily:a="FontAwesome",imageChar:s="",imageCharFill:c=i.textColor(o),padding:u=n/5,xOffset:h=0,yOffset:f=0,cornerRadius:d,shapeRendering:p})=>/* @__PURE__ */K(R,{children:[
+/* @__PURE__ */K(re,{shape:t,width:e,height:n,fill:o,stroke:r,strokeWidth:l,shapeRendering:p,cornerRadius:d}),_?/* @__PURE__ */K(te,{href:_,x:h,y:f,height:n-u}):/* @__PURE__ */K(ee,{x:h,y:f,height:n-u,fontFamily:a,char:s,fill:c,fontWeight:400})]}),"Icon"),_e=/* @__PURE__ */e(({icons:t=[]})=>/* @__PURE__ */K(R,{children:t.map(t=>/* @__PURE__ */K("g",{id:t.id,children:/* @__PURE__ */K(le,{...t})},t.id))}),"Icons"),ae=/* @__PURE__ */e(({text:t,height:e=12,anchor:n="middle",baseline:i="middle",fontFamily:o="Verdana",fill:r="black"})=>/* @__PURE__ */K("text",{"font-family":o,"font-size":`${e}px`,"text-anchor":n,"dominant-baseline":i,fill:r,children:t}),"TextLine"),se=/* @__PURE__ */e(({text:t,height:e=12,fontFamily:i="Verdana",fill:o="black",onSizeUpdate:r})=>{const[l,_]=ft(0),[a,s]=ft(0);pt(()=>{r&&r({width:l,height:a})},[l,a,r]);const c=mt(()=>t.split("\n"),[t]);gt(()=>{const t=n.textSize(c,i,e);_(t.width),s(t.height)},[i,e,c]);/* @__PURE__ */
+return K("g",{children:mt(()=>{const t=-a/2+e/2;return c.map((n,r)=>/* @__PURE__ */K("g",{transform:`translate(0 ${t+r*(e+2)})`,children:/* @__PURE__ */K(ae,{text:n,height:e,fontFamily:i,fill:o})},`key-${r}`))},[c,a,e,i,o])})},"Text"),ce=/* @__PURE__ */e(({text:t,height:e=12,fontFamily:n="Verdana",padding:i=4,fill:o="whitesmoke",stroke:r="lightgray",textFill:l="black",strokeWidth:_=1,cornerRadius:a=0,onSizeUpdate:s})=>{const[c,u]=ft(0),[h,f]=ft(0);pt(()=>{s&&s({width:c,height:h})},[c,h,s]);const d=xt(t=>{u(t.width),f(t.height)},[]),p=c+2*i+_,g=h+2*i+_,m=Math.floor(e/10);/* @__PURE__ */
+return K(R,{children:[
+/* @__PURE__ */K(oe,{width:p,height:g,fill:o,stroke:r,strokeWidth:_,cornerRadius:a}),
+/* @__PURE__ */K("g",{transform:`translate(0 ${m})`,children:/* @__PURE__ */K(se,{text:t,fontFamily:n,height:e,fill:l,onSizeUpdate:d})})]})},"TextBox"),ue=/* @__PURE__ */e(({text:t,height:e=12,width:i=12,fontFamily:o="Verdana",fontSize:r=10,padding:l=3,fill:_="whitesmoke",stroke:a="lightgray",textFill:s="black",strokeWidth:c=1,cornerRadius:u=0,onSizeUpdate:h})=>{const[f,d]=ft(i),[p,g]=ft(e);return gt(()=>{const e=n.textSize(t,o,r);d(e.width+2*l),g(e.height+2*l)},[t,o,r,l]),gt(()=>{h&&h({width:f,height:p})},[f,p,l,h]),/* @__PURE__ */K(R,{children:[
+/* @__PURE__ */K(oe,{width:i,height:e,fill:_,stroke:a,strokeWidth:c,cornerRadius:u}),
+/* @__PURE__ */K("g",{transform:`translate(${-i/2+l} ${-e/2+l})`,children:/* @__PURE__ */K(ae,{text:t,fontFamily:o,height:r,fill:s,anchor:"start",baseline:"hanging"})})]})},"LabelledRect"),he=/* @__PURE__ */e(({icon:t,iconFontFamily:e,text:n,height:i=12,width:o=12,fontFamily:r="Verdana",fontSize:l=10,padding:_=3,fill:a="whitesmoke",stroke:s="lightgray",textFill:c="black",strokeWidth:u=1,cornerRadius:h=0})=>/* @__PURE__ */K(R,{children:[
+/* @__PURE__ */K(oe,{width:o,height:i,fill:a,stroke:s,strokeWidth:u,cornerRadius:h}),
+/* @__PURE__ */K("g",{transform:`translate(${-o/2+_} ${-i/2+_})`,children:/* @__PURE__ */K(le,{shape:"square",imageFontFamily:e,imageChar:t,height:i,fill:a,imageCharFill:c})}),
+/* @__PURE__ */K("g",{transform:`translate(${-o/2+2*_+i} ${-i/2+_})`,children:/* @__PURE__ */K(ae,{text:n,fontFamily:r,height:l,fill:c,anchor:"start",baseline:"hanging"})})]}),"IconLabelledRect"),fe=/* @__PURE__ */e(({label:t,labelPos:e,labelFill:n="black",labelHeight:i=12,path:o,stroke:r,strokeWidth:l,strokeDasharray:_})=>/* @__PURE__ */K(R,{children:[
+/* @__PURE__ */K("path",{d:o,stroke:r,style:{strokeWidth:l,strokeDasharray:_}}),t&&e&&2===e.length?/* @__PURE__ */K("g",{transform:`translate(${e[0]} ${e[1]})`,children:/* @__PURE__ */K(se,{text:t,fill:n,height:i})}):void 0]}),"Edge");function de(t,e,n,i){J(S(t,e),n,i)}function pe(t,e,n,i){J(S("svg",null,S(t,e)),n,i)}e(de,"render"),e(pe,"svgRender");const ge=class _HTMLAdapter extends o{constructor(t){super(),this._component=t}props(t){return arguments.length?(this._props={...this._props,...t},this):this._props}prop(t,e){return 1===arguments.length?this._props[t]:(this._props[t]=e,this)}update(t,e){super.update(t,e),de(this._component,this._props,t)}};e(ge,"HTMLAdapter");let me=ge;me.prototype._class+=" react_HTMLAdapter",me.prototype.publish("props",{},"object","Properties");const xe=class _SVGAdapter extends r{constructor(t){super(),this._component=t}props(t){return arguments.length?(this._props={...this._props,...t},this):this._props}prop(t,e){return 1===arguments.length?this._props[t]:(this._props[t]=e,this)}update(t,e){super.update(t,e),de(this._component,this._props,t)}};e(xe,"SVGAdapter");let ye=xe;ye.prototype._class+=" react_SVGAdapter",ye.prototype.publish("props",{},"object","Properties");const ve=/* @__PURE__ */e(({text:t})=>/* @__PURE__ */K("span",{children:t}),"Span"),ke=/* @__PURE__ */e(({x:t,y:e,annotationIDs:n=[],stepSize:i=-16})=>/* @__PURE__ */K(R,{children:n.map((n,o)=>/* @__PURE__ */K("g",{transform:`translate(${t+o*i} ${e})`,children:/* @__PURE__ */K("use",{xlinkHref:"#"+n})},n))}),"Annotations"),Fe=/* @__PURE__ */e(({categoryID:t="",text:e="",textHeight:n=12,textPadding:i=4,icon:o={},annotationsHeight:r=12,annotationIDs:l=[],textFill:_,textboxFill:a,textboxStroke:s,textFontFamily:c,onSizeUpdate:u,showLabel:h=!0,scale:f=1})=>{o={imageChar:"fa-question",height:32,fill:"transparent",...o};const[d,p]=ft(0),[g,m]=ft(0);pt(()=>{u&&u({width:0,height:0})},[d,g,u]);let x=d;x+=4;let y=-(2*o.height/6+n+8)/2;const v=o.height/3+g/2+i;let k=o.height/3+g+i+r/3;h||(y+=(n+8)/2,k-=g+i);const F=xt(t=>{p(t.width),m(t.height)},[]),b=h?/* @__PURE__ */K("g",{transform:`translate(0 ${v})`,children:/* @__PURE__ */K(ce,{text:e,height:n,padding:i,onSizeUpdate:F,textFill:_,fill:a,stroke:s,fontFamily:c})}):void 0;/* @__PURE__ */
+return K("g",t?{transform:`translate(0 ${y}) scale(${f})`,children:[
+/* @__PURE__ */K("use",{xlinkHref:"#"+t}),b,
+/* @__PURE__ */K(ke,{x:x/2,y:k,annotationIDs:l})]}:{transform:`translate(0 ${y}) scale(${f})`,children:[
+/* @__PURE__ */K(le,{...o}),b]})},"Vertex"),be=/* @__PURE__ */e(({categoryID:t="",text:e="",textHeight:i=12,textPadding:o=4,icon:r={},textFill:l="black",textboxFill:_="white",textboxStroke:a="black",textFontFamily:s,annotationsHeight:c=12,annotationIDs:u=[]})=>{r={imageChar:"fa-question",imageCharFill:"white",height:32,fill:"black",shape:"square",...r};const h=i+2*o,{width:f}=mt(()=>n.textSize(e,s,i,!1),[e,s,i]),d=c,p=h/2,g=-(2*r.height/6+i+8)/2,m=-r.height/2,x=Math.ceil(f/2+o),y=p-r.height/2,v=d/2,k=p;return t?/* @__PURE__ */K("g",{transform:`translate(0 ${g})`,children:[
+/* @__PURE__ */K("g",{transform:`translate(${m} 0)`,children:/* @__PURE__ */K("use",{xlinkHref:"#"+t})}),
+/* @__PURE__ */K("g",{transform:`translate(${x} ${y})`,children:/* @__PURE__ */K(ce,{text:e,height:i,padding:o,strokeWidth:1,stroke:a,fill:_,textFill:l,fontFamily:s})}),
+/* @__PURE__ */K(ke,{x:v,y:k,annotationIDs:u,stepSize:d})]}):/* @__PURE__ */K(R,{children:[
+/* @__PURE__ */K("g",{transform:`translate(${m} 0)scale(1.0002)`,children:/* @__PURE__ */K(le,{...r,shape:"square"})}),
+/* @__PURE__ */K("g",{transform:`translate(${x} ${y})scale(1.0002)`,children:/* @__PURE__ */K(ce,{text:e,height:i,padding:o,stroke:a,fill:_})})]})},"Vertex2"),Ce=/* @__PURE__ */e(({text:t="",textHeight:e=10,textPadding:i=4,textFill:o="#287EC4",textboxFill:r="white",textboxStroke:l="#CCCCCC",textboxStrokeWidth:_=1,textFontFamily:a="Verdana",annotationGutter:s=2,annotations:c=[],cornerRadius:u=3,icon:h={},subText:f={text:""},showLabel:d=!0,noLabelRadius:p=5,expansionIcon:g,scale:m=1})=>{h={height:50,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"#555555",fill:"transparent",strokeWidth:0,...h},f={text:"",fill:"white",textFill:"#555555",...f},g=g?{height:16,shape:"circle",padding:6,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"black",fill:"whitesmoke",stroke:"whitesmoke",strokeWidth:0,...g}:void 0;let x=0;const y=mt(()=>n.textSize(t,a,e,!1).width,[t,a,e]);let v=0;""!==t&&(v=y+2*i+2*_),x+=v+s;const k=x-v/2,F=e+2*i+2*_,b=[];c.forEach((t,e)=>{const n=t.imageChar;x+=F+s;const i=x-F/2;b.push(
+/* @__PURE__ */K("g",{className:"vertex3-anno","data-click":"annotation","data-click-data":JSON.stringify(t),transform:`translate(${i} 0)`,children:/* @__PURE__ */K(le,{...t,shape:"square",height:F,imageChar:n,imageFontFamily:t.imageFontFamily,cornerRadius:u,strokeWidth:0})},e))}),c.length>0&&(x+=s*(c.length-1));const C=/* @__PURE__ */K("g",{"data-click":"text",transform:`translate(${k} 0)`,children:d&&""!==t?/* @__PURE__ */K(ce,{text:t,height:e,padding:i,strokeWidth:_,stroke:l,fill:r,textFill:o,fontFamily:a,cornerRadius:u}):/* @__PURE__ */K("circle",{r:p,stroke:l,fill:o})}),w=h.height||20,S=h.strokeWidth||0;let $=0;let R=F+2*s;""!==t||b.length>0?$=-w/2-S-F/2-2*s:""!==f.text&&(R=w/2+S+2*s);const W=""===f.text?null:/* @__PURE__ */K("g",{"data-click":"subtext",transform:`translate(0 ${R})`,children:/* @__PURE__ */K(ce,{fill:f.fill||"#FFFFFF",textFill:f.textFill||o,...f,height:e,padding:i,strokeWidth:0,stroke:l,fontFamily:a,cornerRadius:u})});/* @__PURE__ */
+return K("g",{transform:`scale(${m})`,children:[
+/* @__PURE__ */K("g",{"data-click":"icon",transform:`translate(0 ${$})`,children:[
+/* @__PURE__ */K(le,{...h}),g&&/* @__PURE__ */K("g",{"data-click":"expanded-icon","data-click-data":JSON.stringify(g),transform:`translate(${(h.height+S)/2-g.height/2} ${-(h.height+S)/2+g.height/2})`,children:/* @__PURE__ */K(le,{...g})})]}),
+/* @__PURE__ */K("g",{transform:`translate(${-x/2} 0)`,children:[C,b]}),W]})},"Vertex3"),we=/* @__PURE__ */e(function({id:t,categoryID:e="",text:n="",textHeight:i=12,textPadding:o=10,textFill:r="#287EC4",textboxFill:l="white",textboxStroke:_="#CCCCCC",textboxStrokeWidth:a=1,textFontFamily:s="Verdana",annotationGutter:c=2,annotations:u=[],cornerRadius:h,icon:f={},subText:d={},expansionIcon:p,scale:g=1}){f={height:91,padding:40,imageCharFill:"#555555",imageFontFamily:"FontAwesome",fill:"#FFCC33",stroke:"#DFDFDF",imageChar:"?",strokeWidth:4,yOffset:-15,...f},d={text:"",fill:"transparent",textFill:"#555555",...d};/* @__PURE__ */
+return K(Ce,{...{id:t,categoryID:e,text:n,textHeight:i,textPadding:o,textFill:r,textboxFill:l,textboxStroke:_,textboxStrokeWidth:a,textFontFamily:s,annotationGutter:c,annotations:u,cornerRadius:h,icon:f,subText:d,expansionIcon:p,scale:g},icon:f,subText:d})},"CentroidVertex3"),Se=/* @__PURE__ */e(({categoryID:t="",text:e="",textHeight:i=10,textPadding:o=4,textFill:r="#287EC4",textboxFill:l="white",textboxStroke:_="#CCCCCC",textboxStrokeWidth:a=1,textFontFamily:s="Verdana",annotationGutter:c=2,annotations:u=[],iconAnnotations:h=[],cornerRadius:f=3,icon:d={},subText:p={},showLabel:g=!0,noLabelRadius:m=5,iconBorderWidth:x=1,iconBorderColor:y="#333",iconBackgroundColor:v="#fff",iconFontColor:k="#000",iconFontSize:F=20,iconFontFamily:b="FontAwesome",shapeOffsetX:C=0,shapeOffsetY:w=0,iconOffsetX:S=0,iconOffsetY:$=0,iconPadding:R=4,iconText:W="?",shapeRendering:P="auto"})=>{d={height:50,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"#555555",fill:"transparent",strokeWidth:0,...d},p={text:"",fill:"white",textFill:"#555555",...p};const H=mt(()=>n.textSize(e,s,i,!1).width,[e,s,i]);let O=0;""!==e&&(O=H+2*o+2*a);let A=O+c;const E=A-O/2,N=i+2*c+2*a,T=u.map(t=>n.textSize(t.imageChar,t.imageFontFamily,t.height,!1).width),D=[];let U=A;u.forEach((t,e)=>{const n=t.imageChar,i=t.height??N;U+=T[e]+c;const o=U-T[e]/2;D.push(
+/* @__PURE__ */K("g",{className:"vertex3-anno","data-click":"annotation","data-click-data":JSON.stringify(t),transform:`translate(${o} 0)`,children:/* @__PURE__ */K(le,{...t,shape:"rectangle",width:T[e],height:i,imageChar:n,imageFontFamily:t.imageFontFamily,cornerRadius:f,strokeWidth:0})},e))}),u.length>0&&(A+=c*(u.length-1));const L=[];h.forEach((t,e)=>{const n=t.shapeOffsetX,i=t.shapeOffsetY;L.push(
+/* @__PURE__ */K("g",{className:"vertex3-iconAnno","data-click":"icon-annotation","data-click-data":JSON.stringify(t),transform:`translate(${n} ${i})`,children:/* @__PURE__ */K(le,{...t,shape:t.shape??"square",imageChar:t.imageChar,imageFontFamily:t.imageFontFamily,cornerRadius:f,stroke:t.stroke,strokeWidth:t.strokeWidth})},e))});const z=/* @__PURE__ */K("g",{"data-click":"text",transform:`translate(${E} 0)`,children:g&&""!==e?/* @__PURE__ */K(ce,{text:e,height:i,padding:o,strokeWidth:a,stroke:_,fill:l,textFill:r,fontFamily:s,cornerRadius:f}):/* @__PURE__ */K("circle",{r:m,stroke:_,fill:r})}),I=N+2*c,V=""===p.text?null:/* @__PURE__ */K("g",{"data-click":"subtext",transform:`translate(0 ${I})`,children:/* @__PURE__ */K(ce,{fill:p.fill||"#FFFFFF",textFill:p.textFill||r,...p,height:i,padding:o,strokeWidth:0,stroke:_,fontFamily:s,cornerRadius:f})});/* @__PURE__ */
+return K("g",{children:[
+/* @__PURE__ */K("g",{"data-click":"icon",transform:`translate(${C} ${w})`,children:[
+/* @__PURE__ */K(le,{...d,strokeWidth:x,shape:"circle",height:F,fill:v,stroke:y,imageFontFamily:b,imageChar:W,imageCharFill:k,padding:R,xOffset:S,yOffset:$,cornerRadius:f,shapeRendering:P}),L]}),
+/* @__PURE__ */K("g",{transform:`translate(${-A/2} 0)`,children:[z,D]}),V]})},"Vertex4"),$e=/* @__PURE__ */e(function({id:t,categoryID:e="",text:n="",textHeight:i=12,textPadding:o=10,textFill:r="#287EC4",textboxFill:l="white",textboxStroke:_="#CCCCCC",textboxStrokeWidth:a=1,textFontFamily:s="Verdana",annotationGutter:c=2,annotations:u=[],iconAnnotations:h=[],cornerRadius:f,icon:d={},subText:p={},showLabel:g=!0,noLabelRadius:m=5,iconBorderWidth:x=1,iconBorderColor:y="#333",iconBackgroundColor:v="#fff",iconFontColor:k="#000",iconFontSize:F=20,iconFontFamily:b="FontAwesome",shapeOffsetX:C=0,shapeOffsetY:w=0,iconOffsetX:S=0,iconOffsetY:$=0,iconPadding:R=4,iconText:W="?",shapeRendering:P="auto"}){d={height:91,padding:40,imageCharFill:"#555555",imageFontFamily:"FontAwesome",fill:"#FFCC33",stroke:"#DFDFDF",imageChar:"?",strokeWidth:4,yOffset:-15,...d},p={text:"",fill:"transparent",textFill:"#555555",...p};/* @__PURE__ */
+return K(Se,{...{id:t,categoryID:e,text:n,textHeight:i,textPadding:o,textFill:r,textboxFill:l,textboxStroke:_,textboxStrokeWidth:a,textFontFamily:s,annotationGutter:c,annotations:u,iconAnnotations:h,cornerRadius:f,icon:d,subText:p,showLabel:g,noLabelRadius:m,iconBorderWidth:x,iconBorderColor:y,iconBackgroundColor:v,iconFontColor:k,iconFontSize:F,iconFontFamily:b,shapeOffsetX:C,shapeOffsetY:w,iconOffsetX:S,iconOffsetY:$,iconPadding:R,iconText:W,shapeRendering:P},icon:d,subText:p})},"CentroidVertex4"),Re=/* @__PURE__ */e(({text:t,width:e=100,height:i=100,fill:o="transparent",stroke:r="black",fontHeight:l=12,fontFamily:_})=>{const a=n.textSize(t,_,l,!1);/* @__PURE__ */
+return K(R,{children:[
+/* @__PURE__ */K(oe,{width:e,height:i,fill:o,stroke:r}),
+/* @__PURE__ */K("g",{transform:`translate(${(-e+a.width)/2+4} ${(-i+a.height)/2+4})`,children:/* @__PURE__ */K(se,{height:l,text:t,fontFamily:_})})]})},"Subgraph");export{ke as Annotations,a as BUILD_VERSION,we as CentroidVertex3,$e as CentroidVertex4,ne as Circle,fe as Edge,me as HTMLAdapter,le as Icon,he as IconLabelledRect,_e as Icons,te as Image,ee as ImageChar,ue as LabelledRect,l as PKG_NAME,_ as PKG_VERSION,Qt as React,oe as Rectangle,ye as SVGAdapter,re as Shape,ve as Span,ie as Square,Re as Subgraph,se as Text,ce as TextBox,ae as TextLine,Fe as Vertex,be as Vertex2,Ce as Vertex3,Se as Vertex4,de as render,pe as svgRender};
+//# sourceMappingURL=index.js.map