@hpcc-js/react 3.4.1 → 3.4.2

package/dist/index.js

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