@next-bricks/diagram 0.68.5 → 0.68.6

package/dist/chunks/{eo-draw-canvas.580045be.js → eo-draw-canvas.80ff662d.js}

@@ -1,2 +1,2 @@
-"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{389:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>xa,EoDrawCanvasComponent:()=>ba,uuidV4:()=>Ii});var i,n=a(4635),s=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),p=a(870),A=a(981),v=a(9936),y=(a(4419),a(1030)),C=a(3373),k=a.n(C),w=a(7566),m=a(1111),f=a(5078),M=a(4362),b=a(838),x=a(1594),W=a(1194),E=a(6184),N=a(2286),T=a(5494),S=a(194),R=a(3690),L=a(8076),z=a(512),D=a(6478),B=a(2288),P=a(2556),O=a(1974),$=a(8802),H=a(3381),I=a(4209),K=a(7277),F=a(3012),_=a(6237),U=a(1526),V=a(7145),G=a(4074),j=a(4711),X=a(2139),Y=a(4420),q=a(5010),J=a(2903),Q=a(2298);let Z,ee,te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca;const ka=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:wa,property:ma,method:fa,event:Ma}=(0,p.createDecorators)(),ba=g().forwardRef(Hi);let xa;var Wa=new WeakMap,Ea=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Da=new WeakMap,Ba=new WeakMap,Pa=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Ha=new WeakMap,Ia=new WeakMap,Ka=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Ua=new WeakMap,Va=new WeakMap,Ga=new WeakMap,ja=new WeakMap,Xa=new WeakSet,Ya=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,Za=new WeakMap,ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,ii=new WeakMap,ni=new WeakMap,si=new WeakMap,li=new WeakMap,oi=new WeakMap,ri=new WeakMap,di=new WeakMap,ci=new WeakMap,hi=new WeakMap,ui=new WeakMap,gi=new WeakMap,pi=new WeakMap,Ai=new WeakMap,vi=new WeakMap,yi=new WeakMap,Ci=new WeakMap,ki=new WeakMap,wi=new WeakMap,mi=new WeakMap,fi=new WeakMap,Mi=new WeakMap,bi=new WeakMap,xi=new WeakMap,Wi=new WeakMap,Ei=new WeakMap,Ni=new WeakMap,Ti=new WeakMap,Si=new WeakMap,Ri=new WeakMap,Li=new WeakMap,zi=new WeakMap,Di=new WeakMap,Bi=new WeakMap;class Pi extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Xa),(0,s.A)(this,Wa,(Z(this),te(this))),(0,s.A)(this,Ea,(ae(this),ie(this))),(0,s.A)(this,Na,(ne(this),se(this))),(0,s.A)(this,Ta,(le(this),oe(this,[R.HP,R.HP]))),(0,s.A)(this,Sa,(re(this),de(this))),(0,s.A)(this,Ra,(ce(this),he(this))),(0,s.A)(this,La,(ue(this),ge(this))),(0,s.A)(this,za,(pe(this),Ae(this))),(0,s.A)(this,Da,(ve(this),ye(this))),(0,s.A)(this,Ba,(Ce(this),ke(this))),(0,s.A)(this,Pa,(we(this),me(this,!0))),(0,s.A)(this,Oa,(fe(this),Me(this,!0))),(0,s.A)(this,$a,(be(this),xe(this,!0))),(0,s.A)(this,Ha,(We(this),Ee(this,!1))),(0,s.A)(this,Ia,(Ne(this),Te(this))),(0,s.A)(this,Ka,(Se(this),Re(this))),(0,s.A)(this,Fa,(Le(this),ze(this))),(0,s.A)(this,_a,(De(this),Be(this))),(0,s.A)(this,Ua,(Pe(this),Oe(this))),(0,s.A)(this,Va,($e(this),He(this))),(0,s.A)(this,Ga,(Ie(this),Ke(this))),(0,s.A)(this,ja,(Fe(this),_e(this))),(0,s.A)(this,Ya,(Ge(this),e=>{(0,r.A)(Xa,this,Ue).emit(e)})),(0,s.A)(this,qa,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,Ja,je(this)),(0,s.A)(this,Qa,(qe(this),Je(this))),(0,s.A)(this,Za,(et(this),e=>{(0,r.A)(Xa,this,Qe).emit(e),"node"===e.type&&(0,r.A)(Xa,this,Xe).emit(e)})),(0,s.A)(this,ei,tt(this)),(0,s.A)(this,ti,(nt(this),e=>{(0,r.A)(Xa,this,at).emit(e)})),(0,s.A)(this,ai,st(this)),(0,s.A)(this,ii,(rt(this),e=>{(0,r.A)(Xa,this,lt).emit(e)})),(0,s.A)(this,ni,dt(this)),(0,s.A)(this,si,(ut(this),gt(this))),(0,s.A)(this,li,(vt(this),e=>{(0,r.A)(Xa,this,pt).emit(e),"node"===e.type&&(0,r.A)(Xa,this,ct).emit(e)})),(0,s.A)(this,oi,yt(this)),(0,s.A)(this,ri,(wt(this),e=>{(0,r.A)(Xa,this,Ct).emit(e)})),(0,s.A)(this,di,mt(this)),(0,s.A)(this,ci,(bt(this),e=>{(0,r.A)(Xa,this,ft).emit(e)})),(0,s.A)(this,hi,xt(this)),(0,s.A)(this,ui,(Nt(this),e=>{(0,r.A)(Xa,this,Wt).emit(e)})),(0,s.A)(this,gi,Tt(this)),(0,s.A)(this,pi,(Lt(this),e=>{(0,r.A)(Xa,this,St).emit(e)})),(0,s.A)(this,Ai,zt(this)),(0,s.A)(this,vi,(Pt(this),e=>{(0,r.A)(Xa,this,Dt).emit(e)})),(0,s.A)(this,yi,Ot(this)),(0,s.A)(this,Ci,(It(this),e=>{(0,r.A)(Xa,this,$t).emit(e)})),(0,s.A)(this,ki,Kt(this)),(0,s.A)(this,wi,(Ut(this),e=>{(0,r.A)(Xa,this,Ft).emit(e)})),(0,s.A)(this,mi,Vt(this)),(0,s.A)(this,fi,(Xt(this),e=>{(0,r.A)(Xa,this,Gt).emit(e)})),(0,s.A)(this,Mi,Yt(this)),(0,s.A)(this,bi,(Qt(this),e=>{(0,r.A)(Xa,this,qt).emit(e)})),(0,s.A)(this,xi,Zt(this)),(0,s.A)(this,Wi,(aa(this),e=>{(0,r.A)(Xa,this,ea).emit({clientX:e[0],clientY:e[1],view:(0,o.A)(Xa,this,Oi).call(this,e)})})),(0,s.A)(this,Ei,ia(this)),(0,s.A)(this,Ni,(la(this),()=>{(0,r.A)(Xa,this,na).emit()})),(0,s.A)(this,Ti,oa(this)),(0,s.A)(this,Si,(ca(this),()=>{(0,r.A)(Xa,this,ra).emit()})),(0,s.A)(this,Ri,ha(this)),(0,s.A)(this,Li,(pa(this),()=>{(0,r.A)(Xa,this,ua).emit()})),(0,s.A)(this,zi,Aa(this)),(0,s.A)(this,Di,(Ca(this),()=>{(0,r.A)(Xa,this,va).emit()})),(0,s.A)(this,Bi,(0,u.createRef)())}get cells(){return(0,c.A)(Wa,this)}set cells(e){(0,d.A)(Wa,this,e)}get layout(){return(0,c.A)(Ea,this)}set layout(e){(0,d.A)(Ea,this,e)}get layoutOptions(){return(0,c.A)(Na,this)}set layoutOptions(e){(0,d.A)(Na,this,e)}get defaultNodeSize(){return(0,c.A)(Ta,this)}set defaultNodeSize(e){(0,d.A)(Ta,this,e)}get defaultNodeBricks(){return(0,c.A)(Sa,this)}set defaultNodeBricks(e){(0,d.A)(Sa,this,e)}get degradedThreshold(){return(0,c.A)(Ra,this)}set degradedThreshold(e){(0,d.A)(Ra,this,e)}get degradedNodeLabel(){return(0,c.A)(La,this)}set degradedNodeLabel(e){(0,d.A)(La,this,e)}get defaultEdgeLines(){return(0,c.A)(za,this)}set defaultEdgeLines(e){(0,d.A)(za,this,e)}get activeTarget(){return(0,c.A)(Da,this)}set activeTarget(e){(0,d.A)(Da,this,e)}get fadeUnrelatedCells(){return(0,c.A)(Ba,this)}set fadeUnrelatedCells(e){(0,d.A)(Ba,this,e)}get zoomable(){return(0,c.A)(Pa,this)}set zoomable(e){(0,d.A)(Pa,this,e)}get scrollable(){return(0,c.A)(Oa,this)}set scrollable(e){(0,d.A)(Oa,this,e)}get pannable(){return(0,c.A)($a,this)}set pannable(e){(0,d.A)($a,this,e)}get allowEdgeToArea(){return(0,c.A)(Ha,this)}set allowEdgeToArea(e){(0,d.A)(Ha,this,e)}get dragBehavior(){return(0,c.A)(Ia,this)}set dragBehavior(e){(0,d.A)(Ia,this,e)}get ctrlDragBehavior(){return(0,c.A)(Ka,this)}set ctrlDragBehavior(e){(0,d.A)(Ka,this,e)}get scaleRange(){return(0,c.A)(Fa,this)}set scaleRange(e){(0,d.A)(Fa,this,e)}get lineSettings(){return(0,c.A)(_a,this)}set lineSettings(e){(0,d.A)(_a,this,e)}get lineConnector(){return(0,c.A)(Ua,this)}set lineConnector(e){(0,d.A)(Ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)(Va,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(Va,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(Ga,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Ga,this,e)}async dropNode(e){var t,a;let{id:i,position:n,size:s,data:l,useBrick:r}=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 d,h,u;const e={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:(0,o.A)(Xa,this,Oi).call(this,n),width:null!==(d=null==s?void 0:s[0])&&void 0!==d?d:this.defaultNodeSize[0],height:null!==(h=null==s?void 0:s[1])&&void 0!==h?h:this.defaultNodeSize[0]},data:l,useBrick:r};return null===(u=(0,c.A)(Bi,this).current)||void 0===u||u.dropNode(e),e}return null}async dropDecorator(e){var t,a;let{position:i,decorator:n,text:s,direction:l,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,p,A;const e=this.getBoundingClientRect(),t=(0,c.A)(Bi,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:Ii(),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!==(p=null==r?void 0:r.y)&&void 0!==p?p:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:s,direction:l,...d}};return null===(A=(0,c.A)(Bi,this).current)||void 0===A||A.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:s,data:l,containerId:o,groupId:r}=e;return{type:"node",id:s,data:l,containerId:o,groupId:r,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)(Bi,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 s={type:"edge",source:a,target:i,data:n,view:this.lineSettings};return null===(t=(0,c.A)(Bi,this).current)||void 0===t||t.addEdge(s),s}manuallyConnectNodes(e){return(0,c.A)(Bi,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Xa,this,$i).call(this);const{updated:a}=(0,c.A)(Bi,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)(Bi,this).current)||void 0===e||e.reCenter()}async toggleLock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"toggle")}async lock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"lock")}async unlock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"unlock")}disconnectedCallback(){super.disconnectedCallback(),ka(this,!1)}render(){return g().createElement(ba,{host:this,ref:(0,c.A)(Bi,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)(Ya,this),onSwitchActiveTarget:(0,c.A)(qa,this),onCellMove:(0,c.A)(Za,this),onCellsMove:(0,c.A)(ti,this),onCellResize:(0,c.A)(ii,this),onCellDelete:(0,c.A)(li,this),onCellsDelete:(0,c.A)(ri,this),onEdgeAdd:(0,c.A)(ui,this),onCellContextMenu:(0,c.A)(ci,this),onCanvasContextMenu:(0,c.A)(Wi,this),onDecoratorTextChange:(0,c.A)(Ci,this),onContainerContainerChange:(0,c.A)(wi,this),onDecoratorGroupPlusClick:(0,c.A)(fi,this),onScaleChange:(0,c.A)(bi,this),onEdgeViewChange:(0,c.A)(pi,this),onDecoratorViewChange:(0,c.A)(vi,this),onCanvasCopy:(0,c.A)(Ni,this),onCanvasPaste:(0,c.A)(Si,this),onCanvasGroup:(0,c.A)(Li,this),onCanvasUngroup:(0,c.A)(Di,this)})}}function Oi(e){const t=this.getBoundingClientRect(),a=(0,c.A)(Bi,this).current.getTransform();return{x:(e[0]-t.left-a.x)/a.k,y:(e[1]-t.top-a.y)/a.k}}function $i(){return new Promise((e=>{const t=()=>{(0,c.A)(Bi,this).current?e():setTimeout(t,10)};t()}))}function Hi(e,t){let{host:a,layout:i,layoutOptions:n,cells:s,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:C,dragBehavior:b,ctrlDragBehavior:F,scaleRange:_,lineSettings:Z,lineConnector:ee,allowEdgeToArea:te,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne,onSwitchActiveTarget:se,onCellMove:le,onCellResize:oe,onCellDelete:re,onCellsMove:de,onCellsDelete:ce,onCellContextMenu:he,onEdgeAdd:ue,onDecoratorTextChange:ge,onScaleChange:pe,onContainerContainerChange:Ae,onDecoratorGroupPlusClick:ve,onEdgeViewChange:ye,onDecoratorViewChange:Ce,onCanvasContextMenu:ke,onCanvasCopy:we,onCanvasPaste:me,onCanvasGroup:fe,onCanvasUngroup:Me}=e;const[{cells:be,layoutKey:xe},We]=(0,u.useReducer)(m.d,s,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l,layoutOptions:n,isInitialize:!0}),layoutKey:0}))),Ee=(0,u.useMemo)((()=>be.filter(M.N).length>=(null!=d?d:R.pC)),[be,d]),Ne=(0,u.useRef)(null),Te=(0,u.useRef)(null),[Se,Re]=(0,u.useState)([]),[Le,ze]=(0,u.useState)([]),[De,Be]=(0,u.useState)(null),{grabbing:Pe,transform:Oe,zoomer:$e,scaleRange:He}=(0,L.f)({rootRef:Ne,zoomable:A,scrollable:v,pannable:C,draggable:"grab"===b,ctrlDraggable:"grab"===F,scaleRange:_,onSwitchActiveTarget:se});(0,u.useEffect)((()=>{pe(Oe.k)}),[pe,Oe.k]);const[Ie,Ke]=(0,u.useState)(null),[Fe,_e]=(0,u.useState)(null),{centered:Ue,setCentered:Ve,getNextLayoutKey:Ge}=(0,B.g)({layout:i,layoutOptions:n,rootRef:Ne,cells:be,zoomable:A,zoomer:$e,scaleRange:He,layoutKey:xe,allowEdgeToArea:te,dispatch:We}),je=(0,u.useCallback)((()=>{Ve(!1)}),[Ve]),Xe=(0,u.useMemo)((()=>(0,J.E)(be)),[be]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:l}=t;const o=be.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,r=[...be.slice(0,o),...e,...be.slice(o)],{cells:d,updated:c,shouldReCenter:h}=(0,T.L)({cells:r,layout:i,previousCells:be,defaultNodeSize:a,canvasWidth:s,canvasHeight:l,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return h&&Ve(!1),We({type:"update-cells",payload:d}),c.filter((t=>e.includes(t)))},addEdge(e){We({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:i,previousCells:be,cells:e,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return a&&Ve(!1),We({type:"update-cells",payload:s.cells}),s},getTransform:()=>Oe,manuallyConnectNodes(e){const t=be.find((t=>(0,M.bo)(t,te)&&t.id===e));if(t){const e=Ne.current.getBoundingClientRect();return _e({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)=>{Te.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:je,toggleLock(e,t){const{newCells:a,updates:i}=(0,Q.A)(e,t,be,Xe);return a?(We({type:"update-cells",payload:a}),i):null}})),[be,i,He,Ve,Oe,te,je,Xe]);const Ye=(0,u.useCallback)(((e,t)=>{var a;for(let a=be.length-1;a>=0;a--){const n=be[a];if((0,M.bo)(n,te)&&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=Te.current)||void 0===i||i.resolve({source:e.source,target:n});break}}null===(a=Te.current)||void 0===a||a.reject(null),_e(null)}),[te,be]),[qe,Je]=(0,u.useState)(null);(0,u.useEffect)((()=>{ka(a,!!(Fe||qe||Ie))}),[Fe,a,qe,Ie]);const Qe=(0,z.J)({rootRef:Ne,activeTarget:h,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne}),[Ze,et]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,S.Y)(be,Fe,Qe,te):[];et((t=>0===t.length&&0===e.length?t:e))}),[Qe,be,Fe,p,te]),(0,u.useEffect)((()=>{const e=Ne.current;if(!e||Se.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:be,activeTarget:Qe,lockedIds:Xe});"delete-cells"===(null==t?void 0:t.action)&&(ce(t.cells),1===t.cells.length&&re(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Qe,be,Se.length,Xe,re,ce]);const tt=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[at,it]=(0,u.useState)([]),[nt,st]=(0,u.useState)(!1),[lt,ot]=(0,u.useState)(!1),[rt,dt]=(0,u.useState)(!1),ct=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e});const t=[];(0,G._)(e,be).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)})),ze(t),it(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),st(!0),e.some((e=>(0,M._m)(e)))||dt(!0)}),[be]),ht=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e}),de(e),1===e.length&&le(e[0]),(0,G._)(e,be,Ae),ze([]),it([]),st(!1),dt(!1)}),[le,de,be,Ae]),ut=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),ot(!0)}),[]),gt=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),oe(e),ot(!1)}),[oe]),pt=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;Re(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),At=(0,u.useCallback)(((e,t)=>{const a=Ge();We({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ge]),vt=(0,u.useCallback)((e=>{$e.scaleTo((0,w.A)(Ne.current),e/100)}),[$e]),{lineConfMap:yt,lineConnectorConf:Ct,markers:kt}=(0,O.d)({cells:be,defaultEdgeLines:r,lineConnector:ee,markerPrefix:tt,useMemoizedResult:rt||lt}),wt=(0,Y.A)({cells:be,lineConfMap:yt}),mt=(0,u.useMemo)((()=>{let e=[];return e=be.filter((e=>!(0,J.l)(e,Xe)&&(0,q.Q)(e,Qe)&&((0,M.WW)(e)||(0,M._m)(e))&&wt.has(e))),e}),[Qe,be,wt,Xe]),ft=(0,P.H)({cells:be,layout:i,centered:Ue}),[Mt,bt]=(0,u.useState)(null),xt=(0,u.useRef)(null),[Wt,Et]=(0,u.useState)(null),Nt=(0,u.useCallback)((e=>{if(Ct&&!(0,J.l)(e,Xe)&&(0,M.bo)(e,te)&&(!Wt||"control"!==Wt.type)){null!==xt.current&&(clearTimeout(xt.current),xt.current=null);const t=(0,$.G)();bt({cell:e,relativePoints:t,points:Ki(t,e.view)})}}),[te,Ct,Wt,Xe]),Tt=(0,u.useCallback)((e=>{Ct&&(0,M.N)(e)&&(xt.current=setTimeout((()=>{bt(null)})))}),[Ct]),St=(0,u.useCallback)(((e,t,a,i)=>{const n={source:e.id,target:t.id,view:{...Z,exitPosition:a,entryPosition:i,vertices:null}};if(be.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))We({type:"change-edge-view",payload:n}),null==ye||ye(n);else{const a={type:"edge",...n};We({type:"add-edge",payload:a}),ue({source:e,target:t,view:a.view})}}),[be,Z,ue,ye]),Rt=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};We({type:"change-edge-view",payload:i}),null==ye||ye(i)}),[ye]),Lt=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};We({type:"change-decorator-view",payload:a}),null==Ce||Ce(a)}),[Ce]),zt=(0,u.useMemo)((()=>({rootRef:Ne,smartConnectLineState:qe,unsetHoverStateTimeoutRef:xt,hoverState:Mt,activeEditableLines:mt,lineEditorState:Wt,movingCells:nt,setLineEditorState:Et,setHoverState:bt,setSmartConnectLineState:Je,onConnect:St,onChangeEdgeView:Rt,onChangeDecoratorView:Lt})),[mt,Rt,Lt,St,Mt,Wt,qe,nt]),Dt=(0,u.useCallback)((e=>{e.preventDefault(),ke([e.clientX,e.clientY]),null==se||se(null)}),[ke,se]),Bt=(0,u.useCallback)((e=>{if(e[/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey"])switch(e.key.toLowerCase()){case"c":e.shiftKey||(we(),e.preventDefault());break;case"v":e.shiftKey||(me(),e.preventDefault());break;case"g":e.shiftKey?null==Me||Me():null==fe||fe(),e.preventDefault()}}),[we,me,fe,Me]);return(0,u.useEffect)((()=>{const e=Ne.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Oe,offset:[t.left,t.top],onLassoing(e){Ke(e)},onLassoed(e){Ke(null);const t=[];for(const a of be)if((0,M.WW)(a)||(0,M.N)(a)||(0,M.mH)(a)){const i=(0,y.get)(a,"view.x",0),n=(0,y.get)(a,"view.y",0),s=(0,y.get)(a,"view.width",0),l=(0,y.get)(a,"view.height",0);i>=e.x&&i+s<=e.x+e.width&&n>=e.y&&n+l<=e.y+e.height&&t.push(a)}null==se||se(t.length>1?{type:"multi",targets:t.map(V.P)}:1===t.length?(0,V.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Oe,be,b,se]),g().createElement(I.H.Provider,{value:zt},g().createElement("svg",{onKeyDown:Bt,onContextMenu:Dt,width:"100%",height:"100%",ref:Ne,className:k()("root",{grabbing:Pe,pannable:C,ready:ft}),tabIndex:-1},g().createElement("defs",null,kt.map(((e,t)=>g().createElement(f.c,{key:t,id:`${tt}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Oe.x} ${Oe.y}) scale(${Oe.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:te})},be.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,M.WW)(e)&&Le.includes(e.id),layout:i,layoutOptions:n,cell:e,cells:be,degraded:Ee,degradedNodeLabel:c,defaultNodeBricks:o,transform:Oe,lineConfMap:yt,editableLineMap:wt,activeTarget:Qe,unrelatedCells:Ze,allowEdgeToArea:te,curActiveEditableLine:De,locked:(0,J.l)(e,Xe),containerLocked:(0,M.N)(e)&&!!e.containerId&&Xe.includes(e.containerId),groupLocked:(0,M.N)(e)&&!!e.groupId&&Xe.includes(e.groupId),updateCurActiveEditableLine:Be,onCellsMoving:ct,onCellsMoved:ht,onCellResizing:ut,onCellResized:gt,onSwitchActiveTarget:se,onCellContextMenu:he,onDecoratorTextChange:ge,onDecoratorTextEditing:pt,onDecoratorGroupPlusClick:ve,onNodeBrickResize:At,onCellMouseEnter:Nt,onCellMouseLeave:Tt})))),g().createElement("g",null,g().createElement(E.w,{connectLineState:Fe,transform:Oe,markerEnd:`${tt}0`,onConnect:Ye})),Ie&&g().createElement("rect",{x:Ie.x,y:Ie.y,width:Ie.width,height:Ie.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ct&&g().createElement("g",null,g().createElement(U.X,{transform:Oe,lineSettings:Z,options:Ct}),g().createElement(X.W,{cells:be,editableLineMap:wt,transform:Oe,options:Ct,activeEditableLine:De})),g().createElement("g",null,at.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/Oe.k})))),g().createElement("g",null,Ct&&(null==mt?void 0:mt.map((e=>g().createElement(j.F,{editableLineMap:wt,scale:Oe.k,activeEditableLine:e,updateCurActiveEditableLine:Be,key:(0,M.WW)(e)?`${e.source}-${e.target}`:e.id}))))),Ct&&g().createElement(H.T,{activeTarget:Qe,editableLineMap:wt,scale:Oe.k,activeEditableLine:De,disabled:!!Fe}))),g().createElement(D.Y,{shadowRoot:a.shadowRoot,scale:Oe.k,scaleRange:He,onZoomChange:vt,onReCenter:je}))}function Ii(){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 Ki(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,n=i/2,s=t.x+a/2-n,l=t.y+a/2-n,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:s+e.x*o,y:l+e.y*r})))}i=Pi,({e:[te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca,Z],c:[xa,ee]}=(0,h.A)(i,[wa("eo-draw-canvas",{styleTexts:[F.A,_.A]})],[[ma({attribute:!1}),1,"cells"],[ma({type:String}),1,"layout"],[ma({attribute:!1}),1,"layoutOptions"],[ma({attribute:!1}),1,"defaultNodeSize"],[ma({attribute:!1}),1,"defaultNodeBricks"],[ma({type:Number}),1,"degradedThreshold"],[ma({attribute:!1}),1,"degradedNodeLabel"],[ma({attribute:!1}),1,"defaultEdgeLines"],[ma({attribute:!1}),1,"activeTarget"],[ma({type:Boolean}),1,"fadeUnrelatedCells"],[ma({type:Boolean}),1,"zoomable"],[ma({type:Boolean}),1,"scrollable"],[ma({type:Boolean}),1,"pannable"],[ma({type:Boolean}),1,"allowEdgeToArea"],[ma(),1,"dragBehavior"],[ma(),1,"ctrlDragBehavior"],[ma({attribute:!1}),1,"scaleRange"],[ma({attribute:!1}),1,"lineSettings"],[ma({attribute:!1}),1,"lineConnector"],[ma(),1,"doNotResetActiveTargetForSelector"],[ma({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Ma({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(ja,e),(e,t)=>(0,d.A)(ja,e,t)],[Ma({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ja,e),(e,t)=>(0,d.A)(Ja,e,t)],[Ma({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Qa,e),(e,t)=>(0,d.A)(Qa,e,t)],[Ma({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(ei,e),(e,t)=>(0,d.A)(ei,e,t)],[Ma({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(ai,e),(e,t)=>(0,d.A)(ai,e,t)],[Ma({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(ni,e),(e,t)=>(0,d.A)(ni,e,t)],[Ma({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(si,e),(e,t)=>(0,d.A)(si,e,t)],[Ma({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(oi,e),(e,t)=>(0,d.A)(oi,e,t)],[Ma({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(di,e),(e,t)=>(0,d.A)(di,e,t)],[Ma({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(hi,e),(e,t)=>(0,d.A)(hi,e,t)],[Ma({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(gi,e),(e,t)=>(0,d.A)(gi,e,t)],[Ma({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(Ai,e),(e,t)=>(0,d.A)(Ai,e,t)],[Ma({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(yi,e),(e,t)=>(0,d.A)(yi,e,t)],[Ma({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(ki,e),(e,t)=>(0,d.A)(ki,e,t)],[Ma({type:"decorator.group.plus.click"}),1,"decoratorGroupPlusClick",e=>(0,c.A)(mi,e),(e,t)=>(0,d.A)(mi,e,t)],[Ma({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(Mi,e),(e,t)=>(0,d.A)(Mi,e,t)],[Ma({type:"canvas.contextmenu"}),1,"canvasContextMenu",e=>(0,c.A)(xi,e),(e,t)=>(0,d.A)(xi,e,t)],[Ma({type:"canvas.copy"}),1,"canvasCopy",e=>(0,c.A)(Ei,e),(e,t)=>(0,d.A)(Ei,e,t)],[Ma({type:"canvas.paste"}),1,"canvasPaste",e=>(0,c.A)(Ti,e),(e,t)=>(0,d.A)(Ti,e,t)],[Ma({type:"canvas.group"}),1,"canvasGroup",e=>(0,c.A)(Ri,e),(e,t)=>(0,d.A)(Ri,e,t)],[Ma({type:"canvas.ungroup"}),1,"canvasUngroup",e=>(0,c.A)(zi,e),(e,t)=>(0,d.A)(zi,e,t)],[fa(),2,"dropNode"],[fa(),2,"dropDecorator"],[fa(),2,"addNodes"],[fa(),2,"addEdge"],[fa(),2,"manuallyConnectNodes"],[fa(),2,"updateCells"],[fa(),2,"reCenter"],[fa(),2,"toggleLock"],[fa(),2,"lock"],[fa(),2,"unlock"]],0,(e=>Bi.has((0,l.A)(e))),A.ReactNextElement)),ee()}}]);
-//# sourceMappingURL=eo-draw-canvas.580045be.js.map
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{389:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>xa,EoDrawCanvasComponent:()=>ba,uuidV4:()=>Ii});var i,n=a(4635),s=a(918),l=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),p=a(870),A=a(981),v=a(7019),y=(a(4419),a(1030)),C=a(3373),k=a.n(C),w=a(7566),m=a(1111),f=a(5078),M=a(4362),b=a(838),x=a(1594),W=a(1194),E=a(6184),N=a(2286),T=a(5494),S=a(194),R=a(3690),L=a(8076),z=a(512),D=a(6478),B=a(2288),P=a(2556),O=a(1974),$=a(8802),H=a(3381),I=a(4209),K=a(7277),F=a(3012),_=a(6237),U=a(1526),V=a(7145),G=a(4074),j=a(4711),X=a(2139),Y=a(4420),q=a(5010),J=a(2903),Q=a(2298);let Z,ee,te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca;const ka=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:wa,property:ma,method:fa,event:Ma}=(0,p.createDecorators)(),ba=g().forwardRef(Hi);let xa;var Wa=new WeakMap,Ea=new WeakMap,Na=new WeakMap,Ta=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Da=new WeakMap,Ba=new WeakMap,Pa=new WeakMap,Oa=new WeakMap,$a=new WeakMap,Ha=new WeakMap,Ia=new WeakMap,Ka=new WeakMap,Fa=new WeakMap,_a=new WeakMap,Ua=new WeakMap,Va=new WeakMap,Ga=new WeakMap,ja=new WeakMap,Xa=new WeakSet,Ya=new WeakMap,qa=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,Za=new WeakMap,ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,ii=new WeakMap,ni=new WeakMap,si=new WeakMap,li=new WeakMap,oi=new WeakMap,ri=new WeakMap,di=new WeakMap,ci=new WeakMap,hi=new WeakMap,ui=new WeakMap,gi=new WeakMap,pi=new WeakMap,Ai=new WeakMap,vi=new WeakMap,yi=new WeakMap,Ci=new WeakMap,ki=new WeakMap,wi=new WeakMap,mi=new WeakMap,fi=new WeakMap,Mi=new WeakMap,bi=new WeakMap,xi=new WeakMap,Wi=new WeakMap,Ei=new WeakMap,Ni=new WeakMap,Ti=new WeakMap,Si=new WeakMap,Ri=new WeakMap,Li=new WeakMap,zi=new WeakMap,Di=new WeakMap,Bi=new WeakMap;class Pi extends A.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Xa),(0,s.A)(this,Wa,(Z(this),te(this))),(0,s.A)(this,Ea,(ae(this),ie(this))),(0,s.A)(this,Na,(ne(this),se(this))),(0,s.A)(this,Ta,(le(this),oe(this,[R.HP,R.HP]))),(0,s.A)(this,Sa,(re(this),de(this))),(0,s.A)(this,Ra,(ce(this),he(this))),(0,s.A)(this,La,(ue(this),ge(this))),(0,s.A)(this,za,(pe(this),Ae(this))),(0,s.A)(this,Da,(ve(this),ye(this))),(0,s.A)(this,Ba,(Ce(this),ke(this))),(0,s.A)(this,Pa,(we(this),me(this,!0))),(0,s.A)(this,Oa,(fe(this),Me(this,!0))),(0,s.A)(this,$a,(be(this),xe(this,!0))),(0,s.A)(this,Ha,(We(this),Ee(this,!1))),(0,s.A)(this,Ia,(Ne(this),Te(this))),(0,s.A)(this,Ka,(Se(this),Re(this))),(0,s.A)(this,Fa,(Le(this),ze(this))),(0,s.A)(this,_a,(De(this),Be(this))),(0,s.A)(this,Ua,(Pe(this),Oe(this))),(0,s.A)(this,Va,($e(this),He(this))),(0,s.A)(this,Ga,(Ie(this),Ke(this))),(0,s.A)(this,ja,(Fe(this),_e(this))),(0,s.A)(this,Ya,(Ge(this),e=>{(0,r.A)(Xa,this,Ue).emit(e)})),(0,s.A)(this,qa,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,Ja,je(this)),(0,s.A)(this,Qa,(qe(this),Je(this))),(0,s.A)(this,Za,(et(this),e=>{(0,r.A)(Xa,this,Qe).emit(e),"node"===e.type&&(0,r.A)(Xa,this,Xe).emit(e)})),(0,s.A)(this,ei,tt(this)),(0,s.A)(this,ti,(nt(this),e=>{(0,r.A)(Xa,this,at).emit(e)})),(0,s.A)(this,ai,st(this)),(0,s.A)(this,ii,(rt(this),e=>{(0,r.A)(Xa,this,lt).emit(e)})),(0,s.A)(this,ni,dt(this)),(0,s.A)(this,si,(ut(this),gt(this))),(0,s.A)(this,li,(vt(this),e=>{(0,r.A)(Xa,this,pt).emit(e),"node"===e.type&&(0,r.A)(Xa,this,ct).emit(e)})),(0,s.A)(this,oi,yt(this)),(0,s.A)(this,ri,(wt(this),e=>{(0,r.A)(Xa,this,Ct).emit(e)})),(0,s.A)(this,di,mt(this)),(0,s.A)(this,ci,(bt(this),e=>{(0,r.A)(Xa,this,ft).emit(e)})),(0,s.A)(this,hi,xt(this)),(0,s.A)(this,ui,(Nt(this),e=>{(0,r.A)(Xa,this,Wt).emit(e)})),(0,s.A)(this,gi,Tt(this)),(0,s.A)(this,pi,(Lt(this),e=>{(0,r.A)(Xa,this,St).emit(e)})),(0,s.A)(this,Ai,zt(this)),(0,s.A)(this,vi,(Pt(this),e=>{(0,r.A)(Xa,this,Dt).emit(e)})),(0,s.A)(this,yi,Ot(this)),(0,s.A)(this,Ci,(It(this),e=>{(0,r.A)(Xa,this,$t).emit(e)})),(0,s.A)(this,ki,Kt(this)),(0,s.A)(this,wi,(Ut(this),e=>{(0,r.A)(Xa,this,Ft).emit(e)})),(0,s.A)(this,mi,Vt(this)),(0,s.A)(this,fi,(Xt(this),e=>{(0,r.A)(Xa,this,Gt).emit(e)})),(0,s.A)(this,Mi,Yt(this)),(0,s.A)(this,bi,(Qt(this),e=>{(0,r.A)(Xa,this,qt).emit(e)})),(0,s.A)(this,xi,Zt(this)),(0,s.A)(this,Wi,(aa(this),e=>{(0,r.A)(Xa,this,ea).emit({clientX:e[0],clientY:e[1],view:(0,o.A)(Xa,this,Oi).call(this,e)})})),(0,s.A)(this,Ei,ia(this)),(0,s.A)(this,Ni,(la(this),()=>{(0,r.A)(Xa,this,na).emit()})),(0,s.A)(this,Ti,oa(this)),(0,s.A)(this,Si,(ca(this),()=>{(0,r.A)(Xa,this,ra).emit()})),(0,s.A)(this,Ri,ha(this)),(0,s.A)(this,Li,(pa(this),()=>{(0,r.A)(Xa,this,ua).emit()})),(0,s.A)(this,zi,Aa(this)),(0,s.A)(this,Di,(Ca(this),()=>{(0,r.A)(Xa,this,va).emit()})),(0,s.A)(this,Bi,(0,u.createRef)())}get cells(){return(0,c.A)(Wa,this)}set cells(e){(0,d.A)(Wa,this,e)}get layout(){return(0,c.A)(Ea,this)}set layout(e){(0,d.A)(Ea,this,e)}get layoutOptions(){return(0,c.A)(Na,this)}set layoutOptions(e){(0,d.A)(Na,this,e)}get defaultNodeSize(){return(0,c.A)(Ta,this)}set defaultNodeSize(e){(0,d.A)(Ta,this,e)}get defaultNodeBricks(){return(0,c.A)(Sa,this)}set defaultNodeBricks(e){(0,d.A)(Sa,this,e)}get degradedThreshold(){return(0,c.A)(Ra,this)}set degradedThreshold(e){(0,d.A)(Ra,this,e)}get degradedNodeLabel(){return(0,c.A)(La,this)}set degradedNodeLabel(e){(0,d.A)(La,this,e)}get defaultEdgeLines(){return(0,c.A)(za,this)}set defaultEdgeLines(e){(0,d.A)(za,this,e)}get activeTarget(){return(0,c.A)(Da,this)}set activeTarget(e){(0,d.A)(Da,this,e)}get fadeUnrelatedCells(){return(0,c.A)(Ba,this)}set fadeUnrelatedCells(e){(0,d.A)(Ba,this,e)}get zoomable(){return(0,c.A)(Pa,this)}set zoomable(e){(0,d.A)(Pa,this,e)}get scrollable(){return(0,c.A)(Oa,this)}set scrollable(e){(0,d.A)(Oa,this,e)}get pannable(){return(0,c.A)($a,this)}set pannable(e){(0,d.A)($a,this,e)}get allowEdgeToArea(){return(0,c.A)(Ha,this)}set allowEdgeToArea(e){(0,d.A)(Ha,this,e)}get dragBehavior(){return(0,c.A)(Ia,this)}set dragBehavior(e){(0,d.A)(Ia,this,e)}get ctrlDragBehavior(){return(0,c.A)(Ka,this)}set ctrlDragBehavior(e){(0,d.A)(Ka,this,e)}get scaleRange(){return(0,c.A)(Fa,this)}set scaleRange(e){(0,d.A)(Fa,this,e)}get lineSettings(){return(0,c.A)(_a,this)}set lineSettings(e){(0,d.A)(_a,this,e)}get lineConnector(){return(0,c.A)(Ua,this)}set lineConnector(e){(0,d.A)(Ua,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)(Va,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(Va,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(Ga,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Ga,this,e)}async dropNode(e){var t,a;let{id:i,position:n,size:s,data:l,useBrick:r}=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 d,h,u;const e={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:(0,o.A)(Xa,this,Oi).call(this,n),width:null!==(d=null==s?void 0:s[0])&&void 0!==d?d:this.defaultNodeSize[0],height:null!==(h=null==s?void 0:s[1])&&void 0!==h?h:this.defaultNodeSize[0]},data:l,useBrick:r};return null===(u=(0,c.A)(Bi,this).current)||void 0===u||u.dropNode(e),e}return null}async dropDecorator(e){var t,a;let{position:i,decorator:n,text:s,direction:l,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,p,A;const e=this.getBoundingClientRect(),t=(0,c.A)(Bi,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:Ii(),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!==(p=null==r?void 0:r.y)&&void 0!==p?p:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:s,direction:l,...d}};return null===(A=(0,c.A)(Bi,this).current)||void 0===A||A.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:s,data:l,containerId:o,groupId:r}=e;return{type:"node",id:s,data:l,containerId:o,groupId:r,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)(Bi,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 s={type:"edge",source:a,target:i,data:n,view:this.lineSettings};return null===(t=(0,c.A)(Bi,this).current)||void 0===t||t.addEdge(s),s}manuallyConnectNodes(e){return(0,c.A)(Bi,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Xa,this,$i).call(this);const{updated:a}=(0,c.A)(Bi,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)(Bi,this).current)||void 0===e||e.reCenter()}async toggleLock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"toggle")}async lock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"lock")}async unlock(e){return(0,c.A)(Bi,this).current.toggleLock(e,"unlock")}disconnectedCallback(){super.disconnectedCallback(),ka(this,!1)}render(){return g().createElement(ba,{host:this,ref:(0,c.A)(Bi,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)(Ya,this),onSwitchActiveTarget:(0,c.A)(qa,this),onCellMove:(0,c.A)(Za,this),onCellsMove:(0,c.A)(ti,this),onCellResize:(0,c.A)(ii,this),onCellDelete:(0,c.A)(li,this),onCellsDelete:(0,c.A)(ri,this),onEdgeAdd:(0,c.A)(ui,this),onCellContextMenu:(0,c.A)(ci,this),onCanvasContextMenu:(0,c.A)(Wi,this),onDecoratorTextChange:(0,c.A)(Ci,this),onContainerContainerChange:(0,c.A)(wi,this),onDecoratorGroupPlusClick:(0,c.A)(fi,this),onScaleChange:(0,c.A)(bi,this),onEdgeViewChange:(0,c.A)(pi,this),onDecoratorViewChange:(0,c.A)(vi,this),onCanvasCopy:(0,c.A)(Ni,this),onCanvasPaste:(0,c.A)(Si,this),onCanvasGroup:(0,c.A)(Li,this),onCanvasUngroup:(0,c.A)(Di,this)})}}function Oi(e){const t=this.getBoundingClientRect(),a=(0,c.A)(Bi,this).current.getTransform();return{x:(e[0]-t.left-a.x)/a.k,y:(e[1]-t.top-a.y)/a.k}}function $i(){return new Promise((e=>{const t=()=>{(0,c.A)(Bi,this).current?e():setTimeout(t,10)};t()}))}function Hi(e,t){let{host:a,layout:i,layoutOptions:n,cells:s,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:C,dragBehavior:b,ctrlDragBehavior:F,scaleRange:_,lineSettings:Z,lineConnector:ee,allowEdgeToArea:te,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne,onSwitchActiveTarget:se,onCellMove:le,onCellResize:oe,onCellDelete:re,onCellsMove:de,onCellsDelete:ce,onCellContextMenu:he,onEdgeAdd:ue,onDecoratorTextChange:ge,onScaleChange:pe,onContainerContainerChange:Ae,onDecoratorGroupPlusClick:ve,onEdgeViewChange:ye,onDecoratorViewChange:Ce,onCanvasContextMenu:ke,onCanvasCopy:we,onCanvasPaste:me,onCanvasGroup:fe,onCanvasUngroup:Me}=e;const[{cells:be,layoutKey:xe},We]=(0,u.useReducer)(m.d,s,(e=>({cells:(0,N.C)(e,{defaultNodeSize:l,layoutOptions:n,isInitialize:!0}),layoutKey:0}))),Ee=(0,u.useMemo)((()=>be.filter(M.N).length>=(null!=d?d:R.pC)),[be,d]),Ne=(0,u.useRef)(null),Te=(0,u.useRef)(null),[Se,Re]=(0,u.useState)([]),[Le,ze]=(0,u.useState)([]),[De,Be]=(0,u.useState)(null),{grabbing:Pe,transform:Oe,zoomer:$e,scaleRange:He}=(0,L.f)({rootRef:Ne,zoomable:A,scrollable:v,pannable:C,draggable:"grab"===b,ctrlDraggable:"grab"===F,scaleRange:_,onSwitchActiveTarget:se});(0,u.useEffect)((()=>{pe(Oe.k)}),[pe,Oe.k]);const[Ie,Ke]=(0,u.useState)(null),[Fe,_e]=(0,u.useState)(null),{centered:Ue,setCentered:Ve,getNextLayoutKey:Ge}=(0,B.g)({layout:i,layoutOptions:n,rootRef:Ne,cells:be,zoomable:A,zoomer:$e,scaleRange:He,layoutKey:xe,allowEdgeToArea:te,dispatch:We}),je=(0,u.useCallback)((()=>{Ve(!1)}),[Ve]),Xe=(0,u.useMemo)((()=>(0,J.E)(be)),[be]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&Ve(!0),We({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:l}=t;const o=be.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,r=[...be.slice(0,o),...e,...be.slice(o)],{cells:d,updated:c,shouldReCenter:h}=(0,T.L)({cells:r,layout:i,previousCells:be,defaultNodeSize:a,canvasWidth:s,canvasHeight:l,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return h&&Ve(!1),We({type:"update-cells",payload:d}),c.filter((t=>e.includes(t)))},addEdge(e){We({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:i,previousCells:be,cells:e,scaleRange:He,transform:Oe,allowEdgeToArea:te,layoutOptions:n});return a&&Ve(!1),We({type:"update-cells",payload:s.cells}),s},getTransform:()=>Oe,manuallyConnectNodes(e){const t=be.find((t=>(0,M.bo)(t,te)&&t.id===e));if(t){const e=Ne.current.getBoundingClientRect();return _e({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)=>{Te.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:je,toggleLock(e,t){const{newCells:a,updates:i}=(0,Q.A)(e,t,be,Xe);return a?(We({type:"update-cells",payload:a}),i):null}})),[be,i,He,Ve,Oe,te,je,Xe]);const Ye=(0,u.useCallback)(((e,t)=>{var a;for(let a=be.length-1;a>=0;a--){const n=be[a];if((0,M.bo)(n,te)&&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=Te.current)||void 0===i||i.resolve({source:e.source,target:n});break}}null===(a=Te.current)||void 0===a||a.reject(null),_e(null)}),[te,be]),[qe,Je]=(0,u.useState)(null);(0,u.useEffect)((()=>{ka(a,!!(Fe||qe||Ie))}),[Fe,a,qe,Ie]);const Qe=(0,z.J)({rootRef:Ne,activeTarget:h,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne}),[Ze,et]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,S.Y)(be,Fe,Qe,te):[];et((t=>0===t.length&&0===e.length?t:e))}),[Qe,be,Fe,p,te]),(0,u.useEffect)((()=>{const e=Ne.current;if(!e||Se.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:be,activeTarget:Qe,lockedIds:Xe});"delete-cells"===(null==t?void 0:t.action)&&(ce(t.cells),1===t.cells.length&&re(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Qe,be,Se.length,Xe,re,ce]);const tt=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[at,it]=(0,u.useState)([]),[nt,st]=(0,u.useState)(!1),[lt,ot]=(0,u.useState)(!1),[rt,dt]=(0,u.useState)(!1),ct=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e});const t=[];(0,G._)(e,be).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)})),ze(t),it(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),st(!0),e.some((e=>(0,M._m)(e)))||dt(!0)}),[be]),ht=(0,u.useCallback)((e=>{We({type:"move-cells",payload:e}),de(e),1===e.length&&le(e[0]),(0,G._)(e,be,Ae),ze([]),it([]),st(!1),dt(!1)}),[le,de,be,Ae]),ut=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),ot(!0)}),[]),gt=(0,u.useCallback)((e=>{We({type:"resize-cell",payload:e}),oe(e),ot(!1)}),[oe]),pt=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;Re(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),At=(0,u.useCallback)(((e,t)=>{const a=Ge();We({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ge]),vt=(0,u.useCallback)((e=>{$e.scaleTo((0,w.A)(Ne.current),e/100)}),[$e]),{lineConfMap:yt,lineConnectorConf:Ct,markers:kt}=(0,O.d)({cells:be,defaultEdgeLines:r,lineConnector:ee,markerPrefix:tt,useMemoizedResult:rt||lt}),wt=(0,Y.A)({cells:be,lineConfMap:yt}),mt=(0,u.useMemo)((()=>{let e=[];return e=be.filter((e=>!(0,J.l)(e,Xe)&&(0,q.Q)(e,Qe)&&((0,M.WW)(e)||(0,M._m)(e))&&wt.has(e))),e}),[Qe,be,wt,Xe]),ft=(0,P.H)({cells:be,layout:i,centered:Ue}),[Mt,bt]=(0,u.useState)(null),xt=(0,u.useRef)(null),[Wt,Et]=(0,u.useState)(null),Nt=(0,u.useCallback)((e=>{if(Ct&&!(0,J.l)(e,Xe)&&(0,M.bo)(e,te)&&(!Wt||"control"!==Wt.type)){null!==xt.current&&(clearTimeout(xt.current),xt.current=null);const t=(0,$.G)();bt({cell:e,relativePoints:t,points:Ki(t,e.view)})}}),[te,Ct,Wt,Xe]),Tt=(0,u.useCallback)((e=>{Ct&&(0,M.N)(e)&&(xt.current=setTimeout((()=>{bt(null)})))}),[Ct]),St=(0,u.useCallback)(((e,t,a,i)=>{const n={source:e.id,target:t.id,view:{...Z,exitPosition:a,entryPosition:i,vertices:null}};if(be.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))We({type:"change-edge-view",payload:n}),null==ye||ye(n);else{const a={type:"edge",...n};We({type:"add-edge",payload:a}),ue({source:e,target:t,view:a.view})}}),[be,Z,ue,ye]),Rt=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};We({type:"change-edge-view",payload:i}),null==ye||ye(i)}),[ye]),Lt=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};We({type:"change-decorator-view",payload:a}),null==Ce||Ce(a)}),[Ce]),zt=(0,u.useMemo)((()=>({rootRef:Ne,smartConnectLineState:qe,unsetHoverStateTimeoutRef:xt,hoverState:Mt,activeEditableLines:mt,lineEditorState:Wt,movingCells:nt,setLineEditorState:Et,setHoverState:bt,setSmartConnectLineState:Je,onConnect:St,onChangeEdgeView:Rt,onChangeDecoratorView:Lt})),[mt,Rt,Lt,St,Mt,Wt,qe,nt]),Dt=(0,u.useCallback)((e=>{e.preventDefault(),ke([e.clientX,e.clientY]),null==se||se(null)}),[ke,se]),Bt=(0,u.useCallback)((e=>{if(e[/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey"])switch(e.key.toLowerCase()){case"c":e.shiftKey||(we(),e.preventDefault());break;case"v":e.shiftKey||(me(),e.preventDefault());break;case"g":e.shiftKey?null==Me||Me():null==fe||fe(),e.preventDefault()}}),[we,me,fe,Me]);return(0,u.useEffect)((()=>{const e=Ne.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,K.F)(e,{transform:Oe,offset:[t.left,t.top],onLassoing(e){Ke(e)},onLassoed(e){Ke(null);const t=[];for(const a of be)if((0,M.WW)(a)||(0,M.N)(a)||(0,M.mH)(a)){const i=(0,y.get)(a,"view.x",0),n=(0,y.get)(a,"view.y",0),s=(0,y.get)(a,"view.width",0),l=(0,y.get)(a,"view.height",0);i>=e.x&&i+s<=e.x+e.width&&n>=e.y&&n+l<=e.y+e.height&&t.push(a)}null==se||se(t.length>1?{type:"multi",targets:t.map(V.P)}:1===t.length?(0,V.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Oe,be,b,se]),g().createElement(I.H.Provider,{value:zt},g().createElement("svg",{onKeyDown:Bt,onContextMenu:Dt,width:"100%",height:"100%",ref:Ne,className:k()("root",{grabbing:Pe,pannable:C,ready:ft}),tabIndex:-1},g().createElement("defs",null,kt.map(((e,t)=>g().createElement(f.c,{key:t,id:`${tt}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Oe.x} ${Oe.y}) scale(${Oe.k})`},g().createElement("g",{className:k()("cells",{allowEdgeToArea:te})},be.map((e=>g().createElement(W.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,M.WW)(e)&&Le.includes(e.id),layout:i,layoutOptions:n,cell:e,cells:be,degraded:Ee,degradedNodeLabel:c,defaultNodeBricks:o,transform:Oe,lineConfMap:yt,editableLineMap:wt,activeTarget:Qe,unrelatedCells:Ze,allowEdgeToArea:te,curActiveEditableLine:De,locked:(0,J.l)(e,Xe),containerLocked:(0,M.N)(e)&&!!e.containerId&&Xe.includes(e.containerId),groupLocked:(0,M.N)(e)&&!!e.groupId&&Xe.includes(e.groupId),updateCurActiveEditableLine:Be,onCellsMoving:ct,onCellsMoved:ht,onCellResizing:ut,onCellResized:gt,onSwitchActiveTarget:se,onCellContextMenu:he,onDecoratorTextChange:ge,onDecoratorTextEditing:pt,onDecoratorGroupPlusClick:ve,onNodeBrickResize:At,onCellMouseEnter:Nt,onCellMouseLeave:Tt})))),g().createElement("g",null,g().createElement(E.w,{connectLineState:Fe,transform:Oe,markerEnd:`${tt}0`,onConnect:Ye})),Ie&&g().createElement("rect",{x:Ie.x,y:Ie.y,width:Ie.width,height:Ie.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),Ct&&g().createElement("g",null,g().createElement(U.X,{transform:Oe,lineSettings:Z,options:Ct}),g().createElement(X.W,{cells:be,editableLineMap:wt,transform:Oe,options:Ct,activeEditableLine:De})),g().createElement("g",null,at.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/Oe.k})))),g().createElement("g",null,Ct&&(null==mt?void 0:mt.map((e=>g().createElement(j.F,{editableLineMap:wt,scale:Oe.k,activeEditableLine:e,updateCurActiveEditableLine:Be,key:(0,M.WW)(e)?`${e.source}-${e.target}`:e.id}))))),Ct&&g().createElement(H.T,{activeTarget:Qe,editableLineMap:wt,scale:Oe.k,activeEditableLine:De,disabled:!!Fe}))),g().createElement(D.Y,{shadowRoot:a.shadowRoot,scale:Oe.k,scaleRange:He,onZoomChange:vt,onReCenter:je}))}function Ii(){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 Ki(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,n=i/2,s=t.x+a/2-n,l=t.y+a/2-n,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:s+e.x*o,y:l+e.y*r})))}i=Pi,({e:[te,ae,ie,ne,se,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,ye,Ce,ke,we,me,fe,Me,be,xe,We,Ee,Ne,Te,Se,Re,Le,ze,De,Be,Pe,Oe,$e,He,Ie,Ke,Fe,_e,Ue,Ve,Ge,je,Xe,Ye,qe,Je,Qe,Ze,et,tt,at,it,nt,st,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,yt,Ct,kt,wt,mt,ft,Mt,bt,xt,Wt,Et,Nt,Tt,St,Rt,Lt,zt,Dt,Bt,Pt,Ot,$t,Ht,It,Kt,Ft,_t,Ut,Vt,Gt,jt,Xt,Yt,qt,Jt,Qt,Zt,ea,ta,aa,ia,na,sa,la,oa,ra,da,ca,ha,ua,ga,pa,Aa,va,ya,Ca,Z],c:[xa,ee]}=(0,h.A)(i,[wa("eo-draw-canvas",{styleTexts:[F.A,_.A]})],[[ma({attribute:!1}),1,"cells"],[ma({type:String}),1,"layout"],[ma({attribute:!1}),1,"layoutOptions"],[ma({attribute:!1}),1,"defaultNodeSize"],[ma({attribute:!1}),1,"defaultNodeBricks"],[ma({type:Number}),1,"degradedThreshold"],[ma({attribute:!1}),1,"degradedNodeLabel"],[ma({attribute:!1}),1,"defaultEdgeLines"],[ma({attribute:!1}),1,"activeTarget"],[ma({type:Boolean}),1,"fadeUnrelatedCells"],[ma({type:Boolean}),1,"zoomable"],[ma({type:Boolean}),1,"scrollable"],[ma({type:Boolean}),1,"pannable"],[ma({type:Boolean}),1,"allowEdgeToArea"],[ma(),1,"dragBehavior"],[ma(),1,"ctrlDragBehavior"],[ma({attribute:!1}),1,"scaleRange"],[ma({attribute:!1}),1,"lineSettings"],[ma({attribute:!1}),1,"lineConnector"],[ma(),1,"doNotResetActiveTargetForSelector"],[ma({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Ma({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(ja,e),(e,t)=>(0,d.A)(ja,e,t)],[Ma({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ja,e),(e,t)=>(0,d.A)(Ja,e,t)],[Ma({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Qa,e),(e,t)=>(0,d.A)(Qa,e,t)],[Ma({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(ei,e),(e,t)=>(0,d.A)(ei,e,t)],[Ma({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(ai,e),(e,t)=>(0,d.A)(ai,e,t)],[Ma({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(ni,e),(e,t)=>(0,d.A)(ni,e,t)],[Ma({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(si,e),(e,t)=>(0,d.A)(si,e,t)],[Ma({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(oi,e),(e,t)=>(0,d.A)(oi,e,t)],[Ma({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(di,e),(e,t)=>(0,d.A)(di,e,t)],[Ma({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(hi,e),(e,t)=>(0,d.A)(hi,e,t)],[Ma({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(gi,e),(e,t)=>(0,d.A)(gi,e,t)],[Ma({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(Ai,e),(e,t)=>(0,d.A)(Ai,e,t)],[Ma({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(yi,e),(e,t)=>(0,d.A)(yi,e,t)],[Ma({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(ki,e),(e,t)=>(0,d.A)(ki,e,t)],[Ma({type:"decorator.group.plus.click"}),1,"decoratorGroupPlusClick",e=>(0,c.A)(mi,e),(e,t)=>(0,d.A)(mi,e,t)],[Ma({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(Mi,e),(e,t)=>(0,d.A)(Mi,e,t)],[Ma({type:"canvas.contextmenu"}),1,"canvasContextMenu",e=>(0,c.A)(xi,e),(e,t)=>(0,d.A)(xi,e,t)],[Ma({type:"canvas.copy"}),1,"canvasCopy",e=>(0,c.A)(Ei,e),(e,t)=>(0,d.A)(Ei,e,t)],[Ma({type:"canvas.paste"}),1,"canvasPaste",e=>(0,c.A)(Ti,e),(e,t)=>(0,d.A)(Ti,e,t)],[Ma({type:"canvas.group"}),1,"canvasGroup",e=>(0,c.A)(Ri,e),(e,t)=>(0,d.A)(Ri,e,t)],[Ma({type:"canvas.ungroup"}),1,"canvasUngroup",e=>(0,c.A)(zi,e),(e,t)=>(0,d.A)(zi,e,t)],[fa(),2,"dropNode"],[fa(),2,"dropDecorator"],[fa(),2,"addNodes"],[fa(),2,"addEdge"],[fa(),2,"manuallyConnectNodes"],[fa(),2,"updateCells"],[fa(),2,"reCenter"],[fa(),2,"toggleLock"],[fa(),2,"lock"],[fa(),2,"unlock"]],0,(e=>Bi.has((0,l.A)(e))),A.ReactNextElement)),ee()}}]);
+//# sourceMappingURL=eo-draw-canvas.80ff662d.js.map