@hpcc-js/react 3.1.0 → 3.2.0

package/dist/index.js

@@ -1,3 +1,1690 @@
-var kt=Object.defineProperty;var p=(o,r)=>kt(o,"name",{value:r,configurable:!0});var Dt="@hpcc-js/react",Lt="3.1.0",Yt="3.2.0";import j from"react";import h from"react";import{Utility as ft}from"@hpcc-js/common";import A from"react";import{Palette as Wt}from"@hpcc-js/common";import Ct from"react";var mt=p(({href:o,x:r,y:t=0,height:e=12})=>Ct.createElement("image",{href:o,x:r-e/2,y:t-e/2,width:e,height:e}),"Image");import Pt,{useMemo as yt}from"react";import{Utility as wt}from"@hpcc-js/common";var lt=p(({x:o,y:r=0,height:t=12,fill:e,stroke:n,fontFamily:i="FontAwesome",char:a="\uF128",fontWeight:s})=>{let f=yt(()=>i==="FontAwesome"?wt.faChar(a):a,[a,i]);return Pt.createElement("text",{x:o,y:r,fill:e,stroke:n,fontFamily:i,fontSize:`${t}px`,fontWeight:s,dominantBaseline:"middle",style:{textAnchor:"middle",alignmentBaseline:"middle"}},f)},"ImageChar");import U from"react";var $t=p(({radius:o=32,fill:r="navy",stroke:t=r,strokeWidth:e=1,shapeRendering:n})=>U.createElement("circle",{r:o,fill:r,stroke:t,strokeWidth:e,shapeRendering:n}),"Circle"),St=p(({radius:o=30,cornerRadius:r=0,fill:t="white",stroke:e,strokeWidth:n=1,shapeRendering:i})=>U.createElement("rect",{x:-o,y:-o,rx:r,ry:r,width:o*2,height:o*2,fill:t,stroke:e||t,strokeWidth:n,shapeRendering:i}),"Square"),D=p(({width:o=30,height:r=30,cornerRadius:t=0,fill:e="white",stroke:n="black",strokeWidth:i=1,shapeRendering:a})=>U.createElement("rect",{x:-o/2,y:-r/2,rx:t,ry:t,width:o,height:r,fill:e,stroke:n||e,strokeWidth:i,shapeRendering:a}),"Rectangle"),ht=p(({shape:o="circle",height:r=128,width:t,fill:e,stroke:n,strokeWidth:i=1,shapeRendering:a,cornerRadius:s})=>{switch(o){case"square":return U.createElement(St,{radius:r/2,fill:e,stroke:n,strokeWidth:i,shapeRendering:a,cornerRadius:s});case"rectangle":return U.createElement(D,{width:t??r,height:r,fill:e,stroke:n,strokeWidth:i,shapeRendering:a,cornerRadius:s});case"circle":default:return U.createElement($t,{radius:r/2,fill:e,stroke:n,strokeWidth:i,shapeRendering:a})}},"Shape");var P=p(({shape:o="circle",width:r,height:t=32,fill:e,stroke:n,strokeWidth:i=0,imageUrl:a="",imageFontFamily:s="FontAwesome",imageChar:f="\uF128",imageCharFill:g=Wt.textColor(e),padding:u=t/5,xOffset:l=0,yOffset:m=0,cornerRadius:d,shapeRendering:c})=>A.createElement(A.Fragment,null,A.createElement(ht,{shape:o,width:r,height:t,fill:e,stroke:n,strokeWidth:i,shapeRendering:c,cornerRadius:d}),a?A.createElement(mt,{href:a,x:l,y:m,height:t-u}):A.createElement(lt,{x:l,y:m,height:t-u,fontFamily:s,char:f,fill:g,fontWeight:400})),"Icon"),oe=p(({icons:o=[]})=>{let r=o.map(t=>A.createElement("g",{key:t.id,id:t.id},A.createElement(P,{...t})));return A.createElement(A.Fragment,null,r)},"Icons");var ot=p(({text:o,height:r=12,anchor:t="middle",baseline:e="middle",fontFamily:n="Verdana",fill:i="black"})=>h.createElement("text",{fontFamily:n,fontSize:`${r}px`,textAnchor:t,dominantBaseline:e,fill:i},o),"TextLine"),J=p(({text:o,height:r=12,fontFamily:t="Verdana",fill:e="black",onSizeUpdate:n})=>{let[i,a]=h.useState(0),[s,f]=h.useState(0);h.useEffect(()=>{n&&n({width:i,height:s})},[i,s,n]);let g=h.useMemo(()=>o.split(`
-`),[o]);h.useLayoutEffect(()=>{let l=ft.textSize(g,t,r);a(l.width),f(l.height)},[t,r,g]);let u=h.useMemo(()=>{let l=-(s/2)+r/2;return g.map((m,d)=>h.createElement("g",{key:`key-${d}`,transform:`translate(0 ${l+d*(r+2)})`},h.createElement(ot,{text:m,height:r,fontFamily:t,fill:e})))},[g,s,r,t,e]);return h.createElement("g",null,u)},"Text"),E=p(({text:o,height:r=12,fontFamily:t="Verdana",padding:e=4,fill:n="whitesmoke",stroke:i="lightgray",textFill:a="black",strokeWidth:s=1,cornerRadius:f=0,onSizeUpdate:g})=>{let[u,l]=h.useState(0),[m,d]=h.useState(0);h.useEffect(()=>{g&&g({width:u,height:m})},[u,m,g]);let c=h.useCallback(C=>{l(C.width),d(C.height)},[]),x=u+e*2+s,b=m+e*2+s,k=Math.floor(r/10);return h.createElement(h.Fragment,null,h.createElement(D,{width:x,height:b,fill:n,stroke:i,strokeWidth:s,cornerRadius:f}),h.createElement("g",{transform:`translate(0 ${k})`},h.createElement(J,{text:o,fontFamily:t,height:r,fill:a,onSizeUpdate:c})))},"TextBox"),le=p(({text:o,height:r=12,width:t=12,fontFamily:e="Verdana",fontSize:n=10,padding:i=3,fill:a="whitesmoke",stroke:s="lightgray",textFill:f="black",strokeWidth:g=1,cornerRadius:u=0,onSizeUpdate:l})=>{let[m,d]=h.useState(t),[c,x]=h.useState(r);return h.useLayoutEffect(()=>{let b=ft.textSize(o,e,n);d(b.width+i*2),x(b.height+i*2)},[o,e,n,i]),h.useLayoutEffect(()=>{l&&l({width:m,height:c})},[m,c,i,l]),h.createElement(h.Fragment,null,h.createElement(D,{width:m,height:c,fill:a,stroke:s,strokeWidth:g,cornerRadius:u}),h.createElement("g",{transform:`translate(${-(m/2)+i} ${-(c/2)+i+n*.15})`},h.createElement(ot,{text:o,fontFamily:e,height:n,fill:f,anchor:"start",baseline:"hanging"})))},"LabelledRect"),he=p(({icon:o,iconFontFamily:r,text:t,height:e=12,width:n=12,fontFamily:i="Verdana",fontSize:a=10,padding:s=3,fill:f="whitesmoke",stroke:g="lightgray",textFill:u="black",strokeWidth:l=1,cornerRadius:m=0})=>h.createElement(h.Fragment,null,h.createElement(D,{width:n,height:e,fill:f,stroke:g,strokeWidth:l,cornerRadius:m}),h.createElement("g",{transform:`translate(${-(n/2)+s} ${-(e/2)+s})`},h.createElement(P,{shape:"square",imageFontFamily:r,imageChar:o,height:e,fill:f,imageCharFill:u})),h.createElement("g",{transform:`translate(${-(n/2)+s*2+e} ${-(e/2)+s})`},h.createElement(ot,{text:t,fontFamily:i,height:a,fill:u,anchor:"start",baseline:"hanging"}))),"IconLabelledRect");var de=p(({label:o,labelPos:r,labelFill:t="black",labelHeight:e=12,path:n,stroke:i,strokeWidth:a,strokeDasharray:s})=>j.createElement(j.Fragment,null,j.createElement("path",{d:n,stroke:i,style:{strokeWidth:a,strokeDasharray:s}}),o&&r&&r.length===2?j.createElement("g",{transform:`translate(${r[0]} ${r[1]})`},j.createElement(J,{text:o,fill:t,height:e})):void 0),"Edge");import nt from"react";import{render as It}from"react-dom";import{createRoot as gt}from"react-dom/client";import{HTMLWidget as Ot,SVGWidget as Vt}from"@hpcc-js/common";function we(o,r,t){let e=nt.createElement(o,r);It(e,t)}p(we,"render");var G=class extends Ot{constructor(t){super();this._component=t}static{p(this,"HTMLAdapter")}_root;props(t){return arguments.length?(this._props={...this._props,...t},this):this._props}prop(t,e){return arguments.length===1?this._props[t]:(this._props[t]=e,this)}enter(t,e){super.enter(t,e),this._root=gt(t)}update(t,e){super.update(t,e),this._root.render(nt.createElement(this._component,this.props()))}exit(t,e){this._root.unmount(),super.exit(t,e)}};G.prototype._class+=" react_HTMLAdapter";G.prototype.publish("props",{},"object","Properties");var R=class extends Vt{constructor(t){super();this._component=t}static{p(this,"SVGAdapter")}_root;props(t){return arguments.length?(this._props={...this._props,...t},this):this._props}prop(t,e){return arguments.length===1?this._props[t]:(this._props[t]=e,this)}_c2;enter(t,e){super.enter(t,e),this._root=gt(t)}update(t,e){super.update(t,e),this._root.render(nt.createElement(this._component,this.props()))}exit(t,e){this._root.unmount(),super.exit(t,e)}};R.prototype._class+=" react_SVGAdapter";R.prototype.publish("props",{},"object","Properties");import _t from"react";var Ie=p(({text:o})=>_t.createElement("span",null,o),"Span");import y from"react";var it=p(({x:o,y:r,annotationIDs:t=[],stepSize:e=-16})=>{let n=t.map((i,a)=>y.createElement("g",{key:i,transform:`translate(${o+a*e} ${r})`},y.createElement("use",{href:"#"+i})));return y.createElement(y.Fragment,null,n)},"Annotations"),Be=p(({categoryID:o="",text:r="",textHeight:t=12,textPadding:e=4,icon:n={},annotationsHeight:i=12,annotationIDs:a=[],textFill:s,textboxFill:f,textboxStroke:g,textFontFamily:u,onSizeUpdate:l,showLabel:m=!0,scale:d=1})=>{n={imageChar:"fa-question",height:32,fill:"transparent",...n};let[c,x]=y.useState(0),[b,k]=y.useState(0);y.useEffect(()=>{l&&l({width:0,height:0})},[c,b,l]);let C=c;C+=4;let W=-(n.height*2/6+t+8)/2,I=n.height/3+b/2+e,_=n.height/3+b+e+i/3;m||(W+=(t+8)/2,_-=b+e);let O=y.useCallback(T=>{x(T.width),k(T.height)},[]),V=m?y.createElement("g",{transform:`translate(0 ${I})`},y.createElement(E,{text:r,height:t,padding:e,onSizeUpdate:O,textFill:s,fill:f,stroke:g,fontFamily:u})):void 0;return o?y.createElement("g",{transform:`translate(0 ${W}) scale(${d})`},y.createElement("use",{href:"#"+o}),V,y.createElement(it,{x:C/2,y:_,annotationIDs:a})):y.createElement("g",{transform:`translate(0 ${W}) scale(${d})`},y.createElement(P,{...n}),V)},"Vertex");import S from"react";import{Utility as Et}from"@hpcc-js/common";var Me=p(({categoryID:o="",text:r="",textHeight:t=12,textPadding:e=4,icon:n={},textFill:i="black",textboxFill:a="white",textboxStroke:s="black",textFontFamily:f,annotationsHeight:g=12,annotationIDs:u=[]})=>{n={imageChar:"fa-question",imageCharFill:"white",height:32,fill:"black",shape:"square",...n};let l=t+e*2,{width:m}=S.useMemo(()=>Et.textSize(r,f,t,!1),[r,f,t]),d=g,c=1,x=l/2,b=0,k=-(n.height*2/6+t+8)/2,C=-n.height/2,W=0,I=Math.ceil(m/2+e),_=x-n.height/2,O=d/2,V=x;return o?S.createElement("g",{transform:`translate(${b} ${k})`},S.createElement("g",{transform:`translate(${C} ${W})`},S.createElement("use",{href:"#"+o})),S.createElement("g",{transform:`translate(${I} ${_})`},S.createElement(E,{text:r,height:t,padding:e,strokeWidth:c,stroke:s,fill:a,textFill:i,fontFamily:f})),S.createElement(it,{x:O,y:V,annotationIDs:u,stepSize:d})):S.createElement(S.Fragment,null,S.createElement("g",{transform:`translate(${C} ${W})scale(1.0002)`},S.createElement(P,{...n,shape:"square"})),S.createElement("g",{transform:`translate(${I} ${_})scale(1.0002)`},S.createElement(E,{text:r,height:t,padding:e,stroke:s,fill:a})))},"Vertex2");import w from"react";import{Utility as At}from"@hpcc-js/common";var Tt=p(({text:o="",textHeight:r=10,textPadding:t=4,textFill:e="#287EC4",textboxFill:n="white",textboxStroke:i="#CCCCCC",textboxStrokeWidth:a=1,textFontFamily:s="Verdana",annotationGutter:f=2,annotations:g=[],cornerRadius:u=3,icon:l={},subText:m={text:""},showLabel:d=!0,noLabelRadius:c=5,expansionIcon:x,scale:b=1})=>{l={height:50,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"#555555",fill:"transparent",strokeWidth:0,...l},m={text:"",fill:"white",textFill:"#555555",...m},x=x?{height:16,shape:"circle",padding:6,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"black",fill:"whitesmoke",stroke:"whitesmoke",strokeWidth:0,...x}:void 0;let k=0,C=0,W=w.useMemo(()=>At.textSize(o,s,r,!1).width,[o,s,r]),I=0;o!==""&&(I=W+t*2+a*2),k+=I+f;let _=k-I/2,O=r+t*2+a*2,V=[];g.forEach((K,X)=>{let tt=K.imageChar,N=O;k+=N+f;let H=k-N/2;V.push(w.createElement("g",{key:X,className:"vertex3-anno","data-click":"annotation","data-click-data":JSON.stringify(K),transform:`translate(${H} ${C})`},w.createElement(P,{...K,shape:"square",height:O,imageChar:tt,imageFontFamily:K.imageFontFamily,cornerRadius:u,strokeWidth:0})))}),g.length>0&&(k+=f*(g.length-1));let T=w.createElement("g",{"data-click":"text",transform:`translate(${_} ${C})`},!d||o===""?w.createElement("circle",{r:c,stroke:i,fill:e}):w.createElement(E,{text:o,height:r,padding:t,strokeWidth:a,stroke:i,fill:n,textFill:e,fontFamily:s,cornerRadius:u})),L=l.height||20,B=l.strokeWidth||0,v=0,Y=0,M=0,z=O+f*2;o!==""||V.length>0?Y=-(L/2)-B-O/2-f*2:m.text!==""&&(z=L/2+B+f*2);let Z=m.text===""?null:w.createElement("g",{"data-click":"subtext",transform:`translate(${M} ${z})`},w.createElement(E,{fill:m.fill||"#FFFFFF",textFill:m.textFill||e,...m,height:r,padding:t,strokeWidth:0,stroke:i,fontFamily:s,cornerRadius:u}));return w.createElement("g",{transform:`scale(${b})`},w.createElement("g",{"data-click":"icon",transform:`translate(${v} ${Y})`},w.createElement(P,{...l}),x&&w.createElement("g",{"data-click":"expanded-icon","data-click-data":JSON.stringify(x),transform:`translate(${(l.height+B)/2-x.height/2} ${-(l.height+B)/2+x.height/2})`},w.createElement(P,{...x}))),w.createElement("g",{transform:`translate(${-k/2} ${C})`},T,V),Z)},"Vertex3"),tr=p(function({id:o,categoryID:r="",text:t="",textHeight:e=12,textPadding:n=10,textFill:i="#287EC4",textboxFill:a="white",textboxStroke:s="#CCCCCC",textboxStrokeWidth:f=1,textFontFamily:g="Verdana",annotationGutter:u=2,annotations:l=[],cornerRadius:m,icon:d={},subText:c={},expansionIcon:x,scale:b=1}){return d={height:91,padding:40,imageCharFill:"#555555",imageFontFamily:"FontAwesome",fill:"#FFCC33",stroke:"#DFDFDF",imageChar:"?",strokeWidth:4,yOffset:-15,...d},c={text:"",fill:"transparent",textFill:"#555555",...c},w.createElement(Tt,{...{id:o,categoryID:r,text:t,textHeight:e,textPadding:n,textFill:i,textboxFill:a,textboxStroke:s,textboxStrokeWidth:f,textFontFamily:g,annotationGutter:u,annotations:l,cornerRadius:m,icon:d,subText:c,expansionIcon:x,scale:b},icon:d,subText:c})},"CentroidVertex3");import $ from"react";import{Utility as ct}from"@hpcc-js/common";var Bt=p(({categoryID:o="",text:r="",textHeight:t=10,textPadding:e=4,textFill:n="#287EC4",textboxFill:i="white",textboxStroke:a="#CCCCCC",textboxStrokeWidth:s=1,textFontFamily:f="Verdana",annotationGutter:g=2,annotations:u=[],iconAnnotations:l=[],cornerRadius:m=3,icon:d={},subText:c={},showLabel:x=!0,noLabelRadius:b=5,iconBorderWidth:k=1,iconBorderColor:C="#333",iconBackgroundColor:W="#fff",iconFontColor:I="#000",iconFontSize:_=20,iconFontFamily:O="FontAwesome",shapeOffsetX:V=0,shapeOffsetY:T=0,iconOffsetX:L=0,iconOffsetY:B=0,iconPadding:v=4,iconText:Y="?",shapeRendering:M="auto"})=>{d={height:50,imageChar:"?",imageFontFamily:"FontAwesome",imageCharFill:"#555555",fill:"transparent",strokeWidth:0,...d},c={text:"",fill:"white",textFill:"#555555",...c};let z=0,Z=$.useMemo(()=>ct.textSize(r,f,t,!1).width,[r,f,t]),K=0;r!==""&&(K=Z+e*2+s*2);let X=K+g,tt=X-K/2,N=t+g*2+s*2,H=u.map(F=>ct.textSize(F.imageChar,F.imageFontFamily,F.height,!1).width),st=[],at=X;u.forEach((F,q)=>{let et=F.imageChar,rt=F.height??N;at+=H[q]+g;let Ft=at-H[q]/2;st.push($.createElement("g",{key:q,className:"vertex3-anno","data-click":"annotation","data-click-data":JSON.stringify(F),transform:`translate(${Ft} ${z})`},$.createElement(P,{...F,shape:"rectangle",width:H[q],height:rt,imageChar:et,imageFontFamily:F.imageFontFamily,cornerRadius:m,strokeWidth:0})))}),u.length>0&&(X+=g*(u.length-1));let pt=[];l.forEach((F,q)=>{let et=F.shapeOffsetX,rt=F.shapeOffsetY;pt.push($.createElement("g",{key:q,className:"vertex3-iconAnno","data-click":"icon-annotation","data-click-data":JSON.stringify(F),transform:`translate(${et} ${rt})`},$.createElement(P,{...F,shape:F.shape??"square",imageChar:F.imageChar,imageFontFamily:F.imageFontFamily,cornerRadius:m,stroke:F.stroke,strokeWidth:F.strokeWidth})))});let ut=$.createElement("g",{"data-click":"text",transform:`translate(${tt} ${z})`},!x||r===""?$.createElement("circle",{r:b,stroke:a,fill:n}):$.createElement(E,{text:r,height:t,padding:e,strokeWidth:s,stroke:a,fill:i,textFill:n,fontFamily:f,cornerRadius:m})),dt=0,xt=N+g*2,bt=c.text===""?null:$.createElement("g",{"data-click":"subtext",transform:`translate(${dt} ${xt})`},$.createElement(E,{fill:c.fill||"#FFFFFF",textFill:c.textFill||n,...c,height:t,padding:e,strokeWidth:0,stroke:a,fontFamily:f,cornerRadius:m}));return $.createElement("g",null,$.createElement("g",{"data-click":"icon",transform:`translate(${V} ${T})`},$.createElement(P,{...d,strokeWidth:k,shape:"circle",height:_,fill:W,stroke:C,imageFontFamily:O,imageChar:Y,imageCharFill:I,padding:v,xOffset:L,yOffset:B,cornerRadius:m,shapeRendering:M}),pt),$.createElement("g",{transform:`translate(${-X/2} ${z})`},ut,st),bt)},"Vertex4"),mr=p(function({id:o,categoryID:r="",text:t="",textHeight:e=12,textPadding:n=10,textFill:i="#287EC4",textboxFill:a="white",textboxStroke:s="#CCCCCC",textboxStrokeWidth:f=1,textFontFamily:g="Verdana",annotationGutter:u=2,annotations:l=[],iconAnnotations:m=[],cornerRadius:d,icon:c={},subText:x={},showLabel:b=!0,noLabelRadius:k=5,iconBorderWidth:C=1,iconBorderColor:W="#333",iconBackgroundColor:I="#fff",iconFontColor:_="#000",iconFontSize:O=20,iconFontFamily:V="FontAwesome",shapeOffsetX:T=0,shapeOffsetY:L=0,iconOffsetX:B=0,iconOffsetY:v=0,iconPadding:Y=4,iconText:M="?",shapeRendering:z="auto"}){return c={height:91,padding:40,imageCharFill:"#555555",imageFontFamily:"FontAwesome",fill:"#FFCC33",stroke:"#DFDFDF",imageChar:"?",strokeWidth:4,yOffset:-15,...c},x={text:"",fill:"transparent",textFill:"#555555",...x},$.createElement(Bt,{...{id:o,categoryID:r,text:t,textHeight:e,textPadding:n,textFill:i,textboxFill:a,textboxStroke:s,textboxStrokeWidth:f,textFontFamily:g,annotationGutter:u,annotations:l,iconAnnotations:m,cornerRadius:d,icon:c,subText:x,showLabel:b,noLabelRadius:k,iconBorderWidth:C,iconBorderColor:W,iconBackgroundColor:I,iconFontColor:_,iconFontSize:O,iconFontFamily:V,shapeOffsetX:T,shapeOffsetY:L,iconOffsetX:B,iconOffsetY:v,iconPadding:Y,iconText:M,shapeRendering:z},icon:c,subText:x})},"CentroidVertex4");import Q from"react";import{Utility as zt}from"@hpcc-js/common";var dr=p(({text:o,width:r=100,height:t=100,fill:e="transparent",stroke:n="black",fontHeight:i=12,fontFamily:a})=>{let s=zt.textSize(o,a,i,!1);return Q.createElement(Q.Fragment,null,Q.createElement(D,{width:r,height:t,fill:e,stroke:n}),Q.createElement("g",{transform:`translate(${(-r+s.width)/2+4} ${(-t+s.height)/2+4})`},Q.createElement(J,{height:i,text:o,fontFamily:a})))},"Subgraph");import kr from"react";export{it as Annotations,Yt as BUILD_VERSION,tr as CentroidVertex3,mr as CentroidVertex4,$t as Circle,de as Edge,G as HTMLAdapter,P as Icon,he as IconLabelledRect,oe as Icons,mt as Image,lt as ImageChar,le as LabelledRect,Dt as PKG_NAME,Lt as PKG_VERSION,kr as React,D as Rectangle,R as SVGAdapter,ht as Shape,Ie as Span,St as Square,dr as Subgraph,J as Text,E as TextBox,ot as TextLine,Be as Vertex,Me as Vertex2,Tt as Vertex3,Bt as Vertex4,we as render};
+import { Utility, Palette, HTMLWidget, SVGWidget } from "@hpcc-js/common";
+const PKG_NAME = "@hpcc-js/react", PKG_VERSION = "3.1.1", BUILD_VERSION = "3.2.1";
+var n, l$1, u$2, i$1, o$1, r$1, f$2, e$1, c$1, s$1, h$1 = {}, v$1 = [], p$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, y$1 = Array.isArray;
+function d$1(n2, l2) {
+  for (var u2 in l2) n2[u2] = l2[u2];
+  return n2;
+}
+function w$1(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+}
+function _$1(l2, u2, t2) {
+  var i2, o2, r2, f2 = {};
+  for (r2 in u2) r2 == "key" ? i2 = u2[r2] : r2 == "ref" ? o2 = u2[r2] : f2[r2] = u2[r2];
+  if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n.call(arguments, 2) : t2), typeof l2 == "function" && l2.defaultProps != null) for (r2 in l2.defaultProps) f2[r2] === void 0 && (f2[r2] = l2.defaultProps[r2]);
+  return g$1(l2, f2, i2, o2, null);
+}
+function g$1(n2, t2, i2, o2, r2) {
+  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: r2 ?? ++u$2, __i: -1, __u: 0 };
+  return r2 == null && l$1.vnode != null && l$1.vnode(f2), f2;
+}
+function b(n2) {
+  return n2.children;
+}
+function k$1(n2, l2) {
+  this.props = n2, this.context = l2;
+}
+function x(n2, l2) {
+  if (l2 == null) return n2.__ ? x(n2.__, n2.__i + 1) : null;
+  for (var u2; l2 < n2.__k.length; l2++) if ((u2 = n2.__k[l2]) != null && u2.__e != null) return u2.__e;
+  return typeof n2.type == "function" ? x(n2) : null;
+}
+function C$1(n2) {
+  var l2, u2;
+  if ((n2 = n2.__) != null && n2.__c != null) {
+    for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++) if ((u2 = n2.__k[l2]) != null && u2.__e != null) {
+      n2.__e = n2.__c.base = u2.__e;
+      break;
+    }
+    return C$1(n2);
+  }
+}
+function S(n2) {
+  (!n2.__d && (n2.__d = !0) && i$1.push(n2) && !M$1.__r++ || o$1 !== l$1.debounceRendering) && ((o$1 = l$1.debounceRendering) || r$1)(M$1);
+}
+function M$1() {
+  var n2, u2, t2, o2, r2, e2, c2, s2;
+  for (i$1.sort(f$2); n2 = i$1.shift(); ) n2.__d && (u2 = i$1.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, c2 = [], s2 = [], t2.__P && ((o2 = d$1({}, r2)).__v = r2.__v + 1, l$1.vnode && l$1.vnode(o2), O$1(t2.__P, o2, r2, t2.__n, t2.__P.namespaceURI, 32 & r2.__u ? [e2] : null, c2, e2 ?? x(r2), !!(32 & r2.__u), s2), o2.__v = r2.__v, o2.__.__k[o2.__i] = o2, j$1(c2, o2, s2), o2.__e != e2 && C$1(o2)), i$1.length > u2 && i$1.sort(f$2));
+  M$1.__r = 0;
+}
+function P$1(n2, l2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
+  var a2, p2, y2, d2, w2, _2 = t2 && t2.__k || v$1, g2 = l2.length;
+  for (u2.__d = e2, $$1(u2, l2, _2), e2 = u2.__d, a2 = 0; a2 < g2; a2++) (y2 = u2.__k[a2]) != null && (p2 = y2.__i === -1 ? h$1 : _2[y2.__i] || h$1, y2.__i = a2, O$1(n2, y2, p2, i2, o2, r2, f2, e2, c2, s2), d2 = y2.__e, y2.ref && p2.ref != y2.ref && (p2.ref && E(p2.ref, null, y2), s2.push(y2.ref, y2.__c || d2, y2)), w2 == null && d2 != null && (w2 = d2), 65536 & y2.__u || p2.__k === y2.__k ? e2 = I$1(y2, e2, n2) : typeof y2.type == "function" && y2.__d !== void 0 ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
+  u2.__d = e2, u2.__e = w2;
+}
+function $$1(n2, l2, u2) {
+  var t2, i2, o2, r2, f2, e2 = l2.length, c2 = u2.length, s2 = c2, a2 = 0;
+  for (n2.__k = [], t2 = 0; t2 < e2; t2++) (i2 = l2[t2]) != null && typeof i2 != "boolean" && typeof i2 != "function" ? (r2 = t2 + a2, (i2 = n2.__k[t2] = typeof i2 == "string" || typeof i2 == "number" || typeof i2 == "bigint" || i2.constructor == String ? g$1(null, i2, null, null, null) : y$1(i2) ? g$1(b, { children: i2 }, null, null, null) : i2.constructor === void 0 && i2.__b > 0 ? g$1(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2).__ = n2, i2.__b = n2.__b + 1, o2 = null, (f2 = i2.__i = L(i2, u2, r2, s2)) !== -1 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), o2 == null || o2.__v === null ? (f2 == -1 && a2--, typeof i2.type != "function" && (i2.__u |= 65536)) : f2 !== r2 && (f2 == r2 - 1 ? a2-- : f2 == r2 + 1 ? a2++ : (f2 > r2 ? a2-- : a2++, i2.__u |= 65536))) : i2 = n2.__k[t2] = null;
+  if (s2) for (t2 = 0; t2 < c2; t2++) (o2 = u2[t2]) != null && !(131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = x(o2)), N(o2, o2));
+}
+function I$1(n2, l2, u2) {
+  var t2, i2;
+  if (typeof n2.type == "function") {
+    for (t2 = n2.__k, i2 = 0; t2 && i2 < t2.length; i2++) t2[i2] && (t2[i2].__ = n2, l2 = I$1(t2[i2], l2, u2));
+    return l2;
+  }
+  n2.__e != l2 && (l2 && n2.type && !u2.contains(l2) && (l2 = x(n2)), u2.insertBefore(n2.__e, l2 || null), l2 = n2.__e);
+  do
+    l2 = l2 && l2.nextSibling;
+  while (l2 != null && l2.nodeType === 8);
+  return l2;
+}
+function H(n2, l2) {
+  return l2 = l2 || [], n2 == null || typeof n2 == "boolean" || (y$1(n2) ? n2.some(function(n3) {
+    H(n3, l2);
+  }) : l2.push(n2)), l2;
+}
+function L(n2, l2, u2, t2) {
+  var i2 = n2.key, o2 = n2.type, r2 = u2 - 1, f2 = u2 + 1, e2 = l2[u2];
+  if (e2 === null || e2 && i2 == e2.key && o2 === e2.type && !(131072 & e2.__u)) return u2;
+  if ((typeof o2 != "function" || o2 === b || i2) && t2 > (e2 != null && !(131072 & e2.__u) ? 1 : 0)) for (; r2 >= 0 || f2 < l2.length; ) {
+    if (r2 >= 0) {
+      if ((e2 = l2[r2]) && !(131072 & e2.__u) && i2 == e2.key && o2 === e2.type) return r2;
+      r2--;
+    }
+    if (f2 < l2.length) {
+      if ((e2 = l2[f2]) && !(131072 & e2.__u) && i2 == e2.key && o2 === e2.type) return f2;
+      f2++;
+    }
+  }
+  return -1;
+}
+function T$1(n2, l2, u2) {
+  l2[0] === "-" ? n2.setProperty(l2, u2 ?? "") : n2[l2] = u2 == null ? "" : typeof u2 != "number" || p$1.test(l2) ? u2 : u2 + "px";
+}
+function A(n2, l2, u2, t2, i2) {
+  var o2;
+  n: if (l2 === "style") if (typeof u2 == "string") n2.style.cssText = u2;
+  else {
+    if (typeof t2 == "string" && (n2.style.cssText = t2 = ""), t2) for (l2 in t2) u2 && l2 in u2 || T$1(n2.style, l2, "");
+    if (u2) for (l2 in u2) t2 && u2[l2] === t2[l2] || T$1(n2.style, l2, u2[l2]);
+  }
+  else if (l2[0] === "o" && l2[1] === "n") o2 = l2 !== (l2 = l2.replace(/(PointerCapture)$|Capture$/i, "$1")), l2 = l2.toLowerCase() in n2 || l2 === "onFocusOut" || l2 === "onFocusIn" ? l2.toLowerCase().slice(2) : l2.slice(2), n2.l || (n2.l = {}), n2.l[l2 + o2] = u2, u2 ? t2 ? u2.u = t2.u : (u2.u = e$1, n2.addEventListener(l2, o2 ? s$1 : c$1, o2)) : n2.removeEventListener(l2, o2 ? s$1 : c$1, o2);
+  else {
+    if (i2 == "http://www.w3.org/2000/svg") l2 = l2.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if (l2 != "width" && l2 != "height" && l2 != "href" && l2 != "list" && l2 != "form" && l2 != "tabIndex" && l2 != "download" && l2 != "rowSpan" && l2 != "colSpan" && l2 != "role" && l2 != "popover" && l2 in n2) try {
+      n2[l2] = u2 ?? "";
+      break n;
+    } catch {
+    }
+    typeof u2 == "function" || (u2 == null || u2 === !1 && l2[4] !== "-" ? n2.removeAttribute(l2) : n2.setAttribute(l2, l2 == "popover" && u2 == 1 ? "" : u2));
+  }
+}
+function F$1(n2) {
+  return function(u2) {
+    if (this.l) {
+      var t2 = this.l[u2.type + n2];
+      if (u2.t == null) u2.t = e$1++;
+      else if (u2.t < t2.u) return;
+      return l$1.event && (u2 = l$1.event(u2)), "handleEvent" in t2 ? t2.handleEvent(u2) : t2(u2);
+    }
+  };
+}
+function O$1(n2, u2, t2, i2, o2, r2, f2, e2, c2, s2) {
+  var a2, h2, v2, p2, w2, _2, g2, m2, x2, C2, S2, M2, $2, I2, H2, L2, T2 = u2.type;
+  if (u2.constructor !== void 0) return null;
+  128 & t2.__u && (c2 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
+  n: if (typeof T2 == "function") try {
+    if (m2 = u2.props, x2 = "prototype" in T2 && T2.prototype.render, C2 = (a2 = T2.contextType) && i2[a2.__c], S2 = a2 ? C2 ? C2.props.value : a2.__ : i2, t2.__c ? g2 = (h2 = u2.__c = t2.__c).__ = h2.__E : (x2 ? u2.__c = h2 = new T2(m2, S2) : (u2.__c = h2 = new k$1(m2, S2), h2.constructor = T2, h2.render = V$1), C2 && C2.sub(h2), h2.props = m2, h2.state || (h2.state = {}), h2.context = S2, h2.__n = i2, v2 = h2.__d = !0, h2.__h = [], h2._sb = []), x2 && h2.__s == null && (h2.__s = h2.state), x2 && T2.getDerivedStateFromProps != null && (h2.__s == h2.state && (h2.__s = d$1({}, h2.__s)), d$1(h2.__s, T2.getDerivedStateFromProps(m2, h2.__s))), p2 = h2.props, w2 = h2.state, h2.__v = u2, v2) x2 && T2.getDerivedStateFromProps == null && h2.componentWillMount != null && h2.componentWillMount(), x2 && h2.componentDidMount != null && h2.__h.push(h2.componentDidMount);
+    else {
+      if (x2 && T2.getDerivedStateFromProps == null && m2 !== p2 && h2.componentWillReceiveProps != null && h2.componentWillReceiveProps(m2, S2), !h2.__e && (h2.shouldComponentUpdate != null && h2.shouldComponentUpdate(m2, h2.__s, S2) === !1 || u2.__v === t2.__v)) {
+        for (u2.__v !== t2.__v && (h2.props = m2, h2.state = h2.__s, h2.__d = !1), u2.__e = t2.__e, u2.__k = t2.__k, u2.__k.some(function(n3) {
+          n3 && (n3.__ = u2);
+        }), M2 = 0; M2 < h2._sb.length; M2++) h2.__h.push(h2._sb[M2]);
+        h2._sb = [], h2.__h.length && f2.push(h2);
+        break n;
+      }
+      h2.componentWillUpdate != null && h2.componentWillUpdate(m2, h2.__s, S2), x2 && h2.componentDidUpdate != null && h2.__h.push(function() {
+        h2.componentDidUpdate(p2, w2, _2);
+      });
+    }
+    if (h2.context = S2, h2.props = m2, h2.__P = n2, h2.__e = !1, $2 = l$1.__r, I2 = 0, x2) {
+      for (h2.state = h2.__s, h2.__d = !1, $2 && $2(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 = !1, $2 && $2(u2), a2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s;
+    while (h2.__d && ++I2 < 25);
+    h2.state = h2.__s, h2.getChildContext != null && (i2 = d$1(d$1({}, i2), h2.getChildContext())), x2 && !v2 && h2.getSnapshotBeforeUpdate != null && (_2 = h2.getSnapshotBeforeUpdate(p2, w2)), P$1(n2, y$1(L2 = a2 != null && a2.type === b && a2.key == null ? a2.props.children : a2) ? L2 : [L2], u2, t2, i2, o2, r2, f2, e2, c2, s2), h2.base = u2.__e, u2.__u &= -161, h2.__h.length && f2.push(h2), g2 && (h2.__E = h2.__ = null);
+  } catch (n3) {
+    if (u2.__v = null, c2 || r2 != null) {
+      for (u2.__u |= c2 ? 160 : 128; e2 && e2.nodeType === 8 && e2.nextSibling; ) e2 = e2.nextSibling;
+      r2[r2.indexOf(e2)] = null, u2.__e = e2;
+    } else u2.__e = t2.__e, u2.__k = t2.__k;
+    l$1.__e(n3, u2, t2);
+  }
+  else r2 == null && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = z$2(t2.__e, u2, t2, i2, o2, r2, f2, c2, s2);
+  (a2 = l$1.diffed) && a2(u2);
+}
+function j$1(n2, u2, t2) {
+  u2.__d = void 0;
+  for (var i2 = 0; i2 < t2.length; i2++) E(t2[i2], t2[++i2], t2[++i2]);
+  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
+    try {
+      n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
+        n3.call(u3);
+      });
+    } catch (n3) {
+      l$1.__e(n3, u3.__v);
+    }
+  });
+}
+function z$2(u2, t2, i2, o2, r2, f2, e2, c2, s2) {
+  var a2, v2, p2, d2, _2, g2, m2, b2 = i2.props, k2 = t2.props, C2 = t2.type;
+  if (C2 === "svg" ? r2 = "http://www.w3.org/2000/svg" : C2 === "math" ? r2 = "http://www.w3.org/1998/Math/MathML" : r2 || (r2 = "http://www.w3.org/1999/xhtml"), f2 != null) {
+    for (a2 = 0; a2 < f2.length; a2++) if ((_2 = f2[a2]) && "setAttribute" in _2 == !!C2 && (C2 ? _2.localName === C2 : _2.nodeType === 3)) {
+      u2 = _2, f2[a2] = null;
+      break;
+    }
+  }
+  if (u2 == null) {
+    if (C2 === null) return document.createTextNode(k2);
+    u2 = document.createElementNS(r2, C2, k2.is && k2), c2 && (l$1.__m && l$1.__m(t2, f2), c2 = !1), f2 = null;
+  }
+  if (C2 === null) b2 === k2 || c2 && u2.data === k2 || (u2.data = k2);
+  else {
+    if (f2 = f2 && n.call(u2.childNodes), b2 = i2.props || h$1, !c2 && f2 != null) for (b2 = {}, a2 = 0; a2 < u2.attributes.length; a2++) b2[(_2 = u2.attributes[a2]).name] = _2.value;
+    for (a2 in b2) if (_2 = b2[a2], a2 != "children") {
+      if (a2 == "dangerouslySetInnerHTML") p2 = _2;
+      else if (!(a2 in k2)) {
+        if (a2 == "value" && "defaultValue" in k2 || a2 == "checked" && "defaultChecked" in k2) continue;
+        A(u2, a2, null, _2, r2);
+      }
+    }
+    for (a2 in k2) _2 = k2[a2], a2 == "children" ? d2 = _2 : a2 == "dangerouslySetInnerHTML" ? v2 = _2 : a2 == "value" ? g2 = _2 : a2 == "checked" ? m2 = _2 : c2 && typeof _2 != "function" || b2[a2] === _2 || A(u2, a2, _2, b2[a2], r2);
+    if (v2) c2 || p2 && (v2.__html === p2.__html || v2.__html === u2.innerHTML) || (u2.innerHTML = v2.__html), t2.__k = [];
+    else if (p2 && (u2.innerHTML = ""), P$1(u2, y$1(d2) ? d2 : [d2], t2, i2, o2, C2 === "foreignObject" ? "http://www.w3.org/1999/xhtml" : r2, f2, e2, f2 ? f2[0] : i2.__k && x(i2, 0), c2, s2), f2 != null) for (a2 = f2.length; a2--; ) w$1(f2[a2]);
+    c2 || (a2 = "value", C2 === "progress" && g2 == null ? u2.removeAttribute("value") : g2 !== void 0 && (g2 !== u2[a2] || C2 === "progress" && !g2 || C2 === "option" && g2 !== b2[a2]) && A(u2, a2, g2, b2[a2], r2), a2 = "checked", m2 !== void 0 && m2 !== u2[a2] && A(u2, a2, m2, b2[a2], r2));
+  }
+  return u2;
+}
+function E(n2, u2, t2) {
+  try {
+    if (typeof n2 == "function") {
+      var i2 = typeof n2.__u == "function";
+      i2 && n2.__u(), i2 && u2 == null || (n2.__u = n2(u2));
+    } else n2.current = u2;
+  } catch (n3) {
+    l$1.__e(n3, t2);
+  }
+}
+function N(n2, u2, t2) {
+  var i2, o2;
+  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || E(i2, null, u2)), (i2 = n2.__c) != null) {
+    if (i2.componentWillUnmount) try {
+      i2.componentWillUnmount();
+    } catch (n3) {
+      l$1.__e(n3, u2);
+    }
+    i2.base = i2.__P = null;
+  }
+  if (i2 = n2.__k) for (o2 = 0; o2 < i2.length; o2++) i2[o2] && N(i2[o2], u2, t2 || typeof n2.type != "function");
+  t2 || w$1(n2.__e), n2.__c = n2.__ = n2.__e = n2.__d = void 0;
+}
+function V$1(n2, l2, u2) {
+  return this.constructor(n2, u2);
+}
+function q$2(u2, t2, i2) {
+  var o2, r2, f2, e2;
+  l$1.__ && l$1.__(u2, t2), r2 = (o2 = typeof i2 == "function") ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], O$1(t2, u2 = (!o2 && i2 || t2).__k = _$1(b, null, [u2]), r2 || h$1, h$1, t2.namespaceURI, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), j$1(f2, u2, e2);
+}
+n = v$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
+  for (var i2, o2, r2; l2 = l2.__; ) if ((i2 = l2.__c) && !i2.__) try {
+    if ((o2 = i2.constructor) && o2.getDerivedStateFromError != null && (i2.setState(o2.getDerivedStateFromError(n2)), r2 = i2.__d), i2.componentDidCatch != null && (i2.componentDidCatch(n2, t2 || {}), r2 = i2.__d), r2) return i2.__E = i2;
+  } catch (l3) {
+    n2 = l3;
+  }
+  throw n2;
+} }, u$2 = 0, k$1.prototype.setState = function(n2, l2) {
+  var u2;
+  u2 = this.__s != null && this.__s !== this.state ? this.__s : this.__s = d$1({}, this.state), typeof n2 == "function" && (n2 = n2(d$1({}, u2), this.props)), n2 && d$1(u2, n2), n2 != null && this.__v && (l2 && this._sb.push(l2), S(this));
+}, k$1.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = !0, n2 && this.__h.push(n2), S(this));
+}, k$1.prototype.render = b, i$1 = [], r$1 = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$2 = function(n2, l2) {
+  return n2.__v.__b - l2.__v.__b;
+}, M$1.__r = 0, e$1 = 0, c$1 = F$1(!1), s$1 = F$1(!0);
+var f$1 = 0;
+function u$1(e2, t2, n2, o2, i2, u2) {
+  t2 || (t2 = {});
+  var a2, c2, l2 = t2;
+  "ref" in t2 && (a2 = t2.ref, delete t2.ref);
+  var p2 = { type: e2, props: l2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  if (typeof e2 == "function" && (a2 = e2.defaultProps)) for (c2 in a2) l2[c2] === void 0 && (l2[c2] = a2[c2]);
+  return l$1.vnode && l$1.vnode(p2), p2;
+}
+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 d(n2, t2) {
+  c.__h && c.__h(r, n2, o || t2), o = 0;
+  var u2 = r.__H || (r.__H = { __: [], __h: [] });
+  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
+}
+function h(n2) {
+  return o = 1, p(D, n2);
+}
+function p(n2, u2, i2) {
+  var o2 = d(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.u)) {
+    var f2 = function(n3, t2, r2) {
+      if (!o2.__c.__H) return !0;
+      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 = !0);
+        }
+      }), c2 && c2.call(this, n3, t2, r2) || i3;
+    };
+    r.u = !0;
+    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
+    r.componentWillUpdate = function(n3, t2, r2) {
+      if (this.__e) {
+        var u3 = c2;
+        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+      }
+      e2 && e2.call(this, n3, t2, r2);
+    }, r.shouldComponentUpdate = f2;
+  }
+  return o2.__N || o2.__;
+}
+function y(n2, u2) {
+  var i2 = d(t++, 3);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__H.__h.push(i2));
+}
+function _(n2, u2) {
+  var i2 = d(t++, 4);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.i = u2, r.__h.push(i2));
+}
+function T(n2, r2) {
+  var u2 = d(t++, 7);
+  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
+}
+function q$1(n2, t2) {
+  return o = 8, T(function() {
+    return n2;
+  }, t2);
+}
+function j() {
+  for (var n2; n2 = f.shift(); ) if (n2.__P && n2.__H) try {
+    n2.__H.__h.forEach(z$1), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
+  } catch (t2) {
+    n2.__H.__h = [], c.__e(t2, n2.__v);
+  }
+}
+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.i = n3.__N = void 0;
+  })) : (i2.__h.forEach(z$1), 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 && (f.push(t2) !== 1 && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j)), t2.__H.__.forEach(function(n3) {
+    n3.i && (n3.__H = n3.i), n3.i = void 0;
+  })), u = r = null;
+}, c.__c = function(n2, t2) {
+  t2.some(function(n3) {
+    try {
+      n3.__h.forEach(z$1), 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$1(n3);
+    } catch (n4) {
+      t2 = n4;
+    }
+  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
+};
+var k = typeof requestAnimationFrame == "function";
+function w(n2) {
+  var t2, r2 = function() {
+    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
+  }, u2 = setTimeout(r2, 100);
+  k && (t2 = requestAnimationFrame(r2));
+}
+function z$1(n2) {
+  var t2 = r, u2 = n2.__c;
+  typeof u2 == "function" && (n2.__c = void 0, u2()), r = t2;
+}
+function B$1(n2) {
+  var t2 = r;
+  n2.__c = n2.__(), r = t2;
+}
+function C(n2, t2) {
+  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
+    return t3 !== n2[r2];
+  });
+}
+function D(n2, t2) {
+  return typeof t2 == "function" ? t2(n2) : t2;
+}
+const Image = ({
+  href,
+  x: x2,
+  y: y2 = 0,
+  height = 12
+}) => /* @__PURE__ */ u$1(
+  "image",
+  {
+    xlinkHref: href,
+    x: x2 - height / 2,
+    y: y2 - height / 2,
+    width: height,
+    height
+  }
+), ImageChar = ({
+  x: x2,
+  y: y2 = 0,
+  height = 12,
+  fill,
+  stroke,
+  fontFamily = "FontAwesome",
+  char = "",
+  fontWeight
+}) => {
+  const renderChar = T(() => 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
+    }
+  );
+}, Circle = ({
+  radius = 32,
+  fill = "navy",
+  stroke = fill,
+  strokeWidth = 1,
+  shapeRendering
+}) => /* @__PURE__ */ u$1(
+  "circle",
+  {
+    r: radius,
+    fill,
+    stroke,
+    strokeWidth,
+    shapeRendering
+  }
+), Square = ({
+  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
+  }
+), Rectangle = ({
+  width = 30,
+  height = 30,
+  cornerRadius = 0,
+  fill = "white",
+  stroke = "black",
+  strokeWidth = 1,
+  shapeRendering
+}) => /* @__PURE__ */ u$1(
+  "rect",
+  {
+    x: -width / 2,
+    y: -height / 2,
+    rx: cornerRadius,
+    ry: cornerRadius,
+    width,
+    height,
+    fill,
+    stroke: stroke || fill,
+    strokeWidth,
+    shapeRendering
+  }
+), Shape = ({
+  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
+        }
+      );
+  }
+}, Icon = ({
+  shape = "circle",
+  width,
+  height = 32,
+  fill,
+  stroke,
+  strokeWidth = 0,
+  imageUrl = "",
+  imageFontFamily = "FontAwesome",
+  imageChar = "",
+  imageCharFill = Palette.textColor(fill),
+  padding = height / 5,
+  xOffset = 0,
+  yOffset = 0,
+  cornerRadius,
+  shapeRendering
+}) => /* @__PURE__ */ u$1(b, { 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
+    }
+  )
+] }), Icons = ({
+  icons = []
+}) => {
+  const IconComponents = icons.map((cat) => /* @__PURE__ */ u$1(
+    "g",
+    {
+      id: cat.id,
+      children: /* @__PURE__ */ u$1(
+        Icon,
+        {
+          ...cat
+        }
+      )
+    },
+    cat.id
+  ));
+  return /* @__PURE__ */ u$1(b, { children: IconComponents });
+}, TextLine = ({
+  text,
+  height = 12,
+  anchor = "middle",
+  baseline = "middle",
+  fontFamily = "Verdana",
+  fill = "black"
+}) => /* @__PURE__ */ u$1(
+  "text",
+  {
+    "font-family": fontFamily,
+    "font-size": `${height}px`,
+    "text-anchor": anchor,
+    "dominant-baseline": baseline,
+    fill,
+    children: text
+  }
+), Text = ({
+  text,
+  height = 12,
+  fontFamily = "Verdana",
+  fill = "black",
+  onSizeUpdate
+}) => {
+  const [totalWidth, setTotalWidth] = h(0), [totalHeight, setTotalHeight] = h(0);
+  y(() => {
+    onSizeUpdate && onSizeUpdate({ width: totalWidth, height: totalHeight });
+  }, [totalWidth, totalHeight, onSizeUpdate]);
+  const parts = T(() => text.split(`
+`), [text]);
+  _(() => {
+    const size = Utility.textSize(parts, fontFamily, height);
+    setTotalWidth(size.width), setTotalHeight(size.height);
+  }, [fontFamily, height, parts]);
+  const TextLines = T(() => {
+    const yOffset = -(totalHeight / 2) + height / 2;
+    return parts.map((p2, i2) => /* @__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 });
+}, TextBox = ({
+  text,
+  height = 12,
+  fontFamily = "Verdana",
+  padding = 4,
+  fill = "whitesmoke",
+  stroke = "lightgray",
+  textFill = "black",
+  strokeWidth = 1,
+  cornerRadius = 0,
+  onSizeUpdate
+}) => {
+  const [textWidth, setTextWidthUpdate] = h(0), [textHeight, setTextHeightUpdate] = h(0);
+  y(() => {
+    onSizeUpdate && onSizeUpdate({ width: textWidth, height: textHeight });
+  }, [textWidth, textHeight, onSizeUpdate]);
+  const onTextSizeUpdate = q$1((size) => {
+    setTextWidthUpdate(size.width), setTextHeightUpdate(size.height);
+  }, []), w2 = textWidth + padding * 2 + strokeWidth, h$12 = textHeight + padding * 2 + strokeWidth, textOffsetY = Math.floor(height / 10);
+  return /* @__PURE__ */ u$1(b, { children: [
+    /* @__PURE__ */ u$1(
+      Rectangle,
+      {
+        width: w2,
+        height: h$12,
+        fill,
+        stroke,
+        strokeWidth,
+        cornerRadius
+      }
+    ),
+    /* @__PURE__ */ u$1("g", { transform: `translate(0 ${textOffsetY})`, children: /* @__PURE__ */ u$1(
+      Text,
+      {
+        text,
+        fontFamily,
+        height,
+        fill: textFill,
+        onSizeUpdate: onTextSizeUpdate
+      }
+    ) })
+  ] });
+}, LabelledRect = ({
+  text,
+  height = 12,
+  width = 12,
+  fontFamily = "Verdana",
+  fontSize = 10,
+  padding = 3,
+  fill = "whitesmoke",
+  stroke = "lightgray",
+  textFill = "black",
+  strokeWidth = 1,
+  cornerRadius = 0,
+  onSizeUpdate
+}) => {
+  const [actualWidth, setActualWidthUpdate] = h(width), [actualHeight, setActualHeightUpdate] = h(height);
+  return _(() => {
+    const size = Utility.textSize(text, fontFamily, fontSize);
+    setActualWidthUpdate(size.width + padding * 2), setActualHeightUpdate(size.height + padding * 2);
+  }, [text, fontFamily, fontSize, padding]), _(() => {
+    onSizeUpdate && onSizeUpdate({ width: actualWidth, height: actualHeight });
+  }, [actualWidth, actualHeight, padding, onSizeUpdate]), /* @__PURE__ */ u$1(b, { 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"
+      }
+    ) })
+  ] });
+}, IconLabelledRect = ({
+  icon,
+  iconFontFamily,
+  text,
+  height = 12,
+  width = 12,
+  fontFamily = "Verdana",
+  fontSize = 10,
+  padding = 3,
+  fill = "whitesmoke",
+  stroke = "lightgray",
+  textFill = "black",
+  strokeWidth = 1,
+  cornerRadius = 0
+}) => /* @__PURE__ */ u$1(b, { 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"
+    }
+  ) })
+] }), Edge = ({
+  label,
+  labelPos,
+  labelFill = "black",
+  labelHeight = 12,
+  path,
+  stroke,
+  strokeWidth,
+  strokeDasharray
+}) => /* @__PURE__ */ u$1(b, { 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
+] });
+function render(C2, props, parent, replaceNode) {
+  q$2(_$1(C2, props), parent, replaceNode);
+}
+function svgRender(C2, props, parent, replaceNode) {
+  q$2(_$1("svg", null, _$1(C2, props)), parent, replaceNode);
+}
+class HTMLAdapter extends HTMLWidget {
+  constructor(_component) {
+    super(), this._component = _component;
+  }
+  props(_2) {
+    return arguments.length ? (this._props = { ...this._props, ..._2 }, this) : this._props;
+  }
+  prop(_2, value) {
+    return arguments.length === 1 ? this._props[_2] : (this._props[_2] = value, this);
+  }
+  update(domNode, element) {
+    super.update(domNode, element), render(this._component, this._props, domNode);
+  }
+}
+HTMLAdapter.prototype._class += " react_HTMLAdapter";
+HTMLAdapter.prototype.publish("props", {}, "object", "Properties");
+class SVGAdapter extends SVGWidget {
+  constructor(_component) {
+    super(), this._component = _component;
+  }
+  props(_2) {
+    return arguments.length ? (this._props = { ...this._props, ..._2 }, this) : this._props;
+  }
+  prop(_2, value) {
+    return arguments.length === 1 ? this._props[_2] : (this._props[_2] = value, this);
+  }
+  update(domNode, element) {
+    super.update(domNode, element), render(this._component, this._props, domNode);
+  }
+}
+SVGAdapter.prototype._class += " react_SVGAdapter";
+SVGAdapter.prototype.publish("props", {}, "object", "Properties");
+const Span = ({
+  text
+}) => /* @__PURE__ */ u$1("span", { children: text }), Annotations = ({
+  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(b, { children: IconComponents });
+}, Vertex = ({
+  categoryID = "",
+  text = "",
+  textHeight = 12,
+  textPadding = 4,
+  icon = {},
+  annotationsHeight = 12,
+  annotationIDs = [],
+  textFill,
+  textboxFill,
+  textboxStroke,
+  textFontFamily,
+  onSizeUpdate,
+  showLabel = !0,
+  scale = 1
+}) => {
+  icon = {
+    imageChar: "fa-question",
+    height: 32,
+    fill: "transparent",
+    ...icon
+  };
+  const [textBoxWidth, setTextBoxWidthUpdate] = h(0), [textBoxHeight, setTextBoxHeightUpdate] = h(0);
+  y(() => {
+    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;
+  showLabel || (offsetY += (textHeight + 8) / 2, annotationOffsetY -= textBoxHeight + textPadding);
+  const onTextBoxSizeUpdate = q$1((size) => {
+    setTextBoxWidthUpdate(size.width), setTextBoxHeightUpdate(size.height);
+  }, []), 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
+  ] });
+}, Vertex2 = ({
+  categoryID = "",
+  text = "",
+  textHeight = 12,
+  textPadding = 4,
+  icon = {},
+  textFill = "black",
+  textboxFill = "white",
+  textboxStroke = "black",
+  textFontFamily,
+  annotationsHeight = 12,
+  annotationIDs = []
+}) => {
+  icon = {
+    imageChar: "fa-question",
+    imageCharFill: "white",
+    height: 32,
+    fill: "black",
+    shape: "square",
+    ...icon
+  };
+  const textBoxHeight = textHeight + textPadding * 2, { width } = T(() => Utility.textSize(text, textFontFamily, textHeight, !1), [text, textFontFamily, textHeight]), stepSize = annotationsHeight, textboxStrokeWidth = 1, halfTextboxHeight = textBoxHeight / 2, offsetX = 0, offsetY = -(icon.height * 2 / 6 + textHeight + 8) / 2, iconOffsetX = -icon.height / 2, iconOffsetY = 0, textboxOffsetX = Math.ceil(width / 2 + textPadding), textboxOffsetY = halfTextboxHeight - icon.height / 2, annotationOffsetX = stepSize / 2, 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(b, { 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
+          }
+        )
+      }
+    )
+  ] });
+}, Vertex3 = ({
+  text = "",
+  textHeight = 10,
+  textPadding = 4,
+  textFill = "#287EC4",
+  textboxFill = "white",
+  textboxStroke = "#CCCCCC",
+  textboxStrokeWidth = 1,
+  textFontFamily = "Verdana",
+  annotationGutter = 2,
+  annotations = [],
+  cornerRadius = 3,
+  icon = {},
+  subText = { text: "" },
+  showLabel = !0,
+  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, labelWidth = T(() => Utility.textSize(text, textFontFamily, textHeight, !1).width, [text, textFontFamily, textHeight]);
+  let labelShapeWidth = 0;
+  text !== "" && (labelShapeWidth = labelWidth + textPadding * 2 + textboxStrokeWidth * 2), fullAnnotationWidth += labelShapeWidth + annotationGutter;
+  const textOffsetX = fullAnnotationWidth - labelShapeWidth / 2, textShapeHeight = textHeight + textPadding * 2 + textboxStrokeWidth * 2, annotationArr = [];
+  annotations.forEach((anno, idx) => {
+    const annoText = anno.imageChar, 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)
+    );
+  }), 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
+    }
+  ) }), iconHeight = icon.height || 20, iconStrokeWidth = icon.strokeWidth || 0, iconOffsetX = 0;
+  let iconOffsetY = 0;
+  const subTextOffsetX = 0;
+  let subTextOffsetY = textShapeHeight + annotationGutter * 2;
+  text !== "" || annotationArr.length > 0 ? iconOffsetY = -(iconHeight / 2) - iconStrokeWidth - textShapeHeight / 2 - annotationGutter * 2 : 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
+  ] });
+}, CentroidVertex3 = function({
+  id,
+  categoryID = "",
+  text = "",
+  textHeight = 12,
+  textPadding = 10,
+  textFill = "#287EC4",
+  textboxFill = "white",
+  textboxStroke = "#CCCCCC",
+  textboxStrokeWidth = 1,
+  textFontFamily = "Verdana",
+  annotationGutter = 2,
+  annotations = [],
+  cornerRadius,
+  icon = {},
+  subText = {},
+  expansionIcon,
+  scale = 1
+}) {
+  return 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
+  }, /* @__PURE__ */ u$1(
+    Vertex3,
+    {
+      ...{
+        id,
+        categoryID,
+        text,
+        textHeight,
+        textPadding,
+        textFill,
+        textboxFill,
+        textboxStroke,
+        textboxStrokeWidth,
+        textFontFamily,
+        annotationGutter,
+        annotations,
+        cornerRadius,
+        icon,
+        subText,
+        expansionIcon,
+        scale
+      },
+      icon,
+      subText
+    }
+  );
+}, Vertex4 = ({
+  categoryID = "",
+  text = "",
+  textHeight = 10,
+  textPadding = 4,
+  textFill = "#287EC4",
+  textboxFill = "white",
+  textboxStroke = "#CCCCCC",
+  textboxStrokeWidth = 1,
+  textFontFamily = "Verdana",
+  annotationGutter = 2,
+  annotations = [],
+  iconAnnotations = [],
+  cornerRadius = 3,
+  icon = {},
+  subText = {},
+  showLabel = !0,
+  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, labelWidth = T(() => Utility.textSize(text, textFontFamily, textHeight, !1).width, [text, textFontFamily, textHeight]);
+  let labelShapeWidth = 0;
+  text !== "" && (labelShapeWidth = labelWidth + textPadding * 2 + textboxStrokeWidth * 2);
+  let fullAnnotationWidth = labelShapeWidth + annotationGutter;
+  const textOffsetX = fullAnnotationWidth - labelShapeWidth / 2, textShapeHeight = textHeight + annotationGutter * 2 + textboxStrokeWidth * 2, annoWidthArr = annotations.map((anno) => Utility.textSize(anno.imageChar, anno.imageFontFamily, anno.height, !1).width), annotationArr = [];
+  let _labelAnnoOffsetX = fullAnnotationWidth;
+  annotations.forEach((anno, i2) => {
+    const annoText = anno.imageChar, 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)
+    );
+  }), annotations.length > 0 && (fullAnnotationWidth += annotationGutter * (annotations.length - 1));
+  const iconAnnotationArr = [];
+  iconAnnotations.forEach((anno, i2) => {
+    const x2 = anno.shapeOffsetX, 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
+    }
+  ) }), subTextOffsetX = 0, subTextOffsetY = textShapeHeight + annotationGutter * 2, 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
+  ] });
+}, CentroidVertex4 = function({
+  id,
+  categoryID = "",
+  text = "",
+  textHeight = 12,
+  textPadding = 10,
+  textFill = "#287EC4",
+  textboxFill = "white",
+  textboxStroke = "#CCCCCC",
+  textboxStrokeWidth = 1,
+  textFontFamily = "Verdana",
+  annotationGutter = 2,
+  annotations = [],
+  iconAnnotations = [],
+  cornerRadius,
+  icon = {},
+  subText = {},
+  showLabel = !0,
+  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"
+}) {
+  return 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
+  }, /* @__PURE__ */ u$1(
+    Vertex4,
+    {
+      ...{
+        id,
+        categoryID,
+        text,
+        textHeight,
+        textPadding,
+        textFill,
+        textboxFill,
+        textboxStroke,
+        textboxStrokeWidth,
+        textFontFamily,
+        annotationGutter,
+        annotations,
+        iconAnnotations,
+        cornerRadius,
+        icon,
+        subText,
+        showLabel,
+        noLabelRadius,
+        iconBorderWidth,
+        iconBorderColor,
+        iconBackgroundColor,
+        iconFontColor,
+        iconFontSize,
+        iconFontFamily,
+        shapeOffsetX,
+        shapeOffsetY,
+        iconOffsetX,
+        iconOffsetY,
+        iconPadding,
+        iconText,
+        shapeRendering
+      },
+      icon,
+      subText
+    }
+  );
+}, Subgraph = ({
+  text,
+  width = 100,
+  height = 100,
+  fill = "transparent",
+  stroke = "black",
+  fontHeight = 12,
+  fontFamily
+}) => {
+  const tSize = Utility.textSize(text, fontFamily, fontHeight, !1);
+  return /* @__PURE__ */ u$1(b, { 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
+          }
+        )
+      }
+    )
+  ] });
+};
+function g(n2, t2) {
+  for (var e2 in n2) if (e2 !== "__source" && !(e2 in t2)) return !0;
+  for (var r2 in t2) if (r2 !== "__source" && n2[r2] !== t2[r2]) return !0;
+  return !1;
+}
+function I(n2, t2) {
+  this.props = n2, this.context = t2;
+}
+(I.prototype = new k$1()).isPureReactComponent = !0, I.prototype.shouldComponentUpdate = function(n2, t2) {
+  return g(this.props, n2) || g(this.state, t2);
+};
+var M = l$1.__b;
+l$1.__b = function(n2) {
+  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), M && M(n2);
+};
+var O = 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 t2.__e == null && (t2.__e = e2.__e, t2.__k = e2.__k), u2.__c(n2, t2);
+  }
+  O(n2, t2, e2, r2);
+};
+var F = l$1.unmount;
+function U(n2, t2, e2) {
+  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
+    typeof n3.__c == "function" && n3.__c();
+  }), n2.__c.__H = null), (n2 = function(n3, t3) {
+    for (var e3 in t3) n3[e3] = t3[e3];
+    return n3;
+  }({}, n2)).__c != null && (n2.__c.__P === e2 && (n2.__c.__P = t2), n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return U(n3, t2, e2);
+  })), n2;
+}
+function V(n2, t2, e2) {
+  return n2 && e2 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return V(n3, t2, e2);
+  }), n2.__c && n2.__c.__P === t2 && (n2.__e && e2.appendChild(n2.__e), n2.__c.__e = !0, n2.__c.__P = e2)), n2;
+}
+function W() {
+  this.__u = 0, this.o = null, this.__b = null;
+}
+function P(n2) {
+  var t2 = n2.__.__c;
+  return t2 && t2.__a && t2.__a(n2);
+}
+function z() {
+  this.i = null, this.l = null;
+}
+l$1.unmount = function(n2) {
+  var t2 = n2.__c;
+  t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), F && F(n2);
+}, (W.prototype = new k$1()).__c = function(n2, t2) {
+  var e2 = t2.__c, r2 = this;
+  r2.o == null && (r2.o = []), r2.o.push(e2);
+  var u2 = P(r2.__v), o2 = !1, i2 = function() {
+    o2 || (o2 = !0, e2.__R = null, u2 ? u2(c2) : c2());
+  };
+  e2.__R = i2;
+  var c2 = function() {
+    if (!--r2.__u) {
+      if (r2.state.__a) {
+        var n3 = r2.state.__a;
+        r2.__v.__k[0] = V(n3, n3.__c.__P, n3.__c.__O);
+      }
+      var t3;
+      for (r2.setState({ __a: r2.__b = null }); t3 = r2.o.pop(); ) t3.forceUpdate();
+    }
+  };
+  r2.__u++ || 32 & t2.__u || r2.setState({ __a: r2.__b = r2.__v.__k[0] }), n2.then(i2, i2);
+}, W.prototype.componentWillUnmount = function() {
+  this.o = [];
+}, W.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] = U(this.__b, r2, o2.__O = o2.__P);
+    }
+    this.__b = null;
+  }
+  var i2 = e2.__a && _$1(b, null, n2.fallback);
+  return i2 && (i2.__u &= -33), [_$1(b, null, e2.__a ? null : n2.children), i2];
+};
+var B = function(n2, t2, e2) {
+  if (++e2[1] === e2[0] && n2.l.delete(t2), n2.props.revealOrder && (n2.props.revealOrder[0] !== "t" || !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];
+  }
+};
+(z.prototype = new k$1()).__a = function(n2) {
+  var t2 = this, e2 = P(t2.__v), r2 = t2.l.get(n2);
+  return r2[0]++, function(u2) {
+    var o2 = function() {
+      t2.props.revealOrder ? (r2.push(u2), B(t2, n2, r2)) : u2();
+    };
+    e2 ? e2(o2) : o2();
+  };
+}, z.prototype.render = function(n2) {
+  this.i = null, this.l = /* @__PURE__ */ new Map();
+  var t2 = H(n2.children);
+  n2.revealOrder && n2.revealOrder[0] === "b" && t2.reverse();
+  for (var e2 = t2.length; e2--; ) this.l.set(t2[e2], this.i = [1, 0, this.i]);
+  return n2.children;
+}, z.prototype.componentDidUpdate = z.prototype.componentDidMount = function() {
+  var n2 = this;
+  this.l.forEach(function(t2, e2) {
+    B(n2, e2, t2);
+  });
+};
+var $ = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, q = /^(?: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]/, G = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, J = /[A-Z0-9]/g, K = typeof document < "u", Q = function(n2) {
+  return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/ : /fil|che|ra/).test(n2);
+};
+k$1.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
+  Object.defineProperty(k$1.prototype, t2, { configurable: !0, get: function() {
+    return this["UNSAFE_" + t2];
+  }, set: function(n2) {
+    Object.defineProperty(this, t2, { configurable: !0, writable: !0, value: n2 });
+  } });
+});
+var tn = l$1.event;
+function en() {
+}
+function rn() {
+  return this.cancelBubble;
+}
+function un() {
+  return this.defaultPrevented;
+}
+l$1.event = function(n2) {
+  return tn && (n2 = tn(n2)), n2.persist = en, n2.isPropagationStopped = rn, n2.isDefaultPrevented = un, n2.nativeEvent = n2;
+};
+var cn = { enumerable: !1, configurable: !0, get: function() {
+  return this.class;
+} }, fn = l$1.vnode;
+l$1.vnode = function(n2) {
+  typeof n2.type == "string" && function(n3) {
+    var t2 = n3.props, e2 = n3.type, u2 = {}, o2 = e2.indexOf("-") === -1;
+    for (var i2 in t2) {
+      var c2 = t2[i2];
+      if (!(i2 === "value" && "defaultValue" in t2 && c2 == null || K && i2 === "children" && e2 === "noscript" || i2 === "class" || i2 === "className")) {
+        var f2 = i2.toLowerCase();
+        i2 === "defaultValue" && "value" in t2 && t2.value == null ? i2 = "value" : i2 === "download" && c2 === !0 ? c2 = "" : f2 === "translate" && c2 === "no" ? c2 = !1 : f2[0] === "o" && f2[1] === "n" ? f2 === "ondoubleclick" ? i2 = "ondblclick" : f2 !== "onchange" || e2 !== "input" && e2 !== "textarea" || Q(t2.type) ? f2 === "onfocus" ? i2 = "onfocusin" : f2 === "onblur" ? i2 = "onfocusout" : G.test(i2) && (i2 = f2) : f2 = i2 = "oninput" : o2 && q.test(i2) ? i2 = i2.replace(J, "-$&").toLowerCase() : c2 === null && (c2 = void 0), f2 === "oninput" && u2[i2 = f2] && (i2 = "oninputCapture"), u2[i2] = c2;
+      }
+    }
+    e2 == "select" && u2.multiple && Array.isArray(u2.value) && (u2.value = H(t2.children).forEach(function(n4) {
+      n4.props.selected = u2.value.indexOf(n4.props.value) != -1;
+    })), e2 == "select" && u2.defaultValue != null && (u2.value = H(t2.children).forEach(function(n4) {
+      n4.props.selected = u2.multiple ? u2.defaultValue.indexOf(n4.props.value) != -1 : 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 = $, fn && fn(n2);
+};
+var ln = l$1.__r;
+l$1.__r = function(n2) {
+  ln && ln(n2), n2.__c;
+};
+var an = l$1.diffed;
+l$1.diffed = function(n2) {
+  an && an(n2);
+  var t2 = n2.props, e2 = n2.__e;
+  e2 != null && n2.type === "textarea" && "value" in t2 && t2.value !== e2.value && (e2.value = t2.value == null ? "" : t2.value);
+};
+function _n(n2) {
+  return !!n2.__k && (q$2(null, n2), !0);
+}
+const preactShim = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Component: k$1,
+  Fragment: b,
+  createElement: _$1,
+  h: _$1,
+  render: q$2,
+  unmountComponentAtNode: _n,
+  useCallback: q$1,
+  useEffect: y,
+  useLayoutEffect: _,
+  useMemo: T,
+  useReducer: p,
+  useState: h
+}, Symbol.toStringTag, { value: "Module" }));
+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
+};
 //# sourceMappingURL=index.js.map