@next-bricks/diagram 0.66.2 → 0.67.0

package/dist/types.json

@@ -1,78 +1,4 @@
 {
-  "diagram.editable-label": {
-    "properties": [
-      {
-        "name": "label",
-        "annotation": {
-          "type": "keyword",
-          "value": "string"
-        }
-      },
-      {
-        "name": "type",
-        "annotation": {
-          "type": "reference",
-          "typeName": {
-            "type": "identifier",
-            "name": "LabelType"
-          }
-        }
-      },
-      {
-        "name": "readOnly",
-        "annotation": {
-          "type": "keyword",
-          "value": "boolean"
-        }
-      }
-    ],
-    "events": [
-      {
-        "name": "label.editing.change",
-        "detail": {
-          "annotation": {
-            "type": "keyword",
-            "value": "boolean"
-          }
-        }
-      },
-      {
-        "name": "label.change",
-        "detail": {
-          "annotation": {
-            "type": "keyword",
-            "value": "string"
-          }
-        }
-      }
-    ],
-    "methods": [
-      {
-        "name": "enableEditing",
-        "params": [],
-        "returns": {}
-      }
-    ],
-    "types": [
-      {
-        "type": "typeAlias",
-        "name": "LabelType",
-        "annotation": {
-          "type": "union",
-          "types": [
-            {
-              "type": "jsLiteral",
-              "value": "line"
-            },
-            {
-              "type": "jsLiteral",
-              "value": "default"
-            }
-          ]
-        }
-      }
-    ]
-  },
   "diagram.experimental-node": {
     "properties": [
       {
@@ -250,6 +176,80 @@
       }
     ]
   },
+  "diagram.editable-label": {
+    "properties": [
+      {
+        "name": "label",
+        "annotation": {
+          "type": "keyword",
+          "value": "string"
+        }
+      },
+      {
+        "name": "type",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "LabelType"
+          }
+        }
+      },
+      {
+        "name": "readOnly",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "label.editing.change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "boolean"
+          }
+        }
+      },
+      {
+        "name": "label.change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "string"
+          }
+        }
+      }
+    ],
+    "methods": [
+      {
+        "name": "enableEditing",
+        "params": [],
+        "returns": {}
+      }
+    ],
+    "types": [
+      {
+        "type": "typeAlias",
+        "name": "LabelType",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "line"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "default"
+            }
+          ]
+        }
+      }
+    ]
+  },
   "eo-draw-canvas": {
     "properties": [
       {
@@ -700,6 +700,24 @@
             "value": "void"
           }
         }
+      },
+      {
+        "name": "canvas.group",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
+      },
+      {
+        "name": "canvas.ungroup",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "void"
+          }
+        }
       }
     ],
     "methods": [

package/dist-types/draw-canvas/index.d.ts

@@ -220,6 +220,8 @@ export interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {
     onCanvasContextMenu(detail: PositionTuple): void;
     onCanvasCopy(): void;
     onCanvasPaste(): void;
+    onCanvasGroup(): void;
+    onCanvasUngroup(): void;
 }
 export interface DrawCanvasRef {
     dropNode(node: NodeCell): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/diagram",
-  "version": "0.66.2",
+  "version": "0.67.0",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/bricks/diagram",
   "repository": {
     "type": "git",
@@ -41,5 +41,5 @@
   "peerDependencies": {
     "@next-bricks/basic": "*"
   },
-  "gitHead": "6199035beae442726c22843c8c2174b7be2edc1c"
+  "gitHead": "75c0b3db70bffeae11844f0ed3a8f31e5b8762d4"
 }

package/dist/chunks/9711.3e79c214.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939,9711],{497:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),s=a.n(n),i=a(935),l=a.n(i)()(s());l.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:rgba(0,0,0,0.2);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host(:not([usage="dragging"]):not([usage="library"]):hover),\n:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const o=l.toString()},3971:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(6758),s=a.n(n),i=a(935),l=a.n(i)()(s());l.push([e.id,':host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type="line"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const o=l.toString()},9068:(e,t,a)=>{a.d(t,{uuidV4:()=>Tn});var n,s=a(4635),i=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),A=a(7921),p=a(1280),v=a(7732),y=(a(5168),a(1030)),m=a(3373),k=a.n(m),b=a(7566),f=a(5748),w=a(3739),C=a(531),M=a(8185),E=a(2733),W=a(7590),x=a(3639),N=a(3783),T=a(3371),S=a(227),R=a(3033),L=a(8091),z=a(1819),B=a(7099),D=a(1484),O=a(8197),$=a(7531),P=a(8875),H=a(2722),I=a(9978),K=a(2219),F=a(3012),V=a(6237),Y=a(1103),U=a(9386),X=a(1991),_=a(2202),Z=a(1825),j=a(4117),G=a(4197),q=a(8944),J=a(2969);let Q,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,me,ke,be,fe,we,Ce,Me,Ee,We,xe,Ne,Te,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He,Ie,Ke,Fe,Ve,Ye,Ue,Xe,_e,Ze,je,Ge,qe,Je,Qe,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,mt,kt,bt,ft,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,It,Kt,Ft,Vt,Yt,Ut,Xt,_t,Zt,jt,Gt,qt,Jt,Qt,ea,ta,aa,na,sa,ia,la,oa,ra,da,ca;const ha=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:ua,property:ga,method:Aa,event:pa}=(0,A.createDecorators)(),va=g().forwardRef(Nn);let ya;var ma=new WeakMap,ka=new WeakMap,ba=new WeakMap,fa=new WeakMap,wa=new WeakMap,Ca=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,Wa=new WeakMap,xa=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap,Ha=new WeakMap,Ia=new WeakSet,Ka=new WeakMap,Fa=new WeakMap,Va=new WeakMap,Ya=new WeakMap,Ua=new WeakMap,Xa=new WeakMap,_a=new WeakMap,Za=new WeakMap,ja=new WeakMap,Ga=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,en=new WeakMap,tn=new WeakMap,an=new WeakMap,nn=new WeakMap,sn=new WeakMap,ln=new WeakMap,on=new WeakMap,rn=new WeakMap,dn=new WeakMap,cn=new WeakMap,hn=new WeakMap,un=new WeakMap,gn=new WeakMap,An=new WeakMap,pn=new WeakMap,vn=new WeakMap,yn=new WeakMap,mn=new WeakMap,kn=new WeakMap,bn=new WeakMap,fn=new WeakMap,wn=new WeakMap,Cn=new WeakMap,Mn=new WeakMap;class En extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,Ia),(0,i.A)(this,ma,(Q(this),te(this))),(0,i.A)(this,ka,(ae(this),ne(this))),(0,i.A)(this,ba,(se(this),ie(this))),(0,i.A)(this,fa,(le(this),oe(this,[R.HP,R.HP]))),(0,i.A)(this,wa,(re(this),de(this))),(0,i.A)(this,Ca,(ce(this),he(this))),(0,i.A)(this,Ma,(ue(this),ge(this))),(0,i.A)(this,Ea,(Ae(this),pe(this))),(0,i.A)(this,Wa,(ve(this),ye(this))),(0,i.A)(this,xa,(me(this),ke(this))),(0,i.A)(this,Na,(be(this),fe(this,!0))),(0,i.A)(this,Ta,(we(this),Ce(this,!0))),(0,i.A)(this,Sa,(Me(this),Ee(this,!0))),(0,i.A)(this,Ra,(We(this),xe(this,!1))),(0,i.A)(this,La,(Ne(this),Te(this))),(0,i.A)(this,za,(Se(this),Re(this))),(0,i.A)(this,Ba,(Le(this),ze(this))),(0,i.A)(this,Da,(Be(this),De(this))),(0,i.A)(this,Oa,(Oe(this),$e(this))),(0,i.A)(this,$a,(Pe(this),He(this))),(0,i.A)(this,Pa,(Ie(this),Ke(this))),(0,i.A)(this,Ha,(Fe(this),Ve(this))),(0,i.A)(this,Ka,(Xe(this),e=>{(0,r.A)(Ia,this,Ye).emit(e)})),(0,i.A)(this,Fa,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Va,_e(this)),(0,i.A)(this,Ya,(Ge(this),qe(this))),(0,i.A)(this,Ua,(et(this),e=>{(0,r.A)(Ia,this,Je).emit(e),"node"===e.type&&(0,r.A)(Ia,this,Ze).emit(e)})),(0,i.A)(this,Xa,tt(this)),(0,i.A)(this,_a,(st(this),e=>{(0,r.A)(Ia,this,at).emit(e)})),(0,i.A)(this,Za,it(this)),(0,i.A)(this,ja,(rt(this),e=>{(0,r.A)(Ia,this,lt).emit(e)})),(0,i.A)(this,Ga,dt(this)),(0,i.A)(this,qa,(ut(this),gt(this))),(0,i.A)(this,Ja,(vt(this),e=>{(0,r.A)(Ia,this,At).emit(e),"node"===e.type&&(0,r.A)(Ia,this,ct).emit(e)})),(0,i.A)(this,Qa,yt(this)),(0,i.A)(this,en,(bt(this),e=>{(0,r.A)(Ia,this,mt).emit(e)})),(0,i.A)(this,tn,ft(this)),(0,i.A)(this,an,(Mt(this),e=>{(0,r.A)(Ia,this,wt).emit(e)})),(0,i.A)(this,nn,Et(this)),(0,i.A)(this,sn,(Nt(this),e=>{(0,r.A)(Ia,this,Wt).emit(e)})),(0,i.A)(this,ln,Tt(this)),(0,i.A)(this,on,(Lt(this),e=>{(0,r.A)(Ia,this,St).emit(e)})),(0,i.A)(this,rn,zt(this)),(0,i.A)(this,dn,(Ot(this),e=>{(0,r.A)(Ia,this,Bt).emit(e)})),(0,i.A)(this,cn,$t(this)),(0,i.A)(this,hn,(It(this),e=>{(0,r.A)(Ia,this,Pt).emit(e)})),(0,i.A)(this,un,Kt(this)),(0,i.A)(this,gn,(Yt(this),e=>{(0,r.A)(Ia,this,Ft).emit(e)})),(0,i.A)(this,An,Ut(this)),(0,i.A)(this,pn,(Zt(this),e=>{(0,r.A)(Ia,this,Xt).emit(e)})),(0,i.A)(this,vn,jt(this)),(0,i.A)(this,yn,(Jt(this),e=>{(0,r.A)(Ia,this,Gt).emit(e)})),(0,i.A)(this,mn,Qt(this)),(0,i.A)(this,kn,(aa(this),e=>{(0,r.A)(Ia,this,ea).emit({clientX:e[0],clientY:e[1],view:(0,o.A)(Ia,this,Wn).call(this,e)})})),(0,i.A)(this,bn,na(this)),(0,i.A)(this,fn,(la(this),()=>{(0,r.A)(Ia,this,sa).emit()})),(0,i.A)(this,wn,oa(this)),(0,i.A)(this,Cn,(ca(this),()=>{(0,r.A)(Ia,this,ra).emit()})),(0,i.A)(this,Mn,(0,u.createRef)())}get cells(){return(0,c.A)(ma,this)}set cells(e){(0,d.A)(ma,this,e)}get layout(){return(0,c.A)(ka,this)}set layout(e){(0,d.A)(ka,this,e)}get layoutOptions(){return(0,c.A)(ba,this)}set layoutOptions(e){(0,d.A)(ba,this,e)}get defaultNodeSize(){return(0,c.A)(fa,this)}set defaultNodeSize(e){(0,d.A)(fa,this,e)}get defaultNodeBricks(){return(0,c.A)(wa,this)}set defaultNodeBricks(e){(0,d.A)(wa,this,e)}get degradedThreshold(){return(0,c.A)(Ca,this)}set degradedThreshold(e){(0,d.A)(Ca,this,e)}get degradedNodeLabel(){return(0,c.A)(Ma,this)}set degradedNodeLabel(e){(0,d.A)(Ma,this,e)}get defaultEdgeLines(){return(0,c.A)(Ea,this)}set defaultEdgeLines(e){(0,d.A)(Ea,this,e)}get activeTarget(){return(0,c.A)(Wa,this)}set activeTarget(e){(0,d.A)(Wa,this,e)}get fadeUnrelatedCells(){return(0,c.A)(xa,this)}set fadeUnrelatedCells(e){(0,d.A)(xa,this,e)}get zoomable(){return(0,c.A)(Na,this)}set zoomable(e){(0,d.A)(Na,this,e)}get scrollable(){return(0,c.A)(Ta,this)}set scrollable(e){(0,d.A)(Ta,this,e)}get pannable(){return(0,c.A)(Sa,this)}set pannable(e){(0,d.A)(Sa,this,e)}get allowEdgeToArea(){return(0,c.A)(Ra,this)}set allowEdgeToArea(e){(0,d.A)(Ra,this,e)}get dragBehavior(){return(0,c.A)(La,this)}set dragBehavior(e){(0,d.A)(La,this,e)}get ctrlDragBehavior(){return(0,c.A)(za,this)}set ctrlDragBehavior(e){(0,d.A)(za,this,e)}get scaleRange(){return(0,c.A)(Ba,this)}set scaleRange(e){(0,d.A)(Ba,this,e)}get lineSettings(){return(0,c.A)(Da,this)}set lineSettings(e){(0,d.A)(Da,this,e)}get lineConnector(){return(0,c.A)(Oa,this)}set lineConnector(e){(0,d.A)(Oa,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)($a,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)($a,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(Pa,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Pa,this,e)}async dropNode(e){var t,a;let{id:n,position:s,size:i,data:l,useBrick:r}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var d,h,u;const e={type:"node",id:n,view:{..."force"===this.layout||"dagre"===this.layout?null:(0,o.A)(Ia,this,Wn).call(this,s),width:null!==(d=null==i?void 0:i[0])&&void 0!==d?d:this.defaultNodeSize[0],height:null!==(h=null==i?void 0:i[1])&&void 0!==h?h:this.defaultNodeSize[0]},data:l,useBrick:r};return null===(u=(0,c.A)(Mn,this).current)||void 0===u||u.dropNode(e),e}return null}async dropDecorator(e){var t,a;let{position:n,decorator:s,text:i,direction:l,source:o,target:r,view:d}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var h,u,g,A,p;const e=this.getBoundingClientRect(),t=(0,c.A)(Mn,this).current.getTransform(),a=(n[0]-e.left-t.x)/t.k,v=(n[1]-e.top-t.y)/t.k,y={type:"decorator",decorator:s,id:Tn(),view:"line"===s?{source:{x:a+(null!==(h=null==o?void 0:o.x)&&void 0!==h?h:-30),y:v+(null!==(u=null==o?void 0:o.y)&&void 0!==u?u:30)},target:{x:a+(null!==(g=null==r?void 0:r.x)&&void 0!==g?g:30),y:v+(null!==(A=null==r?void 0:r.y)&&void 0!==A?A:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:i,direction:l,...d}};return null===(p=(0,c.A)(Mn,this).current)||void 0===p||p.dropDecorator(y),y}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:n,useBrick:s,id:i,data:l,containerId:o,groupId:r}=e;return{type:"node",id:i,data:l,containerId:o,groupId:r,view:{width:null!==(t=null==n?void 0:n[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==n?void 0:n[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:s}}));return(0,c.A)(Mn,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:n,data:s}=e;const i={type:"edge",source:a,target:n,data:s,view:this.lineSettings};return null===(t=(0,c.A)(Mn,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,c.A)(Mn,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Ia,this,xn).call(this);const{updated:a}=(0,c.A)(Mn,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}async reCenter(){var e;null===(e=(0,c.A)(Mn,this).current)||void 0===e||e.reCenter()}async toggleLock(e){return(0,c.A)(Mn,this).current.toggleLock(e,"toggle")}async lock(e){return(0,c.A)(Mn,this).current.toggleLock(e,"lock")}async unlock(e){return(0,c.A)(Mn,this).current.toggleLock(e,"unlock")}disconnectedCallback(){super.disconnectedCallback(),ha(this,!1)}render(){return g().createElement(va,{host:this,ref:(0,c.A)(Mn,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,c.A)(Ka,this),onSwitchActiveTarget:(0,c.A)(Fa,this),onCellMove:(0,c.A)(Ua,this),onCellsMove:(0,c.A)(_a,this),onCellResize:(0,c.A)(ja,this),onCellDelete:(0,c.A)(Ja,this),onCellsDelete:(0,c.A)(en,this),onEdgeAdd:(0,c.A)(sn,this),onCellContextMenu:(0,c.A)(an,this),onCanvasContextMenu:(0,c.A)(kn,this),onDecoratorTextChange:(0,c.A)(hn,this),onContainerContainerChange:(0,c.A)(gn,this),onDecoratorGroupPlusClick:(0,c.A)(pn,this),onScaleChange:(0,c.A)(yn,this),onEdgeViewChange:(0,c.A)(on,this),onDecoratorViewChange:(0,c.A)(dn,this),onCanvasCopy:(0,c.A)(fn,this),onCanvasPaste:(0,c.A)(Cn,this)})}}function Wn(e){const t=this.getBoundingClientRect(),a=(0,c.A)(Mn,this).current.getTransform();return{x:(e[0]-t.left-a.x)/a.k,y:(e[1]-t.top-a.y)/a.k}}function xn(){return new Promise((e=>{const t=()=>{(0,c.A)(Mn,this).current?e():setTimeout(t,10)};t()}))}function Nn(e,t){let{host:a,layout:n,layoutOptions:s,cells:i,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:m,dragBehavior:M,ctrlDragBehavior:F,scaleRange:V,lineSettings:Q,lineConnector:ee,allowEdgeToArea:te,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ne,onActiveTargetChange:se,onSwitchActiveTarget:ie,onCellMove:le,onCellResize:oe,onCellDelete:re,onCellsMove:de,onCellsDelete:ce,onCellContextMenu:he,onEdgeAdd:ue,onDecoratorTextChange:ge,onScaleChange:Ae,onContainerContainerChange:pe,onDecoratorGroupPlusClick:ve,onEdgeViewChange:ye,onDecoratorViewChange:me,onCanvasContextMenu:ke,onCanvasCopy:be,onCanvasPaste:fe}=e;const[{cells:we,layoutKey:Ce},Me]=(0,u.useReducer)(f.d,i,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l,layoutOptions:s,isInitialize:!0}),layoutKey:0}))),Ee=(0,u.useMemo)((()=>we.filter(C.N).length>=(null!=d?d:R.pC)),[we,d]),We=(0,u.useRef)(null),xe=(0,u.useRef)(null),[Ne,Te]=(0,u.useState)([]),[Se,Re]=(0,u.useState)([]),[Le,ze]=(0,u.useState)(null),{grabbing:Be,transform:De,zoomer:Oe,scaleRange:$e}=(0,L.f)({rootRef:We,zoomable:p,scrollable:v,pannable:m,draggable:"grab"===M,ctrlDraggable:"grab"===F,scaleRange:V,onSwitchActiveTarget:ie});(0,u.useEffect)((()=>{Ae(De.k)}),[Ae,De.k]);const[Pe,He]=(0,u.useState)(null),[Ie,Ke]=(0,u.useState)(null),{centered:Fe,setCentered:Ve,getNextLayoutKey:Ye}=(0,D.g)({layout:n,layoutOptions:s,rootRef:We,cells:we,zoomable:p,zoomer:Oe,scaleRange:$e,layoutKey:Ce,allowEdgeToArea:te,dispatch:Me}),Ue=(0,u.useCallback)((()=>{Ve(!1)}),[Ve]),Xe=(0,u.useMemo)((()=>(0,q.E)(we)),[we]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==n&&"force"!==n&&Ve(!0),Me({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==n&&"force"!==n&&Ve(!0),Me({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:i,canvasHeight:l}=t;const o=we.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,r=[...we.slice(0,o),...e,...we.slice(o)],{cells:d,updated:c,shouldReCenter:h}=(0,T.L)({cells:r,layout:n,previousCells:we,defaultNodeSize:a,canvasWidth:i,canvasHeight:l,scaleRange:$e,transform:De,allowEdgeToArea:te,layoutOptions:s});return h&&Ve(!1),Me({type:"update-cells",payload:d}),c.filter((t=>e.includes(t)))},addEdge(e){Me({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...i}=(0,T.L)({...t,layout:n,previousCells:we,cells:e,scaleRange:$e,transform:De,allowEdgeToArea:te,layoutOptions:s});return a&&Ve(!1),Me({type:"update-cells",payload:i.cells}),i},getTransform:()=>De,manuallyConnectNodes(e){const t=we.find((t=>(0,C.bo)(t,te)&&t.id===e));if(t){const e=We.current.getBoundingClientRect();return Ke({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{xe.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:Ue,toggleLock(e,t){const{newCells:a,updates:n}=(0,J.A)(e,t,we,Xe);return a?(Me({type:"update-cells",payload:a}),n):null}})),[we,n,$e,Ve,De,te,Ue,Xe]);const _e=(0,u.useCallback)(((e,t)=>{var a;for(let a=we.length-1;a>=0;a--){const s=we[a];if((0,C.bo)(s,te)&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var n;null===(n=xe.current)||void 0===n||n.resolve({source:e.source,target:s});break}}null===(a=xe.current)||void 0===a||a.reject(null),Ke(null)}),[te,we]),[Ze,je]=(0,u.useState)(null);(0,u.useEffect)((()=>{ha(a,!!(Ie||Ze||Pe))}),[Ie,a,Ze,Pe]);const Ge=(0,z.J)({rootRef:We,activeTarget:h,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ne,onActiveTargetChange:se}),[qe,Je]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,S.Y)(we,Ie,Ge,te):[];Je((t=>0===t.length&&0===e.length?t:e))}),[Ge,we,Ie,A,te]),(0,u.useEffect)((()=>{const e=We.current;if(!e||Ne.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:we,activeTarget:Ge,lockedIds:Xe});"delete-cells"===(null==t?void 0:t.action)&&(ce(t.cells),1===t.cells.length&&re(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Ge,we,Ne.length,Xe,re,ce]);const Qe=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[et,tt]=(0,u.useState)([]),[at,nt]=(0,u.useState)(!1),[st,it]=(0,u.useState)(!1),[lt,ot]=(0,u.useState)(!1),rt=(0,u.useCallback)((e=>{Me({type:"move-cells",payload:e});const t=[];(0,X._)(e,we).forEach((e=>{var a,n;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(n=e.containerCell)||void 0===n?void 0:n.id)})),Re(t),tt(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),nt(!0),e.some((e=>(0,C._m)(e)))||ot(!0)}),[we]),dt=(0,u.useCallback)((e=>{Me({type:"move-cells",payload:e}),de(e),1===e.length&&le(e[0]),(0,X._)(e,we,pe),Re([]),tt([]),nt(!1),ot(!1)}),[le,de,we,pe]),ct=(0,u.useCallback)((e=>{Me({type:"resize-cell",payload:e}),it(!0)}),[]),ht=(0,u.useCallback)((e=>{Me({type:"resize-cell",payload:e}),oe(e),it(!1)}),[oe]),ut=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;Te(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),gt=(0,u.useCallback)(((e,t)=>{const a=Ye();Me({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ye]),At=(0,u.useCallback)((e=>{Oe.scaleTo((0,b.A)(We.current),e/100)}),[Oe]),{lineConfMap:pt,lineConnectorConf:vt,markers:yt}=(0,$.d)({cells:we,defaultEdgeLines:r,lineConnector:ee,markerPrefix:Qe,useMemoizedResult:lt||st}),mt=(0,j.A)({cells:we,lineConfMap:pt}),kt=(0,u.useMemo)((()=>{let e=[];return e=we.filter((e=>!(0,q.l)(e,Xe)&&(0,G.Q)(e,Ge)&&((0,C.WW)(e)||(0,C._m)(e))&&mt.has(e))),e}),[Ge,we,mt,Xe]),bt=(0,O.H)({cells:we,layout:n,centered:Fe}),[ft,wt]=(0,u.useState)(null),Ct=(0,u.useRef)(null),[Mt,Et]=(0,u.useState)(null),Wt=(0,u.useCallback)((e=>{if(vt&&!(0,q.l)(e,Xe)&&(0,C.bo)(e,te)&&(!Mt||"control"!==Mt.type)){null!==Ct.current&&(clearTimeout(Ct.current),Ct.current=null);const t=(0,P.G)();wt({cell:e,relativePoints:t,points:Sn(t,e.view)})}}),[te,vt,Mt,Xe]),xt=(0,u.useCallback)((e=>{vt&&(0,C.N)(e)&&(Ct.current=setTimeout((()=>{wt(null)})))}),[vt]),Nt=(0,u.useCallback)(((e,t,a,n)=>{const s={source:e.id,target:t.id,view:{...Q,exitPosition:a,entryPosition:n,vertices:null}};if(we.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))Me({type:"change-edge-view",payload:s}),null==ye||ye(s);else{const a={type:"edge",...s};Me({type:"add-edge",payload:a}),ue({source:e,target:t,view:a.view})}}),[we,Q,ue,ye]),Tt=(0,u.useCallback)(((e,t,a)=>{const n={source:e.id,target:t.id,view:a};Me({type:"change-edge-view",payload:n}),null==ye||ye(n)}),[ye]),St=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};Me({type:"change-decorator-view",payload:a}),null==me||me(a)}),[me]),Rt=(0,u.useMemo)((()=>({rootRef:We,smartConnectLineState:Ze,unsetHoverStateTimeoutRef:Ct,hoverState:ft,activeEditableLines:kt,lineEditorState:Mt,movingCells:at,setLineEditorState:Et,setHoverState:wt,setSmartConnectLineState:je,onConnect:Nt,onChangeEdgeView:Tt,onChangeDecoratorView:St})),[kt,Tt,St,Nt,ft,Mt,Ze,at]),Lt=(0,u.useCallback)((e=>{e.preventDefault(),ke([e.clientX,e.clientY]),null==ie||ie(null)}),[ke,ie]),zt=(0,u.useCallback)((e=>{e[/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey"]&&("c"===e.key?(be(),e.preventDefault()):"v"===e.key&&(fe(),e.preventDefault()))}),[be,fe]);return(0,u.useEffect)((()=>{const e=We.current;if(!e||"lasso"!==M)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:De,offset:[t.left,t.top],onLassoing(e){He(e)},onLassoed(e){He(null);const t=[];for(const a of we)if((0,C.WW)(a)||(0,C.N)(a)||(0,C.mH)(a)){const n=(0,y.get)(a,"view.x",0),s=(0,y.get)(a,"view.y",0),i=(0,y.get)(a,"view.width",0),l=(0,y.get)(a,"view.height",0);n>=e.x&&n+i<=e.x+e.width&&s>=e.y&&s+l<=e.y+e.height&&t.push(a)}null==ie||ie(t.length>1?{type:"multi",targets:t.map(U.P)}:1===t.length?(0,U.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[De,we,M,ie]),g().createElement(I.H.Provider,{value:Rt},g().createElement("svg",{onKeyDown:zt,onContextMenu:Lt,width:"100%",height:"100%",ref:We,className:k()("root",{grabbing:Be,pannable:m,ready:bt}),tabIndex:-1},g().createElement("defs",null,yt.map(((e,t)=>g().createElement(w.c,{key:t,id:`${Qe}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${De.x} ${De.y}) scale(${De.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:te})},we.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,C.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,C.WW)(e)&&Se.includes(e.id),layout:n,layoutOptions:s,cell:e,cells:we,degraded:Ee,degradedNodeLabel:c,defaultNodeBricks:o,transform:De,lineConfMap:pt,editableLineMap:mt,activeTarget:Ge,unrelatedCells:qe,allowEdgeToArea:te,curActiveEditableLine:Le,locked:(0,q.l)(e,Xe),containerLocked:(0,C.N)(e)&&!!e.containerId&&Xe.includes(e.containerId),groupLocked:(0,C.N)(e)&&!!e.groupId&&Xe.includes(e.groupId),updateCurActiveEditableLine:ze,onCellsMoving:rt,onCellsMoved:dt,onCellResizing:ct,onCellResized:ht,onSwitchActiveTarget:ie,onCellContextMenu:he,onDecoratorTextChange:ge,onDecoratorTextEditing:ut,onDecoratorGroupPlusClick:ve,onNodeBrickResize:gt,onCellMouseEnter:Wt,onCellMouseLeave:xt})))),g().createElement("g",null,g().createElement(x.w,{connectLineState:Ie,transform:De,markerEnd:`${Qe}0`,onConnect:_e})),Pe&&g().createElement("rect",{x:Pe.x,y:Pe.y,width:Pe.width,height:Pe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),vt&&g().createElement("g",null,g().createElement(Y.X,{transform:De,lineSettings:Q,options:vt}),g().createElement(Z.W,{cells:we,editableLineMap:mt,transform:De,options:vt,activeEditableLine:Le})),g().createElement("g",null,et.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/De.k})))),g().createElement("g",null,vt&&(null==kt?void 0:kt.map((e=>g().createElement(_.F,{editableLineMap:mt,scale:De.k,activeEditableLine:e,updateCurActiveEditableLine:ze,key:(0,C.WW)(e)?`${e.source}-${e.target}`:e.id}))))),vt&&g().createElement(H.T,{activeTarget:Ge,editableLineMap:mt,scale:De.k,activeEditableLine:Le,disabled:!!Ie}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:De.k,scaleRange:$e,onZoomChange:At,onReCenter:Ue}))}function Tn(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}function Sn(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const n=R.XK,s=n/2,i=t.x+a/2-s,l=t.y+a/2-s,o=t.width-a+n,r=t.height-a+n;return e.map((e=>({x:i+e.x*o,y:l+e.y*r})))}n=En,({e:[te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,me,ke,be,fe,we,Ce,Me,Ee,We,xe,Ne,Te,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He,Ie,Ke,Fe,Ve,Ye,Ue,Xe,_e,Ze,je,Ge,qe,Je,Qe,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,mt,kt,bt,ft,wt,Ct,Mt,Et,Wt,xt,Nt,Tt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,It,Kt,Ft,Vt,Yt,Ut,Xt,_t,Zt,jt,Gt,qt,Jt,Qt,ea,ta,aa,na,sa,ia,la,oa,ra,da,ca,Q],c:[ya,ee]}=(0,h.A)(n,[ua("eo-draw-canvas",{styleTexts:[F.A,V.A]})],[[ga({attribute:!1}),1,"cells"],[ga({type:String}),1,"layout"],[ga({attribute:!1}),1,"layoutOptions"],[ga({attribute:!1}),1,"defaultNodeSize"],[ga({attribute:!1}),1,"defaultNodeBricks"],[ga({type:Number}),1,"degradedThreshold"],[ga({attribute:!1}),1,"degradedNodeLabel"],[ga({attribute:!1}),1,"defaultEdgeLines"],[ga({attribute:!1}),1,"activeTarget"],[ga({type:Boolean}),1,"fadeUnrelatedCells"],[ga({type:Boolean}),1,"zoomable"],[ga({type:Boolean}),1,"scrollable"],[ga({type:Boolean}),1,"pannable"],[ga({type:Boolean}),1,"allowEdgeToArea"],[ga(),1,"dragBehavior"],[ga(),1,"ctrlDragBehavior"],[ga({attribute:!1}),1,"scaleRange"],[ga({attribute:!1}),1,"lineSettings"],[ga({attribute:!1}),1,"lineConnector"],[ga(),1,"doNotResetActiveTargetForSelector"],[ga({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[pa({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(Ha,e),(e,t)=>(0,d.A)(Ha,e,t)],[pa({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Va,e),(e,t)=>(0,d.A)(Va,e,t)],[pa({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Ya,e),(e,t)=>(0,d.A)(Ya,e,t)],[pa({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(Xa,e),(e,t)=>(0,d.A)(Xa,e,t)],[pa({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(Za,e),(e,t)=>(0,d.A)(Za,e,t)],[pa({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(Ga,e),(e,t)=>(0,d.A)(Ga,e,t)],[pa({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(qa,e),(e,t)=>(0,d.A)(qa,e,t)],[pa({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(Qa,e),(e,t)=>(0,d.A)(Qa,e,t)],[pa({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(tn,e),(e,t)=>(0,d.A)(tn,e,t)],[pa({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(nn,e),(e,t)=>(0,d.A)(nn,e,t)],[pa({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(ln,e),(e,t)=>(0,d.A)(ln,e,t)],[pa({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(rn,e),(e,t)=>(0,d.A)(rn,e,t)],[pa({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(cn,e),(e,t)=>(0,d.A)(cn,e,t)],[pa({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(un,e),(e,t)=>(0,d.A)(un,e,t)],[pa({type:"decorator.group.plus.click"}),1,"decoratorGroupPlusClick",e=>(0,c.A)(An,e),(e,t)=>(0,d.A)(An,e,t)],[pa({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(vn,e),(e,t)=>(0,d.A)(vn,e,t)],[pa({type:"canvas.contextmenu"}),1,"canvasContextMenu",e=>(0,c.A)(mn,e),(e,t)=>(0,d.A)(mn,e,t)],[pa({type:"canvas.copy"}),1,"canvasCopy",e=>(0,c.A)(bn,e),(e,t)=>(0,d.A)(bn,e,t)],[pa({type:"canvas.paste"}),1,"canvasPaste",e=>(0,c.A)(wn,e),(e,t)=>(0,d.A)(wn,e,t)],[Aa(),2,"dropNode"],[Aa(),2,"dropDecorator"],[Aa(),2,"addNodes"],[Aa(),2,"addEdge"],[Aa(),2,"manuallyConnectNodes"],[Aa(),2,"updateCells"],[Aa(),2,"reCenter"],[Aa(),2,"toggleLock"],[Aa(),2,"lock"],[Aa(),2,"unlock"]],0,(e=>Mn.has((0,l.A)(e))),p.ReactNextElement)),ee()},9711:(e,t,a)=>{var n,s=a(4635),i=a(918),l=a(6902),o=a(5536),r=a(6121),d=a(829),c=a(2740),h=a(8769),u=a.n(h),g=a(7921),A=a(1280),p=(a(5168),a(7566)),v=a(9047),y=a(3373),m=a.n(y),k=a(1030),b=a(9126),f=a(8892),w=a(5157),C=a(8308),M=a(1518),E=a(9137),W=a(2547),x=a(1803),N=a(3739),T=a(9191),S=a(6671),R=a(8060),L=a(2448),z=a(8657),B=a(8069),D=a(1324),O=a(821),$=a(6753),P=a(2673),H=a(5987);let I,K,F,V,Y,U,X,_,Z,j,G,q,J,Q,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,me,ke,be,fe,we,Ce,Me,Ee,We,xe,Ne,Te,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He;const{defineElement:Ie,property:Ke,event:Fe,method:Ve}=(0,g.createDecorators)(),Ye=(0,h.forwardRef)(wt);let Ue;var Xe=new WeakMap,_e=new WeakMap,Ze=new WeakMap,je=new WeakMap,Ge=new WeakMap,qe=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,st=new WeakMap,it=new WeakMap,lt=new WeakMap,ot=new WeakSet,rt=new WeakMap,dt=new WeakMap,ct=new WeakMap,ht=new WeakMap,ut=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,vt=new WeakMap,yt=new WeakMap,mt=new WeakMap,kt=new WeakMap,bt=new WeakMap;class ft extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,ot),(0,i.A)(this,Xe,(I(this),F(this))),(0,i.A)(this,_e,(V(this),Y(this))),(0,i.A)(this,Ze,(U(this),X(this))),(0,i.A)(this,je,(_(this),Z(this))),(0,i.A)(this,Ge,(j(this),G(this))),(0,i.A)(this,qe,(q(this),J(this))),(0,i.A)(this,Je,(Q(this),ee(this))),(0,i.A)(this,Qe,(te(this),ae(this))),(0,i.A)(this,et,(ne(this),se(this))),(0,i.A)(this,tt,(ie(this),le(this))),(0,i.A)(this,at,(oe(this),re(this,!0))),(0,i.A)(this,nt,(de(this),ce(this,!0))),(0,i.A)(this,st,(he(this),ue(this,!0))),(0,i.A)(this,it,(ge(this),Ae(this))),(0,i.A)(this,lt,(pe(this),ve(this))),(0,i.A)(this,rt,(ke(this),e=>{(0,o.A)(ot,this,ye).emit(e)})),(0,i.A)(this,dt,be(this)),(0,i.A)(this,ct,(Ce(this),e=>{(0,o.A)(ot,this,fe).emit(e)})),(0,i.A)(this,ht,Me(this)),(0,i.A)(this,ut,(xe(this),e=>{(0,o.A)(ot,this,Ee).emit(e)})),(0,i.A)(this,gt,Ne(this)),(0,i.A)(this,At,(Re(this),e=>{(0,o.A)(ot,this,Te).emit(e)})),(0,i.A)(this,pt,Le(this)),(0,i.A)(this,vt,(De(this),e=>{(0,o.A)(ot,this,ze).emit(e)})),(0,i.A)(this,yt,Oe(this)),(0,i.A)(this,mt,(He(this),e=>{(0,o.A)(ot,this,$e).emit(e)})),(0,i.A)(this,kt,(e=>{(0,P.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,bt,(0,h.createRef)())}get layout(){return(0,d.A)(Xe,this)}set layout(e){(0,r.A)(Xe,this,e)}get nodes(){return(0,d.A)(_e,this)}set nodes(e){(0,r.A)(_e,this,e)}get edges(){return(0,d.A)(Ze,this)}set edges(e){(0,r.A)(Ze,this,e)}get nodeBricks(){return(0,d.A)(je,this)}set nodeBricks(e){(0,r.A)(je,this,e)}get lines(){return(0,d.A)(Ge,this)}set lines(e){(0,r.A)(Ge,this,e)}get layoutOptions(){return(0,d.A)(qe,this)}set layoutOptions(e){(0,r.A)(qe,this,e)}get activeTarget(){return(0,d.A)(Je,this)}set activeTarget(e){(0,r.A)(Je,this,e)}get disableKeyboardAction(){return(0,d.A)(Qe,this)}set disableKeyboardAction(e){(0,r.A)(Qe,this,e)}get connectNodes(){return(0,d.A)(et,this)}set connectNodes(e){(0,r.A)(et,this,e)}get dragNodes(){return(0,d.A)(tt,this)}set dragNodes(e){(0,r.A)(tt,this,e)}get zoomable(){return(0,d.A)(at,this)}set zoomable(e){(0,r.A)(at,this,e)}get scrollable(){return(0,d.A)(nt,this)}set scrollable(e){(0,r.A)(nt,this,e)}get pannable(){return(0,d.A)(st,this)}set pannable(e){(0,r.A)(st,this,e)}get scaleRange(){return(0,d.A)(it,this)}set scaleRange(e){(0,r.A)(it,this,e)}callOnLineLabel(e,t){for(var a,n=arguments.length,s=new Array(n>2?n-2:0),i=2;i<n;i++)s[i-2]=arguments[i];null===(a=(0,d.A)(bt,this).current)||void 0===a||a.callOnLineLabel(e,t,...s)}render(){return u().createElement(Ye,{ref:(0,d.A)(bt,this),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:this.connectNodes,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,d.A)(rt,this),onSwitchActiveTarget:(0,d.A)(kt,this),onNodeDelete:(0,d.A)(ct,this),onEdgeDelete:(0,d.A)(ut,this),onLineClick:(0,d.A)(At,this),onLineDoubleClick:(0,d.A)(vt,this),onNodesConnect:(0,d.A)(mt,this)})}}function wt(e,t){let{layout:a,nodes:n,edges:s,nodeBricks:i,lines:l,layoutOptions:o,connectNodes:r,dragNodes:d,activeTarget:c,disableKeyboardAction:g,zoomable:A,scrollable:y,pannable:O,scaleRange:I,onActiveTargetChange:K,onSwitchActiveTarget:F,onNodeDelete:V,onEdgeDelete:Y,onLineClick:U,onLineDoubleClick:X,onNodesConnect:_}=e;const[Z,j]=(0,h.useState)(!1),[G,q]=(0,h.useState)(0),[J,Q]=(0,h.useState)(null),[ee,te]=(0,h.useState)(!1),[ae,ne]=(0,h.useState)(0),[se,ie]=(0,h.useState)(null),[le,oe]=(0,h.useState)([]),[re,de]=(0,h.useState)(!1),[ce,he]=(0,h.useState)({k:1,x:0,y:0}),ue=(0,h.useRef)(new Map),ge=(0,h.useRef)(null),Ae=(0,h.useRef)(null),[pe,ve]=(0,h.useState)(!1),{userViewReady:ye,userViewNodesMap:me,saveUserView:ke}=(0,$._)(null==d?void 0:d.save),[be,fe]=(0,h.useState)([0,0]),[we,Ce]=(0,h.useState)(null),[Me,Ee]=(0,h.useState)("initial"),[We,xe]=(0,h.useState)(null);(0,h.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,n=arguments.length,s=new Array(n>2?n-2:0),i=2;i<n;i++)s[i-2]=arguments[i];null==se||null===(a=se.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...s)}}))),(0,h.useEffect)((()=>{const e=e=>{(0,L.P)(e,{nodes:n,nodesRefRepository:J,connectNodes:r,dragNodes:d,scale:ce.k,setConnectLineState:Ce,setConnectLineTo:fe,setManualLayoutStatus:Ee,setNodeMovement:xe,onSwitchActiveTarget:F,onNodesConnect:_})},t=Ae.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,r,d,ce.k,J,_,F]);const{normalizedLines:Ne,normalizedLinesMap:Te,markers:Se}=(0,h.useMemo)((()=>(0,E.t)(s,l)),[s,l]),Re=(0,h.useMemo)((()=>Ne.flatMap((e=>{let t,a,{line:{text:n,label:s,$id:i},edge:l}=e;return n||s?(s?(t="label",a=[].concat(s)):(t="text",a=[].concat(n)),a.map((e=>{var a;return{[t]:e,id:`${i}-${null!==(a=e.placement)&&void 0!==a?a:"center"}`,edge:l}}))):[]}))),[Ne]),{nodes:Le,edges:ze}=(0,B.o)({layout:a,nodes:n,edges:s,manualLayoutStatus:Me,userViewReady:ye,userViewNodesMap:me,nodeMovement:We,nodesRefRepository:J,lineLabelsRefRepository:se,normalizedLinesMap:Te,layoutOptions:o,nodesRenderId:G,lineLabelsRenderId:ae});(0,h.useEffect)((()=>{"finished"===Me&&ke(Le.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Me]);const Be=(0,h.useMemo)((()=>(0,M.R)(ze,Le,Ne)),[Ne,Le,ze]),De=null!=c?c:null,[Oe,$e]=(0,h.useState)(De);(0,h.useEffect)((()=>{$e((e=>(0,P.c)(e,De)?e:De))}),[De]);const Pe=(0,h.useRef)(!1);(0,h.useEffect)((()=>{Pe.current?null==K||K(Oe):Pe.current=!0}),[Oe,K]),(0,h.useEffect)((()=>{const e=ge.current;if(!e||g)return;const t=e=>{const t=(0,w.a)(e,{renderedNodes:Le,activeTarget:Oe});"delete-node"===(null==t?void 0:t.action)?null==V||V(t.node):"delete-edge"===(null==t?void 0:t.action)?null==Y||Y(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==F||F({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Oe,Le,g,F,V,Y]);const He=(0,h.useCallback)((e=>{e&&(q((e=>e+1)),Q(e)),j((t=>t||!!e))}),[]),Ie=(0,h.useCallback)((e=>{e&&(ne((e=>e+1)),ie(e)),te((t=>t||!!e))}),[]),Ke=(0,h.useMemo)((()=>null!=I?I:[z.sS,z.Yt]),[I]),Fe=(0,h.useMemo)((()=>(0,v.s_)()),[]);(0,h.useEffect)((()=>{let e=!1;Fe.scaleExtent(A?Ke:[1,1]).on("start",(()=>{e=!1,de(!0)})).on("zoom",(t=>{e=!0,he(t.transform)})).on("end",(()=>{de(!1),e||null==F||F(null)}))}),[F,Ke,A,Fe]),(0,h.useEffect)((()=>{const e=ge.current;if(!e)return;const t=(0,p.A)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(A||y||O)return(A||y)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),y&&(e.preventDefault(),Fe.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Fe).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),O||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}),[O,y,A,Fe]),(0,h.useEffect)((()=>{const e=ge.current;if(0===Le.length||!e||pe)return;const{k:t,x:a,y:n}=(0,C.r)(Le,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:A?Ke:void 0});Fe.transform((0,p.A)(e),new v.uV(t,a,n)),ve(!0)}),[pe,Le,Ke,A,Fe]);const Ve=(0,h.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[]),Ye=`${Ve}line-arrow-`,Ue=`${Ve}mask-`,Xe=`${Ve}active-line-`;(0,h.useEffect)((()=>{oe((e=>(0,R.z)(e,Be,ue.current)))}),[Be]);const[_e,Ze]=u().useState(new Map);return(0,h.useEffect)((()=>{if(!se)return;(0,D.F)(le,se);const e=new b.A((()=>{Ze((0,H.G)(le,se))}));for(const t of se.values())e.observe(t);return()=>{e.disconnect()}}),[ae,se,le]),"dagre"!==a&&"force"!==a?u().createElement("div",null,`Diagram layout not supported: "${a}"`):u().createElement("div",{className:m()("diagram",{ready:Z&&pe,grabbing:re,pannable:O}),tabIndex:-1,ref:ge},u().createElement("svg",{width:"100%",height:"100%",className:"lines"},u().createElement("defs",null,Se.map(((e,t)=>{let{type:a,strokeColor:n}=e;return u().createElement(N.c,{key:t,id:`${Ye}${t}`,type:a,strokeColor:n})})),[..._e].map((e=>{let[t,a]=e;return u().createElement(T.y,{key:t,lineId:t,rects:a,maskPrefix:Ue,renderedLineLabels:le})})),u().createElement("marker",{id:`${Xe}start`,viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},u().createElement("path",{d:"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"})),u().createElement("marker",{id:`${Xe}end`,viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},u().createElement("path",{d:"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z",stroke:"var(--palette-blue-3)",strokeWidth:1,fill:"var(--palette-blue-3)"}),u().createElement("path",{d:"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"}))),u().createElement("g",{transform:`translate(${ce.x} ${ce.y}) scale(${ce.k})`},Be.map((e=>u().createElement(x.m,{key:e.line.$id,line:e,linePaths:ue.current,lineMaskRects:_e,maskPrefix:Ue,markerPrefix:Ye,activeLineMarkerPrefix:Xe,active:"edge"===(null==Oe?void 0:Oe.type)&&Oe.edge.source===e.edge.source&&Oe.edge.target===e.edge.target,activeRelated:"node"===(null==Oe?void 0:Oe.type)&&(e.edge.source===Oe.nodeId||e.edge.target===Oe.nodeId),onLineClick:U,onLineDoubleClick:X}))))),u().createElement("div",{className:m()("line-labels",{ready:ee}),style:{left:ce.x,top:ce.y,transform:`scale(${ce.k})`}},u().createElement(W.d2,{labels:Re,onRendered:Ie})),u().createElement("div",{className:"nodes",ref:Ae,style:{left:ce.x,top:ce.y,transform:`scale(${ce.k})`}},u().createElement(f.p,{nodes:n,nodeBricks:i,onRendered:He})),u().createElement(S.w,{connectLineState:we,connectLineTo:be,markerPrefix:Ye}))}n=ft,({e:[F,V,Y,U,X,_,Z,j,G,q,J,Q,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,me,ke,be,fe,we,Ce,Me,Ee,We,xe,Ne,Te,Se,Re,Le,ze,Be,De,Oe,$e,Pe,He,I],c:[Ue,K]}=(0,c.A)(n,[Ie("eo-diagram",{styleTexts:[O.A]})],[[Ke({type:String}),1,"layout"],[Ke({attribute:!1}),1,"nodes"],[Ke({attribute:!1}),1,"edges"],[Ke({attribute:!1}),1,"nodeBricks"],[Ke({attribute:!1}),1,"lines"],[Ke({attribute:!1}),1,"layoutOptions"],[Ke({attribute:!1}),1,"activeTarget"],[Ke({type:Boolean}),1,"disableKeyboardAction"],[Ke({attribute:!1}),1,"connectNodes"],[Ke({attribute:!1}),1,"dragNodes"],[Ke({type:Boolean}),1,"zoomable"],[Ke({type:Boolean}),1,"scrollable"],[Ke({type:Boolean}),1,"pannable"],[Ke({attribute:!1}),1,"scaleRange"],[Fe({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(lt,e),(e,t)=>(0,r.A)(lt,e,t)],[Fe({type:"node.delete"}),1,"nodeDelete",e=>(0,d.A)(dt,e),(e,t)=>(0,r.A)(dt,e,t)],[Fe({type:"edge.delete"}),1,"edgeDelete",e=>(0,d.A)(ht,e),(e,t)=>(0,r.A)(ht,e,t)],[Fe({type:"line.click"}),1,"lineClick",e=>(0,d.A)(gt,e),(e,t)=>(0,r.A)(gt,e,t)],[Fe({type:"line.dblclick"}),1,"lineDoubleClick",e=>(0,d.A)(pt,e),(e,t)=>(0,r.A)(pt,e,t)],[Fe({type:"nodes.connect"}),1,"connectNodes",e=>(0,d.A)(yt,e),(e,t)=>(0,r.A)(yt,e,t)],[Ve(),2,"callOnLineLabel"]],0,(e=>bt.has((0,l.A)(e))),A.ReactNextElement)),K();var Ct,Mt=a(3971);let Et,Wt,xt,Nt,Tt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,It;const{defineElement:Kt,property:Ft,event:Vt,method:Yt}=(0,g.createDecorators)(),Ut=(0,h.forwardRef)(na);let Xt;var _t=new WeakMap,Zt=new WeakMap,jt=new WeakMap,Gt=new WeakMap,qt=new WeakSet,Jt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakMap;class aa extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,qt),(0,i.A)(this,_t,(Et(this),xt(this))),(0,i.A)(this,Zt,(Nt(this),Tt(this))),(0,i.A)(this,jt,(St(this),Rt(this))),(0,i.A)(this,Gt,(Lt(this),zt(this))),(0,i.A)(this,Jt,(Ot(this),e=>{(0,o.A)(qt,this,Bt).emit(e)})),(0,i.A)(this,Qt,$t(this)),(0,i.A)(this,ea,(It(this),e=>{(0,o.A)(qt,this,Pt).emit(e)})),(0,i.A)(this,ta,(0,h.createRef)())}get label(){return(0,d.A)(_t,this)}set label(e){(0,r.A)(_t,this,e)}get type(){return(0,d.A)(Zt,this)}set type(e){(0,r.A)(Zt,this,e)}get readOnly(){return(0,d.A)(jt,this)}set readOnly(e){(0,r.A)(jt,this,e)}enableEditing(){var e;null===(e=(0,d.A)(ta,this).current)||void 0===e||e.enableEditing()}render(){return u().createElement(Ut,{ref:(0,d.A)(ta,this),label:this.label,readOnly:this.readOnly,onLabelEditingChange:(0,d.A)(Jt,this),onLabelChange:(0,d.A)(ea,this)})}}function na(e,t){let{label:a,readOnly:n,onLabelChange:s,onLabelEditingChange:i}=e;const l=null!=a?a:"",[o,r]=(0,h.useState)(l),[d,c]=(0,h.useState)(!1),g=(0,h.useRef)(!1),[A,p]=(0,h.useState)(!1),v=(0,h.useRef)(null);(0,h.useImperativeHandle)(t,(()=>({enableEditing(){n||c(!0)}}))),(0,h.useEffect)((()=>{r(l)}),[l]);const y=(0,h.useCallback)((e=>{n||(e.preventDefault(),e.stopPropagation(),c(!0))}),[n]);(0,h.useEffect)((()=>{var e,t;d&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[d]),(0,h.useEffect)((()=>{g.current?null==i||i(d):g.current=!0}),[d,i]);const k=(0,h.useCallback)((e=>{r(e.target.value)}),[]),b=(0,h.useCallback)((e=>{e.stopPropagation();const t=e.key||e.keyCode||e.which;var a;"Enter"!==t&&13!==t||null===(a=v.current)||void 0===a||a.blur()}),[]),f=(0,h.useCallback)((()=>{c(!1),p(!0)}),[]);(0,h.useEffect)((()=>{A&&(null==s||s(o),p(!1))}),[o,s,A]);const w=(0,h.useCallback)((e=>{e.stopPropagation()}),[]);return u().createElement("div",{className:m()("label",{editing:d,empty:!o}),onDoubleClick:w,onMouseDown:w},u().createElement("input",{className:"label-input",value:o,ref:v,onChange:k,onKeyDown:b,onBlur:f,onContextMenu:w}),u().createElement("div",{className:"label-text",onDoubleClick:y},o))}Ct=aa,({e:[xt,Nt,Tt,St,Rt,Lt,zt,Bt,Dt,Ot,$t,Pt,Ht,It,Et],c:[Xt,Wt]}=(0,c.A)(Ct,[Kt("diagram.editable-label",{styleTexts:[Mt.A]})],[[Ft(),1,"label"],[Ft({render:!1}),1,"type"],[Ft({type:Boolean}),1,"readOnly"],[Vt({type:"label.editing.change"}),1,"labelEditingChange",e=>(0,d.A)(Gt,e),(e,t)=>(0,r.A)(Gt,e,t)],[Vt({type:"label.change"}),1,"labelChange",e=>(0,d.A)(Qt,e),(e,t)=>(0,r.A)(Qt,e,t)],[Yt(),2,"enableEditing"]],0,(e=>ta.has((0,l.A)(e))),A.ReactNextElement)),Wt(),a(9068);var sa,ia=a(497);let la,oa,ra,da,ca,ha,ua,ga,Aa,pa,va,ya,ma,ka,ba,fa,wa,Ca,Ma;const{defineElement:Ea,property:Wa,event:xa}=(0,g.createDecorators)();let Na;var Ta=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakSet,Ba=new WeakMap,Da=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Pa=new WeakMap;class Ha extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,za),(0,i.A)(this,Ta,oa(this)),(0,i.A)(this,Sa,(ra(this),da(this))),(0,i.A)(this,Ra,(ca(this),ha(this))),(0,i.A)(this,La,(ua(this),ga(this))),(0,i.A)(this,Ba,(va(this),e=>{(0,o.A)(za,this,Aa).emit(e)})),(0,i.A)(this,Da,ya(this)),(0,i.A)(this,Oa,(ba(this),e=>{(0,o.A)(za,this,ma).emit(e)})),(0,i.A)(this,$a,fa(this)),(0,i.A)(this,Pa,(Ma(this),e=>{(0,o.A)(za,this,wa).emit(e)}))}get usage(){return(0,d.A)(Ta,this)}set usage(e){(0,r.A)(Ta,this,e)}get status(){return(0,d.A)(Sa,this)}set status(e){(0,r.A)(Sa,this,e)}get decorator(){return(0,d.A)(Ra,this)}set decorator(e){(0,r.A)(Ra,this,e)}render(){return u().createElement(Ia,{usage:this.usage,onDragStart:(0,d.A)(Ba,this),onDragMove:(0,d.A)(Oa,this),onDragEnd:(0,d.A)(Pa,this)})}}function Ia(e){let{usage:t,onDragStart:a,onDragMove:n,onDragEnd:s}=e;const i=(0,h.useCallback)((e=>{if("library"!==t)return;e.stopPropagation(),e.preventDefault();const i=[e.clientX,e.clientY];let l=!1;const o=e=>{l||(l=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9,l&&(null==a||a([e.clientX,e.clientY]))),l&&(null==n||n([e.clientX,e.clientY]))},r=e=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),l&&(null==s||s([e.clientX,e.clientY]))};document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)}),[s,n,a,t]);return u().createElement("div",{onMouseDown:i},u().createElement("slot",null))}sa=Ha,({e:[oa,ra,da,ca,ha,ua,ga,Aa,pa,va,ya,ma,ka,ba,fa,wa,Ca,Ma],c:[Na,la]}=(0,c.A)(sa,[Ea("diagram.experimental-node",{styleTexts:[ia.A]})],[[Wa(),1,"usage"],[Wa({type:String,render:!1}),1,"status"],[Wa({type:String}),1,"decorator"],[xa({type:"drag.start"}),1,"dragStartEvent",e=>(0,d.A)(La,e),(e,t)=>(0,r.A)(La,e,t)],[xa({type:"drag.move"}),1,"dragMoveEvent",e=>(0,d.A)(Da,e),(e,t)=>(0,r.A)(Da,e,t)],[xa({type:"drag.end"}),1,"dragEndEvent",e=>(0,d.A)($a,e),(e,t)=>(0,r.A)($a,e,t)]],0,(e=>Pa.has((0,l.A)(e))),A.ReactNextElement)),la();var Ka,Fa=a(8185),Va=a(7590),Ya=a(3783),Ua=a(3033),Xa=a(8091),_a=a(1819),Za=a(5748),ja=a(227),Ga=a(531),qa=a(7099),Ja=a(1484),Qa=a(8197),en=a(7531),tn=a(3371),an=a(3012),nn=a(6237),sn=a(4117);let ln,on,rn,dn,cn,hn,un,gn,An,pn,vn,yn,mn,kn,bn,fn,wn,Cn,Mn,En,Wn,xn,Nn,Tn,Sn,Rn,Ln,zn,Bn,Dn,On,$n,Pn,Hn,In,Kn,Fn,Vn,Yn,Un,Xn,_n,Zn,jn,Gn,qn,Jn,Qn,es,ts,as,ns,ss,is;const{defineElement:ls,property:os,event:rs,method:ds}=(0,g.createDecorators)(),cs=(0,h.forwardRef)(Fs);let hs;var us=new WeakMap,gs=new WeakMap,As=new WeakMap,ps=new WeakMap,vs=new WeakMap,ys=new WeakMap,ms=new WeakMap,ks=new WeakMap,bs=new WeakMap,fs=new WeakMap,ws=new WeakMap,Cs=new WeakMap,Ms=new WeakMap,Es=new WeakMap,Ws=new WeakMap,xs=new WeakMap,Ns=new WeakMap,Ts=new WeakMap,Ss=new WeakMap,Rs=new WeakMap,Ls=new WeakMap,zs=new WeakSet,Bs=new WeakMap,Ds=new WeakMap,Os=new WeakMap,$s=new WeakMap,Ps=new WeakMap,Hs=new WeakMap,Is=new WeakMap;class Ks extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,zs),(0,i.A)(this,us,(ln(this),rn(this))),(0,i.A)(this,gs,(dn(this),cn(this))),(0,i.A)(this,As,(hn(this),un(this))),(0,i.A)(this,ps,(gn(this),An(this))),(0,i.A)(this,vs,(pn(this),vn(this,[Ua.HP,Ua.HP]))),(0,i.A)(this,ys,(yn(this),mn(this))),(0,i.A)(this,ms,(kn(this),bn(this))),(0,i.A)(this,ks,(fn(this),wn(this))),(0,i.A)(this,bs,(Cn(this),Mn(this))),(0,i.A)(this,fs,(En(this),Wn(this))),(0,i.A)(this,ws,(xn(this),Nn(this))),(0,i.A)(this,Cs,(Tn(this),Sn(this,!0))),(0,i.A)(this,Ms,(Rn(this),Ln(this,!0))),(0,i.A)(this,Es,(zn(this),Bn(this,!0))),(0,i.A)(this,Ws,(Dn(this),On(this))),(0,i.A)(this,xs,($n(this),Pn(this))),(0,i.A)(this,Ns,(Hn(this),In(this))),(0,i.A)(this,Ts,(Kn(this),Fn(this))),(0,i.A)(this,Ss,(Vn(this),Yn(this))),(0,i.A)(this,Rs,(Un(this),Xn(this))),(0,i.A)(this,Ls,(_n(this),Zn(this))),(0,i.A)(this,Bs,(qn(this),e=>{(0,o.A)(zs,this,jn).emit(e)})),(0,i.A)(this,Ds,(e=>{(0,Fa.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Os,Jn(this)),(0,i.A)(this,$s,(ts(this),e=>{(0,o.A)(zs,this,Qn).emit(e)})),(0,i.A)(this,Ps,as(this)),(0,i.A)(this,Hs,(is(this),e=>{(0,o.A)(zs,this,ns).emit(e)})),(0,i.A)(this,Is,(0,h.createRef)())}get cells(){return(0,d.A)(us,this)}set cells(e){(0,r.A)(us,this,e)}get layout(){return(0,d.A)(gs,this)}set layout(e){(0,r.A)(gs,this,e)}get layoutOptions(){return(0,d.A)(As,this)}set layoutOptions(e){(0,r.A)(As,this,e)}get autoSize(){return(0,d.A)(ps,this)}set autoSize(e){(0,r.A)(ps,this,e)}get defaultNodeSize(){return(0,d.A)(vs,this)}set defaultNodeSize(e){(0,r.A)(vs,this,e)}get defaultNodeBricks(){return(0,d.A)(ys,this)}set defaultNodeBricks(e){(0,r.A)(ys,this,e)}get degradedThreshold(){return(0,d.A)(ms,this)}set degradedThreshold(e){(0,r.A)(ms,this,e)}get degradedNodeLabel(){return(0,d.A)(ks,this)}set degradedNodeLabel(e){(0,r.A)(ks,this,e)}get defaultEdgeLines(){return(0,d.A)(bs,this)}set defaultEdgeLines(e){(0,r.A)(bs,this,e)}get activeTarget(){return(0,d.A)(fs,this)}set activeTarget(e){(0,r.A)(fs,this,e)}get fadeUnrelatedCells(){return(0,d.A)(ws,this)}set fadeUnrelatedCells(e){(0,r.A)(ws,this,e)}get zoomable(){return(0,d.A)(Cs,this)}set zoomable(e){(0,r.A)(Cs,this,e)}get scrollable(){return(0,d.A)(Ms,this)}set scrollable(e){(0,r.A)(Ms,this,e)}get pannable(){return(0,d.A)(Es,this)}set pannable(e){(0,r.A)(Es,this,e)}get scaleRange(){return(0,d.A)(Ws,this)}set scaleRange(e){(0,r.A)(Ws,this,e)}get hideZoomBar(){return(0,d.A)(xs,this)}set hideZoomBar(e){(0,r.A)(xs,this,e)}get autoCenterWhenCellsChange(){return(0,d.A)(Ns,this)}set autoCenterWhenCellsChange(e){(0,r.A)(Ns,this,e)}get doNotResetActiveTargetForSelector(){return(0,d.A)(Ts,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(Ts,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,d.A)(Ss,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(Ss,this,e)}get extraStyleTexts(){return(0,d.A)(Rs,this)}set extraStyleTexts(e){(0,r.A)(Rs,this,e)}center(){var e;null===(e=(0,d.A)(Is,this).current)||void 0===e||e.center()}render(){return u().createElement(cs,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,autoSize:this.autoSize,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,extraStyleTexts:this.extraStyleTexts,onActiveTargetChange:(0,d.A)(Bs,this),onSwitchActiveTarget:(0,d.A)(Ds,this),onCellContextMenu:(0,d.A)($s,this),onCellClick:(0,d.A)(Hs,this),ref:(0,d.A)(Is,this)})}}function Fs(e,t){let{shadowRoot:a,cells:n,layout:s,layoutOptions:i,autoSize:l,defaultNodeSize:o,defaultNodeBricks:r,defaultEdgeLines:d,degradedThreshold:c,degradedNodeLabel:g,activeTarget:A,fadeUnrelatedCells:v,zoomable:y,scrollable:b,pannable:f,scaleRange:w,hideZoomBar:C,autoCenterWhenCellsChange:M,doNotResetActiveTargetForSelector:E,doNotResetActiveTargetOutsideCanvas:W,extraStyleTexts:x,onActiveTargetChange:T,onSwitchActiveTarget:S,onCellContextMenu:R,onCellClick:L}=e;const[{cells:z,layoutKey:B},D]=(0,h.useReducer)(Za.d,n,(e=>({cells:(0,Ya.C)(e,{defaultNodeSize:o}),layoutKey:1}))),O=(0,h.useMemo)((()=>z.filter(Ga.N).length>=(null!=c?c:Ua.pC)),[z,c]),$=(0,h.useRef)(null),{grabbing:P,transform:H,zoomer:I,scaleRange:K}=(0,Xa.f)({rootRef:$,zoomable:y,scrollable:b,pannable:f,draggable:!0,scaleRange:w,onSwitchActiveTarget:S}),{centered:F,setCentered:V,getNextLayoutKey:Y}=(0,Ja.g)({layout:s,layoutOptions:i,autoSize:l,rootRef:$,cells:z,zoomable:y,zoomer:I,scaleRange:K,layoutKey:B,autoCenterWhenCellsChange:M,dispatch:D}),U=(0,h.useCallback)((()=>{V(!1)}),[V]);(0,h.useImperativeHandle)(t,(()=>({center:U})),[U]);const X=(0,h.useRef)(n);(0,h.useEffect)((()=>{if(n!==X.current){X.current=n;const e=(0,tn.L)({canvasWidth:a.host.clientWidth,canvasHeight:a.host.clientHeight,defaultNodeSize:o,layout:s,previousCells:z,cells:n,scaleRange:K,transform:H});D({type:"update-cells",payload:e.cells})}}),[z,o,n,s,K,a,H]);const _=(0,_a.J)({rootRef:$,activeTarget:A,doNotResetActiveTargetForSelector:E,doNotResetActiveTargetOutsideCanvas:W,onActiveTargetChange:T}),Z=`${(0,h.useMemo)((()=>`${(0,k.uniqueId)("diagram-")}-`),[])}line-arrow-`,j=(0,h.useCallback)(((e,t)=>{D({type:"update-node-size",payload:{id:e,size:t},layoutKey:Y()})}),[Y]),[G,q]=(0,h.useState)(null),J=(0,h.useCallback)((e=>{q(e)}),[]),Q=(0,h.useCallback)((e=>{q((t=>t===e?null:t))}),[]),[ee,te]=(0,h.useState)([]);(0,h.useEffect)((()=>{const e=v?(0,ja.Y)(z,null,G||_):[];te((t=>0===t.length&&0===e.length?t:e))}),[z,v,G,_]);const ae=(0,h.useCallback)((e=>{I.scaleTo((0,p.A)($.current),e/100)}),[I]),{lineConfMap:ne,markers:se}=(0,en.d)({cells:z,defaultEdgeLines:d,markerPrefix:Z}),ie=(0,sn.A)({cells:z,lineConfMap:ne}),le=(0,Qa.H)({cells:z,layout:s,centered:F});return u().createElement(u().Fragment,null,null==x?void 0:x.map(((e,t)=>u().createElement("style",{key:t},e))),u().createElement("svg",{width:"100%",height:"100%",ref:$,className:m()("root",{grabbing:P,pannable:f,ready:le}),tabIndex:-1},u().createElement("defs",null,se.map(((e,t)=>u().createElement(N.c,{key:t,id:`${Z}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${H.x} ${H.y}) scale(${H.k})`},u().createElement("g",{className:"cells"},z.map((e=>u().createElement(Va.m,{key:`${e.type}:${(0,Ga.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:z,degraded:O,degradedNodeLabel:g,defaultNodeBricks:r,lineConfMap:ne,editableLineMap:ie,transform:H,activeTarget:_,readOnly:!0,hoverCell:G,unrelatedCells:ee,onSwitchActiveTarget:S,onCellContextMenu:R,onCellClick:L,onNodeBrickResize:j,onCellMouseEnter:v&&((0,Ga.N)(e)||(0,Ga.WW)(e))?J:void 0,onCellMouseLeave:v&&((0,Ga.N)(e)||(0,Ga.WW)(e))?Q:void 0})))))),!C&&u().createElement(qa.Y,{shadowRoot:a,scale:H.k,scaleRange:K,onZoomChange:ae,onReCenter:U}))}Ka=Ks,({e:[rn,dn,cn,hn,un,gn,An,pn,vn,yn,mn,kn,bn,fn,wn,Cn,Mn,En,Wn,xn,Nn,Tn,Sn,Rn,Ln,zn,Bn,Dn,On,$n,Pn,Hn,In,Kn,Fn,Vn,Yn,Un,Xn,_n,Zn,jn,Gn,qn,Jn,Qn,es,ts,as,ns,ss,is,ln],c:[hs,on]}=(0,c.A)(Ka,[ls("eo-display-canvas",{styleTexts:[an.A,nn.A]})],[[os({attribute:!1}),1,"cells"],[os({type:String}),1,"layout"],[os({attribute:!1}),1,"layoutOptions"],[os({attribute:!1}),1,"autoSize"],[os({attribute:!1}),1,"defaultNodeSize"],[os({attribute:!1}),1,"defaultNodeBricks"],[os({type:Number}),1,"degradedThreshold"],[os({attribute:!1}),1,"degradedNodeLabel"],[os({attribute:!1}),1,"defaultEdgeLines"],[os({attribute:!1}),1,"activeTarget"],[os({type:Boolean}),1,"fadeUnrelatedCells"],[os({type:Boolean}),1,"zoomable"],[os({type:Boolean}),1,"scrollable"],[os({type:Boolean}),1,"pannable"],[os({attribute:!1}),1,"scaleRange"],[os({type:Boolean}),1,"hideZoomBar"],[os({type:Boolean}),1,"autoCenterWhenCellsChange"],[os(),1,"doNotResetActiveTargetForSelector"],[os({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[os({attribute:!1}),1,"extraStyleTexts"],[rs({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ls,e),(e,t)=>(0,r.A)(Ls,e,t)],[rs({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Os,e),(e,t)=>(0,r.A)(Os,e,t)],[rs({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(Ps,e),(e,t)=>(0,r.A)(Ps,e,t)],[ds(),2,"center"]],0,(e=>Is.has((0,l.A)(e))),A.ReactNextElement)),on()}}]);
-//# sourceMappingURL=9711.3e79c214.js.map