@hpcc-js/react 3.4.19 → 3.4.20

package/dist/index.js

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