@next-bricks/diagram 0.58.0 → 0.58.2

package/dist/chunks/eo-display-canvas.540a8512.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Oe});var s,l=a(4635),i=a(918),o=a(6902),n=a(5536),r=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(6192),A=a(9859),p=(a(6477),a(1030)),C=a(3373),k=a.n(C),b=a(7566),y=a(3739),v=a(8185),f=a(6616),m=a(3783),N=a(3033),T=a(8091),W=a(1819),R=a(5748),w=a(227),M=a(531),E=a(7099),S=a(1484),z=a(8197),B=a(7531),L=a(2098),x=a(3012),O=a(6237),$=a(4117);let F,Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,fe,me,Ne,Te,We,Re,we,Me,Ee,Se,ze;const{defineElement:Be,property:Le,event:xe}=(0,g.createDecorators)();let Oe;var $e=new WeakMap,Fe=new WeakMap,Ze=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,Pe=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap,je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,et=new WeakMap,tt=new WeakSet,at=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap,ot=new WeakMap,nt=new WeakMap;class rt extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,tt),(0,i.A)(this,$e,Z(this)),(0,i.A)(this,Fe,(U(this),_(this))),(0,i.A)(this,Ze,(H(this),K(this))),(0,i.A)(this,Ue,(P(this),D(this,[N.HP,N.HP]))),(0,i.A)(this,_e,(I(this),Y(this))),(0,i.A)(this,He,(q(this),J(this))),(0,i.A)(this,Ke,(j(this),G(this))),(0,i.A)(this,Pe,(Q(this),V(this))),(0,i.A)(this,De,(X(this),ee(this))),(0,i.A)(this,Ie,(te(this),ae(this))),(0,i.A)(this,Ye,(se(this),le(this,!0))),(0,i.A)(this,qe,(ie(this),oe(this,!0))),(0,i.A)(this,Je,(ne(this),re(this,!0))),(0,i.A)(this,je,(he(this),de(this))),(0,i.A)(this,Ge,(ce(this),ue(this))),(0,i.A)(this,Qe,(ge(this),Ae(this))),(0,i.A)(this,Ve,(pe(this),Ce(this))),(0,i.A)(this,Xe,(ke(this),be(this))),(0,i.A)(this,et,(ye(this),ve(this))),(0,i.A)(this,at,(Ne(this),e=>{(0,n.A)(tt,this,fe).emit(e)})),(0,i.A)(this,st,(e=>{(0,v.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,lt,Te(this)),(0,i.A)(this,it,(we(this),e=>{(0,n.A)(tt,this,We).emit(e)})),(0,i.A)(this,ot,Me(this)),(0,i.A)(this,nt,(ze(this),e=>{(0,n.A)(tt,this,Ee).emit(e)}))}get cells(){return(0,h.A)($e,this)}set cells(e){(0,r.A)($e,this,e)}get layout(){return(0,h.A)(Fe,this)}set layout(e){(0,r.A)(Fe,this,e)}get layoutOptions(){return(0,h.A)(Ze,this)}set layoutOptions(e){(0,r.A)(Ze,this,e)}get defaultNodeSize(){return(0,h.A)(Ue,this)}set defaultNodeSize(e){(0,r.A)(Ue,this,e)}get defaultNodeBricks(){return(0,h.A)(_e,this)}set defaultNodeBricks(e){(0,r.A)(_e,this,e)}get degradedThreshold(){return(0,h.A)(He,this)}set degradedThreshold(e){(0,r.A)(He,this,e)}get degradedNodeLabel(){return(0,h.A)(Ke,this)}set degradedNodeLabel(e){(0,r.A)(Ke,this,e)}get defaultEdgeLines(){return(0,h.A)(Pe,this)}set defaultEdgeLines(e){(0,r.A)(Pe,this,e)}get activeTarget(){return(0,h.A)(De,this)}set activeTarget(e){(0,r.A)(De,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ie,this)}set fadeUnrelatedCells(e){(0,r.A)(Ie,this,e)}get zoomable(){return(0,h.A)(Ye,this)}set zoomable(e){(0,r.A)(Ye,this,e)}get scrollable(){return(0,h.A)(qe,this)}set scrollable(e){(0,r.A)(qe,this,e)}get pannable(){return(0,h.A)(Je,this)}set pannable(e){(0,r.A)(Je,this,e)}get scaleRange(){return(0,h.A)(je,this)}set scaleRange(e){(0,r.A)(je,this,e)}get hideZoomBar(){return(0,h.A)(Ge,this)}set hideZoomBar(e){(0,r.A)(Ge,this,e)}get autoCenterWhenCellsChange(){return(0,h.A)(Qe,this)}set autoCenterWhenCellsChange(e){(0,r.A)(Qe,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(Ve,this)}set doNotResetActiveTargetForSelector(e){(0,r.A)(Ve,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(Xe,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,r.A)(Xe,this,e)}render(){return u().createElement(ht,{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,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,onActiveTargetChange:(0,h.A)(at,this),onSwitchActiveTarget:(0,h.A)(st,this),onCellContextMenu:(0,h.A)(it,this),onCellClick:(0,h.A)(nt,this)})}}function ht(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:l,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:n,degradedThreshold:r,degradedNodeLabel:h,activeTarget:d,fadeUnrelatedCells:g,zoomable:A,scrollable:C,pannable:v,scaleRange:x,hideZoomBar:O,autoCenterWhenCellsChange:F,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:U,onActiveTargetChange:_,onSwitchActiveTarget:H,onCellContextMenu:K,onCellClick:P}=e;const[{cells:D,layoutKey:I},Y]=(0,c.useReducer)(R.d,a,(e=>({cells:(0,m.C)(e,{defaultNodeSize:i}),layoutKey:1}))),q=(0,c.useMemo)((()=>D.filter(M.N).length>=(null!=r?r:N.pC)),[D,r]),J=(0,c.useRef)(null),{grabbing:j,transform:G,zoomer:Q,scaleRange:V}=(0,T.f)({rootRef:J,zoomable:A,scrollable:C,pannable:v,draggable:!0,scaleRange:x,onSwitchActiveTarget:H}),{centered:X,setCentered:ee,getNextLayoutKey:te}=(0,S.g)({layout:s,layoutOptions:l,rootRef:J,cells:D,zoomable:A,zoomer:Q,scaleRange:V,layoutKey:I,autoCenterWhenCellsChange:F,dispatch:Y}),ae=(0,c.useCallback)((()=>{ee(!1)}),[ee]),se=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==se.current){se.current=a;const e=(0,L.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:D,cells:a,scaleRange:V,transform:G});Y({type:"update-cells",payload:e.cells})}}),[D,i,a,s,V,t,G]);const le=(0,W.J)({rootRef:J,activeTarget:d,doNotResetActiveTargetForSelector:Z,doNotResetActiveTargetOutsideCanvas:U,onActiveTargetChange:_}),ie=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,oe=(0,c.useCallback)(((e,t)=>{Y({type:"update-node-size",payload:{id:e,size:t},layoutKey:te()})}),[te]),[ne,re]=(0,c.useState)(null),he=(0,c.useCallback)((e=>{re(e)}),[]),de=(0,c.useCallback)((e=>{re((t=>t===e?null:t))}),[]),[ce,ue]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,w.Y)(D,null,ne):[];ue((t=>0===t.length&&0===e.length?t:e))}),[D,g,ne]);const ge=(0,c.useCallback)((e=>{Q.scaleTo((0,b.A)(J.current),e/100)}),[Q]),{lineConfMap:Ae,markers:pe}=(0,B.d)({cells:D,defaultEdgeLines:n,markerPrefix:ie}),Ce=(0,$.A)({cells:D,lineConfMap:Ae}),ke=(0,z.H)({cells:D,layout:s,centered:X});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:J,className:k()("root",{grabbing:j,pannable:v,ready:ke}),tabIndex:-1},u().createElement("defs",null,pe.map(((e,t)=>u().createElement(y.c,{key:t,id:`${ie}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${G.x} ${G.y}) scale(${G.k})`},u().createElement("g",{className:"cells"},D.map((e=>u().createElement(f.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:D,degraded:q,degradedNodeLabel:h,defaultNodeBricks:o,lineConfMap:Ae,editableLineMap:Ce,transform:G,activeTarget:le,readOnly:!0,hoverCell:ne,unrelatedCells:ce,onSwitchActiveTarget:H,onCellContextMenu:K,onCellClick:P,onNodeBrickResize:oe,onCellMouseEnter:g&&((0,M.N)(e)||(0,M.WW)(e))?he:void 0,onCellMouseLeave:g&&((0,M.N)(e)||(0,M.WW)(e))?de:void 0})))))),!O&&u().createElement(E.Y,{shadowRoot:t,scale:G.k,scaleRange:V,onZoomChange:ge,onReCenter:ae}))}s=rt,({e:[Z,U,_,H,K,P,D,I,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,ne,re,he,de,ce,ue,ge,Ae,pe,Ce,ke,be,ye,ve,fe,me,Ne,Te,We,Re,we,Me,Ee,Se,ze],c:[Oe,F]}=(0,d.A)(s,[Be("eo-display-canvas",{styleTexts:[x.A,O.A]})],[[Le({attribute:!1}),1,"cells"],[Le({type:String}),1,"layout"],[Le({attribute:!1}),1,"layoutOptions"],[Le({attribute:!1}),1,"defaultNodeSize"],[Le({attribute:!1}),1,"defaultNodeBricks"],[Le({type:Number}),1,"degradedThreshold"],[Le({attribute:!1}),1,"degradedNodeLabel"],[Le({attribute:!1}),1,"defaultEdgeLines"],[Le({attribute:!1}),1,"activeTarget"],[Le({type:Boolean}),1,"fadeUnrelatedCells"],[Le({type:Boolean}),1,"zoomable"],[Le({type:Boolean}),1,"scrollable"],[Le({type:Boolean}),1,"pannable"],[Le({attribute:!1}),1,"scaleRange"],[Le({type:Boolean}),1,"hideZoomBar"],[Le({type:Boolean}),1,"autoCenterWhenCellsChange"],[Le(),1,"doNotResetActiveTargetForSelector"],[Le({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[xe({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(et,e),(e,t)=>(0,r.A)(et,e,t)],[xe({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(lt,e),(e,t)=>(0,r.A)(lt,e,t)],[xe({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(ot,e),(e,t)=>(0,r.A)(ot,e,t)]],0,(e=>nt.has((0,o.A)(e))),A.ReactNextElement)),F()}}]);
-//# sourceMappingURL=eo-display-canvas.540a8512.js.map

package/dist/chunks/eo-draw-canvas.d774572a.js

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