@hpcc-js/react 3.4.0 → 3.4.1

package/dist/index.js

@@ -1,1593 +1,1892 @@
-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
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { Utility, Palette, HTMLWidget, SVGWidget } from "@hpcc-js/common";
 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;
+const PKG_VERSION = "3.4.1";
+const BUILD_VERSION = "3.15.1";
+var n, l$1, u$2, i$1, r$1, o$1, e$1, f$2, c$1, s$1, a$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(n2, l2) {
+  for (var u2 in l2) n2[u2] = l2[u2];
+  return n2;
 }
-function g$1(n$1) {
-	n$1 && n$1.parentNode && n$1.parentNode.removeChild(n$1);
+__name(d$1, "d$1");
+function g$1(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
 }
-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);
+__name(g$1, "g$1");
+function _$1(l2, u2, t2) {
+  var i2, r2, o2, e2 = {};
+  for (o2 in u2) "key" == o2 ? i2 = u2[o2] : "ref" == o2 ? r2 = u2[o2] : e2[o2] = u2[o2];
+  if (arguments.length > 2 && (e2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps) for (o2 in l2.defaultProps) void 0 === e2[o2] && (e2[o2] = l2.defaultProps[o2]);
+  return m$1(l2, e2, i2, r2, 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;
+__name(_$1, "_$1");
+function m$1(n2, t2, i2, r2, o2) {
+  var e2 = { type: n2, props: t2, key: i2, ref: r2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o2 ? ++u$2 : o2, __i: -1, __u: 0 };
+  return null == o2 && null != l$1.vnode && l$1.vnode(e2), e2;
 }
-function k(n$1) {
-	return n$1.children;
+__name(m$1, "m$1");
+function k$1(n2) {
+  return n2.children;
 }
-function x(n$1, l$2) {
-	this.props = n$1, this.context = l$2;
+__name(k$1, "k$1");
+function x(n2, l2) {
+  this.props = n2, this.context = l2;
 }
-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;
+__name(x, "x");
+function S(n2, l2) {
+  if (null == l2) return n2.__ ? S(n2.__, n2.__i + 1) : null;
+  for (var u2; l2 < n2.__k.length; l2++) if (null != (u2 = n2.__k[l2]) && null != u2.__e) return u2.__e;
+  return "function" == typeof n2.type ? S(n2) : 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);
-	}
+__name(S, "S");
+function C$1(n2) {
+  var l2, u2;
+  if (null != (n2 = n2.__) && null != n2.__c) {
+    for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++) if (null != (u2 = n2.__k[l2]) && null != u2.__e) {
+      n2.__e = n2.__c.base = u2.__e;
+      break;
+    }
+    return C$1(n2);
+  }
 }
-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)($);
+__name(C$1, "C$1");
+function M(n2) {
+  (!n2.__d && (n2.__d = true) && i$1.push(n2) && !$.__r++ || r$1 != l$1.debounceRendering) && ((r$1 = l$1.debounceRendering) || o$1)($);
 }
+__name(M, "M");
 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;
+  for (var n2, u2, t2, r2, o2, f2, c2, s2 = 1; i$1.length; ) i$1.length > s2 && i$1.sort(e$1), n2 = i$1.shift(), s2 = i$1.length, n2.__d && (t2 = void 0, r2 = void 0, o2 = (r2 = (u2 = n2).__v).__e, f2 = [], c2 = [], u2.__P && ((t2 = d$1({}, r2)).__v = r2.__v + 1, l$1.vnode && l$1.vnode(t2), O(u2.__P, t2, r2, u2.__n, u2.__P.namespaceURI, 32 & r2.__u ? [o2] : null, f2, null == o2 ? S(r2) : o2, !!(32 & r2.__u), c2), t2.__v = r2.__v, t2.__.__k[t2.__i] = t2, N$1(f2, t2, c2), r2.__e = r2.__ = null, t2.__e != o2 && C$1(t2)));
+  $.__r = 0;
+}
+__name($, "$");
+function I(n2, l2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, y2, w2, d2, g2, _2, m2 = t2 && t2.__k || v$1, b = l2.length;
+  for (f2 = P$1(u2, l2, m2, f2, b), a2 = 0; a2 < b; a2++) null != (y2 = u2.__k[a2]) && (h2 = -1 == y2.__i ? p$1 : m2[y2.__i] || p$1, y2.__i = a2, g2 = O(n2, y2, h2, i2, r2, o2, e2, f2, c2, s2), w2 = y2.__e, y2.ref && h2.ref != y2.ref && (h2.ref && B$2(h2.ref, null, y2), s2.push(y2.ref, y2.__c || w2, y2)), null == d2 && null != w2 && (d2 = w2), (_2 = !!(4 & y2.__u)) || h2.__k === y2.__k ? f2 = A(y2, f2, n2, _2) : "function" == typeof y2.type && void 0 !== g2 ? f2 = g2 : w2 && (f2 = w2.nextSibling), y2.__u &= -7);
+  return u2.__e = d2, f2;
 }
-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;
+__name(I, "I");
+function P$1(n2, l2, u2, t2, i2) {
+  var r2, o2, e2, f2, c2, s2 = u2.length, a2 = s2, h2 = 0;
+  for (n2.__k = new Array(i2), r2 = 0; r2 < i2; r2++) null != (o2 = l2[r2]) && "boolean" != typeof o2 && "function" != typeof o2 ? (f2 = r2 + h2, (o2 = n2.__k[r2] = "string" == typeof o2 || "number" == typeof o2 || "bigint" == typeof o2 || o2.constructor == String ? m$1(null, o2, null, null, null) : w$1(o2) ? m$1(k$1, { children: o2 }, null, null, null) : null == o2.constructor && o2.__b > 0 ? m$1(o2.type, o2.props, o2.key, o2.ref ? o2.ref : null, o2.__v) : o2).__ = n2, o2.__b = n2.__b + 1, e2 = null, -1 != (c2 = o2.__i = L(o2, u2, f2, a2)) && (a2--, (e2 = u2[c2]) && (e2.__u |= 2)), null == e2 || null == e2.__v ? (-1 == c2 && (i2 > s2 ? h2-- : i2 < s2 && h2++), "function" != typeof o2.type && (o2.__u |= 4)) : c2 != f2 && (c2 == f2 - 1 ? h2-- : c2 == f2 + 1 ? h2++ : (c2 > f2 ? h2-- : h2++, o2.__u |= 4))) : n2.__k[r2] = null;
+  if (a2) for (r2 = 0; r2 < s2; r2++) null != (e2 = u2[r2]) && 0 == (2 & e2.__u) && (e2.__e == t2 && (t2 = S(e2)), D$1(e2, e2));
+  return t2;
 }
-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;
+__name(P$1, "P$1");
+function A(n2, l2, u2, t2) {
+  var i2, r2;
+  if ("function" == typeof n2.type) {
+    for (i2 = n2.__k, r2 = 0; i2 && r2 < i2.length; r2++) i2[r2] && (i2[r2].__ = n2, l2 = A(i2[r2], l2, u2, t2));
+    return l2;
+  }
+  n2.__e != l2 && (t2 && (l2 && n2.type && !l2.parentNode && (l2 = S(n2)), u2.insertBefore(n2.__e, l2 || null)), l2 = n2.__e);
+  do {
+    l2 = l2 && l2.nextSibling;
+  } while (null != l2 && 8 == l2.nodeType);
+  return l2;
 }
-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;
+__name(A, "A");
+function H$1(n2, l2) {
+  return l2 = l2 || [], null == n2 || "boolean" == typeof n2 || (w$1(n2) ? n2.some(function(n3) {
+    H$1(n3, l2);
+  }) : l2.push(n2)), l2;
 }
-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;
+__name(H$1, "H$1");
+function L(n2, l2, u2, t2) {
+  var i2, r2, o2, e2 = n2.key, f2 = n2.type, c2 = l2[u2], s2 = null != c2 && 0 == (2 & c2.__u);
+  if (null === c2 && null == n2.key || s2 && e2 == c2.key && f2 == c2.type) return u2;
+  if (t2 > (s2 ? 1 : 0)) {
+    for (i2 = u2 - 1, r2 = u2 + 1; i2 >= 0 || r2 < l2.length; ) if (null != (c2 = l2[o2 = i2 >= 0 ? i2-- : r2++]) && 0 == (2 & c2.__u) && e2 == c2.key && f2 == c2.type) return o2;
+  }
+  return -1;
 }
-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;
+__name(L, "L");
+function T$2(n2, l2, u2) {
+  "-" == l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || y$1.test(l2) ? u2 : u2 + "px";
 }
-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";
+__name(T$2, "T$2");
+function j$2(n2, l2, u2, t2, i2) {
+  var r2, o2;
+  n: if ("style" == l2) if ("string" == typeof u2) n2.style.cssText = u2;
+  else {
+    if ("string" == typeof t2 && (n2.style.cssText = t2 = ""), t2) for (l2 in t2) u2 && l2 in u2 || T$2(n2.style, l2, "");
+    if (u2) for (l2 in u2) t2 && u2[l2] == t2[l2] || T$2(n2.style, l2, u2[l2]);
+  }
+  else if ("o" == l2[0] && "n" == l2[1]) r2 = l2 != (l2 = l2.replace(f$2, "$1")), o2 = l2.toLowerCase(), l2 = o2 in n2 || "onFocusOut" == l2 || "onFocusIn" == l2 ? o2.slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + r2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = c$1, n2.addEventListener(l2, r2 ? a$1 : s$1, r2)) : n2.removeEventListener(l2, r2 ? a$1 : s$1, r2);
+  else {
+    if ("http://www.w3.org/2000/svg" == i2) l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != l2 && "height" != l2 && "href" != l2 && "list" != l2 && "form" != l2 && "tabIndex" != l2 && "download" != l2 && "rowSpan" != l2 && "colSpan" != l2 && "role" != l2 && "popover" != l2 && l2 in n2) try {
+      n2[l2] = null == u2 ? "" : u2;
+      break n;
+    } catch (n3) {
+    }
+    "function" == typeof u2 || (null == u2 || false === u2 && "-" != l2[4] ? n2.removeAttribute(l2) : n2.setAttribute(l2, "popover" == l2 && 1 == u2 ? "" : u2));
+  }
 }
-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));
-	}
+__name(j$2, "j$2");
+function F$1(n2) {
+  return function(u2) {
+    if (this.l) {
+      var t2 = this.l[u2.type + n2];
+      if (null == u2.t) u2.t = c$1++;
+      else if (u2.t < t2.u) return;
+      return t2(l$1.event ? l$1.event(u2) : u2);
+    }
+  };
 }
-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);
-		}
-	};
+__name(F$1, "F$1");
+function O(n2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, p2, v2, y2, _2, m2, b, S2, C2, M2, $2, P2, A2, H2, L2, T2, j2 = u2.type;
+  if (null != u2.constructor) return null;
+  128 & t2.__u && (c2 = !!(32 & t2.__u), o2 = [f2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
+  n: if ("function" == typeof j2) try {
+    if (b = u2.props, S2 = "prototype" in j2 && j2.prototype.render, C2 = (a2 = j2.contextType) && i2[a2.__c], M2 = a2 ? C2 ? C2.props.value : a2.__ : i2, t2.__c ? m2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (S2 ? u2.__c = h2 = new j2(b, M2) : (u2.__c = h2 = new x(b, M2), h2.constructor = j2, h2.render = E$1), C2 && C2.sub(h2), h2.props = b, h2.state || (h2.state = {}), h2.context = M2, h2.__n = i2, p2 = h2.__d = true, h2.__h = [], h2._sb = []), S2 && null == h2.__s && (h2.__s = h2.state), S2 && null != j2.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = d$1({}, h2.__s)), d$1(h2.__s, j2.getDerivedStateFromProps(b, h2.__s))), v2 = h2.props, y2 = h2.state, h2.__v = u2, p2) S2 && null == j2.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), S2 && null != h2.componentDidMount && h2.__h.push(h2.componentDidMount);
+    else {
+      if (S2 && null == j2.getDerivedStateFromProps && b !== v2 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(b, M2), !h2.__e && null != h2.shouldComponentUpdate && false === h2.shouldComponentUpdate(b, h2.__s, M2) || u2.__v == t2.__v) {
+        for (u2.__v != t2.__v && (h2.props = b, h2.state = h2.__s, h2.__d = false), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.some(function(n3) {
+          n3 && (n3.__ = u2);
+        }), $2 = 0; $2 < h2._sb.length; $2++) h2.__h.push(h2._sb[$2]);
+        h2._sb = [], h2.__h.length && e2.push(h2);
+        break n;
+      }
+      null != h2.componentWillUpdate && h2.componentWillUpdate(b, h2.__s, M2), S2 && null != h2.componentDidUpdate && h2.__h.push(function() {
+        h2.componentDidUpdate(v2, y2, _2);
+      });
+    }
+    if (h2.context = M2, h2.props = b, h2.__P = n2, h2.__e = false, P2 = l$1.__r, A2 = 0, S2) {
+      for (h2.state = h2.__s, h2.__d = false, P2 && P2(u2), a2 = h2.render(h2.props, h2.state, h2.context), H2 = 0; H2 < h2._sb.length; H2++) h2.__h.push(h2._sb[H2]);
+      h2._sb = [];
+    } else do {
+      h2.__d = false, P2 && P2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
+    } while (h2.__d && ++A2 < 25);
+    h2.state = h2.__s, null != h2.getChildContext && (i2 = d$1(d$1({}, i2), h2.getChildContext())), S2 && !p2 && null != h2.getSnapshotBeforeUpdate && (_2 = h2.getSnapshotBeforeUpdate(v2, y2)), L2 = a2, null != a2 && a2.type === k$1 && null == a2.key && (L2 = V$1(a2.props.children)), f2 = I(n2, w$1(L2) ? L2 : [L2], u2, t2, i2, r2, o2, e2, f2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && e2.push(h2), m2 && (h2.__E = h2.__ = null);
+  } catch (n3) {
+    if (u2.__v = null, c2 || null != o2) if (n3.then) {
+      for (u2.__u |= c2 ? 160 : 128; f2 && 8 == f2.nodeType && f2.nextSibling; ) f2 = f2.nextSibling;
+      o2[o2.indexOf(f2)] = null, u2.__e = f2;
+    } else {
+      for (T2 = o2.length; T2--; ) g$1(o2[T2]);
+      z$1(u2);
+    }
+    else u2.__e = t2.__e, u2.__k = t2.__k, n3.then || z$1(u2);
+    l$1.__e(n3, u2, t2);
+  }
+  else null == o2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = q$2(t2.__e, u2, t2, i2, r2, o2, e2, c2, s2);
+  return (a2 = l$1.diffed) && a2(u2), 128 & u2.__u ? void 0 : f2;
 }
-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;
+__name(O, "O");
+function z$1(n2) {
+  n2 && n2.__c && (n2.__c.__e = true), n2 && n2.__k && n2.__k.forEach(z$1);
 }
-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);
+__name(z$1, "z$1");
+function N$1(n2, u2, t2) {
+  for (var i2 = 0; i2 < t2.length; i2++) B$2(t2[i2], t2[++i2], t2[++i2]);
+  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
+    try {
+      n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
+        n3.call(u3);
+      });
+    } catch (n3) {
+      l$1.__e(n3, u3.__v);
+    }
+  });
 }
-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);
-		}
-	});
+__name(N$1, "N$1");
+function V$1(n2) {
+  return "object" != typeof n2 || null == n2 || n2.__b && n2.__b > 0 ? n2 : w$1(n2) ? n2.map(V$1) : d$1({}, n2);
 }
-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);
+__name(V$1, "V$1");
+function q$2(u2, t2, i2, r2, o2, e2, f2, c2, s2) {
+  var a2, h2, v2, y2, d2, _2, m2, b = i2.props, k2 = t2.props, x2 = t2.type;
+  if ("svg" == x2 ? o2 = "http://www.w3.org/2000/svg" : "math" == x2 ? o2 = "http://www.w3.org/1998/Math/MathML" : o2 || (o2 = "http://www.w3.org/1999/xhtml"), null != e2) {
+    for (a2 = 0; a2 < e2.length; a2++) if ((d2 = e2[a2]) && "setAttribute" in d2 == !!x2 && (x2 ? d2.localName == x2 : 3 == d2.nodeType)) {
+      u2 = d2, e2[a2] = null;
+      break;
+    }
+  }
+  if (null == u2) {
+    if (null == x2) return document.createTextNode(k2);
+    u2 = document.createElementNS(o2, x2, k2.is && k2), c2 && (l$1.__m && l$1.__m(t2, e2), c2 = false), e2 = null;
+  }
+  if (null == x2) b === k2 || c2 && u2.data == k2 || (u2.data = k2);
+  else {
+    if (e2 = e2 && n.call(u2.childNodes), b = i2.props || p$1, !c2 && null != e2) for (b = {}, a2 = 0; a2 < u2.attributes.length; a2++) b[(d2 = u2.attributes[a2]).name] = d2.value;
+    for (a2 in b) if (d2 = b[a2], "children" == a2) ;
+    else if ("dangerouslySetInnerHTML" == a2) v2 = d2;
+    else if (!(a2 in k2)) {
+      if ("value" == a2 && "defaultValue" in k2 || "checked" == a2 && "defaultChecked" in k2) continue;
+      j$2(u2, a2, null, d2, o2);
+    }
+    for (a2 in k2) d2 = k2[a2], "children" == a2 ? y2 = d2 : "dangerouslySetInnerHTML" == a2 ? h2 = d2 : "value" == a2 ? _2 = d2 : "checked" == a2 ? m2 = d2 : c2 && "function" != typeof d2 || b[a2] === d2 || j$2(u2, a2, d2, b[a2], o2);
+    if (h2) c2 || v2 && (h2.__html == v2.__html || h2.__html == u2.innerHTML) || (u2.innerHTML = h2.__html), t2.__k = [];
+    else if (v2 && (u2.innerHTML = ""), I("template" == t2.type ? u2.content : u2, w$1(y2) ? y2 : [y2], t2, i2, r2, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : o2, e2, f2, e2 ? e2[0] : i2.__k && S(i2, 0), c2, s2), null != e2) for (a2 = e2.length; a2--; ) g$1(e2[a2]);
+    c2 || (a2 = "value", "progress" == x2 && null == _2 ? u2.removeAttribute("value") : null != _2 && (_2 !== u2[a2] || "progress" == x2 && !_2 || "option" == x2 && _2 != b[a2]) && j$2(u2, a2, _2, b[a2], o2), a2 = "checked", null != m2 && m2 != u2[a2] && j$2(u2, a2, m2, b[a2], o2));
+  }
+  return u2;
 }
-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;
+__name(q$2, "q$2");
+function B$2(n2, u2, t2) {
+  try {
+    if ("function" == typeof n2) {
+      var i2 = "function" == typeof n2.__u;
+      i2 && n2.__u(), i2 && null == u2 || (n2.__u = n2(u2));
+    } else n2.current = u2;
+  } catch (n3) {
+    l$1.__e(n3, t2);
+  }
 }
-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);
-	}
+__name(B$2, "B$2");
+function D$1(n2, u2, t2) {
+  var i2, r2;
+  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current != n2.__e || B$2(i2, null, u2)), null != (i2 = n2.__c)) {
+    if (i2.componentWillUnmount) try {
+      i2.componentWillUnmount();
+    } catch (n3) {
+      l$1.__e(n3, u2);
+    }
+    i2.base = i2.__P = null;
+  }
+  if (i2 = n2.__k) for (r2 = 0; r2 < i2.length; r2++) i2[r2] && D$1(i2[r2], u2, t2 || "function" != typeof n2.type);
+  t2 || g$1(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
 }
-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;
+__name(D$1, "D$1");
+function E$1(n2, l2, u2) {
+  return this.constructor(n2, u2);
 }
-function E$1(n$1, l$2, u$3) {
-	return this.constructor(n$1, u$3);
+__name(E$1, "E$1");
+function G$1(u2, t2, i2) {
+  var r2, o2, e2, f2;
+  t2 == document && (t2 = document.documentElement), l$1.__ && l$1.__(u2, t2), o2 = (r2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, e2 = [], f2 = [], O(t2, u2 = (!r2 && i2 || t2).__k = _$1(k$1, null, [u2]), o2 || p$1, p$1, t2.namespaceURI, !r2 && i2 ? [i2] : o2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, e2, !r2 && i2 ? i2 : o2 ? o2.__e : t2.firstChild, r2, f2), N$1(e2, u2, f2);
 }
-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);
+__name(G$1, "G$1");
+n = v$1.slice, l$1 = { __e: /* @__PURE__ */ __name(function(n2, l2, u2, t2) {
+  for (var i2, r2, o2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
+    if ((r2 = i2.constructor) && null != r2.getDerivedStateFromError && (i2.setState(r2.getDerivedStateFromError(n2)), o2 = i2.__d), null != i2.componentDidCatch && (i2.componentDidCatch(n2, t2 || {}), o2 = i2.__d), o2) return i2.__E = i2;
+  } catch (l3) {
+    n2 = l3;
+  }
+  throw n2;
+}, "__e") }, u$2 = 0, x.prototype.setState = function(n2, l2) {
+  var u2;
+  u2 = null != this.__s && this.__s != this.state ? this.__s : this.__s = d$1({}, this.state), "function" == typeof n2 && (n2 = n2(d$1({}, u2), this.props)), n2 && d$1(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), M(this));
+}, x.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), M(this));
+}, x.prototype.render = k$1, i$1 = [], o$1 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e$1 = /* @__PURE__ */ __name(function(n2, l2) {
+  return n2.__v.__b - l2.__v.__b;
+}, "e$1"), $.__r = 0, f$2 = /(PointerCapture)$|Capture$/i, c$1 = 0, s$1 = F$1(false), a$1 = F$1(true);
+var f$1 = 0;
+function u$1(e2, t2, n2, o2, i2, u2) {
+  t2 || (t2 = {});
+  var a2, c2, p2 = t2;
+  if ("ref" in p2) for (c2 in p2 = {}, t2) "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  if ("function" == typeof e2 && (a2 = e2.defaultProps)) for (c2 in a2) void 0 === p2[c2] && (p2[c2] = a2[c2]);
+  return l$1.vnode && l$1.vnode(l2), l2;
 }
-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];
+__name(u$1, "u$1");
+var t, r, u, i, o = 0, f = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
+function p(n2, t2) {
+  c.__h && c.__h(r, n2, o || t2), o = 0;
+  var u2 = r.__H || (r.__H = { __: [], __h: [] });
+  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
 }
-function d(n$1) {
-	return o$1 = 1, h(D, n$1);
+__name(p, "p");
+function d(n2) {
+  return o = 1, h(D, n2);
 }
-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.__;
+__name(d, "d");
+function h(n2, u2, i2) {
+  var o2 = p(t++, 2);
+  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : D(void 0, u2), function(n3) {
+    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
+    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
+  }], o2.__c = r, !r.__f)) {
+    var f2 = /* @__PURE__ */ __name(function(n3, t2, r2) {
+      if (!o2.__c.__H) return true;
+      var u3 = o2.__c.__H.__.filter(function(n4) {
+        return !!n4.__c;
+      });
+      if (u3.every(function(n4) {
+        return !n4.__N;
+      })) return !c2 || c2.call(this, n3, t2, r2);
+      var i3 = o2.__c.props !== n3;
+      return u3.forEach(function(n4) {
+        if (n4.__N) {
+          var t3 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = true);
+        }
+      }), c2 && c2.call(this, n3, t2, r2) || i3;
+    }, "f");
+    r.__f = true;
+    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
+    r.componentWillUpdate = function(n3, t2, r2) {
+      if (this.__e) {
+        var u3 = c2;
+        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+      }
+      e2 && e2.call(this, n3, t2, r2);
+    }, r.shouldComponentUpdate = f2;
+  }
+  return o2.__N || o2.__;
 }
-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));
+__name(h, "h");
+function y(n2, u2) {
+  var i2 = p(t++, 3);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.u = u2, r.__H.__h.push(i2));
 }
-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));
+__name(y, "y");
+function _(n2, u2) {
+  var i2 = p(t++, 4);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.u = u2, r.__h.push(i2));
 }
-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.__;
+__name(_, "_");
+function T$1(n2, r2) {
+  var u2 = p(t++, 7);
+  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
 }
-function q(n$1, t$2) {
-	return o$1 = 8, T(function() {
-		return n$1;
-	}, t$2);
+__name(T$1, "T$1");
+function q$1(n2, t2) {
+  return o = 8, T$1(function() {
+    return n2;
+  }, t2);
 }
+__name(q$1, "q$1");
 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);
-	}
+  for (var n2; n2 = f.shift(); ) if (n2.__P && n2.__H) try {
+    n2.__H.__h.forEach(z), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
+  } catch (t2) {
+    n2.__H.__h = [], c.__e(t2, n2.__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));
+__name(j$1, "j$1");
+c.__b = function(n2) {
+  r = null, e && e(n2);
+}, c.__ = function(n2, t2) {
+  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
+}, c.__r = function(n2) {
+  a && a(n2), t = 0;
+  var i2 = (r = n2.__c).__H;
+  i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })) : (i2.__h.forEach(z), i2.__h.forEach(B$1), i2.__h = [], t = 0)), u = r;
+}, c.diffed = function(n2) {
+  v && v(n2);
+  var t2 = n2.__c;
+  t2 && t2.__H && (t2.__H.__h.length && (1 !== f.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j$1)), t2.__H.__.forEach(function(n3) {
+    n3.u && (n3.__H = n3.u), n3.u = void 0;
+  })), u = r = null;
+}, c.__c = function(n2, t2) {
+  t2.some(function(n3) {
+    try {
+      n3.__h.forEach(z), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B$1(n4);
+      });
+    } catch (r2) {
+      t2.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t2 = [], c.__e(r2, n3.__v);
+    }
+  }), l && l(n2, t2);
+}, c.unmount = function(n2) {
+  m && m(n2);
+  var t2, r2 = n2.__c;
+  r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
+    try {
+      z(n3);
+    } catch (n4) {
+      t2 = n4;
+    }
+  }), r2.__H = void 0, t2 && c.__e(t2, r2.__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));
+var k = "function" == typeof requestAnimationFrame;
+function w(n2) {
+  var t2, r2 = /* @__PURE__ */ __name(function() {
+    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
+  }, "r"), u2 = setTimeout(r2, 35);
+  k && (t2 = requestAnimationFrame(r2));
 }
-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;
+__name(w, "w");
+function z(n2) {
+  var t2 = r, u2 = n2.__c;
+  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
 }
-function B$1(n$1) {
-	var t$2 = r;
-	n$1.__c = n$1.__(), r = t$2;
+__name(z, "z");
+function B$1(n2) {
+  var t2 = r;
+  n2.__c = n2.__(), r = t2;
 }
-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];
-	});
+__name(B$1, "B$1");
+function C(n2, t2) {
+  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
+    return t3 !== n2[r2];
+  });
 }
-function D(n$1, t$2) {
-	return "function" == typeof t$2 ? t$2(n$1) : t$2;
+__name(C, "C");
+function D(n2, t2) {
+  return "function" == typeof t2 ? t2(n2) : t2;
 }
-
-//#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;
+__name(D, "D");
+function g(n2, t2) {
+  for (var e2 in t2) n2[e2] = t2[e2];
+  return n2;
 }
-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;
+__name(g, "g");
+function E(n2, t2) {
+  for (var e2 in n2) if ("__source" !== e2 && !(e2 in t2)) return true;
+  for (var r2 in t2) if ("__source" !== r2 && n2[r2] !== t2[r2]) return true;
+  return false;
 }
-function N(n$1, t$2) {
-	this.props = n$1, this.context = t$2;
+__name(E, "E");
+function N(n2, t2) {
+  this.props = n2, this.context = t2;
 }
-(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);
+__name(N, "N");
+(N.prototype = new x()).isPureReactComponent = true, N.prototype.shouldComponentUpdate = function(n2, t2) {
+  return E(this.props, n2) || E(this.state, t2);
 };
-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 T = l$1.__b;
+l$1.__b = function(n2) {
+  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), T && T(n2);
 };
-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 F = l$1.__e;
+l$1.__e = function(n2, t2, e2, r2) {
+  if (n2.then) {
+    for (var u2, o2 = t2; o2 = o2.__; ) if ((u2 = o2.__c) && u2.__c) return null == t2.__e && (t2.__e = e2.__e, t2.__k = e2.__k), u2.__c(n2, t2);
+  }
+  F(n2, t2, e2, r2);
 };
-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;
+var U = l$1.unmount;
+function V(n2, t2, e2) {
+  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
+    "function" == typeof n3.__c && n3.__c();
+  }), n2.__c.__H = null), null != (n2 = g({}, n2)).__c && (n2.__c.__P === e2 && (n2.__c.__P = t2), n2.__c.__e = true, n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return V(n3, t2, e2);
+  })), n2;
 }
-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;
+__name(V, "V");
+function W(n2, t2, e2) {
+  return n2 && e2 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return W(n3, t2, e2);
+  }), n2.__c && n2.__c.__P === t2 && (n2.__e && e2.appendChild(n2.__e), n2.__c.__e = true, n2.__c.__P = e2)), n2;
 }
+__name(W, "W");
 function P() {
-	this.__u = 0, this.o = null, this.__b = null;
+  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);
+__name(P, "P");
+function j(n2) {
+  var t2 = n2.__.__c;
+  return t2 && t2.__a && t2.__a(n2);
 }
+__name(j, "j");
 function B() {
-	this.i = null, this.l = null;
+  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);
+__name(B, "B");
+l$1.unmount = function(n2) {
+  var t2 = n2.__c;
+  t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), U && U(n2);
+}, (P.prototype = new x()).__c = function(n2, t2) {
+  var e2 = t2.__c, r2 = this;
+  null == r2.o && (r2.o = []), r2.o.push(e2);
+  var u2 = j(r2.__v), o2 = false, i2 = /* @__PURE__ */ __name(function() {
+    o2 || (o2 = true, e2.__R = null, u2 ? u2(l2) : l2());
+  }, "i");
+  e2.__R = i2;
+  var l2 = /* @__PURE__ */ __name(function() {
+    if (!--r2.__u) {
+      if (r2.state.__a) {
+        var n3 = r2.state.__a;
+        r2.__v.__k[0] = W(n3, n3.__c.__P, n3.__c.__O);
+      }
+      var t3;
+      for (r2.setState({ __a: r2.__b = null }); t3 = r2.o.pop(); ) t3.forceUpdate();
+    }
+  }, "l");
+  r2.__u++ || 32 & t2.__u || r2.setState({ __a: r2.__b = r2.__v.__k[0] }), n2.then(i2, i2);
 }, 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];
+  this.o = [];
+}, P.prototype.render = function(n2, e2) {
+  if (this.__b) {
+    if (this.__v.__k) {
+      var r2 = document.createElement("div"), o2 = this.__v.__k[0].__c;
+      this.__v.__k[0] = V(this.__b, r2, o2.__O = o2.__P);
+    }
+    this.__b = null;
+  }
+  var i2 = e2.__a && _$1(k$1, null, n2.fallback);
+  return i2 && (i2.__u &= -33), [_$1(k$1, null, e2.__a ? null : n2.children), i2];
 };
-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;
+var H = /* @__PURE__ */ __name(function(n2, t2, e2) {
+  if (++e2[1] === e2[0] && n2.l.delete(t2), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.l.size)) for (e2 = n2.i; e2; ) {
+    for (; e2.length > 3; ) e2.pop()();
+    if (e2[1] < e2[0]) break;
+    n2.i = e2 = e2[2];
+  }
+}, "H");
+(B.prototype = new x()).__a = function(n2) {
+  var t2 = this, e2 = j(t2.__v), r2 = t2.l.get(n2);
+  return r2[0]++, function(u2) {
+    var o2 = /* @__PURE__ */ __name(function() {
+      t2.props.revealOrder ? (r2.push(u2), H(t2, n2, r2)) : u2();
+    }, "o");
+    e2 ? e2(o2) : o2();
+  };
+}, B.prototype.render = function(n2) {
+  this.i = null, this.l = /* @__PURE__ */ new Map();
+  var t2 = H$1(n2.children);
+  n2.revealOrder && "b" === n2.revealOrder[0] && t2.reverse();
+  for (var e2 = t2.length; e2--; ) this.l.set(t2[e2], this.i = [1, 0, this.i]);
+  return n2.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);
+  var n2 = this;
+  this.l.forEach(function(t2, e2) {
+    H(n2, e2, t2);
+  });
 };
-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 q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?: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 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = /* @__PURE__ */ __name(function(n2) {
+  return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n2);
+}, "X");
+x.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
+  Object.defineProperty(x.prototype, t2, { configurable: true, get: /* @__PURE__ */ __name(function() {
+    return this["UNSAFE_" + t2];
+  }, "get"), set: /* @__PURE__ */ __name(function(n2) {
+    Object.defineProperty(this, t2, { configurable: true, writable: true, value: n2 });
+  }, "set") });
 });
-var en = l.event;
-function rn() {}
+var en = l$1.event;
+function rn() {
+}
+__name(rn, "rn");
 function un() {
-	return this.cancelBubble;
+  return this.cancelBubble;
 }
+__name(un, "un");
 function on() {
-	return this.defaultPrevented;
+  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;
+__name(on, "on");
+l$1.event = function(n2) {
+  return en && (n2 = en(n2)), n2.persist = rn, n2.isPropagationStopped = un, n2.isDefaultPrevented = on, n2.nativeEvent = n2;
 };
-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 cn = { enumerable: false, configurable: true, get: /* @__PURE__ */ __name(function() {
+  return this.class;
+}, "get") }, fn = l$1.vnode;
+l$1.vnode = function(n2) {
+  "string" == typeof n2.type && (function(n3) {
+    var t2 = n3.props, e2 = n3.type, u2 = {}, o2 = -1 === e2.indexOf("-");
+    for (var i2 in t2) {
+      var l2 = t2[i2];
+      if (!("value" === i2 && "defaultValue" in t2 && null == l2 || Q && "children" === i2 && "noscript" === e2 || "class" === i2 || "className" === i2)) {
+        var c2 = i2.toLowerCase();
+        "defaultValue" === i2 && "value" in t2 && null == t2.value ? i2 = "value" : "download" === i2 && true === l2 ? l2 = "" : "translate" === c2 && "no" === l2 ? l2 = false : "o" === c2[0] && "n" === c2[1] ? "ondoubleclick" === c2 ? i2 = "ondblclick" : "onchange" !== c2 || "input" !== e2 && "textarea" !== e2 || X(t2.type) ? "onfocus" === c2 ? i2 = "onfocusin" : "onblur" === c2 ? i2 = "onfocusout" : J.test(i2) && (i2 = c2) : c2 = i2 = "oninput" : o2 && G.test(i2) ? i2 = i2.replace(K, "-$&").toLowerCase() : null === l2 && (l2 = void 0), "oninput" === c2 && u2[i2 = c2] && (i2 = "oninputCapture"), u2[i2] = l2;
+      }
+    }
+    "select" == e2 && u2.multiple && Array.isArray(u2.value) && (u2.value = H$1(t2.children).forEach(function(n4) {
+      n4.props.selected = -1 != u2.value.indexOf(n4.props.value);
+    })), "select" == e2 && null != u2.defaultValue && (u2.value = H$1(t2.children).forEach(function(n4) {
+      n4.props.selected = u2.multiple ? -1 != u2.defaultValue.indexOf(n4.props.value) : u2.defaultValue == n4.props.value;
+    })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", cn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
+  })(n2), n2.$$typeof = q, fn && fn(n2);
 };
-var an = l.__r;
-l.__r = function(n$1) {
-	an && an(n$1), ln = n$1.__c;
+var an = l$1.__r;
+l$1.__r = function(n2) {
+  an && an(n2), n2.__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;
+var sn = l$1.diffed;
+l$1.diffed = function(n2) {
+  sn && sn(n2);
+  var t2 = n2.props, e2 = n2.__e;
+  null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value);
 };
-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;
+function bn(n2) {
+  return !!n2.__k && (G$1(null, n2), true);
 }
-
-//#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);
+__name(bn, "bn");
+const preactShim = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Component: x,
+  Fragment: k$1,
+  createElement: _$1,
+  h: _$1,
+  render: G$1,
+  unmountComponentAtNode: bn,
+  useCallback: q$1,
+  useEffect: y,
+  useLayoutEffect: _,
+  useMemo: T$1,
+  useReducer: h,
+  useState: d
+}, Symbol.toStringTag, { value: "Module" }));
+const Image = /* @__PURE__ */ __name(({
+  href,
+  x: x2,
+  y: y2 = 0,
+  height = 12
+}) => {
+  return /* @__PURE__ */ u$1(
+    "image",
+    {
+      xlinkHref: href,
+      x: x2 - height / 2,
+      y: y2 - height / 2,
+      width: height,
+      height
+    }
+  );
+}, "Image");
+const ImageChar = /* @__PURE__ */ __name(({
+  x: x2,
+  y: y2 = 0,
+  height = 12,
+  fill,
+  stroke,
+  fontFamily = "FontAwesome",
+  char = "",
+  fontWeight
+}) => {
+  const renderChar = T$1(() => {
+    return fontFamily === "FontAwesome" ? Utility.faChar(char) : char;
+  }, [char, fontFamily]);
+  return /* @__PURE__ */ u$1(
+    "text",
+    {
+      x: x2,
+      y: y2,
+      fill,
+      stroke,
+      fontFamily,
+      fontSize: `${height}px`,
+      fontWeight,
+      dominantBaseline: "middle",
+      style: { textAnchor: "middle", alignmentBaseline: "middle" },
+      children: renderChar
+    }
+  );
+}, "ImageChar");
+const Circle = /* @__PURE__ */ __name(({
+  radius = 32,
+  fill = "navy",
+  stroke = fill,
+  strokeWidth = 1,
+  shapeRendering
+}) => /* @__PURE__ */ u$1(
+  "circle",
+  {
+    r: radius,
+    fill,
+    stroke,
+    strokeWidth,
+    shapeRendering
+  }
+), "Circle");
+const Square = /* @__PURE__ */ __name(({
+  radius = 30,
+  cornerRadius = 0,
+  fill = "white",
+  stroke,
+  strokeWidth = 1,
+  shapeRendering
+}) => /* @__PURE__ */ u$1(
+  "rect",
+  {
+    x: -radius,
+    y: -radius,
+    rx: cornerRadius,
+    ry: cornerRadius,
+    width: radius * 2,
+    height: radius * 2,
+    fill,
+    stroke: stroke || fill,
+    strokeWidth,
+    shapeRendering
+  }
+), "Square");
+const Rectangle = /* @__PURE__ */ __name(({
+  width = 30,
+  height = 30,
+  cornerRadius = 0,
+  fill = "white",
+  stroke = "black",
+  strokeWidth = 1,
+  shapeRendering
+}) => {
+  return /* @__PURE__ */ u$1(
+    "rect",
+    {
+      x: -width / 2,
+      y: -height / 2,
+      rx: cornerRadius,
+      ry: cornerRadius,
+      width,
+      height,
+      fill,
+      stroke: stroke || fill,
+      strokeWidth,
+      shapeRendering
+    }
+  );
+}, "Rectangle");
+const Shape = /* @__PURE__ */ __name(({
+  shape = "circle",
+  height = 128,
+  width,
+  fill,
+  stroke,
+  strokeWidth = 1,
+  shapeRendering,
+  cornerRadius
+}) => {
+  switch (shape) {
+    case "square":
+      return /* @__PURE__ */ u$1(
+        Square,
+        {
+          radius: height / 2,
+          fill,
+          stroke,
+          strokeWidth,
+          shapeRendering,
+          cornerRadius
+        }
+      );
+    case "rectangle":
+      return /* @__PURE__ */ u$1(
+        Rectangle,
+        {
+          width: width ?? height,
+          height,
+          fill,
+          stroke,
+          strokeWidth,
+          shapeRendering,
+          cornerRadius
+        }
+      );
+    case "circle":
+    default:
+      return /* @__PURE__ */ u$1(
+        Circle,
+        {
+          radius: height / 2,
+          fill,
+          stroke,
+          strokeWidth,
+          shapeRendering
+        }
+      );
+  }
+}, "Shape");
+const Icon = /* @__PURE__ */ __name(({
+  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$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      Shape,
+      {
+        shape,
+        width,
+        height,
+        fill,
+        stroke,
+        strokeWidth,
+        shapeRendering,
+        cornerRadius
+      }
+    ),
+    imageUrl ? /* @__PURE__ */ u$1(
+      Image,
+      {
+        href: imageUrl,
+        x: xOffset,
+        y: yOffset,
+        height: height - padding
+      }
+    ) : /* @__PURE__ */ u$1(
+      ImageChar,
+      {
+        x: xOffset,
+        y: yOffset,
+        height: height - padding,
+        fontFamily: imageFontFamily,
+        char: imageChar,
+        fill: imageCharFill,
+        fontWeight: 400
+      }
+    )
+  ] });
+}, "Icon");
+const Icons = /* @__PURE__ */ __name(({
+  icons = []
+}) => {
+  const IconComponents = icons.map((cat) => {
+    return /* @__PURE__ */ u$1(
+      "g",
+      {
+        id: cat.id,
+        children: /* @__PURE__ */ u$1(
+          Icon,
+          {
+            ...cat
+          }
+        )
+      },
+      cat.id
+    );
+  });
+  return /* @__PURE__ */ u$1(k$1, { children: IconComponents });
+}, "Icons");
+const TextLine = /* @__PURE__ */ __name(({
+  text,
+  height = 12,
+  anchor = "middle",
+  baseline = "middle",
+  fontFamily = "Verdana",
+  fill = "black"
+}) => {
+  return /* @__PURE__ */ u$1(
+    "text",
+    {
+      "font-family": fontFamily,
+      "font-size": `${height}px`,
+      "text-anchor": anchor,
+      "dominant-baseline": baseline,
+      fill,
+      children: text
+    }
+  );
+}, "TextLine");
+const Text = /* @__PURE__ */ __name(({
+  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$1(() => {
+    return text.split("\n");
+  }, [text]);
+  _(() => {
+    const size = Utility.textSize(parts, fontFamily, height);
+    setTotalWidth(size.width);
+    setTotalHeight(size.height);
+  }, [fontFamily, height, parts]);
+  const TextLines = T$1(() => {
+    const yOffset = -(totalHeight / 2) + height / 2;
+    return parts.map((p2, i2) => {
+      return /* @__PURE__ */ u$1("g", { transform: `translate(0 ${yOffset + i2 * (height + 2)})`, children: /* @__PURE__ */ u$1(
+        TextLine,
+        {
+          text: p2,
+          height,
+          fontFamily,
+          fill
+        }
+      ) }, `key-${i2}`);
+    });
+  }, [parts, totalHeight, height, fontFamily, fill]);
+  return /* @__PURE__ */ u$1("g", { children: TextLines });
+}, "Text");
+const TextBox = /* @__PURE__ */ __name(({
+  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$1((size) => {
+    setTextWidthUpdate(size.width);
+    setTextHeightUpdate(size.height);
+  }, []);
+  const w2 = textWidth + padding * 2 + strokeWidth;
+  const h2 = textHeight + padding * 2 + strokeWidth;
+  const textOffsetY = Math.floor(height / 10);
+  return /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      Rectangle,
+      {
+        width: w2,
+        height: h2,
+        fill,
+        stroke,
+        strokeWidth,
+        cornerRadius
+      }
+    ),
+    /* @__PURE__ */ u$1("g", { transform: `translate(0 ${textOffsetY})`, children: /* @__PURE__ */ u$1(
+      Text,
+      {
+        text,
+        fontFamily,
+        height,
+        fill: textFill,
+        onSizeUpdate: onTextSizeUpdate
+      }
+    ) })
+  ] });
+}, "TextBox");
+const LabelledRect = /* @__PURE__ */ __name(({
+  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);
+  _(() => {
+    const size = Utility.textSize(text, fontFamily, fontSize);
+    setActualWidthUpdate(size.width + padding * 2);
+    setActualHeightUpdate(size.height + padding * 2);
+  }, [text, fontFamily, fontSize, padding]);
+  _(() => {
+    if (onSizeUpdate) {
+      onSizeUpdate({ width: actualWidth, height: actualHeight });
+    }
+  }, [actualWidth, actualHeight, padding, onSizeUpdate]);
+  return /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      Rectangle,
+      {
+        width,
+        height,
+        fill,
+        stroke,
+        strokeWidth,
+        cornerRadius
+      }
+    ),
+    /* @__PURE__ */ u$1("g", { transform: `translate(${-(width / 2) + padding} ${-(height / 2) + padding})`, children: /* @__PURE__ */ u$1(
+      TextLine,
+      {
+        text,
+        fontFamily,
+        height: fontSize,
+        fill: textFill,
+        anchor: "start",
+        baseline: "hanging"
+      }
+    ) })
+  ] });
+}, "LabelledRect");
+const IconLabelledRect = /* @__PURE__ */ __name(({
+  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$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      Rectangle,
+      {
+        width,
+        height,
+        fill,
+        stroke,
+        strokeWidth,
+        cornerRadius
+      }
+    ),
+    /* @__PURE__ */ u$1("g", { transform: `translate(${-(width / 2) + padding} ${-(height / 2) + padding})`, children: /* @__PURE__ */ u$1(
+      Icon,
+      {
+        shape: "square",
+        imageFontFamily: iconFontFamily,
+        imageChar: icon,
+        height,
+        fill,
+        imageCharFill: textFill
+      }
+    ) }),
+    /* @__PURE__ */ u$1("g", { transform: `translate(${-(width / 2) + padding * 2 + height} ${-(height / 2) + padding})`, children: /* @__PURE__ */ u$1(
+      TextLine,
+      {
+        text,
+        fontFamily,
+        height: fontSize,
+        fill: textFill,
+        anchor: "start",
+        baseline: "hanging"
+      }
+    ) })
+  ] });
+}, "IconLabelledRect");
+const Edge = /* @__PURE__ */ __name(({
+  label,
+  labelPos,
+  labelFill = "black",
+  labelHeight = 12,
+  path,
+  stroke,
+  strokeWidth,
+  strokeDasharray
+}) => {
+  return /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1("path", { d: path, stroke, style: { strokeWidth, strokeDasharray } }),
+    label && labelPos && labelPos.length === 2 ? /* @__PURE__ */ u$1("g", { transform: `translate(${labelPos[0]} ${labelPos[1]})`, children: /* @__PURE__ */ u$1(Text, { text: label, fill: labelFill, height: labelHeight }) }) : void 0
+  ] });
+}, "Edge");
+function render(C2, props, parent, replaceNode) {
+  G$1(_$1(C2, props), parent, replaceNode);
 }
-function svgRender(C$2, props, parent, replaceNode) {
-	G(_("svg", null, _(C$2, props)), parent, replaceNode);
+__name(render, "render");
+function svgRender(C2, props, parent, replaceNode) {
+  G$1(_$1("svg", null, _$1(C2, 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);
-	}
+__name(svgRender, "svgRender");
+const _HTMLAdapter = class _HTMLAdapter extends HTMLWidget {
+  constructor(_component) {
+    super();
+    this._component = _component;
+  }
+  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;
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+    render(this._component, this._props, domNode);
+  }
 };
+__name(_HTMLAdapter, "HTMLAdapter");
+let HTMLAdapter = _HTMLAdapter;
 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);
-	}
+const _SVGAdapter = class _SVGAdapter extends SVGWidget {
+  constructor(_component) {
+    super();
+    this._component = _component;
+  }
+  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;
+  }
+  update(domNode, element) {
+    super.update(domNode, element);
+    render(this._component, this._props, domNode);
+  }
 };
+__name(_SVGAdapter, "SVGAdapter");
+let SVGAdapter = _SVGAdapter;
 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
-		})
-	})] });
+const Span = /* @__PURE__ */ __name(({
+  text
+}) => /* @__PURE__ */ u$1("span", { children: text }), "Span");
+const Annotations = /* @__PURE__ */ __name(({
+  x: x2,
+  y: y2,
+  annotationIDs = [],
+  stepSize = -16
+}) => {
+  const IconComponents = annotationIDs.map(
+    (id, i2) => /* @__PURE__ */ u$1(
+      "g",
+      {
+        transform: `translate(${x2 + i2 * stepSize} ${y2})`,
+        children: /* @__PURE__ */ u$1(
+          "use",
+          {
+            xlinkHref: "#" + id
+          }
+        )
+      },
+      id
+    )
+  );
+  return /* @__PURE__ */ u$1(k$1, { children: IconComponents });
+}, "Annotations");
+const Vertex = /* @__PURE__ */ __name(({
+  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$1((size) => {
+    setTextBoxWidthUpdate(size.width);
+    setTextBoxHeightUpdate(size.height);
+  }, []);
+  const label = showLabel ? /* @__PURE__ */ u$1("g", { transform: `translate(0 ${textboxOffsetY})`, children: /* @__PURE__ */ u$1(
+    TextBox,
+    {
+      text,
+      height: textHeight,
+      padding: textPadding,
+      onSizeUpdate: onTextBoxSizeUpdate,
+      textFill,
+      fill: textboxFill,
+      stroke: textboxStroke,
+      fontFamily: textFontFamily
+    }
+  ) }) : void 0;
+  return categoryID ? /* @__PURE__ */ u$1("g", { transform: `translate(0 ${offsetY}) scale(${scale})`, children: [
+    /* @__PURE__ */ u$1("use", { xlinkHref: "#" + categoryID }),
+    label,
+    /* @__PURE__ */ u$1(Annotations, { x: width / 2, y: annotationOffsetY, annotationIDs })
+  ] }) : /* @__PURE__ */ u$1("g", { transform: `translate(0 ${offsetY}) scale(${scale})`, children: [
+    /* @__PURE__ */ u$1(Icon, { ...icon }),
+    label
+  ] });
+}, "Vertex");
+const Vertex2 = /* @__PURE__ */ __name(({
+  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$1(() => {
+    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$1(
+    "g",
+    {
+      transform: `translate(${offsetX} ${offsetY})`,
+      children: [
+        /* @__PURE__ */ u$1(
+          "g",
+          {
+            transform: `translate(${iconOffsetX} ${iconOffsetY})`,
+            children: /* @__PURE__ */ u$1(
+              "use",
+              {
+                xlinkHref: "#" + categoryID
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ u$1(
+          "g",
+          {
+            transform: `translate(${textboxOffsetX} ${textboxOffsetY})`,
+            children: /* @__PURE__ */ u$1(
+              TextBox,
+              {
+                text,
+                height: textHeight,
+                padding: textPadding,
+                strokeWidth: textboxStrokeWidth,
+                stroke: textboxStroke,
+                fill: textboxFill,
+                textFill,
+                fontFamily: textFontFamily
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ u$1(
+          Annotations,
+          {
+            x: annotationOffsetX,
+            y: annotationOffsetY,
+            annotationIDs,
+            stepSize
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      "g",
+      {
+        transform: `translate(${iconOffsetX} ${iconOffsetY})scale(1.0002)`,
+        children: /* @__PURE__ */ u$1(
+          Icon,
+          {
+            ...icon,
+            shape: "square"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ u$1(
+      "g",
+      {
+        transform: `translate(${textboxOffsetX} ${textboxOffsetY})scale(1.0002)`,
+        children: /* @__PURE__ */ u$1(
+          TextBox,
+          {
+            text,
+            height: textHeight,
+            padding: textPadding,
+            stroke: textboxStroke,
+            fill: textboxFill
+          }
+        )
+      }
+    )
+  ] });
+}, "Vertex2");
+const Vertex3 = /* @__PURE__ */ __name(({
+  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$1(() => {
+    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$1("g", { className: "vertex3-anno", "data-click": "annotation", "data-click-data": JSON.stringify(anno), transform: `translate(${annoOffsetX} ${annoOffsetY})`, children: /* @__PURE__ */ u$1(
+        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$1("g", { "data-click": "text", transform: `translate(${textOffsetX} ${annoOffsetY})`, children: !showLabel || text === "" ? /* @__PURE__ */ u$1("circle", { r: noLabelRadius, stroke: textboxStroke, fill: textFill }) : /* @__PURE__ */ u$1(
+    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$1(
+    "g",
+    {
+      "data-click": "subtext",
+      transform: `translate(${subTextOffsetX} ${subTextOffsetY})`,
+      children: /* @__PURE__ */ u$1(
+        TextBox,
+        {
+          fill: subText.fill || "#FFFFFF",
+          textFill: subText.textFill || textFill,
+          ...subText,
+          height: textHeight,
+          padding: textPadding,
+          strokeWidth: 0,
+          stroke: textboxStroke,
+          fontFamily: textFontFamily,
+          cornerRadius
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ u$1("g", { transform: `scale(${scale})`, children: [
+    /* @__PURE__ */ u$1("g", { "data-click": "icon", transform: `translate(${iconOffsetX} ${iconOffsetY})`, children: [
+      /* @__PURE__ */ u$1(Icon, { ...icon }),
+      expansionIcon && /* @__PURE__ */ u$1("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$1(Icon, { ...expansionIcon }) })
+    ] }),
+    /* @__PURE__ */ u$1("g", { transform: `translate(${-fullAnnotationWidth / 2} ${annoOffsetY})`, children: [
+      textElement,
+      annotationArr
+    ] }),
+    subtextElement
+  ] });
+}, "Vertex3");
+const CentroidVertex3 = /* @__PURE__ */ __name(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
+  };
+  const props = {
+    id,
+    categoryID,
+    text,
+    textHeight,
+    textPadding,
+    textFill,
+    textboxFill,
+    textboxStroke,
+    textboxStrokeWidth,
+    textFontFamily,
+    annotationGutter,
+    annotations,
+    cornerRadius,
+    icon,
+    subText,
+    expansionIcon,
+    scale
+  };
+  return /* @__PURE__ */ u$1(
+    Vertex3,
+    {
+      ...props,
+      icon,
+      subText
+    }
+  );
+}, "CentroidVertex3");
+const Vertex4 = /* @__PURE__ */ __name(({
+  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$1(() => {
+    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, i2) => {
+    const annoText = anno.imageChar;
+    const annoTextHeight = anno.height ?? textShapeHeight;
+    _labelAnnoOffsetX += annoWidthArr[i2] + annotationGutter;
+    const annoOffsetX = _labelAnnoOffsetX - annoWidthArr[i2] / 2;
+    annotationArr.push(
+      /* @__PURE__ */ u$1("g", { className: "vertex3-anno", "data-click": "annotation", "data-click-data": JSON.stringify(anno), transform: `translate(${annoOffsetX} ${annoOffsetY})`, children: /* @__PURE__ */ u$1(
+        Icon,
+        {
+          ...anno,
+          shape: "rectangle",
+          width: annoWidthArr[i2],
+          height: annoTextHeight,
+          imageChar: annoText,
+          imageFontFamily: anno.imageFontFamily,
+          cornerRadius,
+          strokeWidth: 0
+        }
+      ) }, i2)
+    );
+  });
+  if (annotations.length > 0) {
+    fullAnnotationWidth += annotationGutter * (annotations.length - 1);
+  }
+  const iconAnnotationArr = [];
+  iconAnnotations.forEach((anno, i2) => {
+    const x2 = anno.shapeOffsetX;
+    const y2 = anno.shapeOffsetY;
+    iconAnnotationArr.push(
+      /* @__PURE__ */ u$1("g", { className: "vertex3-iconAnno", "data-click": "icon-annotation", "data-click-data": JSON.stringify(anno), transform: `translate(${x2} ${y2})`, children: /* @__PURE__ */ u$1(
+        Icon,
+        {
+          ...anno,
+          shape: anno.shape ?? "square",
+          imageChar: anno.imageChar,
+          imageFontFamily: anno.imageFontFamily,
+          cornerRadius,
+          stroke: anno.stroke,
+          strokeWidth: anno.strokeWidth
+        }
+      ) }, i2)
+    );
+  });
+  const textElement = /* @__PURE__ */ u$1("g", { "data-click": "text", transform: `translate(${textOffsetX} ${annoOffsetY})`, children: !showLabel || text === "" ? /* @__PURE__ */ u$1("circle", { r: noLabelRadius, stroke: textboxStroke, fill: textFill }) : /* @__PURE__ */ u$1(
+    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$1(
+    "g",
+    {
+      "data-click": "subtext",
+      transform: `translate(${subTextOffsetX} ${subTextOffsetY})`,
+      children: /* @__PURE__ */ u$1(
+        TextBox,
+        {
+          fill: subText.fill || "#FFFFFF",
+          textFill: subText.textFill || textFill,
+          ...subText,
+          height: textHeight,
+          padding: textPadding,
+          strokeWidth: 0,
+          stroke: textboxStroke,
+          fontFamily: textFontFamily,
+          cornerRadius
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ u$1("g", { children: [
+    /* @__PURE__ */ u$1(
+      "g",
+      {
+        "data-click": "icon",
+        transform: `translate(${shapeOffsetX} ${shapeOffsetY})`,
+        children: [
+          /* @__PURE__ */ u$1(
+            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$1(
+      "g",
+      {
+        transform: `translate(${-fullAnnotationWidth / 2} ${annoOffsetY})`,
+        children: [
+          textElement,
+          annotationArr
+        ]
+      }
+    ),
+    subtextElement
+  ] });
+}, "Vertex4");
+const CentroidVertex4 = /* @__PURE__ */ __name(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
+  };
+  const props = {
+    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
+  };
+  return /* @__PURE__ */ u$1(
+    Vertex4,
+    {
+      ...props,
+      icon,
+      subText
+    }
+  );
+}, "CentroidVertex4");
+const Subgraph = /* @__PURE__ */ __name(({
+  text,
+  width = 100,
+  height = 100,
+  fill = "transparent",
+  stroke = "black",
+  fontHeight = 12,
+  fontFamily
+}) => {
+  const tSize = Utility.textSize(text, fontFamily, fontHeight, false);
+  return /* @__PURE__ */ u$1(k$1, { children: [
+    /* @__PURE__ */ u$1(
+      Rectangle,
+      {
+        width,
+        height,
+        fill,
+        stroke
+      }
+    ),
+    /* @__PURE__ */ u$1(
+      "g",
+      {
+        transform: `translate(${(-width + tSize.width) / 2 + 4} ${(-height + tSize.height) / 2 + 4})`,
+        children: /* @__PURE__ */ u$1(
+          Text,
+          {
+            height: fontHeight,
+            text,
+            fontFamily
+          }
+        )
+      }
+    )
+  ] });
+}, "Subgraph");
+export {
+  Annotations,
+  BUILD_VERSION,
+  CentroidVertex3,
+  CentroidVertex4,
+  Circle,
+  Edge,
+  HTMLAdapter,
+  Icon,
+  IconLabelledRect,
+  Icons,
+  Image,
+  ImageChar,
+  LabelledRect,
+  PKG_NAME,
+  PKG_VERSION,
+  preactShim as React,
+  Rectangle,
+  SVGAdapter,
+  Shape,
+  Span,
+  Square,
+  Subgraph,
+  Text,
+  TextBox,
+  TextLine,
+  Vertex,
+  Vertex2,
+  Vertex3,
+  Vertex4,
+  render,
+  svgRender
 };
-
-//#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
+//# sourceMappingURL=index.js.map