@hpcc-js/react 3.3.1 → 3.4.0

package/dist/index.js

@@ -1,1892 +1,1593 @@
+import { HTMLWidget, Palette, SVGWidget, Utility } from "@hpcc-js/common";
+
+//#region rolldown:runtime
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Utility, Palette, HTMLWidget, SVGWidget } from "@hpcc-js/common";
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+
+//#endregion
+//#region src/__package__.ts
 const PKG_NAME = "@hpcc-js/react";
-const PKG_VERSION = "3.1.1";
-const BUILD_VERSION = "3.2.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;
+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;
 }
-__name(d$1, "d$1");
-function g$1(n2) {
-  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+function g$1(n$1) {
+	n$1 && n$1.parentNode && n$1.parentNode.removeChild(n$1);
 }
-__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 _(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(_$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 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(m$1, "m$1");
-function k$1(n2) {
-  return n2.children;
+function k(n$1) {
+	return n$1.children;
 }
-__name(k$1, "k$1");
-function x(n2, l2) {
-  this.props = n2, this.context = l2;
+function x(n$1, l$2) {
+	this.props = n$1, this.context = l$2;
 }
-__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 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(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 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(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)($);
+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(M, "M");
 function $() {
-  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;
+	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;
 }
-__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 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(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 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(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 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(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 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(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 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(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 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(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 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(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 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(O, "O");
-function z$1(n2) {
-  n2 && n2.__c && (n2.__c.__e = true), n2 && n2.__k && n2.__k.forEach(z$1);
+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(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 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(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 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(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 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(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 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(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 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(D$1, "D$1");
-function E$1(n2, l2, u2) {
-  return this.constructor(n2, u2);
+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(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 E$1(n$1, l$2, u$3) {
+	return this.constructor(n$1, u$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;
+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(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];
+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(p, "p");
-function d(n2) {
-  return o = 1, h(D, n2);
+function d(n$1) {
+	return o$1 = 1, h(D, n$1);
 }
-__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 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(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 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(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 _$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(_, "_");
-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 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(T$1, "T$1");
-function q$1(n2, t2) {
-  return o = 8, T$1(function() {
-    return n2;
-  }, t2);
+function q(n$1, t$2) {
+	return o$1 = 8, T(function() {
+		return n$1;
+	}, t$2);
 }
-__name(q$1, "q$1");
 function j$1() {
-  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);
-  }
+	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);
+	}
 }
-__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));
+c.__b = function(n$1) {
+	r = null, e && e(n$1);
+}, c.__ = function(n$1, t$2) {
+	n$1 && t$2.__k && t$2.__k.__m && (n$1.__m = t$2.__k.__m), s && s(n$1, t$2);
+}, c.__r = function(n$1) {
+	a && a(n$1), t = 0;
+	var i$3 = (r = n$1.__c).__H;
+	i$3 && (u$1 === r ? (i$3.__h = [], r.__h = [], i$3.__.forEach(function(n$2) {
+		n$2.__N && (n$2.__ = n$2.__N), n$2.u = n$2.__N = void 0;
+	})) : (i$3.__h.forEach(z), i$3.__h.forEach(B$1), i$3.__h = [], t = 0)), u$1 = r;
+}, c.diffed = function(n$1) {
+	v && v(n$1);
+	var t$2 = n$1.__c;
+	t$2 && t$2.__H && (t$2.__H.__h.length && (1 !== f$1.push(t$2) && i$1 === c.requestAnimationFrame || ((i$1 = c.requestAnimationFrame) || w)(j$1)), t$2.__H.__.forEach(function(n$2) {
+		n$2.u && (n$2.__H = n$2.u), n$2.u = void 0;
+	})), u$1 = r = null;
+}, c.__c = function(n$1, t$2) {
+	t$2.some(function(n$2) {
+		try {
+			n$2.__h.forEach(z), n$2.__h = n$2.__h.filter(function(n$3) {
+				return !n$3.__ || B$1(n$3);
+			});
+		} catch (r$2) {
+			t$2.some(function(n$3) {
+				n$3.__h && (n$3.__h = []);
+			}), t$2 = [], c.__e(r$2, n$2.__v);
+		}
+	}), l$1 && l$1(n$1, t$2);
+}, c.unmount = function(n$1) {
+	m && m(n$1);
+	var t$2, r$2 = n$1.__c;
+	r$2 && r$2.__H && (r$2.__H.__.forEach(function(n$2) {
+		try {
+			z(n$2);
+		} catch (n$3) {
+			t$2 = n$3;
+		}
+	}), r$2.__H = void 0, t$2 && c.__e(t$2, r$2.__v));
 };
-var k = "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));
+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));
 }
-__name(w, "w");
-function z(n2) {
-  var t2 = r, u2 = n2.__c;
-  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
+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(z, "z");
-function B$1(n2) {
-  var t2 = r;
-  n2.__c = n2.__(), r = t2;
+function B$1(n$1) {
+	var t$2 = r;
+	n$1.__c = n$1.__(), r = t$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 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(C, "C");
-function D(n2, t2) {
-  return "function" == typeof t2 ? t2(n2) : t2;
+function D(n$1, t$2) {
+	return "function" == typeof t$2 ? t$2(n$1) : t$2;
 }
-__name(D, "D");
-function g(n2, t2) {
-  for (var e2 in t2) n2[e2] = t2[e2];
-  return n2;
+
+//#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(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 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(E, "E");
-function N(n2, t2) {
-  this.props = n2, this.context = t2;
+function N(n$1, t$2) {
+	this.props = n$1, this.context = 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);
+(N.prototype = new x()).isPureReactComponent = !0, N.prototype.shouldComponentUpdate = function(n$1, t$2) {
+	return E(this.props, n$1) || E(this.state, t$2);
 };
-var T = 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 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 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 A = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
+var L = function(n$1, t$2) {
+	return null == n$1 ? null : H(H(n$1).map(t$2));
+}, O = {
+	map: L,
+	forEach: L,
+	count: function(n$1) {
+		return n$1 ? H(n$1).length : 0;
+	},
+	only: function(n$1) {
+		var t$2 = H(n$1);
+		if (1 !== t$2.length) throw "Children.only";
+		return t$2[0];
+	},
+	toArray: H
+}, F = l.__e;
+l.__e = function(n$1, t$2, e$2, r$2) {
+	if (n$1.then) {
+		for (var u$3, o$3 = t$2; o$3 = o$3.__;) if ((u$3 = o$3.__c) && u$3.__c) return t$2.__e ?? (t$2.__e = e$2.__e, t$2.__k = e$2.__k), u$3.__c(n$1, t$2);
+	}
+	F(n$1, t$2, e$2, r$2);
 };
-var U = l$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;
+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;
 }
-__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;
+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(W, "W");
 function P() {
-  this.__u = 0, this.o = null, this.__b = null;
+	this.__u = 0, this.o = null, this.__b = null;
 }
-__name(P, "P");
-function j(n2) {
-  var t2 = n2.__.__c;
-  return t2 && t2.__a && t2.__a(n2);
+function j(n$1) {
+	var t$2 = n$1.__.__c;
+	return t$2 && t$2.__a && t$2.__a(n$1);
 }
-__name(j, "j");
 function B() {
-  this.i = null, this.l = null;
+	this.i = null, this.l = null;
 }
-__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);
+l.unmount = function(n$1) {
+	var t$2 = n$1.__c;
+	t$2 && t$2.__R && t$2.__R(), t$2 && 32 & n$1.__u && (n$1.type = null), U && U(n$1);
+}, (P.prototype = new x()).__c = function(n$1, t$2) {
+	var e$2 = t$2.__c, r$2 = this;
+	r$2.o ??= [], r$2.o.push(e$2);
+	var u$3 = j(r$2.__v), o$3 = !1, i$3 = function() {
+		o$3 || (o$3 = !0, e$2.__R = null, u$3 ? u$3(l$2) : l$2());
+	};
+	e$2.__R = i$3;
+	var l$2 = function() {
+		if (!--r$2.__u) {
+			if (r$2.state.__a) {
+				var n$2 = r$2.state.__a;
+				r$2.__v.__k[0] = W(n$2, n$2.__c.__P, n$2.__c.__O);
+			}
+			var t$3;
+			for (r$2.setState({ __a: r$2.__b = null }); t$3 = r$2.o.pop();) t$3.forceUpdate();
+		}
+	};
+	r$2.__u++ || 32 & t$2.__u || r$2.setState({ __a: r$2.__b = r$2.__v.__k[0] }), n$1.then(i$3, i$3);
 }, P.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, P.prototype.render = function(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];
+	this.o = [];
+}, P.prototype.render = function(n$1, e$2) {
+	if (this.__b) {
+		if (this.__v.__k) {
+			var r$2 = document.createElement("div"), o$3 = this.__v.__k[0].__c;
+			this.__v.__k[0] = V(this.__b, r$2, o$3.__O = o$3.__P);
+		}
+		this.__b = null;
+	}
+	var i$3 = e$2.__a && _(k, null, n$1.fallback);
+	return i$3 && (i$3.__u &= -33), [_(k, null, e$2.__a ? null : n$1.children), i$3];
 };
-var H = /* @__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;
+var H$1 = function(n$1, t$2, e$2) {
+	if (++e$2[1] === e$2[0] && n$1.l.delete(t$2), n$1.props.revealOrder && ("t" !== n$1.props.revealOrder[0] || !n$1.l.size)) for (e$2 = n$1.i; e$2;) {
+		for (; e$2.length > 3;) e$2.pop()();
+		if (e$2[1] < e$2[0]) break;
+		n$1.i = e$2 = e$2[2];
+	}
+};
+(B.prototype = new x()).__a = function(n$1) {
+	var t$2 = this, e$2 = j(t$2.__v), r$2 = t$2.l.get(n$1);
+	return r$2[0]++, function(u$3) {
+		var o$3 = function() {
+			t$2.props.revealOrder ? (r$2.push(u$3), H$1(t$2, n$1, r$2)) : u$3();
+		};
+		e$2 ? e$2(o$3) : o$3();
+	};
+}, B.prototype.render = function(n$1) {
+	this.i = null, this.l = /* @__PURE__ */ new Map();
+	var t$2 = H(n$1.children);
+	n$1.revealOrder && "b" === n$1.revealOrder[0] && t$2.reverse();
+	for (var e$2 = t$2.length; e$2--;) this.l.set(t$2[e$2], this.i = [
+		1,
+		0,
+		this.i
+	]);
+	return n$1.children;
 }, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
-  var n2 = this;
-  this.l.forEach(function(t2, e2) {
-    H(n2, e2, t2);
-  });
+	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 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") });
+x.prototype.isReactComponent = {}, [
+	"componentWillMount",
+	"componentWillReceiveProps",
+	"componentWillUpdate"
+].forEach(function(t$2) {
+	Object.defineProperty(x.prototype, t$2, {
+		configurable: !0,
+		get: function() {
+			return this["UNSAFE_" + t$2];
+		},
+		set: function(n$1) {
+			Object.defineProperty(this, t$2, {
+				configurable: !0,
+				writable: !0,
+				value: n$1
+			});
+		}
+	});
 });
-var en = l$1.event;
-function rn() {
-}
-__name(rn, "rn");
+var en = l.event;
+function rn() {}
 function un() {
-  return this.cancelBubble;
+	return this.cancelBubble;
 }
-__name(un, "un");
 function on() {
-  return this.defaultPrevented;
+	return this.defaultPrevented;
 }
-__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;
+l.event = function(n$1) {
+	return en && (n$1 = en(n$1)), n$1.persist = rn, n$1.isPropagationStopped = un, n$1.isDefaultPrevented = on, n$1.nativeEvent = n$1;
 };
-var 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 ln, cn = {
+	enumerable: !1,
+	configurable: !0,
+	get: function() {
+		return this.class;
+	}
+}, fn = l.vnode;
+l.vnode = function(n$1) {
+	"string" == typeof n$1.type && function(n$2) {
+		var t$2 = n$2.props, e$2 = n$2.type, u$3 = {}, o$3 = -1 === e$2.indexOf("-");
+		for (var i$3 in t$2) {
+			var l$2 = t$2[i$3];
+			if (!("value" === i$3 && "defaultValue" in t$2 && null == l$2 || Q$1 && "children" === i$3 && "noscript" === e$2 || "class" === i$3 || "className" === i$3)) {
+				var c$2 = i$3.toLowerCase();
+				"defaultValue" === i$3 && "value" in t$2 && null == t$2.value ? i$3 = "value" : "download" === i$3 && !0 === l$2 ? l$2 = "" : "translate" === c$2 && "no" === l$2 ? l$2 = !1 : "o" === c$2[0] && "n" === c$2[1] ? "ondoubleclick" === c$2 ? i$3 = "ondblclick" : "onchange" !== c$2 || "input" !== e$2 && "textarea" !== e$2 || X(t$2.type) ? "onfocus" === c$2 ? i$3 = "onfocusin" : "onblur" === c$2 ? i$3 = "onfocusout" : J$1.test(i$3) && (i$3 = c$2) : c$2 = i$3 = "oninput" : o$3 && G$1.test(i$3) ? i$3 = i$3.replace(K$1, "-$&").toLowerCase() : null === l$2 && (l$2 = void 0), "oninput" === c$2 && u$3[i$3 = c$2] && (i$3 = "oninputCapture"), u$3[i$3] = l$2;
+			}
+		}
+		"select" == e$2 && u$3.multiple && Array.isArray(u$3.value) && (u$3.value = H(t$2.children).forEach(function(n$3) {
+			n$3.props.selected = -1 != u$3.value.indexOf(n$3.props.value);
+		})), "select" == e$2 && null != u$3.defaultValue && (u$3.value = H(t$2.children).forEach(function(n$3) {
+			n$3.props.selected = u$3.multiple ? -1 != u$3.defaultValue.indexOf(n$3.props.value) : u$3.defaultValue == n$3.props.value;
+		})), t$2.class && !t$2.className ? (u$3.class = t$2.class, Object.defineProperty(u$3, "className", cn)) : (t$2.className && !t$2.class || t$2.class && t$2.className) && (u$3.class = u$3.className = t$2.className), n$2.props = u$3;
+	}(n$1), n$1.$$typeof = q$1, fn && fn(n$1);
 };
-var an = l$1.__r;
-l$1.__r = function(n2) {
-  an && an(n2), n2.__c;
+var an = l.__r;
+l.__r = function(n$1) {
+	an && an(n$1), ln = n$1.__c;
 };
-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);
+var sn = l.diffed;
+l.diffed = function(n$1) {
+	sn && sn(n$1);
+	var t$2 = n$1.props, e$2 = n$1.__e;
+	null != e$2 && "textarea" === n$1.type && "value" in t$2 && t$2.value !== e$2.value && (e$2.value = null == t$2.value ? "" : t$2.value), ln = null;
 };
-function bn(n2) {
-  return !!n2.__k && (G$1(null, n2), true);
+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;
 }
-__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);
+
+//#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(render, "render");
-function svgRender(C2, props, parent, replaceNode) {
-  G$1(_$1("svg", null, _$1(C2, props)), parent, replaceNode);
+function svgRender(C$2, props, parent, replaceNode) {
+	G(_("svg", null, _(C$2, props)), parent, replaceNode);
 }
-__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);
-  }
+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(_HTMLAdapter, "HTMLAdapter");
-let HTMLAdapter = _HTMLAdapter;
 HTMLAdapter.prototype._class += " react_HTMLAdapter";
 HTMLAdapter.prototype.publish("props", {}, "object", "Properties");
-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);
-  }
+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);
+	}
 };
-__name(_SVGAdapter, "SVGAdapter");
-let SVGAdapter = _SVGAdapter;
 SVGAdapter.prototype._class += " react_SVGAdapter";
 SVGAdapter.prototype.publish("props", {}, "object", "Properties");
-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
+//#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
+		})
+	})] });
 };
-//# sourceMappingURL=index.js.map
+
+//#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