@next-bricks/diagram 0.43.0 → 0.43.2

package/dist/chunks/{eo-display-canvas.f874fb2f.js → eo-display-canvas.2b754ef1.js}

@@ -1,2 +1,2 @@
-"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823,8939],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var l,s=a(4635),i=a(918),n=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(4799),A=a(8610),p=(a(6477),a(1030)),y=a(3373),f=a.n(y),v=a(7566),C=a(3739),m=a(8185),k=a(4932),w=a(3783),b=a(3033),M=a(8091),N=a(1819),x=a(5748),E=a(227),T=a(531),W=a(7099),R=a(1484),z=a(8197),S=a(7531),L=a(2098),B=a(3012),D=a(6237);let $,H,O,P,U,K,_,j,I,F,Y,q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we;const{defineElement:be,property:Me,event:Ne}=(0,g.createDecorators)();let xe;var Ee=new WeakMap,Te=new WeakMap,We=new WeakMap,Re=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,Be=new WeakMap,De=new WeakMap,$e=new WeakMap,He=new WeakMap,Oe=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,je=new WeakMap,Ie=new WeakMap,Fe=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap;class Ze extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,_e),(0,i.A)(this,Ee,H(this)),(0,i.A)(this,Te,(O(this),P(this))),(0,i.A)(this,We,(U(this),K(this))),(0,i.A)(this,Re,(_(this),j(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(I(this),F(this))),(0,i.A)(this,Se,(Y(this),q(this))),(0,i.A)(this,Le,(J(this),Z(this))),(0,i.A)(this,Be,(G(this),V(this))),(0,i.A)(this,De,(X(this),Q(this))),(0,i.A)(this,$e,(ee(this),te(this))),(0,i.A)(this,He,(ae(this),le(this,!0))),(0,i.A)(this,Oe,(se(this),ie(this,!0))),(0,i.A)(this,Pe,(ne(this),oe(this,!0))),(0,i.A)(this,Ue,(re(this),de(this))),(0,i.A)(this,Ke,(he(this),ce(this))),(0,i.A)(this,je,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,Ie,(e=>{(0,m.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Fe,pe(this)),(0,i.A)(this,Ye,(ve(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,qe,Ce(this)),(0,i.A)(this,Je,(we(this),e=>{(0,o.A)(_e,this,me).emit(e)}))}get cells(){return(0,d.A)(Ee,this)}set cells(e){(0,r.A)(Ee,this,e)}get layout(){return(0,d.A)(Te,this)}set layout(e){(0,r.A)(Te,this,e)}get layoutOptions(){return(0,d.A)(We,this)}set layoutOptions(e){(0,r.A)(We,this,e)}get defaultNodeSize(){return(0,d.A)(Re,this)}set defaultNodeSize(e){(0,r.A)(Re,this,e)}get defaultNodeBricks(){return(0,d.A)(ze,this)}set defaultNodeBricks(e){(0,r.A)(ze,this,e)}get degradedThreshold(){return(0,d.A)(Se,this)}set degradedThreshold(e){(0,r.A)(Se,this,e)}get degradedNodeLabel(){return(0,d.A)(Le,this)}set degradedNodeLabel(e){(0,r.A)(Le,this,e)}get defaultEdgeLines(){return(0,d.A)(Be,this)}set defaultEdgeLines(e){(0,r.A)(Be,this,e)}get activeTarget(){return(0,d.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,d.A)($e,this)}set fadeUnrelatedCells(e){(0,r.A)($e,this,e)}get zoomable(){return(0,d.A)(He,this)}set zoomable(e){(0,r.A)(He,this,e)}get scrollable(){return(0,d.A)(Oe,this)}set scrollable(e){(0,r.A)(Oe,this,e)}get pannable(){return(0,d.A)(Pe,this)}set pannable(e){(0,r.A)(Pe,this,e)}get scaleRange(){return(0,d.A)(Ue,this)}set scaleRange(e){(0,r.A)(Ue,this,e)}render(){return u().createElement(Ge,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,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,onActiveTargetChange:(0,d.A)(je,this),onSwitchActiveTarget:(0,d.A)(Ie,this),onCellContextMenu:(0,d.A)(Ye,this),onCellClick:(0,d.A)(Je,this)})}}function Ge(e){let{shadowRoot:t,cells:a,layout:l,layoutOptions:s,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:m,scaleRange:B,onActiveTargetChange:D,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O}=e;const[{cells:P,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,w.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>P.filter(T.N).length>=(r??b.pC)),[P,r]),j=(0,c.useRef)(null),I=(0,c.useRef)(null),{grabbing:F,transform:Y,zoomer:q,scaleRange:J}=(0,M.f)({rootRef:j,zoomable:A,scrollable:y,pannable:m,draggable:!0,scaleRange:B,onSwitchActiveTarget:$}),{centered:Z,setCentered:G,getNextLayoutKey:V}=(0,R.g)({layout:l,layoutOptions:s,rootRef:j,cells:P,zoomable:A,zoomer:q,scaleRange:J,layoutKey:U,dispatch:K}),X=(0,c.useCallback)((()=>{G(!1)}),[G]),Q=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==Q.current){Q.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:P,cells:a,scaleRange:J,transform:Y});K({type:"update-cells",payload:e.cells})}}),[P,i,a,l,J,t,Y]);const ee=(0,N.J)({cellsRef:I,activeTarget:h,onActiveTargetChange:D}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:V()})}),[V]),[le,se]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{se(e)}),[]),ne=(0,c.useCallback)((e=>{se((t=>t===e?null:t))}),[]),[oe,re]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,E.Y)(P,null,le):[];re((t=>0===t.length&&0===e.length?t:e))}),[P,g,le]);const de=(0,c.useCallback)((e=>{q.scaleTo((0,v.A)(j.current),e/100)}),[q]),{lineConfMap:he,markers:ce}=(0,S.d)({cells:P,defaultEdgeLines:o,markerPrefix:te}),ue=(0,z.H)({cells:P,layout:l,centered:Z});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:j,className:f()("root",{grabbing:F,pannable:m,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(C.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${Y.x} ${Y.y}) scale(${Y.k})`},u().createElement("g",{className:"cells",ref:I},P.map((e=>u().createElement(k.m,{key:`${e.type}:${(0,T.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:P,degraded:_,degradedNodeLabel:d,defaultNodeBricks:n,lineConfMap:he,transform:Y,activeTarget:ee,readOnly:!0,unrelatedCells:oe,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,T.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,T.N)(e)?ne:void 0})))))),u().createElement(W.Y,{shadowRoot:t,scale:Y.k,scaleRange:J,onZoomChange:de,onReCenter:X}))}l=Ze,({e:[H,O,P,U,K,_,j,I,F,Y,q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we],c:[xe,$]}=(0,h.A)(l,[be("eo-display-canvas",{styleTexts:[B.A,D.A]})],[[Me({attribute:!1}),1,"cells"],[Me({type:String}),1,"layout"],[Me({attribute:!1}),1,"layoutOptions"],[Me({attribute:!1}),1,"defaultNodeSize"],[Me({attribute:!1}),1,"defaultNodeBricks"],[Me({type:Number}),1,"degradedThreshold"],[Me({attribute:!1}),1,"degradedNodeLabel"],[Me({attribute:!1}),1,"defaultEdgeLines"],[Me({attribute:!1}),1,"activeTarget"],[Me({type:Boolean}),1,"fadeUnrelatedCells"],[Me({type:Boolean}),1,"zoomable"],[Me({type:Boolean}),1,"scrollable"],[Me({type:Boolean}),1,"pannable"],[Me({attribute:!1}),1,"scaleRange"],[Ne({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ke,e),(e,t)=>(0,r.A)(Ke,e,t)],[Ne({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Fe,e),(e,t)=>(0,r.A)(Fe,e,t)],[Ne({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(qe,e),(e,t)=>(0,r.A)(qe,e,t)]],0,(e=>Je.has((0,n.A)(e))),A.ReactNextElement)),$()},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Dt,EoDrawCanvasComponent:()=>Bt,uuidV4:()=>Ra});var l,s=a(4635),i=a(918),n=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(4799),p=a(8610),y=a(5701),f=(a(6477),a(1030)),v=a(3373),C=a.n(v),m=a(7566),k=a(5748),w=a(3739),b=a(531),M=a(8185),N=a(5114),x=a(4932),E=a(3639),T=a(3783),W=a(2098),R=a(227),z=a(3033),S=a(8091),L=a(1819),B=a(7099),D=a(1484),$=a(8197),H=a(7531),O=a(8875),P=a(2722),U=a(9978),K=a(2219),_=a(3012),j=a(6237),I=a(1103),F=a(9386),Y=a(1991);let q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we,be,Me,Ne,xe,Ee,Te,We,Re,ze,Se,Le,Be,De,$e,He,Oe,Pe,Ue,Ke,_e,je,Ie,Fe,Ye,qe,Je,Ze,Ge,Ve,Xe,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,Ct,mt,kt,wt,bt,Mt,Nt,xt,Et,Tt;const Wt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Rt,property:zt,method:St,event:Lt}=(0,A.createDecorators)(),Bt=g().forwardRef(Wa);let Dt;var $t=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Pt=new WeakMap,Ut=new WeakMap,Kt=new WeakMap,_t=new WeakMap,jt=new WeakMap,It=new WeakMap,Ft=new WeakMap,Yt=new WeakMap,qt=new WeakMap,Jt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Vt=new WeakMap,Xt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakSet,aa=new WeakMap,la=new WeakMap,sa=new WeakMap,ia=new WeakMap,na=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,ya=new WeakMap,fa=new WeakMap,va=new WeakMap,Ca=new WeakMap,ma=new WeakMap,ka=new WeakMap,wa=new WeakMap,ba=new WeakMap,Ma=new WeakMap,Na=new WeakMap,xa=new WeakMap;class Ea extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,ta),(0,i.A)(this,$t,(q(this),Z(this))),(0,i.A)(this,Ht,(G(this),V(this))),(0,i.A)(this,Ot,(X(this),Q(this))),(0,i.A)(this,Pt,(ee(this),te(this,[z.HP,z.HP]))),(0,i.A)(this,Ut,(ae(this),le(this))),(0,i.A)(this,Kt,(se(this),ie(this))),(0,i.A)(this,_t,(ne(this),oe(this))),(0,i.A)(this,jt,(re(this),de(this))),(0,i.A)(this,It,(he(this),ce(this))),(0,i.A)(this,Ft,(ue(this),ge(this))),(0,i.A)(this,Yt,(Ae(this),pe(this,!0))),(0,i.A)(this,qt,(ye(this),fe(this,!0))),(0,i.A)(this,Jt,(ve(this),Ce(this,!0))),(0,i.A)(this,Zt,(me(this),ke(this,!1))),(0,i.A)(this,Gt,(we(this),be(this))),(0,i.A)(this,Vt,(Me(this),Ne(this))),(0,i.A)(this,Xt,(xe(this),Ee(this))),(0,i.A)(this,Qt,(Te(this),We(this))),(0,i.A)(this,ea,(Re(this),ze(this))),(0,i.A)(this,aa,(Be(this),e=>{(0,r.A)(ta,this,Se).emit(e)})),(0,i.A)(this,la,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,sa,De(this)),(0,i.A)(this,ia,(Oe(this),Pe(this))),(0,i.A)(this,na,(_e(this),e=>{(0,r.A)(ta,this,Ue).emit(e),"node"===e.type&&(0,r.A)(ta,this,$e).emit(e)})),(0,i.A)(this,oa,je(this)),(0,i.A)(this,ra,(Ye(this),e=>{(0,r.A)(ta,this,Ie).emit(e)})),(0,i.A)(this,da,qe(this)),(0,i.A)(this,ha,(Ge(this),e=>{(0,r.A)(ta,this,Je).emit(e)})),(0,i.A)(this,ca,Ve(this)),(0,i.A)(this,ua,(et(this),tt(this))),(0,i.A)(this,ga,(st(this),e=>{(0,r.A)(ta,this,at).emit(e),"node"===e.type&&(0,r.A)(ta,this,Xe).emit(e)})),(0,i.A)(this,Aa,it(this)),(0,i.A)(this,pa,(rt(this),e=>{(0,r.A)(ta,this,nt).emit(e)})),(0,i.A)(this,ya,dt(this)),(0,i.A)(this,fa,(ut(this),e=>{(0,r.A)(ta,this,ht).emit(e)})),(0,i.A)(this,va,gt(this)),(0,i.A)(this,Ca,(yt(this),e=>{(0,r.A)(ta,this,At).emit(e)})),(0,i.A)(this,ma,ft(this)),(0,i.A)(this,ka,(mt(this),e=>{(0,r.A)(ta,this,vt).emit(e)})),(0,i.A)(this,wa,kt(this)),(0,i.A)(this,ba,(Mt(this),e=>{(0,r.A)(ta,this,wt).emit(e)})),(0,i.A)(this,Ma,Nt(this)),(0,i.A)(this,Na,(Tt(this),e=>{(0,r.A)(ta,this,xt).emit(e)})),(0,i.A)(this,xa,(0,u.createRef)())}get cells(){return(0,h.A)($t,this)}set cells(e){(0,d.A)($t,this,e)}get layout(){return(0,h.A)(Ht,this)}set layout(e){(0,d.A)(Ht,this,e)}get layoutOptions(){return(0,h.A)(Ot,this)}set layoutOptions(e){(0,d.A)(Ot,this,e)}get defaultNodeSize(){return(0,h.A)(Pt,this)}set defaultNodeSize(e){(0,d.A)(Pt,this,e)}get defaultNodeBricks(){return(0,h.A)(Ut,this)}set defaultNodeBricks(e){(0,d.A)(Ut,this,e)}get degradedThreshold(){return(0,h.A)(Kt,this)}set degradedThreshold(e){(0,d.A)(Kt,this,e)}get degradedNodeLabel(){return(0,h.A)(_t,this)}set degradedNodeLabel(e){(0,d.A)(_t,this,e)}get defaultEdgeLines(){return(0,h.A)(jt,this)}set defaultEdgeLines(e){(0,d.A)(jt,this,e)}get activeTarget(){return(0,h.A)(It,this)}set activeTarget(e){(0,d.A)(It,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ft,this)}set fadeUnrelatedCells(e){(0,d.A)(Ft,this,e)}get zoomable(){return(0,h.A)(Yt,this)}set zoomable(e){(0,d.A)(Yt,this,e)}get scrollable(){return(0,h.A)(qt,this)}set scrollable(e){(0,d.A)(qt,this,e)}get pannable(){return(0,h.A)(Jt,this)}set pannable(e){(0,d.A)(Jt,this,e)}get allowEdgeToArea(){return(0,h.A)(Zt,this)}set allowEdgeToArea(e){(0,d.A)(Zt,this,e)}get dragBehavior(){return(0,h.A)(Gt,this)}set dragBehavior(e){(0,d.A)(Gt,this,e)}get ctrlDragBehavior(){return(0,h.A)(Vt,this)}set ctrlDragBehavior(e){(0,d.A)(Vt,this,e)}get scaleRange(){return(0,h.A)(Xt,this)}set scaleRange(e){(0,d.A)(Xt,this,e)}get lineConnector(){return(0,h.A)(Qt,this)}set lineConnector(e){(0,d.A)(Qt,this,e)}async dropNode(e){var t,a;let{id:l,position:s,size:i,data:n,useBrick:o}=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 r;const e=this.getBoundingClientRect(),t=(0,h.A)(xa,this).current.getTransform(),a={type:"node",id:l,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:n,useBrick:o};return null===(r=(0,h.A)(xa,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:l,decorator:s,text:i,direction:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(xa,this).current.getTransform(),a={type:"decorator",decorator:s,id:Ra(),view:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k,width:z.N8,height:z.w1,text:i,direction:n}};return null===(o=(0,h.A)(xa,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:l,data:s}=e;return{type:"node",id:l,data:s,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(xa,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:l,data:s}=e;const i={type:"edge",source:a,target:l,data:s};return null===(t=(0,h.A)(xa,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(xa,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(ta,this,Ta).call(this);const{updated:a}=(0,h.A)(xa,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),Wt(this,!1)}render(){return g().createElement(Bt,{host:this,ref:(0,h.A)(xa,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,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(aa,this),onSwitchActiveTarget:(0,h.A)(la,this),onCellMove:(0,h.A)(na,this),onCellsMove:(0,h.A)(ra,this),onCellResize:(0,h.A)(ha,this),onCellDelete:(0,h.A)(ga,this),onCellsDelete:(0,h.A)(pa,this),onEdgeAdd:(0,h.A)(Ca,this),onCellContextMenu:(0,h.A)(fa,this),onDecoratorTextChange:(0,h.A)(ka,this),onContainerContainerChange:(0,h.A)(ba,this),onScaleChange:(0,h.A)(Na,this)})}}function Ta(){return new Promise((e=>{const t=()=>{(0,h.A)(xa,this).current?e():setTimeout(t,10)};t()}))}function Wa(e,t){let{host:a,layout:l,layoutOptions:s,cells:i,defaultNodeSize:n,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:M,dragBehavior:_,ctrlDragBehavior:j,scaleRange:q,lineConnector:J,allowEdgeToArea:Z,onActiveTargetChange:G,onSwitchActiveTarget:V,onCellMove:X,onCellResize:Q,onCellDelete:ee,onCellsMove:te,onCellsDelete:ae,onCellContextMenu:le,onEdgeAdd:se,onDecoratorTextChange:ie,onScaleChange:ne,onContainerContainerChange:oe}=e;const[{cells:re,layoutKey:de},he]=(0,u.useReducer)(k.d,i,(e=>({cells:(0,T.C)(e,{defaultNodeSize:n}),layoutKey:0}))),ce=(0,u.useMemo)((()=>re.filter(b.N).length>=(d??z.pC)),[re,d]),ue=(0,u.useRef)(null),ge=(0,u.useRef)(null),Ae=(0,u.useRef)(null),[pe,ye]=(0,u.useState)([]),[fe,ve]=(0,u.useState)([]),{grabbing:Ce,transform:me,zoomer:ke,scaleRange:we}=(0,S.f)({rootRef:ue,zoomable:p,scrollable:v,pannable:M,draggable:"grab"===_,ctrlDraggable:"grab"===j,scaleRange:q,onSwitchActiveTarget:V});(0,u.useEffect)((()=>{ne(me.k)}),[ne,me.k]);const[be,Me]=(0,u.useState)(null),[Ne,xe]=(0,u.useState)(null),{centered:Ee,setCentered:Te,getNextLayoutKey:We}=(0,D.g)({layout:l,layoutOptions:s,rootRef:ue,cells:re,zoomable:p,zoomer:ke,scaleRange:we,layoutKey:de,allowEdgeToArea:Z,dispatch:he});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&Te(!0),he({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&Te(!0),he({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const n=re.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...re.slice(0,n),...e,...re.slice(n)],{cells:r,updated:d,shouldReCenter:h}=(0,W.L)({cells:o,layout:l,previousCells:re,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:we,transform:me,allowEdgeToArea:Z});return h&&Te(!1),he({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){he({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,W.L)({...t,layout:l,previousCells:re,cells:e,scaleRange:we,transform:me,allowEdgeToArea:Z});return a&&Te(!1),he({type:"update-cells",payload:s.cells}),s},getTransform:()=>me,manuallyConnectNodes(e){const t=re.find((t=>(Z&&(0,b.o6)(t)||(0,b.N)(t))&&t.id===e));if(t){const e=ue.current.getBoundingClientRect();return xe({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)=>{Ae.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[re,l,we,Te,me,Z]);const Re=(0,u.useCallback)(((e,t)=>{var a;for(let a=re.length-1;a>=0;a--){const s=re[a];if((Z&&(0,b.o6)(s)||(0,b.N)(s))&&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 l;null===(l=Ae.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=Ae.current)||void 0===a||a.reject(null),xe(null)}),[re]),[ze,Se]=(0,u.useState)(null);(0,u.useEffect)((()=>{Wt(a,!!(Ne||ze||be))}),[Ne,a,ze,be]);const Le=(0,L.J)({cellsRef:ge,activeTarget:c,onActiveTargetChange:G}),[Be,De]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(re,Ne,Le,Z):[];De((t=>0===t.length&&0===e.length?t:e))}),[Le,re,Ne,A,Z]),(0,u.useEffect)((()=>{const e=ue.current;if(!e||pe.length>0)return;const t=e=>{const t=(0,N.a)(e,{cells:re,activeTarget:Le});"delete-cells"===(null==t?void 0:t.action)&&(ae(t.cells),1===t.cells.length&&ee(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Le,re,pe.length,ee,ae]);const $e=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,[He,Oe]=(0,u.useState)([]),Pe=(0,u.useCallback)((e=>{he({type:"move-cells",payload:e});const t=[];(0,Y._)(e,re).forEach((e=>{var a,l;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(l=e.containerCell)||void 0===l?void 0:l.id)})),ve(t),Oe(e.flatMap((e=>e.guideLines??[])))}),[re]),Ue=(0,u.useCallback)((e=>{he({type:"move-cells",payload:e}),te(e),1===e.length&&X(e[0]),(0,Y._)(e,re,oe),ve([]),Oe([])}),[X,te,re,oe]),Ke=(0,u.useCallback)((e=>{he({type:"resize-cell",payload:e})}),[]),_e=(0,u.useCallback)((e=>{he({type:"resize-cell",payload:e}),Q(e)}),[Q]),je=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;ye(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ie=(0,u.useCallback)(((e,t)=>{const a=We();he({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[We]),Fe=(0,u.useCallback)((e=>{ke.scaleTo((0,m.A)(ue.current),e/100)}),[ke]),Ye=(0,u.useCallback)((()=>{Te(!1)}),[Te]),{lineConfMap:qe,lineConnectorConf:Je,markers:Ze}=(0,H.d)({cells:re,defaultEdgeLines:r,lineConnector:J,markerPrefix:$e}),Ge=(0,$.H)({cells:re,layout:l,centered:Ee}),[Ve,Xe]=(0,u.useState)(null),Qe=(0,u.useRef)(null),et=(0,u.useCallback)((e=>{if(Je&&(0,b.N)(e)){null!==Qe.current&&(clearTimeout(Qe.current),Qe.current=null);const t=(0,O.G)();Xe({cell:e,relativePoints:t,points:za(t,e.view)})}}),[Je]),tt=(0,u.useCallback)((e=>{Je&&(0,b.N)(e)&&(Qe.current=setTimeout((()=>{Xe(null)})))}),[Je]),at=(0,u.useMemo)((()=>({rootRef:ue,smartConnectLineState:ze,unsetHoverStateTimeoutRef:Qe,hoverState:Ve,setHoverState:Xe,setSmartConnectLineState:Se,onConnect(e,t,a,l){const s={type:"edge",source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l,...(0,y.isObject)(J)?J:null}};he({type:"add-edge",payload:s}),se(s)}})),[ze,Ve,J,se]);return(0,u.useEffect)((()=>{const e=ue.current;if(!e||"lasso"!==_)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:me,offset:[t.left,t.top],onLassoing(e){Me(e)},onLassoed(e){Me(null);const t=[];for(const a of re)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const l=a.view.x,s=a.view.y;l>=e.x&&l+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==V||V(t.length>1?{type:"multi",targets:t.map(F.P)}:1===t.length?(0,F.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[me,re,_,V]),g().createElement(U.H.Provider,{value:at},g().createElement("svg",{width:"100%",height:"100%",ref:ue,className:C()("root",{grabbing:Ce,pannable:M,ready:Ge}),tabIndex:-1},g().createElement("defs",null,Ze.map(((e,t)=>g().createElement(w.c,{key:t,id:`${$e}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${me.x} ${me.y}) scale(${me.k})`},g().createElement("g",{className:C()("cells",{allowEdgeToArea:Z}),ref:ge},re.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&fe.includes(e.id),layout:l,layoutOptions:s,cell:e,cells:re,degraded:ce,degradedNodeLabel:h,defaultNodeBricks:o,transform:me,lineConfMap:qe,activeTarget:Le,unrelatedCells:Be,onCellsMoving:Pe,onCellsMoved:Ue,onCellResizing:Ke,onCellResized:_e,onSwitchActiveTarget:V,onCellContextMenu:le,onDecoratorTextChange:ie,onDecoratorTextEditing:je,onNodeBrickResize:Ie,onCellMouseEnter:et,onCellMouseLeave:tt})))),g().createElement(E.w,{connectLineState:Ne,transform:me,markerEnd:`${$e}0`,onConnect:Re}),be&&g().createElement("rect",{x:be.x,y:be.y,width:be.width,height:be.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Je&&g().createElement(I.X,{smartConnectLineState:ze,transform:me,options:Je}),He.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none"})))),Je&&g().createElement(P.T,{activeTarget:Le,transform:me,disabled:!!Ne,smartConnectLineState:ze})),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:me.k,scaleRange:we,onZoomChange:Fe,onReCenter:Ye}))}function Ra(){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 za(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const l=t.x+a/2,s=t.y+a/2,i=t.width-a,n=t.height-a;return e.map((e=>({x:l+e.x*i,y:s+e.y*n})))}l=Ea,({e:[Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we,be,Me,Ne,xe,Ee,Te,We,Re,ze,Se,Le,Be,De,$e,He,Oe,Pe,Ue,Ke,_e,je,Ie,Fe,Ye,qe,Je,Ze,Ge,Ve,Xe,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,Ct,mt,kt,wt,bt,Mt,Nt,xt,Et,Tt,q],c:[Dt,J]}=(0,c.A)(l,[Rt("eo-draw-canvas",{styleTexts:[_.A,j.A]})],[[zt({attribute:!1}),1,"cells"],[zt({type:String}),1,"layout"],[zt({attribute:!1}),1,"layoutOptions"],[zt({attribute:!1}),1,"defaultNodeSize"],[zt({attribute:!1}),1,"defaultNodeBricks"],[zt({type:Number}),1,"degradedThreshold"],[zt({attribute:!1}),1,"degradedNodeLabel"],[zt({attribute:!1}),1,"defaultEdgeLines"],[zt({attribute:!1}),1,"activeTarget"],[zt({type:Boolean}),1,"fadeUnrelatedCells"],[zt({type:Boolean}),1,"zoomable"],[zt({type:Boolean}),1,"scrollable"],[zt({type:Boolean}),1,"pannable"],[zt({type:Boolean}),1,"allowEdgeToArea"],[zt(),1,"dragBehavior"],[zt(),1,"ctrlDragBehavior"],[zt({attribute:!1}),1,"scaleRange"],[zt({attribute:!1}),1,"lineConnector"],[Lt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(ea,e),(e,t)=>(0,d.A)(ea,e,t)],[Lt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Lt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(ia,e),(e,t)=>(0,d.A)(ia,e,t)],[Lt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(oa,e),(e,t)=>(0,d.A)(oa,e,t)],[Lt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(da,e),(e,t)=>(0,d.A)(da,e,t)],[Lt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Lt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Lt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Aa,e),(e,t)=>(0,d.A)(Aa,e,t)],[Lt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ya,e),(e,t)=>(0,d.A)(ya,e,t)],[Lt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(va,e),(e,t)=>(0,d.A)(va,e,t)],[Lt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(ma,e),(e,t)=>(0,d.A)(ma,e,t)],[Lt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(wa,e),(e,t)=>(0,d.A)(wa,e,t)],[Lt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[St(),2,"dropNode"],[St(),2,"dropDecorator"],[St(),2,"addNodes"],[St(),2,"addEdge"],[St(),2,"manuallyConnectNodes"],[St(),2,"updateCells"]],0,(e=>xa.has((0,n.A)(e))),p.ReactNextElement)),J()}}]);
-//# sourceMappingURL=eo-display-canvas.f874fb2f.js.map
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823,8939],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>xe});var l,s=a(4635),i=a(918),n=a(6902),o=a(5536),r=a(6121),d=a(829),h=a(2740),c=a(8769),u=a.n(c),g=a(4799),A=a(8610),p=(a(6477),a(1030)),y=a(3373),f=a.n(y),v=a(7566),C=a(3739),m=a(8185),k=a(4932),w=a(3783),b=a(3033),M=a(8091),N=a(1819),x=a(5748),E=a(227),T=a(531),W=a(7099),R=a(1484),z=a(8197),S=a(7531),L=a(2098),B=a(3012),D=a(6237);let $,H,O,P,U,K,_,j,I,F,Y,q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we;const{defineElement:be,property:Me,event:Ne}=(0,g.createDecorators)();let xe;var Ee=new WeakMap,Te=new WeakMap,We=new WeakMap,Re=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,Be=new WeakMap,De=new WeakMap,$e=new WeakMap,He=new WeakMap,Oe=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,Ke=new WeakMap,_e=new WeakSet,je=new WeakMap,Ie=new WeakMap,Fe=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap;class Ze extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,_e),(0,i.A)(this,Ee,H(this)),(0,i.A)(this,Te,(O(this),P(this))),(0,i.A)(this,We,(U(this),K(this))),(0,i.A)(this,Re,(_(this),j(this,[b.HP,b.HP]))),(0,i.A)(this,ze,(I(this),F(this))),(0,i.A)(this,Se,(Y(this),q(this))),(0,i.A)(this,Le,(J(this),Z(this))),(0,i.A)(this,Be,(G(this),V(this))),(0,i.A)(this,De,(X(this),Q(this))),(0,i.A)(this,$e,(ee(this),te(this))),(0,i.A)(this,He,(ae(this),le(this,!0))),(0,i.A)(this,Oe,(se(this),ie(this,!0))),(0,i.A)(this,Pe,(ne(this),oe(this,!0))),(0,i.A)(this,Ue,(re(this),de(this))),(0,i.A)(this,Ke,(he(this),ce(this))),(0,i.A)(this,je,(Ae(this),e=>{(0,o.A)(_e,this,ue).emit(e)})),(0,i.A)(this,Ie,(e=>{(0,m.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Fe,pe(this)),(0,i.A)(this,Ye,(ve(this),e=>{(0,o.A)(_e,this,ye).emit(e)})),(0,i.A)(this,qe,Ce(this)),(0,i.A)(this,Je,(we(this),e=>{(0,o.A)(_e,this,me).emit(e)}))}get cells(){return(0,d.A)(Ee,this)}set cells(e){(0,r.A)(Ee,this,e)}get layout(){return(0,d.A)(Te,this)}set layout(e){(0,r.A)(Te,this,e)}get layoutOptions(){return(0,d.A)(We,this)}set layoutOptions(e){(0,r.A)(We,this,e)}get defaultNodeSize(){return(0,d.A)(Re,this)}set defaultNodeSize(e){(0,r.A)(Re,this,e)}get defaultNodeBricks(){return(0,d.A)(ze,this)}set defaultNodeBricks(e){(0,r.A)(ze,this,e)}get degradedThreshold(){return(0,d.A)(Se,this)}set degradedThreshold(e){(0,r.A)(Se,this,e)}get degradedNodeLabel(){return(0,d.A)(Le,this)}set degradedNodeLabel(e){(0,r.A)(Le,this,e)}get defaultEdgeLines(){return(0,d.A)(Be,this)}set defaultEdgeLines(e){(0,r.A)(Be,this,e)}get activeTarget(){return(0,d.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,d.A)($e,this)}set fadeUnrelatedCells(e){(0,r.A)($e,this,e)}get zoomable(){return(0,d.A)(He,this)}set zoomable(e){(0,r.A)(He,this,e)}get scrollable(){return(0,d.A)(Oe,this)}set scrollable(e){(0,r.A)(Oe,this,e)}get pannable(){return(0,d.A)(Pe,this)}set pannable(e){(0,r.A)(Pe,this,e)}get scaleRange(){return(0,d.A)(Ue,this)}set scaleRange(e){(0,r.A)(Ue,this,e)}render(){return u().createElement(Ge,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,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,onActiveTargetChange:(0,d.A)(je,this),onSwitchActiveTarget:(0,d.A)(Ie,this),onCellContextMenu:(0,d.A)(Ye,this),onCellClick:(0,d.A)(Je,this)})}}function Ge(e){let{shadowRoot:t,cells:a,layout:l,layoutOptions:s,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:d,activeTarget:h,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:m,scaleRange:B,onActiveTargetChange:D,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O}=e;const[{cells:P,layoutKey:U},K]=(0,c.useReducer)(x.d,a,(e=>({cells:(0,w.C)(e,{defaultNodeSize:i}),layoutKey:1}))),_=(0,c.useMemo)((()=>P.filter(T.N).length>=(r??b.pC)),[P,r]),j=(0,c.useRef)(null),I=(0,c.useRef)(null),{grabbing:F,transform:Y,zoomer:q,scaleRange:J}=(0,M.f)({rootRef:j,zoomable:A,scrollable:y,pannable:m,draggable:!0,scaleRange:B,onSwitchActiveTarget:$}),{centered:Z,setCentered:G,getNextLayoutKey:V}=(0,R.g)({layout:l,layoutOptions:s,rootRef:j,cells:P,zoomable:A,zoomer:q,scaleRange:J,layoutKey:U,dispatch:K}),X=(0,c.useCallback)((()=>{G(!1)}),[G]),Q=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==Q.current){Q.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:l,previousCells:P,cells:a,scaleRange:J,transform:Y});K({type:"update-cells",payload:e.cells})}}),[P,i,a,l,J,t,Y]);const ee=(0,N.J)({cellsRef:I,activeTarget:h,onActiveTargetChange:D}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{K({type:"update-node-size",payload:{id:e,size:t},layoutKey:V()})}),[V]),[le,se]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{se(e)}),[]),ne=(0,c.useCallback)((e=>{se((t=>t===e?null:t))}),[]),[oe,re]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,E.Y)(P,null,le):[];re((t=>0===t.length&&0===e.length?t:e))}),[P,g,le]);const de=(0,c.useCallback)((e=>{q.scaleTo((0,v.A)(j.current),e/100)}),[q]),{lineConfMap:he,markers:ce}=(0,S.d)({cells:P,defaultEdgeLines:o,markerPrefix:te}),ue=(0,z.H)({cells:P,layout:l,centered:Z});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:j,className:f()("root",{grabbing:F,pannable:m,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(C.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${Y.x} ${Y.y}) scale(${Y.k})`},u().createElement("g",{className:"cells",ref:I},P.map((e=>u().createElement(k.m,{key:`${e.type}:${(0,T.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:P,degraded:_,degradedNodeLabel:d,defaultNodeBricks:n,lineConfMap:he,transform:Y,activeTarget:ee,readOnly:!0,unrelatedCells:oe,onSwitchActiveTarget:$,onCellContextMenu:H,onCellClick:O,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,T.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,T.N)(e)?ne:void 0})))))),u().createElement(W.Y,{shadowRoot:t,scale:Y.k,scaleRange:J,onZoomChange:de,onReCenter:X}))}l=Ze,({e:[H,O,P,U,K,_,j,I,F,Y,q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we],c:[xe,$]}=(0,h.A)(l,[be("eo-display-canvas",{styleTexts:[B.A,D.A]})],[[Me({attribute:!1}),1,"cells"],[Me({type:String}),1,"layout"],[Me({attribute:!1}),1,"layoutOptions"],[Me({attribute:!1}),1,"defaultNodeSize"],[Me({attribute:!1}),1,"defaultNodeBricks"],[Me({type:Number}),1,"degradedThreshold"],[Me({attribute:!1}),1,"degradedNodeLabel"],[Me({attribute:!1}),1,"defaultEdgeLines"],[Me({attribute:!1}),1,"activeTarget"],[Me({type:Boolean}),1,"fadeUnrelatedCells"],[Me({type:Boolean}),1,"zoomable"],[Me({type:Boolean}),1,"scrollable"],[Me({type:Boolean}),1,"pannable"],[Me({attribute:!1}),1,"scaleRange"],[Ne({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,d.A)(Ke,e),(e,t)=>(0,r.A)(Ke,e,t)],[Ne({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,d.A)(Fe,e),(e,t)=>(0,r.A)(Fe,e,t)],[Ne({type:"cell.click"}),1,"cellClick",e=>(0,d.A)(qe,e),(e,t)=>(0,r.A)(qe,e,t)]],0,(e=>Je.has((0,n.A)(e))),A.ReactNextElement)),$()},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Dt,EoDrawCanvasComponent:()=>Bt,uuidV4:()=>Ra});var l,s=a(4635),i=a(918),n=a(6902),o=a(2559),r=a(5536),d=a(6121),h=a(829),c=a(2740),u=a(8769),g=a.n(u),A=a(4799),p=a(8610),y=a(4218),f=(a(6477),a(1030)),v=a(3373),C=a.n(v),m=a(7566),k=a(5748),w=a(3739),b=a(531),M=a(8185),N=a(5114),x=a(4932),E=a(3639),T=a(3783),W=a(2098),R=a(227),z=a(3033),S=a(8091),L=a(1819),B=a(7099),D=a(1484),$=a(8197),H=a(7531),O=a(8875),P=a(2722),U=a(9978),K=a(2219),_=a(3012),j=a(6237),I=a(1103),F=a(9386),Y=a(1991);let q,J,Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we,be,Me,Ne,xe,Ee,Te,We,Re,ze,Se,Le,Be,De,$e,He,Oe,Pe,Ue,Ke,_e,je,Ie,Fe,Ye,qe,Je,Ze,Ge,Ve,Xe,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,Ct,mt,kt,wt,bt,Mt,Nt,xt,Et,Tt;const Wt=(0,y.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Rt,property:zt,method:St,event:Lt}=(0,A.createDecorators)(),Bt=g().forwardRef(Wa);let Dt;var $t=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Pt=new WeakMap,Ut=new WeakMap,Kt=new WeakMap,_t=new WeakMap,jt=new WeakMap,It=new WeakMap,Ft=new WeakMap,Yt=new WeakMap,qt=new WeakMap,Jt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Vt=new WeakMap,Xt=new WeakMap,Qt=new WeakMap,ea=new WeakMap,ta=new WeakSet,aa=new WeakMap,la=new WeakMap,sa=new WeakMap,ia=new WeakMap,na=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ha=new WeakMap,ca=new WeakMap,ua=new WeakMap,ga=new WeakMap,Aa=new WeakMap,pa=new WeakMap,ya=new WeakMap,fa=new WeakMap,va=new WeakMap,Ca=new WeakMap,ma=new WeakMap,ka=new WeakMap,wa=new WeakMap,ba=new WeakMap,Ma=new WeakMap,Na=new WeakMap,xa=new WeakMap;class Ea extends p.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,ta),(0,i.A)(this,$t,(q(this),Z(this))),(0,i.A)(this,Ht,(G(this),V(this))),(0,i.A)(this,Ot,(X(this),Q(this))),(0,i.A)(this,Pt,(ee(this),te(this,[z.HP,z.HP]))),(0,i.A)(this,Ut,(ae(this),le(this))),(0,i.A)(this,Kt,(se(this),ie(this))),(0,i.A)(this,_t,(ne(this),oe(this))),(0,i.A)(this,jt,(re(this),de(this))),(0,i.A)(this,It,(he(this),ce(this))),(0,i.A)(this,Ft,(ue(this),ge(this))),(0,i.A)(this,Yt,(Ae(this),pe(this,!0))),(0,i.A)(this,qt,(ye(this),fe(this,!0))),(0,i.A)(this,Jt,(ve(this),Ce(this,!0))),(0,i.A)(this,Zt,(me(this),ke(this,!1))),(0,i.A)(this,Gt,(we(this),be(this))),(0,i.A)(this,Vt,(Me(this),Ne(this))),(0,i.A)(this,Xt,(xe(this),Ee(this))),(0,i.A)(this,Qt,(Te(this),We(this))),(0,i.A)(this,ea,(Re(this),ze(this))),(0,i.A)(this,aa,(Be(this),e=>{(0,r.A)(ta,this,Se).emit(e)})),(0,i.A)(this,la,(e=>{(0,M.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,sa,De(this)),(0,i.A)(this,ia,(Oe(this),Pe(this))),(0,i.A)(this,na,(_e(this),e=>{(0,r.A)(ta,this,Ue).emit(e),"node"===e.type&&(0,r.A)(ta,this,$e).emit(e)})),(0,i.A)(this,oa,je(this)),(0,i.A)(this,ra,(Ye(this),e=>{(0,r.A)(ta,this,Ie).emit(e)})),(0,i.A)(this,da,qe(this)),(0,i.A)(this,ha,(Ge(this),e=>{(0,r.A)(ta,this,Je).emit(e)})),(0,i.A)(this,ca,Ve(this)),(0,i.A)(this,ua,(et(this),tt(this))),(0,i.A)(this,ga,(st(this),e=>{(0,r.A)(ta,this,at).emit(e),"node"===e.type&&(0,r.A)(ta,this,Xe).emit(e)})),(0,i.A)(this,Aa,it(this)),(0,i.A)(this,pa,(rt(this),e=>{(0,r.A)(ta,this,nt).emit(e)})),(0,i.A)(this,ya,dt(this)),(0,i.A)(this,fa,(ut(this),e=>{(0,r.A)(ta,this,ht).emit(e)})),(0,i.A)(this,va,gt(this)),(0,i.A)(this,Ca,(yt(this),e=>{(0,r.A)(ta,this,At).emit(e)})),(0,i.A)(this,ma,ft(this)),(0,i.A)(this,ka,(mt(this),e=>{(0,r.A)(ta,this,vt).emit(e)})),(0,i.A)(this,wa,kt(this)),(0,i.A)(this,ba,(Mt(this),e=>{(0,r.A)(ta,this,wt).emit(e)})),(0,i.A)(this,Ma,Nt(this)),(0,i.A)(this,Na,(Tt(this),e=>{(0,r.A)(ta,this,xt).emit(e)})),(0,i.A)(this,xa,(0,u.createRef)())}get cells(){return(0,h.A)($t,this)}set cells(e){(0,d.A)($t,this,e)}get layout(){return(0,h.A)(Ht,this)}set layout(e){(0,d.A)(Ht,this,e)}get layoutOptions(){return(0,h.A)(Ot,this)}set layoutOptions(e){(0,d.A)(Ot,this,e)}get defaultNodeSize(){return(0,h.A)(Pt,this)}set defaultNodeSize(e){(0,d.A)(Pt,this,e)}get defaultNodeBricks(){return(0,h.A)(Ut,this)}set defaultNodeBricks(e){(0,d.A)(Ut,this,e)}get degradedThreshold(){return(0,h.A)(Kt,this)}set degradedThreshold(e){(0,d.A)(Kt,this,e)}get degradedNodeLabel(){return(0,h.A)(_t,this)}set degradedNodeLabel(e){(0,d.A)(_t,this,e)}get defaultEdgeLines(){return(0,h.A)(jt,this)}set defaultEdgeLines(e){(0,d.A)(jt,this,e)}get activeTarget(){return(0,h.A)(It,this)}set activeTarget(e){(0,d.A)(It,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ft,this)}set fadeUnrelatedCells(e){(0,d.A)(Ft,this,e)}get zoomable(){return(0,h.A)(Yt,this)}set zoomable(e){(0,d.A)(Yt,this,e)}get scrollable(){return(0,h.A)(qt,this)}set scrollable(e){(0,d.A)(qt,this,e)}get pannable(){return(0,h.A)(Jt,this)}set pannable(e){(0,d.A)(Jt,this,e)}get allowEdgeToArea(){return(0,h.A)(Zt,this)}set allowEdgeToArea(e){(0,d.A)(Zt,this,e)}get dragBehavior(){return(0,h.A)(Gt,this)}set dragBehavior(e){(0,d.A)(Gt,this,e)}get ctrlDragBehavior(){return(0,h.A)(Vt,this)}set ctrlDragBehavior(e){(0,d.A)(Vt,this,e)}get scaleRange(){return(0,h.A)(Xt,this)}set scaleRange(e){(0,d.A)(Xt,this,e)}get lineConnector(){return(0,h.A)(Qt,this)}set lineConnector(e){(0,d.A)(Qt,this,e)}async dropNode(e){var t,a;let{id:l,position:s,size:i,data:n,useBrick:o}=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 r;const e=this.getBoundingClientRect(),t=(0,h.A)(xa,this).current.getTransform(),a={type:"node",id:l,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:n,useBrick:o};return null===(r=(0,h.A)(xa,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:l,decorator:s,text:i,direction:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(xa,this).current.getTransform(),a={type:"decorator",decorator:s,id:Ra(),view:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k,width:z.N8,height:z.w1,text:i,direction:n}};return null===(o=(0,h.A)(xa,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:l,data:s}=e;return{type:"node",id:l,data:s,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,h.A)(xa,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:l,data:s}=e;const i={type:"edge",source:a,target:l,data:s};return null===(t=(0,h.A)(xa,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,h.A)(xa,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(ta,this,Ta).call(this);const{updated:a}=(0,h.A)(xa,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),Wt(this,!1)}render(){return g().createElement(Bt,{host:this,ref:(0,h.A)(xa,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,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(aa,this),onSwitchActiveTarget:(0,h.A)(la,this),onCellMove:(0,h.A)(na,this),onCellsMove:(0,h.A)(ra,this),onCellResize:(0,h.A)(ha,this),onCellDelete:(0,h.A)(ga,this),onCellsDelete:(0,h.A)(pa,this),onEdgeAdd:(0,h.A)(Ca,this),onCellContextMenu:(0,h.A)(fa,this),onDecoratorTextChange:(0,h.A)(ka,this),onContainerContainerChange:(0,h.A)(ba,this),onScaleChange:(0,h.A)(Na,this)})}}function Ta(){return new Promise((e=>{const t=()=>{(0,h.A)(xa,this).current?e():setTimeout(t,10)};t()}))}function Wa(e,t){let{host:a,layout:l,layoutOptions:s,cells:i,defaultNodeSize:n,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:M,dragBehavior:_,ctrlDragBehavior:j,scaleRange:q,lineConnector:J,allowEdgeToArea:Z,onActiveTargetChange:G,onSwitchActiveTarget:V,onCellMove:X,onCellResize:Q,onCellDelete:ee,onCellsMove:te,onCellsDelete:ae,onCellContextMenu:le,onEdgeAdd:se,onDecoratorTextChange:ie,onScaleChange:ne,onContainerContainerChange:oe}=e;const[{cells:re,layoutKey:de},he]=(0,u.useReducer)(k.d,i,(e=>({cells:(0,T.C)(e,{defaultNodeSize:n}),layoutKey:0}))),ce=(0,u.useMemo)((()=>re.filter(b.N).length>=(d??z.pC)),[re,d]),ue=(0,u.useRef)(null),ge=(0,u.useRef)(null),Ae=(0,u.useRef)(null),[pe,ye]=(0,u.useState)([]),[fe,ve]=(0,u.useState)([]),{grabbing:Ce,transform:me,zoomer:ke,scaleRange:we}=(0,S.f)({rootRef:ue,zoomable:p,scrollable:v,pannable:M,draggable:"grab"===_,ctrlDraggable:"grab"===j,scaleRange:q,onSwitchActiveTarget:V});(0,u.useEffect)((()=>{ne(me.k)}),[ne,me.k]);const[be,Me]=(0,u.useState)(null),[Ne,xe]=(0,u.useState)(null),{centered:Ee,setCentered:Te,getNextLayoutKey:We}=(0,D.g)({layout:l,layoutOptions:s,rootRef:ue,cells:re,zoomable:p,zoomer:ke,scaleRange:we,layoutKey:de,allowEdgeToArea:Z,dispatch:he});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==l&&"force"!==l&&Te(!0),he({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==l&&"force"!==l&&Te(!0),he({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const n=re.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...re.slice(0,n),...e,...re.slice(n)],{cells:r,updated:d,shouldReCenter:h}=(0,W.L)({cells:o,layout:l,previousCells:re,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:we,transform:me,allowEdgeToArea:Z});return h&&Te(!1),he({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){he({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,W.L)({...t,layout:l,previousCells:re,cells:e,scaleRange:we,transform:me,allowEdgeToArea:Z});return a&&Te(!1),he({type:"update-cells",payload:s.cells}),s},getTransform:()=>me,manuallyConnectNodes(e){const t=re.find((t=>(Z&&(0,b.o6)(t)||(0,b.N)(t))&&t.id===e));if(t){const e=ue.current.getBoundingClientRect();return xe({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)=>{Ae.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[re,l,we,Te,me,Z]);const Re=(0,u.useCallback)(((e,t)=>{var a;for(let a=re.length-1;a>=0;a--){const s=re[a];if((Z&&(0,b.o6)(s)||(0,b.N)(s))&&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 l;null===(l=Ae.current)||void 0===l||l.resolve({source:e.source,target:s});break}}null===(a=Ae.current)||void 0===a||a.reject(null),xe(null)}),[re]),[ze,Se]=(0,u.useState)(null);(0,u.useEffect)((()=>{Wt(a,!!(Ne||ze||be))}),[Ne,a,ze,be]);const Le=(0,L.J)({cellsRef:ge,activeTarget:c,onActiveTargetChange:G}),[Be,De]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,R.Y)(re,Ne,Le,Z):[];De((t=>0===t.length&&0===e.length?t:e))}),[Le,re,Ne,A,Z]),(0,u.useEffect)((()=>{const e=ue.current;if(!e||pe.length>0)return;const t=e=>{const t=(0,N.a)(e,{cells:re,activeTarget:Le});"delete-cells"===(null==t?void 0:t.action)&&(ae(t.cells),1===t.cells.length&&ee(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Le,re,pe.length,ee,ae]);const $e=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,[He,Oe]=(0,u.useState)([]),Pe=(0,u.useCallback)((e=>{he({type:"move-cells",payload:e});const t=[];(0,Y._)(e,re).forEach((e=>{var a,l;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(l=e.containerCell)||void 0===l?void 0:l.id)})),ve(t),Oe(e.flatMap((e=>e.guideLines??[])))}),[re]),Ue=(0,u.useCallback)((e=>{he({type:"move-cells",payload:e}),te(e),1===e.length&&X(e[0]),(0,Y._)(e,re,oe),ve([]),Oe([])}),[X,te,re,oe]),Ke=(0,u.useCallback)((e=>{he({type:"resize-cell",payload:e})}),[]),_e=(0,u.useCallback)((e=>{he({type:"resize-cell",payload:e}),Q(e)}),[Q]),je=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;ye(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Ie=(0,u.useCallback)(((e,t)=>{const a=We();he({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[We]),Fe=(0,u.useCallback)((e=>{ke.scaleTo((0,m.A)(ue.current),e/100)}),[ke]),Ye=(0,u.useCallback)((()=>{Te(!1)}),[Te]),{lineConfMap:qe,lineConnectorConf:Je,markers:Ze}=(0,H.d)({cells:re,defaultEdgeLines:r,lineConnector:J,markerPrefix:$e}),Ge=(0,$.H)({cells:re,layout:l,centered:Ee}),[Ve,Xe]=(0,u.useState)(null),Qe=(0,u.useRef)(null),et=(0,u.useCallback)((e=>{if(Je&&(0,b.N)(e)){null!==Qe.current&&(clearTimeout(Qe.current),Qe.current=null);const t=(0,O.G)();Xe({cell:e,relativePoints:t,points:za(t,e.view)})}}),[Je]),tt=(0,u.useCallback)((e=>{Je&&(0,b.N)(e)&&(Qe.current=setTimeout((()=>{Xe(null)})))}),[Je]),at=(0,u.useMemo)((()=>({rootRef:ue,smartConnectLineState:ze,unsetHoverStateTimeoutRef:Qe,hoverState:Ve,setHoverState:Xe,setSmartConnectLineState:Se,onConnect(e,t,a,l){const s={type:"edge",source:e.id,target:t.id,view:{exitPosition:a,entryPosition:l,...(0,y.isObject)(J)?J:null}};he({type:"add-edge",payload:s}),se(s)}})),[ze,Ve,J,se]);return(0,u.useEffect)((()=>{const e=ue.current;if(!e||"lasso"!==_)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:me,offset:[t.left,t.top],onLassoing(e){Me(e)},onLassoed(e){Me(null);const t=[];for(const a of re)if((0,b.t2)(a)||(0,b.o6)(a)||(0,b.Hs)(a)){const l=a.view.x,s=a.view.y;l>=e.x&&l+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==V||V(t.length>1?{type:"multi",targets:t.map(F.P)}:1===t.length?(0,F.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[me,re,_,V]),g().createElement(U.H.Provider,{value:at},g().createElement("svg",{width:"100%",height:"100%",ref:ue,className:C()("root",{grabbing:Ce,pannable:M,ready:Ge}),tabIndex:-1},g().createElement("defs",null,Ze.map(((e,t)=>g().createElement(w.c,{key:t,id:`${$e}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${me.x} ${me.y}) scale(${me.k})`},g().createElement("g",{className:C()("cells",{allowEdgeToArea:Z}),ref:ge},re.map((e=>g().createElement(x.m,{key:`${e.type}:${(0,b.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragNodeToContainerActive:!(0,b.WW)(e)&&fe.includes(e.id),layout:l,layoutOptions:s,cell:e,cells:re,degraded:ce,degradedNodeLabel:h,defaultNodeBricks:o,transform:me,lineConfMap:qe,activeTarget:Le,unrelatedCells:Be,onCellsMoving:Pe,onCellsMoved:Ue,onCellResizing:Ke,onCellResized:_e,onSwitchActiveTarget:V,onCellContextMenu:le,onDecoratorTextChange:ie,onDecoratorTextEditing:je,onNodeBrickResize:Ie,onCellMouseEnter:et,onCellMouseLeave:tt})))),g().createElement(E.w,{connectLineState:Ne,transform:me,markerEnd:`${$e}0`,onConnect:Re}),be&&g().createElement("rect",{x:be.x,y:be.y,width:be.width,height:be.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Je&&g().createElement(I.X,{smartConnectLineState:ze,transform:me,options:Je}),He.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none"})))),Je&&g().createElement(P.T,{activeTarget:Le,transform:me,disabled:!!Ne,smartConnectLineState:ze})),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:me.k,scaleRange:we,onZoomChange:Fe,onReCenter:Ye}))}function Ra(){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 za(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const l=t.x+a/2,s=t.y+a/2,i=t.width-a,n=t.height-a;return e.map((e=>({x:l+e.x*i,y:s+e.y*n})))}l=Ea,({e:[Z,G,V,X,Q,ee,te,ae,le,se,ie,ne,oe,re,de,he,ce,ue,ge,Ae,pe,ye,fe,ve,Ce,me,ke,we,be,Me,Ne,xe,Ee,Te,We,Re,ze,Se,Le,Be,De,$e,He,Oe,Pe,Ue,Ke,_e,je,Ie,Fe,Ye,qe,Je,Ze,Ge,Ve,Xe,Qe,et,tt,at,lt,st,it,nt,ot,rt,dt,ht,ct,ut,gt,At,pt,yt,ft,vt,Ct,mt,kt,wt,bt,Mt,Nt,xt,Et,Tt,q],c:[Dt,J]}=(0,c.A)(l,[Rt("eo-draw-canvas",{styleTexts:[_.A,j.A]})],[[zt({attribute:!1}),1,"cells"],[zt({type:String}),1,"layout"],[zt({attribute:!1}),1,"layoutOptions"],[zt({attribute:!1}),1,"defaultNodeSize"],[zt({attribute:!1}),1,"defaultNodeBricks"],[zt({type:Number}),1,"degradedThreshold"],[zt({attribute:!1}),1,"degradedNodeLabel"],[zt({attribute:!1}),1,"defaultEdgeLines"],[zt({attribute:!1}),1,"activeTarget"],[zt({type:Boolean}),1,"fadeUnrelatedCells"],[zt({type:Boolean}),1,"zoomable"],[zt({type:Boolean}),1,"scrollable"],[zt({type:Boolean}),1,"pannable"],[zt({type:Boolean}),1,"allowEdgeToArea"],[zt(),1,"dragBehavior"],[zt(),1,"ctrlDragBehavior"],[zt({attribute:!1}),1,"scaleRange"],[zt({attribute:!1}),1,"lineConnector"],[Lt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(ea,e),(e,t)=>(0,d.A)(ea,e,t)],[Lt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Lt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(ia,e),(e,t)=>(0,d.A)(ia,e,t)],[Lt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)(oa,e),(e,t)=>(0,d.A)(oa,e,t)],[Lt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(da,e),(e,t)=>(0,d.A)(da,e,t)],[Lt({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Lt({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Lt({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Aa,e),(e,t)=>(0,d.A)(Aa,e,t)],[Lt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ya,e),(e,t)=>(0,d.A)(ya,e,t)],[Lt({type:"edge.add"}),1,"edgeAdd",e=>(0,h.A)(va,e),(e,t)=>(0,d.A)(va,e,t)],[Lt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(ma,e),(e,t)=>(0,d.A)(ma,e,t)],[Lt({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(wa,e),(e,t)=>(0,d.A)(wa,e,t)],[Lt({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Ma,e),(e,t)=>(0,d.A)(Ma,e,t)],[St(),2,"dropNode"],[St(),2,"dropDecorator"],[St(),2,"addNodes"],[St(),2,"addEdge"],[St(),2,"manuallyConnectNodes"],[St(),2,"updateCells"]],0,(e=>xa.has((0,n.A)(e))),p.ReactNextElement)),J()}}]);
+//# sourceMappingURL=eo-display-canvas.2b754ef1.js.map

package/dist/chunks/{eo-display-canvas.f874fb2f.js.map → eo-display-canvas.2b754ef1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.f874fb2f.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx","webpack:///./src/draw-canvas/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n      />\n    );\n  }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n  shadowRoot,\n  cells: initialCells,\n  layout,\n  layoutOptions,\n  defaultNodeSize,\n  defaultNodeBricks,\n  defaultEdgeLines,\n  degradedThreshold,\n  degradedNodeLabel,\n  activeTarget: _activeTarget,\n  fadeUnrelatedCells,\n  zoomable,\n  scrollable,\n  pannable,\n  scaleRange: _scaleRange,\n  onActiveTargetChange,\n  onSwitchActiveTarget,\n  onCellContextMenu,\n  onCellClick,\n}: EoDisplayCanvasComponentProps) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n  const cellsRef = useRef<SVGGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    cellsRef,\n    activeTarget: _activeTarget,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type=\"arrow\"\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\" ref={cellsRef}>\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      <ZoomBarComponent\n        shadowRoot={shadowRoot}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </>\n  );\n}\n","import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { isObject, unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n  NodePosition,\n  PositionTuple,\n  RangeTuple,\n  SizeTuple,\n  TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  Cell,\n  EdgeCell,\n  InitialCell,\n  NodeBrickConf,\n  NodeCell,\n  NodeId,\n  DecoratorCell,\n  DecoratorType,\n  CellContextMenuDetail,\n  ConnectLineState,\n  Deferred,\n  ConnectNodesDetail,\n  EdgeLineConf,\n  DecoratorTextChangeDetail,\n  NodeView,\n  LayoutType,\n  LayoutOptions,\n  SmartConnectLineState,\n  LineConnecterConf,\n  Direction,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport {\n  isContainerDecoratorCell,\n  isEdgeCell,\n  isNodeCell,\n  isNodeOrAreaDecoratorCell,\n  isTextDecoratorCell,\n} from \"./processors/asserts\";\nimport type {\n  LineTuple,\n  MoveCellPayload,\n  ResizeCellPayload,\n} from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { updateCells } from \"./processors/updateCells\";\nimport { getUnrelatedCells } from \"./processors/getUnrelatedCells\";\nimport {\n  DEFAULT_NODE_SIZE,\n  DEFAULT_AREA_WIDTH,\n  DEFAULT_AREA_HEIGHT,\n  DEFAULT_DEGRADED_THRESHOLD,\n} from \"./constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { getConnectPointsOfRectangle } from \"../shared/canvas/shapes/Rectangle\";\nimport { LineConnectorComponent } from \"./LineConnectorComponent\";\nimport { HoverStateContext, type HoverState } from \"./HoverStateContext\";\nimport { handleLasso } from \"./processors/handleLasso\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { SmartConnectLineComponent } from \"./SmartConnectLineComponent\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\nimport { handleNodeContainedChange } from \"./processors/handleNodeContainedChange\";\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n  \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  dragBehavior?: DragBehavior;\n  ctrlDragBehavior?: CtrlDragBehavior;\n  scaleRange?: RangeTuple;\n  lineConnector?: LineConnecterConf | boolean;\n  allowEdgeToArea?: boolean;\n}\n\nexport type DragBehavior = \"none\" | \"lasso\" | \"grab\";\nexport type CtrlDragBehavior = \"none\" | \"grab\";\n\nexport interface DropNodeInfo extends AddNodeInfo {\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n  decorator: DecoratorType;\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n  text?: string;\n  direction?: Direction;\n}\n\nexport interface AddNodeInfo {\n  id: NodeId;\n  useBrick?: UseSingleBrickConf;\n  data?: unknown;\n  size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n  source: NodeId;\n  target: NodeId;\n  data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n  reason: \"add-related-nodes\";\n  parent: NodeId;\n}\n\nexport interface AddNodesContext {\n  defaultNodeSize: SizeTuple;\n  canvasWidth: number;\n  canvasHeight: number;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n  LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意：将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\n  /**\n   * 仅当初始化时使用，渲染后重新设置 `cells` 将无效。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` even if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当 `activeTarget` 不为 `null` 时，隐藏其他跟该 `activeTarget` 无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor allowEdgeToArea: boolean | undefined = false;\n\n  /**\n   * 按住鼠标拖动时的行为：\n   *  - `none`：无\n   *  - `lasso`：绘制选区\n   *  - `grab`：拖动画布\n   *\n   * @default \"none\"\n   */\n  @property()\n  accessor dragBehavior: DragBehavior | undefined;\n\n  /**\n   * 按住 ctrl 键并按住鼠标拖动时的行为：\n   *  - `none`：无\n   *  - `grab`：拖动画布\n   *\n   * @default \"none\"\n   */\n  @property()\n  accessor ctrlDragBehavior: CtrlDragBehavior | undefined;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @property({ attribute: false })\n  accessor lineConnector: LineConnecterConf | boolean | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  /**\n   * @deprecated Use `cell.move` instead.\n   */\n  @event({ type: \"node.move\" })\n  accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  @event({ type: \"cell.move\" })\n  accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  #handleCellMove = (info: MoveCellPayload) => {\n    this.#cellMoveEvent.emit(info);\n    if (info.type === \"node\") {\n      this.#nodeMoveEvent.emit(info);\n    }\n  };\n\n  @event({ type: \"cells.move\" })\n  accessor #cellsMoveEvent!: EventEmitter<MoveCellPayload[]>;\n\n  #handleCellsMove = (info: MoveCellPayload[]) => {\n    this.#cellsMoveEvent.emit(info);\n  };\n\n  @event({ type: \"cell.resize\" })\n  accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n  #handleCellResize = (info: ResizeCellPayload) => {\n    this.#cellResizeEvent.emit(info);\n  };\n\n  /**\n   * @deprecated Use `cell.delete` instead.\n   */\n  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<Cell>;\n\n  @event({ type: \"cell.delete\" })\n  accessor #cellDelete!: EventEmitter<Cell>;\n\n  #handleCellDelete = (cell: Cell) => {\n    this.#cellDelete.emit(cell);\n    if (cell.type === \"node\") {\n      this.#nodeDelete.emit(cell);\n    }\n  };\n\n  @event({ type: \"cells.delete\" })\n  accessor #cellsDelete!: EventEmitter<Cell[]>;\n\n  #handleCellsDelete = (cells: Cell[]) => {\n    this.#cellsDelete.emit(cells);\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  /**\n   * 通过画布绘图的方式添加边（手动调用 `addEdge` 方法不会触发该事件）。\n   */\n  @event({ type: \"edge.add\" })\n  accessor #edgeAdd!: EventEmitter<EdgeCell>;\n\n  #handleEdgeAdd = (edge: EdgeCell) => {\n    this.#edgeAdd.emit(edge);\n  };\n\n  @event({ type: \"decorator.text.change\" })\n  accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n  #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n    this.#decoratorTextChange.emit(detail);\n  };\n\n  /**\n   * node节点跟容器组关系改变事件，有containerCell是新增关系，否则删除关系\n   */\n  @event({ type: \"node.container.change\" })\n  accessor #containerContainerChange!: EventEmitter<MoveCellPayload[]>;\n\n  #handleContainerContainerChange = (detail: MoveCellPayload[]) => {\n    this.#containerContainerChange.emit(detail);\n  };\n\n  /**\n   * 缩放变化后，从素材库拖拽元素进画布时，拖拽图像应设置对应的缩放比例。\n   */\n  @event({ type: \"scale.change\" })\n  accessor #scaleChange!: EventEmitter<number>;\n\n  #handleScaleChange = (scale: number) => {\n    this.#scaleChange.emit(scale);\n  };\n\n  @method()\n  async dropNode({\n    id,\n    position,\n    size,\n    data,\n    useBrick,\n  }: DropNodeInfo): Promise<NodeCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newNode = {\n        type: \"node\",\n        id,\n        view: {\n          ...(this.layout === \"force\" || this.layout === \"dagre\"\n            ? null\n            : {\n                x:\n                  (position[0] - boundingClientRect.left - transform.x) /\n                  transform.k,\n                y:\n                  (position[1] - boundingClientRect.top - transform.y) /\n                  transform.k,\n              }),\n          width: size?.[0] ?? this.defaultNodeSize[0],\n          height: size?.[1] ?? this.defaultNodeSize[0],\n        },\n        data,\n        useBrick,\n      } as NodeCell;\n      this.#canvasRef.current?.dropNode(newNode);\n      return newNode;\n    }\n    return null;\n  }\n\n  @method()\n  async dropDecorator({\n    position,\n    decorator,\n    text,\n    direction,\n  }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newDecorator: DecoratorCell = {\n        type: \"decorator\",\n        decorator,\n        id: uuidV4(),\n        view: {\n          x:\n            (position[0] - boundingClientRect.left - transform.x) / transform.k,\n          y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n          width: DEFAULT_AREA_WIDTH,\n          height: DEFAULT_AREA_HEIGHT,\n          text,\n          direction,\n        },\n      };\n      this.#canvasRef.current?.dropDecorator(newDecorator);\n      return newDecorator;\n    }\n    return null;\n  }\n\n  @method()\n  async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n    if (nodes.length === 0) {\n      return [];\n    }\n    const newNodes = nodes.map<NodeCell>(({ size, useBrick, id, data }) => ({\n      type: \"node\",\n      id,\n      data,\n      view: {\n        width: size?.[0] ?? this.defaultNodeSize[0],\n        height: size?.[1] ?? this.defaultNodeSize[0],\n      } as NodeView,\n      useBrick,\n    }));\n    return this.#canvasRef.current!.addNodes(newNodes, {\n      defaultNodeSize: this.defaultNodeSize,\n      canvasWidth: this.clientWidth,\n      canvasHeight: this.clientHeight,\n    });\n  }\n\n  @method()\n  async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n    const newEdge: EdgeCell = {\n      type: \"edge\",\n      source,\n      target,\n      data,\n    };\n    this.#canvasRef.current?.addEdge(newEdge);\n    return newEdge;\n  }\n\n  @method()\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n    return this.#canvasRef.current!.manuallyConnectNodes(source);\n  }\n\n  @method()\n  async updateCells(\n    cells: InitialCell[],\n    ctx?: UpdateCellsContext\n  ): Promise<{ updated: Cell[] }> {\n    await this.#waitForCanvasRef();\n    const { updated } = this.#canvasRef.current!.updateCells(cells, {\n      ...ctx,\n      defaultNodeSize: this.defaultNodeSize,\n      canvasWidth: this.clientWidth,\n      canvasHeight: this.clientHeight,\n    });\n    return { updated };\n  }\n\n  #waitForCanvasRef() {\n    return new Promise<void>((resolve) => {\n      const check = () => {\n        if (this.#canvasRef.current) {\n          resolve();\n        } else {\n          setTimeout(check, 10);\n        }\n      };\n      check();\n    });\n  }\n\n  #canvasRef = createRef<DrawCanvasRef>();\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    lockBodyScroll(this, false);\n  }\n\n  render() {\n    return (\n      <EoDrawCanvasComponent\n        host={this}\n        ref={this.#canvasRef}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        cells={this.cells}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        dragBehavior={this.dragBehavior}\n        ctrlDragBehavior={this.ctrlDragBehavior}\n        scaleRange={this.scaleRange}\n        lineConnector={this.lineConnector}\n        allowEdgeToArea={this.allowEdgeToArea}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellMove={this.#handleCellMove}\n        onCellsMove={this.#handleCellsMove}\n        onCellResize={this.#handleCellResize}\n        onCellDelete={this.#handleCellDelete}\n        onCellsDelete={this.#handleCellsDelete}\n        onEdgeAdd={this.#handleEdgeAdd}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onDecoratorTextChange={this.#handleDecoratorTextChange}\n        onContainerContainerChange={this.#handleContainerContainerChange}\n        onScaleChange={this.#handleScaleChange}\n      />\n    );\n  }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n  host: HTMLElement;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellMove(info: MoveCellPayload): void;\n  onCellResize(cell: ResizeCellPayload): void;\n  onCellDelete(cell: Cell): void;\n  onCellsMove(info: MoveCellPayload[]): void;\n  onCellsDelete(cells: Cell[]): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onEdgeAdd(detail: EdgeCell): void;\n  onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n  onContainerContainerChange(detail: MoveCellPayload[]): void;\n  onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n  dropNode(node: NodeCell): void;\n  dropDecorator(decorator: DecoratorCell): void;\n  addNodes(nodes: NodeCell[], ctx: AddNodesContext): NodeCell[];\n  addEdge(edge: EdgeCell): void;\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n  updateCells(\n    cells: InitialCell[],\n    ctx: Partial<UpdateCellsContext> & {\n      defaultNodeSize: SizeTuple;\n      canvasWidth: number;\n      canvasHeight: number;\n    }\n  ): {\n    cells: Cell[];\n    updated: Cell[];\n  };\n  getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n  {\n    host,\n    layout,\n    layoutOptions,\n    cells: initialCells,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    dragBehavior,\n    ctrlDragBehavior,\n    scaleRange: _scaleRange,\n    lineConnector,\n    allowEdgeToArea,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellMove,\n    onCellResize,\n    onCellDelete,\n    onCellsMove,\n    onCellsDelete,\n    onCellContextMenu,\n    onEdgeAdd,\n    onDecoratorTextChange,\n    onScaleChange,\n    onContainerContainerChange,\n  }: EoDrawCanvasComponentProps,\n  ref: React.Ref<DrawCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 0,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n  const cellsRef = useRef<SVGGElement>(null);\n  const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n    null\n  );\n  const [editingTexts, setEditingTexts] = useState<string[]>([]);\n  const [activeContainers, setActiveContainers] = useState<string[]>([]);\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: dragBehavior === \"grab\",\n    ctrlDraggable: ctrlDragBehavior === \"grab\",\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  useEffect(() => {\n    onScaleChange(transform.k);\n  }, [onScaleChange, transform.k]);\n\n  const [lassoRect, setLassoRect] = useState<NodeView | null>(null);\n\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    allowEdgeToArea,\n    dispatch,\n  });\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      dropNode(node) {\n        // Do not apply auto centering when dropping a node in manual layout.\n        if (layout !== \"dagre\" && layout !== \"force\") {\n          setCentered(true);\n        }\n        dispatch({ type: \"drop-node\", payload: node });\n      },\n      dropDecorator(decorator) {\n        // Do not apply auto centering when dropping a decorator in manual layout.\n        if (layout !== \"dagre\" && layout !== \"force\") {\n          setCentered(true);\n        }\n        dispatch({ type: \"drop-decorator\", payload: decorator });\n      },\n      addNodes(\n        nodes,\n        { defaultNodeSize, canvasWidth, canvasHeight }: AddNodesContext\n      ) {\n        const index =\n          cells.findLastIndex(\n            (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n          ) + 1;\n        const newCells = [\n          ...cells.slice(0, index),\n          ...nodes,\n          ...cells.slice(index),\n        ];\n        const {\n          cells: allCells,\n          updated,\n          shouldReCenter,\n        } = updateCells({\n          cells: newCells,\n          layout,\n          previousCells: cells,\n          defaultNodeSize,\n          canvasWidth,\n          canvasHeight,\n          scaleRange,\n          transform,\n          allowEdgeToArea,\n        });\n        if (shouldReCenter) {\n          setCentered(false);\n        }\n        dispatch({ type: \"update-cells\", payload: allCells });\n        return updated.filter((node) =>\n          nodes.includes(node as NodeCell)\n        ) as NodeCell[];\n      },\n      addEdge(edge) {\n        dispatch({ type: \"add-edge\", payload: edge });\n      },\n      updateCells(newCells, ctx) {\n        const { shouldReCenter, ...result } = updateCells({\n          ...ctx,\n          layout,\n          previousCells: cells,\n          cells: newCells,\n          scaleRange,\n          transform,\n          allowEdgeToArea,\n        });\n        if (shouldReCenter) {\n          setCentered(false);\n        }\n        dispatch({ type: \"update-cells\", payload: result.cells });\n        return result;\n      },\n      getTransform() {\n        return transform;\n      },\n      manuallyConnectNodes(sourceId) {\n        const source = cells.find(\n          (cell) =>\n            ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n              isNodeCell(cell)) &&\n            cell.id === sourceId\n        ) as NodeCell | DecoratorCell | undefined;\n        if (source) {\n          const rect = rootRef.current!.getBoundingClientRect();\n          setConnectLineState({\n            source,\n            from: [\n              source.view.x + source.view.width / 2,\n              source.view.y + source.view.height / 2,\n            ],\n            offset: [rect.left, rect.top],\n          });\n          const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n            manualConnectDeferredRef.current = { resolve, reject };\n          });\n          return promise;\n        }\n        return Promise.reject(null);\n      },\n    }),\n    [cells, layout, scaleRange, setCentered, transform, allowEdgeToArea]\n  );\n\n  const handleConnect = useCallback(\n    (state: ConnectLineState, to: PositionTuple) => {\n      // Find the target node from top bo bottom,\n      // detect whether the pointer is inside the target node.\n      for (let i = cells.length - 1; i >= 0; i--) {\n        const cell = cells[i];\n        // Currently ignore connecting to self\n        if (\n          ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n            isNodeCell(cell)) &&\n          cell.id !== state.source.id\n        ) {\n          if (\n            cell.view.x < to[0] &&\n            cell.view.x + cell.view.width > to[0] &&\n            cell.view.y < to[1] &&\n            cell.view.y + cell.view.height > to[1]\n          ) {\n            manualConnectDeferredRef.current?.resolve({\n              source: state.source,\n              target: cell,\n            });\n            break;\n          }\n        }\n      }\n      manualConnectDeferredRef.current?.reject(null);\n      setConnectLineState(null);\n    },\n    [cells]\n  );\n  const [smartConnectLineState, setSmartConnectLineState] =\n    useState<SmartConnectLineState | null>(null);\n\n  useEffect(() => {\n    lockBodyScroll(\n      host,\n      !!(connectLineState || !!smartConnectLineState || lassoRect)\n    );\n  }, [connectLineState, host, smartConnectLineState, lassoRect]);\n\n  const activeTarget = useActiveTarget({\n    cellsRef,\n    activeTarget: _activeTarget,\n    onActiveTargetChange,\n  });\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(\n          cells,\n          connectLineState,\n          activeTarget,\n          allowEdgeToArea\n        )\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [\n    activeTarget,\n    cells,\n    connectLineState,\n    fadeUnrelatedCells,\n    allowEdgeToArea,\n  ]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || editingTexts.length > 0) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        cells,\n        activeTarget,\n      });\n\n      switch (action?.action) {\n        case \"delete-cells\":\n          onCellsDelete(action.cells);\n          if (action.cells.length === 1) {\n            onCellDelete(action.cells[0]);\n          }\n          break;\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [activeTarget, cells, editingTexts.length, onCellDelete, onCellsDelete]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const [guideLines, setGuideLines] = useState<LineTuple[]>([]);\n\n  /* istanbul ignore next */\n  const handleCellsMoving = useCallback(\n    (info: MoveCellPayload[]) => {\n      dispatch({ type: \"move-cells\", payload: info });\n      const containedIds: string[] = [];\n      handleNodeContainedChange(info, cells).forEach((c) => {\n        if (c.containerCell?.id) containedIds.push(c.containerCell?.id);\n      });\n      setActiveContainers(containedIds);\n      setGuideLines(info.flatMap((c) => c.guideLines ?? []));\n    },\n    [cells]\n  );\n\n  /* istanbul ignore next */\n  const handleCellsMoved = useCallback(\n    (info: MoveCellPayload[]) => {\n      dispatch({ type: \"move-cells\", payload: info });\n      onCellsMove(info);\n      if (info.length === 1) {\n        onCellMove(info[0]);\n      }\n      handleNodeContainedChange(info, cells, onContainerContainerChange);\n      setActiveContainers([]);\n      setGuideLines([]);\n    },\n    [onCellMove, onCellsMove, cells, onContainerContainerChange]\n  );\n\n  const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n    dispatch({ type: \"resize-cell\", payload: info });\n  }, []);\n\n  const handleCellResized = useCallback(\n    (info: ResizeCellPayload) => {\n      dispatch({ type: \"resize-cell\", payload: info });\n      onCellResize(info);\n    },\n    [onCellResize]\n  );\n\n  const handleDecoratorTextEditing = useCallback(\n    ({ id, editing }: { id: string; editing: boolean }) => {\n      if (editing) {\n        setEditingTexts((texts) =>\n          texts.includes(id) ? texts : [...texts, id]\n        );\n      } else {\n        setEditingTexts((texts) => texts.filter((text) => text !== id));\n      }\n    },\n    []\n  );\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      const nextLayoutKey = getNextLayoutKey();\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: nextLayoutKey,\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n  const { lineConfMap, lineConnectorConf, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    lineConnector,\n    markerPrefix,\n  });\n\n  const ready = useReady({ cells, layout, centered });\n\n  const [hoverState, setHoverState] = useState<HoverState | null>(null);\n  const unsetHoverStateTimeoutRef = useRef<number | null>(null);\n\n  const handleCellMouseEnter = useCallback(\n    (cell: Cell) => {\n      if (lineConnectorConf && isNodeCell(cell)) {\n        if (unsetHoverStateTimeoutRef.current !== null) {\n          clearTimeout(unsetHoverStateTimeoutRef.current);\n          unsetHoverStateTimeoutRef.current = null;\n        }\n        const relativePoints = getConnectPointsOfRectangle();\n        setHoverState({\n          cell,\n          relativePoints,\n          points: getConnectPoints(relativePoints, cell.view),\n        });\n      }\n    },\n    [lineConnectorConf]\n  );\n\n  const handleCellMouseLeave = useCallback(\n    (cell: Cell) => {\n      if (lineConnectorConf && isNodeCell(cell)) {\n        unsetHoverStateTimeoutRef.current = setTimeout(() => {\n          setHoverState(null);\n        }) as unknown as number;\n      }\n    },\n    [lineConnectorConf]\n  );\n\n  const hoverStateContextValue = useMemo(\n    () => ({\n      rootRef,\n      smartConnectLineState,\n      unsetHoverStateTimeoutRef,\n      hoverState,\n      setHoverState,\n      setSmartConnectLineState,\n      onConnect(\n        source: NodeCell,\n        target: NodeCell,\n        exitPosition: NodePosition,\n        entryPosition: NodePosition\n      ) {\n        const newEdge: EdgeCell = {\n          type: \"edge\",\n          source: source.id,\n          target: target.id,\n          view: {\n            exitPosition,\n            entryPosition,\n            ...(isObject(lineConnector) ? lineConnector : null),\n          },\n        };\n        dispatch({\n          type: \"add-edge\",\n          payload: newEdge,\n        });\n        onEdgeAdd(newEdge);\n      },\n    }),\n    [smartConnectLineState, hoverState, lineConnector, onEdgeAdd]\n  );\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || dragBehavior !== \"lasso\") {\n      return;\n    }\n    const rootRect = root.getBoundingClientRect();\n    const onMouseDown = (event: MouseEvent) => {\n      handleLasso(event, {\n        transform,\n        offset: [rootRect.left, rootRect.top],\n        onLassoing(rect) {\n          setLassoRect(rect);\n        },\n        onLassoed(rect) {\n          setLassoRect(null);\n          const lassoedCells: (NodeCell | DecoratorCell)[] = [];\n          for (const cell of cells) {\n            if (\n              isContainerDecoratorCell(cell) ||\n              isNodeOrAreaDecoratorCell(cell) ||\n              isTextDecoratorCell(cell)\n            ) {\n              const x = cell.view.x;\n              const y = cell.view.y;\n              if (\n                x >= rect.x &&\n                x + cell.view.width <= rect.x + rect.width &&\n                y >= rect.y &&\n                y + cell.view.height <= rect.y + rect.height\n              ) {\n                lassoedCells.push(cell);\n              }\n            }\n          }\n          onSwitchActiveTarget?.(\n            lassoedCells.length > 1\n              ? { type: \"multi\", targets: lassoedCells.map(cellToTarget) }\n              : lassoedCells.length === 1\n                ? cellToTarget(lassoedCells[0])\n                : null\n          );\n        },\n      });\n    };\n    root.addEventListener(\"mousedown\", onMouseDown);\n    return () => {\n      root.removeEventListener(\"mousedown\", onMouseDown);\n    };\n  }, [transform, cells, dragBehavior, onSwitchActiveTarget]);\n\n  return (\n    <HoverStateContext.Provider value={hoverStateContextValue}>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type=\"arrow\"\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g\n            className={classNames(\"cells\", { allowEdgeToArea })}\n            ref={cellsRef}\n          >\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                dragNodeToContainerActive={\n                  isEdgeCell(cell) ? false : activeContainers.includes(cell.id)\n                }\n                layout={layout}\n                layoutOptions={layoutOptions}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                transform={transform}\n                lineConfMap={lineConfMap}\n                activeTarget={activeTarget}\n                unrelatedCells={unrelatedCells}\n                onCellsMoving={handleCellsMoving}\n                onCellsMoved={handleCellsMoved}\n                onCellResizing={handleCellResizing}\n                onCellResized={handleCellResized}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onDecoratorTextChange={onDecoratorTextChange}\n                onDecoratorTextEditing={handleDecoratorTextEditing}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={handleCellMouseEnter}\n                onCellMouseLeave={handleCellMouseLeave}\n              />\n            ))}\n          </g>\n          <ConnectLineComponent\n            connectLineState={connectLineState}\n            transform={transform}\n            markerEnd={`${markerPrefix}0`}\n            onConnect={handleConnect}\n          />\n          {lassoRect && (\n            <rect\n              x={lassoRect.x}\n              y={lassoRect.y}\n              width={lassoRect.width}\n              height={lassoRect.height}\n              fill=\"var(--palette-gray-5)\"\n              fillOpacity={0.3}\n              stroke=\"var(--palette-gray-5)\"\n              strokeDasharray={2}\n            />\n          )}\n          {lineConnectorConf && (\n            <SmartConnectLineComponent\n              smartConnectLineState={smartConnectLineState}\n              transform={transform}\n              options={lineConnectorConf}\n            />\n          )}\n          {guideLines.map((line, index) => (\n            <path\n              key={index}\n              d={`M${line[0].join(\" \")} L${line[1].join(\" \")}`}\n              stroke=\"var(--palette-orange-5)\"\n              fill=\"none\"\n            />\n          ))}\n        </g>\n        {lineConnectorConf && (\n          <LineConnectorComponent\n            activeTarget={activeTarget}\n            transform={transform}\n            disabled={!!connectLineState}\n            smartConnectLineState={smartConnectLineState}\n          />\n        )}\n      </svg>\n      <ZoomBarComponent\n        shadowRoot={host.shadowRoot!}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </HoverStateContext.Provider>\n  );\n}\n\nexport function uuidV4() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\nfunction getConnectPoints(\n  relativePoints: ReadonlyArray<NodePosition>,\n  view: NodeView,\n  border = 1\n) {\n  const viewWithBorder: NodeView = {\n    x: view.x + border / 2,\n    y: view.y + border / 2,\n    width: view.width - border,\n    height: view.height - border,\n  };\n\n  return relativePoints.map((p) => ({\n    x: viewWithBorder.x + p.x * viewWithBorder.width,\n    y: viewWithBorder.y + p.y * viewWithBorder.height,\n  }));\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","lockBodyScroll","unwrapProvider","method","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_EoDrawCanvas","_R","_S","_EoDrawCanvas_brand","_T","_U","_handleCellMove","_V","_handleCellsMove","_W","_handleCellResize","_X","_Y","_handleCellDelete","_Z","_handleCellsDelete","_a","_b","_handleEdgeAdd","_c","_handleDecoratorTextChange","_d","_handleContainerContainerChange","_e","_handleScaleChange","_canvasRef","EoDrawCanvas","_initProto","_init_allowEdgeToArea","_init_extra_allowEdgeToArea","_init_dragBehavior","_init_extra_dragBehavior","_init_ctrlDragBehavior","_init_extra_ctrlDragBehavior","_init_lineConnector","_init_extra_lineConnector","_init_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","_get_nodeMoveEvent","_init_cellsMoveEvent","_init_extra_cellsMoveEvent","_get_cellsMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","_get_cellDelete","_get_nodeDelete","_init_cellsDelete","_init_extra_cellsDelete","_get_cellsDelete","_init_edgeAdd","_init_extra_edgeAdd","edge","_get_edgeAdd","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_containerContainerChange","_init_extra_containerContainerChange","_get_containerContainerChange","_init_scaleChange","_init_extra_scaleChange","_get_scaleChange","createRef","allowEdgeToArea","dragBehavior","ctrlDragBehavior","lineConnector","dropNode","_document$elementsFro","_document","position","data","useBrick","document","elementsFromPoint","call","includes","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","getTransform","newNode","view","left","top","dropDecorator","_ref2","_document$elementsFro2","_document2","decorator","text","direction","_classPrivateFieldGet3","newDecorator","uuidV4","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","newNodes","_ref3","addEdge","_ref4","_classPrivateFieldGet4","newEdge","manuallyConnectNodes","ctx","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","onCellMove","onCellsMove","onCellResize","onCellDelete","onCellsDelete","onEdgeAdd","onDecoratorTextChange","onContainerContainerChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","manualConnectDeferredRef","editingTexts","setEditingTexts","activeContainers","setActiveContainers","ctrlDraggable","lassoRect","setLassoRect","connectLineState","setConnectLineState","useImperativeHandle","node","_ref6","findLastIndex","newCells","slice","allCells","shouldReCenter","sourceId","find","isNodeOrAreaDecoratorCell","rect","from","offset","reject","handleConnect","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","smartConnectLineState","setSmartConnectLineState","root","onKeydown","action","handleKeyboard","addEventListener","removeEventListener","guideLines","setGuideLines","handleCellsMoving","containedIds","handleNodeContainedChange","forEach","_c$containerCell","_c$containerCell2","containerCell","push","flatMap","handleCellsMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","nextLayoutKey","lineConnectorConf","hoverState","setHoverState","unsetHoverStateTimeoutRef","clearTimeout","relativePoints","getConnectPointsOfRectangle","points","getConnectPoints","hoverStateContextValue","onConnect","exitPosition","entryPosition","isObject","rootRect","onMouseDown","handleLasso","onLassoing","onLassoed","lassoedCells","isContainerDecoratorCell","isTextDecoratorCell","targets","cellToTarget","HoverStateContext","Provider","dragNodeToContainerActive","onCellsMoving","onCellsMoved","onCellResizing","onCellResized","onDecoratorTextEditing","ConnectLineComponent","markerEnd","fill","fillOpacity","stroke","strokeDasharray","SmartConnectLineComponent","options","line","d","join","LineConnectorComponent","disabled","replace","r","Math","random","toString","border","viewWithBorder","p","_EoDrawCanvas2","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellsMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellsDelete","_set_edgeAdd","_set_decoratorTextChange","_set_containerContainerChange","_set_scaleChange"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-display-canvas.2b754ef1.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx","webpack:///./src/draw-canvas/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n      />\n    );\n  }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n  shadowRoot,\n  cells: initialCells,\n  layout,\n  layoutOptions,\n  defaultNodeSize,\n  defaultNodeBricks,\n  defaultEdgeLines,\n  degradedThreshold,\n  degradedNodeLabel,\n  activeTarget: _activeTarget,\n  fadeUnrelatedCells,\n  zoomable,\n  scrollable,\n  pannable,\n  scaleRange: _scaleRange,\n  onActiveTargetChange,\n  onSwitchActiveTarget,\n  onCellContextMenu,\n  onCellClick,\n}: EoDisplayCanvasComponentProps) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n  const cellsRef = useRef<SVGGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    cellsRef,\n    activeTarget: _activeTarget,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type=\"arrow\"\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\" ref={cellsRef}>\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && isNodeCell(cell)\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      <ZoomBarComponent\n        shadowRoot={shadowRoot}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </>\n  );\n}\n","import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { isObject, unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n  NodePosition,\n  PositionTuple,\n  RangeTuple,\n  SizeTuple,\n  TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  Cell,\n  EdgeCell,\n  InitialCell,\n  NodeBrickConf,\n  NodeCell,\n  NodeId,\n  DecoratorCell,\n  DecoratorType,\n  CellContextMenuDetail,\n  ConnectLineState,\n  Deferred,\n  ConnectNodesDetail,\n  EdgeLineConf,\n  DecoratorTextChangeDetail,\n  NodeView,\n  LayoutType,\n  LayoutOptions,\n  SmartConnectLineState,\n  LineConnecterConf,\n  Direction,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport {\n  isContainerDecoratorCell,\n  isEdgeCell,\n  isNodeCell,\n  isNodeOrAreaDecoratorCell,\n  isTextDecoratorCell,\n} from \"./processors/asserts\";\nimport type {\n  LineTuple,\n  MoveCellPayload,\n  ResizeCellPayload,\n} from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { updateCells } from \"./processors/updateCells\";\nimport { getUnrelatedCells } from \"./processors/getUnrelatedCells\";\nimport {\n  DEFAULT_NODE_SIZE,\n  DEFAULT_AREA_WIDTH,\n  DEFAULT_AREA_HEIGHT,\n  DEFAULT_DEGRADED_THRESHOLD,\n} from \"./constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { getConnectPointsOfRectangle } from \"../shared/canvas/shapes/Rectangle\";\nimport { LineConnectorComponent } from \"./LineConnectorComponent\";\nimport { HoverStateContext, type HoverState } from \"./HoverStateContext\";\nimport { handleLasso } from \"./processors/handleLasso\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { SmartConnectLineComponent } from \"./SmartConnectLineComponent\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\nimport { handleNodeContainedChange } from \"./processors/handleNodeContainedChange\";\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n  \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  dragBehavior?: DragBehavior;\n  ctrlDragBehavior?: CtrlDragBehavior;\n  scaleRange?: RangeTuple;\n  lineConnector?: LineConnecterConf | boolean;\n  allowEdgeToArea?: boolean;\n}\n\nexport type DragBehavior = \"none\" | \"lasso\" | \"grab\";\nexport type CtrlDragBehavior = \"none\" | \"grab\";\n\nexport interface DropNodeInfo extends AddNodeInfo {\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n  decorator: DecoratorType;\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n  text?: string;\n  direction?: Direction;\n}\n\nexport interface AddNodeInfo {\n  id: NodeId;\n  useBrick?: UseSingleBrickConf;\n  data?: unknown;\n  size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n  source: NodeId;\n  target: NodeId;\n  data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n  reason: \"add-related-nodes\";\n  parent: NodeId;\n}\n\nexport interface AddNodesContext {\n  defaultNodeSize: SizeTuple;\n  canvasWidth: number;\n  canvasHeight: number;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n  LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意：将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\n  /**\n   * 仅当初始化时使用，渲染后重新设置 `cells` 将无效。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` even if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当 `activeTarget` 不为 `null` 时，隐藏其他跟该 `activeTarget` 无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor allowEdgeToArea: boolean | undefined = false;\n\n  /**\n   * 按住鼠标拖动时的行为：\n   *  - `none`：无\n   *  - `lasso`：绘制选区\n   *  - `grab`：拖动画布\n   *\n   * @default \"none\"\n   */\n  @property()\n  accessor dragBehavior: DragBehavior | undefined;\n\n  /**\n   * 按住 ctrl 键并按住鼠标拖动时的行为：\n   *  - `none`：无\n   *  - `grab`：拖动画布\n   *\n   * @default \"none\"\n   */\n  @property()\n  accessor ctrlDragBehavior: CtrlDragBehavior | undefined;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  @property({ attribute: false })\n  accessor lineConnector: LineConnecterConf | boolean | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  /**\n   * @deprecated Use `cell.move` instead.\n   */\n  @event({ type: \"node.move\" })\n  accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  @event({ type: \"cell.move\" })\n  accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  #handleCellMove = (info: MoveCellPayload) => {\n    this.#cellMoveEvent.emit(info);\n    if (info.type === \"node\") {\n      this.#nodeMoveEvent.emit(info);\n    }\n  };\n\n  @event({ type: \"cells.move\" })\n  accessor #cellsMoveEvent!: EventEmitter<MoveCellPayload[]>;\n\n  #handleCellsMove = (info: MoveCellPayload[]) => {\n    this.#cellsMoveEvent.emit(info);\n  };\n\n  @event({ type: \"cell.resize\" })\n  accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n  #handleCellResize = (info: ResizeCellPayload) => {\n    this.#cellResizeEvent.emit(info);\n  };\n\n  /**\n   * @deprecated Use `cell.delete` instead.\n   */\n  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<Cell>;\n\n  @event({ type: \"cell.delete\" })\n  accessor #cellDelete!: EventEmitter<Cell>;\n\n  #handleCellDelete = (cell: Cell) => {\n    this.#cellDelete.emit(cell);\n    if (cell.type === \"node\") {\n      this.#nodeDelete.emit(cell);\n    }\n  };\n\n  @event({ type: \"cells.delete\" })\n  accessor #cellsDelete!: EventEmitter<Cell[]>;\n\n  #handleCellsDelete = (cells: Cell[]) => {\n    this.#cellsDelete.emit(cells);\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  /**\n   * 通过画布绘图的方式添加边（手动调用 `addEdge` 方法不会触发该事件）。\n   */\n  @event({ type: \"edge.add\" })\n  accessor #edgeAdd!: EventEmitter<EdgeCell>;\n\n  #handleEdgeAdd = (edge: EdgeCell) => {\n    this.#edgeAdd.emit(edge);\n  };\n\n  @event({ type: \"decorator.text.change\" })\n  accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n  #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n    this.#decoratorTextChange.emit(detail);\n  };\n\n  /**\n   * node节点跟容器组关系改变事件，有containerCell是新增关系，否则删除关系\n   */\n  @event({ type: \"node.container.change\" })\n  accessor #containerContainerChange!: EventEmitter<MoveCellPayload[]>;\n\n  #handleContainerContainerChange = (detail: MoveCellPayload[]) => {\n    this.#containerContainerChange.emit(detail);\n  };\n\n  /**\n   * 缩放变化后，从素材库拖拽元素进画布时，拖拽图像应设置对应的缩放比例。\n   */\n  @event({ type: \"scale.change\" })\n  accessor #scaleChange!: EventEmitter<number>;\n\n  #handleScaleChange = (scale: number) => {\n    this.#scaleChange.emit(scale);\n  };\n\n  @method()\n  async dropNode({\n    id,\n    position,\n    size,\n    data,\n    useBrick,\n  }: DropNodeInfo): Promise<NodeCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newNode = {\n        type: \"node\",\n        id,\n        view: {\n          ...(this.layout === \"force\" || this.layout === \"dagre\"\n            ? null\n            : {\n                x:\n                  (position[0] - boundingClientRect.left - transform.x) /\n                  transform.k,\n                y:\n                  (position[1] - boundingClientRect.top - transform.y) /\n                  transform.k,\n              }),\n          width: size?.[0] ?? this.defaultNodeSize[0],\n          height: size?.[1] ?? this.defaultNodeSize[0],\n        },\n        data,\n        useBrick,\n      } as NodeCell;\n      this.#canvasRef.current?.dropNode(newNode);\n      return newNode;\n    }\n    return null;\n  }\n\n  @method()\n  async dropDecorator({\n    position,\n    decorator,\n    text,\n    direction,\n  }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newDecorator: DecoratorCell = {\n        type: \"decorator\",\n        decorator,\n        id: uuidV4(),\n        view: {\n          x:\n            (position[0] - boundingClientRect.left - transform.x) / transform.k,\n          y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n          width: DEFAULT_AREA_WIDTH,\n          height: DEFAULT_AREA_HEIGHT,\n          text,\n          direction,\n        },\n      };\n      this.#canvasRef.current?.dropDecorator(newDecorator);\n      return newDecorator;\n    }\n    return null;\n  }\n\n  @method()\n  async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n    if (nodes.length === 0) {\n      return [];\n    }\n    const newNodes = nodes.map<NodeCell>(({ size, useBrick, id, data }) => ({\n      type: \"node\",\n      id,\n      data,\n      view: {\n        width: size?.[0] ?? this.defaultNodeSize[0],\n        height: size?.[1] ?? this.defaultNodeSize[0],\n      } as NodeView,\n      useBrick,\n    }));\n    return this.#canvasRef.current!.addNodes(newNodes, {\n      defaultNodeSize: this.defaultNodeSize,\n      canvasWidth: this.clientWidth,\n      canvasHeight: this.clientHeight,\n    });\n  }\n\n  @method()\n  async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n    const newEdge: EdgeCell = {\n      type: \"edge\",\n      source,\n      target,\n      data,\n    };\n    this.#canvasRef.current?.addEdge(newEdge);\n    return newEdge;\n  }\n\n  @method()\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n    return this.#canvasRef.current!.manuallyConnectNodes(source);\n  }\n\n  @method()\n  async updateCells(\n    cells: InitialCell[],\n    ctx?: UpdateCellsContext\n  ): Promise<{ updated: Cell[] }> {\n    await this.#waitForCanvasRef();\n    const { updated } = this.#canvasRef.current!.updateCells(cells, {\n      ...ctx,\n      defaultNodeSize: this.defaultNodeSize,\n      canvasWidth: this.clientWidth,\n      canvasHeight: this.clientHeight,\n    });\n    return { updated };\n  }\n\n  #waitForCanvasRef() {\n    return new Promise<void>((resolve) => {\n      const check = () => {\n        if (this.#canvasRef.current) {\n          resolve();\n        } else {\n          setTimeout(check, 10);\n        }\n      };\n      check();\n    });\n  }\n\n  #canvasRef = createRef<DrawCanvasRef>();\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    lockBodyScroll(this, false);\n  }\n\n  render() {\n    return (\n      <EoDrawCanvasComponent\n        host={this}\n        ref={this.#canvasRef}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        cells={this.cells}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        dragBehavior={this.dragBehavior}\n        ctrlDragBehavior={this.ctrlDragBehavior}\n        scaleRange={this.scaleRange}\n        lineConnector={this.lineConnector}\n        allowEdgeToArea={this.allowEdgeToArea}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellMove={this.#handleCellMove}\n        onCellsMove={this.#handleCellsMove}\n        onCellResize={this.#handleCellResize}\n        onCellDelete={this.#handleCellDelete}\n        onCellsDelete={this.#handleCellsDelete}\n        onEdgeAdd={this.#handleEdgeAdd}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onDecoratorTextChange={this.#handleDecoratorTextChange}\n        onContainerContainerChange={this.#handleContainerContainerChange}\n        onScaleChange={this.#handleScaleChange}\n      />\n    );\n  }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n  host: HTMLElement;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellMove(info: MoveCellPayload): void;\n  onCellResize(cell: ResizeCellPayload): void;\n  onCellDelete(cell: Cell): void;\n  onCellsMove(info: MoveCellPayload[]): void;\n  onCellsDelete(cells: Cell[]): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onEdgeAdd(detail: EdgeCell): void;\n  onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n  onContainerContainerChange(detail: MoveCellPayload[]): void;\n  onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n  dropNode(node: NodeCell): void;\n  dropDecorator(decorator: DecoratorCell): void;\n  addNodes(nodes: NodeCell[], ctx: AddNodesContext): NodeCell[];\n  addEdge(edge: EdgeCell): void;\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n  updateCells(\n    cells: InitialCell[],\n    ctx: Partial<UpdateCellsContext> & {\n      defaultNodeSize: SizeTuple;\n      canvasWidth: number;\n      canvasHeight: number;\n    }\n  ): {\n    cells: Cell[];\n    updated: Cell[];\n  };\n  getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n  {\n    host,\n    layout,\n    layoutOptions,\n    cells: initialCells,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    dragBehavior,\n    ctrlDragBehavior,\n    scaleRange: _scaleRange,\n    lineConnector,\n    allowEdgeToArea,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellMove,\n    onCellResize,\n    onCellDelete,\n    onCellsMove,\n    onCellsDelete,\n    onCellContextMenu,\n    onEdgeAdd,\n    onDecoratorTextChange,\n    onScaleChange,\n    onContainerContainerChange,\n  }: EoDrawCanvasComponentProps,\n  ref: React.Ref<DrawCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 0,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n  const cellsRef = useRef<SVGGElement>(null);\n  const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n    null\n  );\n  const [editingTexts, setEditingTexts] = useState<string[]>([]);\n  const [activeContainers, setActiveContainers] = useState<string[]>([]);\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: dragBehavior === \"grab\",\n    ctrlDraggable: ctrlDragBehavior === \"grab\",\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  useEffect(() => {\n    onScaleChange(transform.k);\n  }, [onScaleChange, transform.k]);\n\n  const [lassoRect, setLassoRect] = useState<NodeView | null>(null);\n\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    allowEdgeToArea,\n    dispatch,\n  });\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      dropNode(node) {\n        // Do not apply auto centering when dropping a node in manual layout.\n        if (layout !== \"dagre\" && layout !== \"force\") {\n          setCentered(true);\n        }\n        dispatch({ type: \"drop-node\", payload: node });\n      },\n      dropDecorator(decorator) {\n        // Do not apply auto centering when dropping a decorator in manual layout.\n        if (layout !== \"dagre\" && layout !== \"force\") {\n          setCentered(true);\n        }\n        dispatch({ type: \"drop-decorator\", payload: decorator });\n      },\n      addNodes(\n        nodes,\n        { defaultNodeSize, canvasWidth, canvasHeight }: AddNodesContext\n      ) {\n        const index =\n          cells.findLastIndex(\n            (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n          ) + 1;\n        const newCells = [\n          ...cells.slice(0, index),\n          ...nodes,\n          ...cells.slice(index),\n        ];\n        const {\n          cells: allCells,\n          updated,\n          shouldReCenter,\n        } = updateCells({\n          cells: newCells,\n          layout,\n          previousCells: cells,\n          defaultNodeSize,\n          canvasWidth,\n          canvasHeight,\n          scaleRange,\n          transform,\n          allowEdgeToArea,\n        });\n        if (shouldReCenter) {\n          setCentered(false);\n        }\n        dispatch({ type: \"update-cells\", payload: allCells });\n        return updated.filter((node) =>\n          nodes.includes(node as NodeCell)\n        ) as NodeCell[];\n      },\n      addEdge(edge) {\n        dispatch({ type: \"add-edge\", payload: edge });\n      },\n      updateCells(newCells, ctx) {\n        const { shouldReCenter, ...result } = updateCells({\n          ...ctx,\n          layout,\n          previousCells: cells,\n          cells: newCells,\n          scaleRange,\n          transform,\n          allowEdgeToArea,\n        });\n        if (shouldReCenter) {\n          setCentered(false);\n        }\n        dispatch({ type: \"update-cells\", payload: result.cells });\n        return result;\n      },\n      getTransform() {\n        return transform;\n      },\n      manuallyConnectNodes(sourceId) {\n        const source = cells.find(\n          (cell) =>\n            ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n              isNodeCell(cell)) &&\n            cell.id === sourceId\n        ) as NodeCell | DecoratorCell | undefined;\n        if (source) {\n          const rect = rootRef.current!.getBoundingClientRect();\n          setConnectLineState({\n            source,\n            from: [\n              source.view.x + source.view.width / 2,\n              source.view.y + source.view.height / 2,\n            ],\n            offset: [rect.left, rect.top],\n          });\n          const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n            manualConnectDeferredRef.current = { resolve, reject };\n          });\n          return promise;\n        }\n        return Promise.reject(null);\n      },\n    }),\n    [cells, layout, scaleRange, setCentered, transform, allowEdgeToArea]\n  );\n\n  const handleConnect = useCallback(\n    (state: ConnectLineState, to: PositionTuple) => {\n      // Find the target node from top bo bottom,\n      // detect whether the pointer is inside the target node.\n      for (let i = cells.length - 1; i >= 0; i--) {\n        const cell = cells[i];\n        // Currently ignore connecting to self\n        if (\n          ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n            isNodeCell(cell)) &&\n          cell.id !== state.source.id\n        ) {\n          if (\n            cell.view.x < to[0] &&\n            cell.view.x + cell.view.width > to[0] &&\n            cell.view.y < to[1] &&\n            cell.view.y + cell.view.height > to[1]\n          ) {\n            manualConnectDeferredRef.current?.resolve({\n              source: state.source,\n              target: cell,\n            });\n            break;\n          }\n        }\n      }\n      manualConnectDeferredRef.current?.reject(null);\n      setConnectLineState(null);\n    },\n    [cells]\n  );\n  const [smartConnectLineState, setSmartConnectLineState] =\n    useState<SmartConnectLineState | null>(null);\n\n  useEffect(() => {\n    lockBodyScroll(\n      host,\n      !!(connectLineState || !!smartConnectLineState || lassoRect)\n    );\n  }, [connectLineState, host, smartConnectLineState, lassoRect]);\n\n  const activeTarget = useActiveTarget({\n    cellsRef,\n    activeTarget: _activeTarget,\n    onActiveTargetChange,\n  });\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(\n          cells,\n          connectLineState,\n          activeTarget,\n          allowEdgeToArea\n        )\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [\n    activeTarget,\n    cells,\n    connectLineState,\n    fadeUnrelatedCells,\n    allowEdgeToArea,\n  ]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || editingTexts.length > 0) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        cells,\n        activeTarget,\n      });\n\n      switch (action?.action) {\n        case \"delete-cells\":\n          onCellsDelete(action.cells);\n          if (action.cells.length === 1) {\n            onCellDelete(action.cells[0]);\n          }\n          break;\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [activeTarget, cells, editingTexts.length, onCellDelete, onCellsDelete]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const [guideLines, setGuideLines] = useState<LineTuple[]>([]);\n\n  /* istanbul ignore next */\n  const handleCellsMoving = useCallback(\n    (info: MoveCellPayload[]) => {\n      dispatch({ type: \"move-cells\", payload: info });\n      const containedIds: string[] = [];\n      handleNodeContainedChange(info, cells).forEach((c) => {\n        if (c.containerCell?.id) containedIds.push(c.containerCell?.id);\n      });\n      setActiveContainers(containedIds);\n      setGuideLines(info.flatMap((c) => c.guideLines ?? []));\n    },\n    [cells]\n  );\n\n  /* istanbul ignore next */\n  const handleCellsMoved = useCallback(\n    (info: MoveCellPayload[]) => {\n      dispatch({ type: \"move-cells\", payload: info });\n      onCellsMove(info);\n      if (info.length === 1) {\n        onCellMove(info[0]);\n      }\n      handleNodeContainedChange(info, cells, onContainerContainerChange);\n      setActiveContainers([]);\n      setGuideLines([]);\n    },\n    [onCellMove, onCellsMove, cells, onContainerContainerChange]\n  );\n\n  const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n    dispatch({ type: \"resize-cell\", payload: info });\n  }, []);\n\n  const handleCellResized = useCallback(\n    (info: ResizeCellPayload) => {\n      dispatch({ type: \"resize-cell\", payload: info });\n      onCellResize(info);\n    },\n    [onCellResize]\n  );\n\n  const handleDecoratorTextEditing = useCallback(\n    ({ id, editing }: { id: string; editing: boolean }) => {\n      if (editing) {\n        setEditingTexts((texts) =>\n          texts.includes(id) ? texts : [...texts, id]\n        );\n      } else {\n        setEditingTexts((texts) => texts.filter((text) => text !== id));\n      }\n    },\n    []\n  );\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      const nextLayoutKey = getNextLayoutKey();\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: nextLayoutKey,\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n  const { lineConfMap, lineConnectorConf, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    lineConnector,\n    markerPrefix,\n  });\n\n  const ready = useReady({ cells, layout, centered });\n\n  const [hoverState, setHoverState] = useState<HoverState | null>(null);\n  const unsetHoverStateTimeoutRef = useRef<number | null>(null);\n\n  const handleCellMouseEnter = useCallback(\n    (cell: Cell) => {\n      if (lineConnectorConf && isNodeCell(cell)) {\n        if (unsetHoverStateTimeoutRef.current !== null) {\n          clearTimeout(unsetHoverStateTimeoutRef.current);\n          unsetHoverStateTimeoutRef.current = null;\n        }\n        const relativePoints = getConnectPointsOfRectangle();\n        setHoverState({\n          cell,\n          relativePoints,\n          points: getConnectPoints(relativePoints, cell.view),\n        });\n      }\n    },\n    [lineConnectorConf]\n  );\n\n  const handleCellMouseLeave = useCallback(\n    (cell: Cell) => {\n      if (lineConnectorConf && isNodeCell(cell)) {\n        unsetHoverStateTimeoutRef.current = setTimeout(() => {\n          setHoverState(null);\n        }) as unknown as number;\n      }\n    },\n    [lineConnectorConf]\n  );\n\n  const hoverStateContextValue = useMemo(\n    () => ({\n      rootRef,\n      smartConnectLineState,\n      unsetHoverStateTimeoutRef,\n      hoverState,\n      setHoverState,\n      setSmartConnectLineState,\n      onConnect(\n        source: NodeCell,\n        target: NodeCell,\n        exitPosition: NodePosition,\n        entryPosition: NodePosition\n      ) {\n        const newEdge: EdgeCell = {\n          type: \"edge\",\n          source: source.id,\n          target: target.id,\n          view: {\n            exitPosition,\n            entryPosition,\n            ...(isObject(lineConnector) ? lineConnector : null),\n          },\n        };\n        dispatch({\n          type: \"add-edge\",\n          payload: newEdge,\n        });\n        onEdgeAdd(newEdge);\n      },\n    }),\n    [smartConnectLineState, hoverState, lineConnector, onEdgeAdd]\n  );\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || dragBehavior !== \"lasso\") {\n      return;\n    }\n    const rootRect = root.getBoundingClientRect();\n    const onMouseDown = (event: MouseEvent) => {\n      handleLasso(event, {\n        transform,\n        offset: [rootRect.left, rootRect.top],\n        onLassoing(rect) {\n          setLassoRect(rect);\n        },\n        onLassoed(rect) {\n          setLassoRect(null);\n          const lassoedCells: (NodeCell | DecoratorCell)[] = [];\n          for (const cell of cells) {\n            if (\n              isContainerDecoratorCell(cell) ||\n              isNodeOrAreaDecoratorCell(cell) ||\n              isTextDecoratorCell(cell)\n            ) {\n              const x = cell.view.x;\n              const y = cell.view.y;\n              if (\n                x >= rect.x &&\n                x + cell.view.width <= rect.x + rect.width &&\n                y >= rect.y &&\n                y + cell.view.height <= rect.y + rect.height\n              ) {\n                lassoedCells.push(cell);\n              }\n            }\n          }\n          onSwitchActiveTarget?.(\n            lassoedCells.length > 1\n              ? { type: \"multi\", targets: lassoedCells.map(cellToTarget) }\n              : lassoedCells.length === 1\n                ? cellToTarget(lassoedCells[0])\n                : null\n          );\n        },\n      });\n    };\n    root.addEventListener(\"mousedown\", onMouseDown);\n    return () => {\n      root.removeEventListener(\"mousedown\", onMouseDown);\n    };\n  }, [transform, cells, dragBehavior, onSwitchActiveTarget]);\n\n  return (\n    <HoverStateContext.Provider value={hoverStateContextValue}>\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type=\"arrow\"\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g\n            className={classNames(\"cells\", { allowEdgeToArea })}\n            ref={cellsRef}\n          >\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                dragNodeToContainerActive={\n                  isEdgeCell(cell) ? false : activeContainers.includes(cell.id)\n                }\n                layout={layout}\n                layoutOptions={layoutOptions}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                transform={transform}\n                lineConfMap={lineConfMap}\n                activeTarget={activeTarget}\n                unrelatedCells={unrelatedCells}\n                onCellsMoving={handleCellsMoving}\n                onCellsMoved={handleCellsMoved}\n                onCellResizing={handleCellResizing}\n                onCellResized={handleCellResized}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onDecoratorTextChange={onDecoratorTextChange}\n                onDecoratorTextEditing={handleDecoratorTextEditing}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={handleCellMouseEnter}\n                onCellMouseLeave={handleCellMouseLeave}\n              />\n            ))}\n          </g>\n          <ConnectLineComponent\n            connectLineState={connectLineState}\n            transform={transform}\n            markerEnd={`${markerPrefix}0`}\n            onConnect={handleConnect}\n          />\n          {lassoRect && (\n            <rect\n              x={lassoRect.x}\n              y={lassoRect.y}\n              width={lassoRect.width}\n              height={lassoRect.height}\n              fill=\"var(--palette-gray-5)\"\n              fillOpacity={0.3}\n              stroke=\"var(--palette-gray-5)\"\n              strokeDasharray={2}\n            />\n          )}\n          {lineConnectorConf && (\n            <SmartConnectLineComponent\n              smartConnectLineState={smartConnectLineState}\n              transform={transform}\n              options={lineConnectorConf}\n            />\n          )}\n          {guideLines.map((line, index) => (\n            <path\n              key={index}\n              d={`M${line[0].join(\" \")} L${line[1].join(\" \")}`}\n              stroke=\"var(--palette-orange-5)\"\n              fill=\"none\"\n            />\n          ))}\n        </g>\n        {lineConnectorConf && (\n          <LineConnectorComponent\n            activeTarget={activeTarget}\n            transform={transform}\n            disabled={!!connectLineState}\n            smartConnectLineState={smartConnectLineState}\n          />\n        )}\n      </svg>\n      <ZoomBarComponent\n        shadowRoot={host.shadowRoot!}\n        scale={transform.k}\n        scaleRange={scaleRange}\n        onZoomChange={handleZoomSlide}\n        onReCenter={reCenter}\n      />\n    </HoverStateContext.Provider>\n  );\n}\n\nexport function uuidV4() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n\nfunction getConnectPoints(\n  relativePoints: ReadonlyArray<NodePosition>,\n  view: NodeView,\n  border = 1\n) {\n  const viewWithBorder: NodeView = {\n    x: view.x + border / 2,\n    y: view.y + border / 2,\n    width: view.width - border,\n    height: view.height - border,\n  };\n\n  return relativePoints.map((p) => ({\n    x: viewWithBorder.x + p.x * viewWithBorder.width,\n    y: viewWithBorder.y + p.y * viewWithBorder.height,\n  }));\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","lockBodyScroll","unwrapProvider","method","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_EoDrawCanvas","_R","_S","_EoDrawCanvas_brand","_T","_U","_handleCellMove","_V","_handleCellsMove","_W","_handleCellResize","_X","_Y","_handleCellDelete","_Z","_handleCellsDelete","_a","_b","_handleEdgeAdd","_c","_handleDecoratorTextChange","_d","_handleContainerContainerChange","_e","_handleScaleChange","_canvasRef","EoDrawCanvas","_initProto","_init_allowEdgeToArea","_init_extra_allowEdgeToArea","_init_dragBehavior","_init_extra_dragBehavior","_init_ctrlDragBehavior","_init_extra_ctrlDragBehavior","_init_lineConnector","_init_extra_lineConnector","_init_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","_get_nodeMoveEvent","_init_cellsMoveEvent","_init_extra_cellsMoveEvent","_get_cellsMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","_get_cellDelete","_get_nodeDelete","_init_cellsDelete","_init_extra_cellsDelete","_get_cellsDelete","_init_edgeAdd","_init_extra_edgeAdd","edge","_get_edgeAdd","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_containerContainerChange","_init_extra_containerContainerChange","_get_containerContainerChange","_init_scaleChange","_init_extra_scaleChange","_get_scaleChange","createRef","allowEdgeToArea","dragBehavior","ctrlDragBehavior","lineConnector","dropNode","_document$elementsFro","_document","position","data","useBrick","document","elementsFromPoint","call","includes","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","getTransform","newNode","view","left","top","dropDecorator","_ref2","_document$elementsFro2","_document2","decorator","text","direction","_classPrivateFieldGet3","newDecorator","uuidV4","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","newNodes","_ref3","addEdge","_ref4","_classPrivateFieldGet4","newEdge","manuallyConnectNodes","ctx","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","onCellMove","onCellsMove","onCellResize","onCellDelete","onCellsDelete","onEdgeAdd","onDecoratorTextChange","onContainerContainerChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","manualConnectDeferredRef","editingTexts","setEditingTexts","activeContainers","setActiveContainers","ctrlDraggable","lassoRect","setLassoRect","connectLineState","setConnectLineState","useImperativeHandle","node","_ref6","findLastIndex","newCells","slice","allCells","shouldReCenter","sourceId","find","isNodeOrAreaDecoratorCell","rect","from","offset","reject","handleConnect","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","smartConnectLineState","setSmartConnectLineState","root","onKeydown","action","handleKeyboard","addEventListener","removeEventListener","guideLines","setGuideLines","handleCellsMoving","containedIds","handleNodeContainedChange","forEach","_c$containerCell","_c$containerCell2","containerCell","push","flatMap","handleCellsMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","nextLayoutKey","lineConnectorConf","hoverState","setHoverState","unsetHoverStateTimeoutRef","clearTimeout","relativePoints","getConnectPointsOfRectangle","points","getConnectPoints","hoverStateContextValue","onConnect","exitPosition","entryPosition","isObject","rootRect","onMouseDown","handleLasso","onLassoing","onLassoed","lassoedCells","isContainerDecoratorCell","isTextDecoratorCell","targets","cellToTarget","HoverStateContext","Provider","dragNodeToContainerActive","onCellsMoving","onCellsMoved","onCellResizing","onCellResized","onDecoratorTextEditing","ConnectLineComponent","markerEnd","fill","fillOpacity","stroke","strokeDasharray","SmartConnectLineComponent","options","line","d","join","LineConnectorComponent","disabled","replace","r","Math","random","toString","border","viewWithBorder","p","_EoDrawCanvas2","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellsMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellsDelete","_set_edgeAdd","_set_decoratorTextChange","_set_containerContainerChange","_set_scaleChange"],"sourceRoot":""}