@next-bricks/diagram 0.32.6 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Ee});var n,s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I,Y,q=a(4635),F=a(918),J=a(1369),Z=a(8449),G=a(4521),Q=a(8769),V=a.n(Q),X=a(9929),$=a(9938),ee=(a(330),a(1030)),te=a(3373),ae=a.n(te),ne=a(7566),se=a(3739),le=a(8185),ie=a(2830),re=a(3783),oe=a(3033),ce=a(8091),ue=a(1819),de=a(5748),he=a(227),ge=a(531),fe=a(7099),pe=a(2361),be=a(8197),ye=a(7531),me=a(2098),ve=a(3012),ke=a(8618);function we(e,t,a){return a(Ne(e,t))}function Ce(e,t,a){return e.set(Ne(e,t),a),a}function Ae(e,t){return e.get(Ne(e,t))}function Ne(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var Ee,{defineElement:Me,property:Te,event:Re}=(0,X.createDecorators)(),We=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,xe=new WeakMap,Be=new WeakMap,Oe=new WeakMap,je=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakSet,qe=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ze=new WeakMap,Ge=new WeakMap,Qe=new WeakMap;class Ve extends $.ReactNextElement{constructor(){super(...arguments),(0,q.A)(this,Ye),(0,F.A)(this,We,s(this)),(0,F.A)(this,ze,(l(this),i(this))),(0,F.A)(this,Se,(r(this),o(this))),(0,F.A)(this,Le,(c(this),u(this,[oe.HP,oe.HP]))),(0,F.A)(this,xe,(d(this),h(this))),(0,F.A)(this,Be,(g(this),f(this))),(0,F.A)(this,Oe,(p(this),b(this))),(0,F.A)(this,je,(y(this),m(this))),(0,F.A)(this,Pe,(v(this),k(this))),(0,F.A)(this,Ue,(w(this),C(this))),(0,F.A)(this,_e,(A(this),N(this,!0))),(0,F.A)(this,He,(E(this),M(this,!0))),(0,F.A)(this,Ke,(T(this),R(this,!0))),(0,F.A)(this,De,(W(this),z(this))),(0,F.A)(this,Ie,(S(this),L(this))),(0,F.A)(this,qe,(O(this),e=>{we(Ye,this,x).emit(e)})),(0,F.A)(this,Fe,(e=>{(0,le.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,F.A)(this,Je,j(this)),(0,F.A)(this,Ze,(_(this),e=>{we(Ye,this,P).emit(e)})),(0,F.A)(this,Ge,H(this)),(0,F.A)(this,Qe,(I(this),e=>{we(Ye,this,K).emit(e)}))}get cells(){return Ae(We,this)}set cells(e){Ce(We,this,e)}get layout(){return Ae(ze,this)}set layout(e){Ce(ze,this,e)}get layoutOptions(){return Ae(Se,this)}set layoutOptions(e){Ce(Se,this,e)}get defaultNodeSize(){return Ae(Le,this)}set defaultNodeSize(e){Ce(Le,this,e)}get defaultNodeBricks(){return Ae(xe,this)}set defaultNodeBricks(e){Ce(xe,this,e)}get degradedThreshold(){return Ae(Be,this)}set degradedThreshold(e){Ce(Be,this,e)}get degradedNodeLabel(){return Ae(Oe,this)}set degradedNodeLabel(e){Ce(Oe,this,e)}get defaultEdgeLines(){return Ae(je,this)}set defaultEdgeLines(e){Ce(je,this,e)}get activeTarget(){return Ae(Pe,this)}set activeTarget(e){Ce(Pe,this,e)}get fadeUnrelatedCells(){return Ae(Ue,this)}set fadeUnrelatedCells(e){Ce(Ue,this,e)}get zoomable(){return Ae(_e,this)}set zoomable(e){Ce(_e,this,e)}get scrollable(){return Ae(He,this)}set scrollable(e){Ce(He,this,e)}get pannable(){return Ae(Ke,this)}set pannable(e){Ce(Ke,this,e)}get scaleRange(){return Ae(De,this)}set scaleRange(e){Ce(De,this,e)}render(){return V().createElement(Xe,{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:Ae(qe,this),onSwitchActiveTarget:Ae(Fe,this),onCellContextMenu:Ae(Ze,this),onCellClick:Ae(Qe,this)})}}function Xe(e){var{shadowRoot:t,cells:a,layout:n,layoutOptions:s,defaultNodeSize:l,defaultNodeBricks:i,defaultEdgeLines:r,degradedThreshold:o,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onActiveTargetChange:b,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v}=e,[{cells:k,layoutKey:w},C]=(0,Q.useReducer)(de.d,a,(e=>({cells:(0,re.C)(e,{defaultNodeSize:l}),layoutKey:1}))),A=(0,Q.useMemo)((()=>k.filter(ge.N).length>=(null!=o?o:oe.pC)),[k,o]),N=(0,Q.useRef)(null),E=(0,Q.useRef)(null),{grabbing:M,transform:T,zoomer:R,scaleRange:W}=(0,ce.f)({rootRef:N,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onSwitchActiveTarget:y}),{centered:z,setCentered:S,getNextLayoutKey:L}=(0,pe.g)({layout:n,layoutOptions:s,rootRef:N,cells:k,zoomable:h,zoomer:R,scaleRange:W,layoutKey:w,dispatch:C}),x=(0,Q.useCallback)((()=>{S(!1)}),[S]),B=(0,Q.useRef)(a);(0,Q.useEffect)((()=>{if(a!==B.current){B.current=a;var e=(0,me.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:l,layout:n,previousCells:k,cells:a,scaleRange:W,transform:T});C({type:"update-cells",payload:e.cells})}}),[k,l,a,n,W,t,T]);var O=(0,ue.J)({cellsRef:E,activeTarget:u,onActiveTargetChange:b}),j=(0,Q.useMemo)((()=>"".concat((0,ee.uniqueId)("diagram-"),"-")),[]),P="".concat(j,"line-arrow-"),U=(0,Q.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t},layoutKey:L()})}),[L]),[_,H]=(0,Q.useState)(null),K=(0,Q.useCallback)((e=>{H(e)}),[]),D=(0,Q.useCallback)((e=>{H((t=>t===e?null:t))}),[]),[I,Y]=(0,Q.useState)([]);(0,Q.useEffect)((()=>{var e=d?(0,he.Y)(k,null,_):[];Y((t=>0===t.length&&0===e.length?t:e))}),[k,d,_]);var q=(0,Q.useCallback)((e=>{R.scaleTo((0,ne.A)(N.current),e/100)}),[R]),[F,J]=(0,ye.d)({cells:k,defaultEdgeLines:r,markerPrefix:P}),Z=(0,be.H)({cells:k,layout:n,centered:z});return V().createElement(V().Fragment,null,V().createElement("svg",{width:"100%",height:"100%",ref:N,className:ae()("root",{grabbing:M,pannable:f,ready:Z}),tabIndex:-1},V().createElement("defs",null,J.map(((e,t)=>V().createElement(se.c,{key:t,id:"".concat(P).concat(t),type:"arrow",strokeColor:e.strokeColor})))),V().createElement("g",{transform:"translate(".concat(T.x," ").concat(T.y,") scale(").concat(T.k,")")},V().createElement("g",{className:"cells",ref:E},k.map((e=>V().createElement(ie.m,{key:"".concat(e.type,":").concat((0,ge.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:k,degraded:A,degradedNodeLabel:c,defaultNodeBricks:i,lineConfMap:F,transform:T,active:(0,le.c)(O,e),readOnly:!0,unrelatedCells:I,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v,onNodeBrickResize:U,onCellMouseEnter:d&&(0,ge.N)(e)?K:void 0,onCellMouseLeave:d&&(0,ge.N)(e)?D:void 0})))))),V().createElement(fe.Y,{shadowRoot:t,scale:T.k,scaleRange:W,onZoomChange:q,onReCenter:x}))}Y=Ve,({e:[s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I],c:[Ee,n]}=function(e,t,a,n,s,l){var i,r,o,c,u,d,h,g=Symbol.metadata||Symbol.for("Symbol.metadata"),f=Object.defineProperty,p=Object.create,b=[p(null),p(null)],y=t.length;function m(t,a,n){return function(s,l){a&&(l=s,s=e);for(var i=0;i<t.length;i++)l=t[i].apply(s,n?[l]:[]);return n?l:s}}function v(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,l,o,c,u,d,h){function g(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),y=t[3],k=!o,w=1===s,C=3===s,A=4===s,N=2===s;function E(t,a,n){return function(s,l){return a&&(l=s,s=e),n&&n(s),M[t].call(s,l)}}if(!k){var M={},T=[],R=C?"get":A||w?"set":"value";if(u?(d||w?M={get:(0,Z.A)((function(){return y(this)}),n,"get"),set:function(e){t[4](this,e)}}:M[R]=y,d||(0,Z.A)(M[R],n,N?"":R)):d||(M=Object.getOwnPropertyDescriptor(e,n)),!d&&!u){if((r=b[+c][n])&&7!=(r^s))throw new Error("Decorating two elements with the same name ("+M[R].name+") is not supported yet");b[+c][n]=s<3?1:s}}for(var W=e,z=p.length-1;z>=0;z-=a?2:1){var S=p[z],L=a?p[z-1]:void 0,x={},B={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");v(t,"An initializer","be",!0),l.push(t)}.bind(null,x)};if(k)r=S.call(L,W,B),x.v=1,v(r,"class decorators","return")&&(W=r);else if(B.static=c,B.private=u,r=B.access={has:u?h.bind():function(e){return n in e}},A||(r.get=u?N?function(e){return g(e),M.value}:E("get",0,g):function(e){return e[n]}),N||C||(r.set=u?E("set",0,g):function(e,t){e[n]=t}),W=S.call(L,w?{get:M.get,set:M.set}:M[R],B),x.v=1,w){if("object"==typeof W&&W)(r=v(W.get,"accessor.get"))&&(M.get=r),(r=v(W.set,"accessor.set"))&&(M.set=r),(r=v(W.init,"accessor.init"))&&T.unshift(r);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(W,(d?"field":"method")+" decorators","return")&&(d?T.unshift(W):M[R]=W)}return s<2&&o.push(m(T,c,1),m(l,c,0)),d||k||(u?w?o.splice(-1,0,E("get",c),E("set",c)):o.push(N?M[R]:v.call.bind(M[R])):f(e,n,M)),W}function w(e){return f(e,g,{configurable:!0,enumerable:!0,value:i})}return void 0!==l&&(i=l[g]),i=p(null==i?null:i),u=[],d=function(e){e&&u.push(m(e))},(h=function(t,n){for(var l=0;l<a.length;l++){var i=a[l],r=i[1],d=7&r;if((8&r)==t&&!d==n){var h=i[2],g=!!i[3],f=16&r;k(t?e:e.prototype,i,f,g?"#"+h:(0,J.A)(h),d,d<2?[]:t?c=c||[]:o=o||[],u,!!t,g,n,t&&g?function(t){return(0,G.A)(t)===e}:s)}}})(8,0),h(0,0),h(8,1),h(0,1),d(o),d(c),r=u,y||w(e),{e:r,get c(){var a=[];return y&&[w(e=k(e,[t],0,e.name,5,a)),m(a,1)]}}}(Y,[Me("eo-display-canvas",{styleTexts:[ve.A,ke.A]})],[[Te({attribute:!1}),1,"cells"],[Te({type:String}),1,"layout"],[Te({attribute:!1}),1,"layoutOptions"],[Te({attribute:!1}),1,"defaultNodeSize"],[Te({attribute:!1}),1,"defaultNodeBricks"],[Te({type:Number}),1,"degradedThreshold"],[Te({attribute:!1}),1,"degradedNodeLabel"],[Te({attribute:!1}),1,"defaultEdgeLines"],[Te({attribute:!1}),1,"activeTarget"],[Te({type:Boolean}),1,"fadeUnrelatedCells"],[Te({type:Boolean}),1,"zoomable"],[Te({type:Boolean}),1,"scrollable"],[Te({type:Boolean}),1,"pannable"],[Te({attribute:!1}),1,"scaleRange"],[Re({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ae(Ie,e),(e,t)=>Ce(Ie,e,t)],[Re({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Ae(Je,e),(e,t)=>Ce(Je,e,t)],[Re({type:"cell.click"}),1,"cellClick",e=>Ae(Ge,e),(e,t)=>Ce(Ge,e,t)]],0,(e=>Qe.has((0,G.A)(e))),$.ReactNextElement)),n()}}]);
2
- //# sourceMappingURL=eo-display-canvas.ec84d0d0.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Ee});var n,s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I,Y,q=a(4635),F=a(918),J=a(1369),Z=a(8449),G=a(4521),Q=a(8769),V=a.n(Q),X=a(9929),$=a(9938),ee=(a(330),a(1030)),te=a(3373),ae=a.n(te),ne=a(7566),se=a(3739),le=a(8185),ie=a(2830),re=a(3783),oe=a(3033),ce=a(8091),ue=a(1819),de=a(5748),he=a(227),ge=a(531),fe=a(7099),pe=a(1484),be=a(8197),ye=a(7531),me=a(2098),ve=a(3012),ke=a(8618);function we(e,t,a){return a(Ne(e,t))}function Ce(e,t,a){return e.set(Ne(e,t),a),a}function Ae(e,t){return e.get(Ne(e,t))}function Ne(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var Ee,{defineElement:Me,property:Te,event:Re}=(0,X.createDecorators)(),We=new WeakMap,ze=new WeakMap,Se=new WeakMap,Le=new WeakMap,xe=new WeakMap,Be=new WeakMap,Oe=new WeakMap,je=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,De=new WeakMap,Ie=new WeakMap,Ye=new WeakSet,qe=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ze=new WeakMap,Ge=new WeakMap,Qe=new WeakMap;class Ve extends $.ReactNextElement{constructor(){super(...arguments),(0,q.A)(this,Ye),(0,F.A)(this,We,s(this)),(0,F.A)(this,ze,(l(this),i(this))),(0,F.A)(this,Se,(r(this),o(this))),(0,F.A)(this,Le,(c(this),u(this,[oe.HP,oe.HP]))),(0,F.A)(this,xe,(d(this),h(this))),(0,F.A)(this,Be,(g(this),f(this))),(0,F.A)(this,Oe,(p(this),b(this))),(0,F.A)(this,je,(y(this),m(this))),(0,F.A)(this,Pe,(v(this),k(this))),(0,F.A)(this,Ue,(w(this),C(this))),(0,F.A)(this,_e,(A(this),N(this,!0))),(0,F.A)(this,He,(E(this),M(this,!0))),(0,F.A)(this,Ke,(T(this),R(this,!0))),(0,F.A)(this,De,(W(this),z(this))),(0,F.A)(this,Ie,(S(this),L(this))),(0,F.A)(this,qe,(O(this),e=>{we(Ye,this,x).emit(e)})),(0,F.A)(this,Fe,(e=>{(0,le.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,F.A)(this,Je,j(this)),(0,F.A)(this,Ze,(_(this),e=>{we(Ye,this,P).emit(e)})),(0,F.A)(this,Ge,H(this)),(0,F.A)(this,Qe,(I(this),e=>{we(Ye,this,K).emit(e)}))}get cells(){return Ae(We,this)}set cells(e){Ce(We,this,e)}get layout(){return Ae(ze,this)}set layout(e){Ce(ze,this,e)}get layoutOptions(){return Ae(Se,this)}set layoutOptions(e){Ce(Se,this,e)}get defaultNodeSize(){return Ae(Le,this)}set defaultNodeSize(e){Ce(Le,this,e)}get defaultNodeBricks(){return Ae(xe,this)}set defaultNodeBricks(e){Ce(xe,this,e)}get degradedThreshold(){return Ae(Be,this)}set degradedThreshold(e){Ce(Be,this,e)}get degradedNodeLabel(){return Ae(Oe,this)}set degradedNodeLabel(e){Ce(Oe,this,e)}get defaultEdgeLines(){return Ae(je,this)}set defaultEdgeLines(e){Ce(je,this,e)}get activeTarget(){return Ae(Pe,this)}set activeTarget(e){Ce(Pe,this,e)}get fadeUnrelatedCells(){return Ae(Ue,this)}set fadeUnrelatedCells(e){Ce(Ue,this,e)}get zoomable(){return Ae(_e,this)}set zoomable(e){Ce(_e,this,e)}get scrollable(){return Ae(He,this)}set scrollable(e){Ce(He,this,e)}get pannable(){return Ae(Ke,this)}set pannable(e){Ce(Ke,this,e)}get scaleRange(){return Ae(De,this)}set scaleRange(e){Ce(De,this,e)}render(){return V().createElement(Xe,{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:Ae(qe,this),onSwitchActiveTarget:Ae(Fe,this),onCellContextMenu:Ae(Ze,this),onCellClick:Ae(Qe,this)})}}function Xe(e){var{shadowRoot:t,cells:a,layout:n,layoutOptions:s,defaultNodeSize:l,defaultNodeBricks:i,defaultEdgeLines:r,degradedThreshold:o,degradedNodeLabel:c,activeTarget:u,fadeUnrelatedCells:d,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onActiveTargetChange:b,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v}=e,[{cells:k,layoutKey:w},C]=(0,Q.useReducer)(de.d,a,(e=>({cells:(0,re.C)(e,{defaultNodeSize:l}),layoutKey:1}))),A=(0,Q.useMemo)((()=>k.filter(ge.N).length>=(null!=o?o:oe.pC)),[k,o]),N=(0,Q.useRef)(null),E=(0,Q.useRef)(null),{grabbing:M,transform:T,zoomer:R,scaleRange:W}=(0,ce.f)({rootRef:N,zoomable:h,scrollable:g,pannable:f,scaleRange:p,onSwitchActiveTarget:y}),{centered:z,setCentered:S,getNextLayoutKey:L}=(0,pe.g)({layout:n,layoutOptions:s,rootRef:N,cells:k,zoomable:h,zoomer:R,scaleRange:W,layoutKey:w,dispatch:C}),x=(0,Q.useCallback)((()=>{S(!1)}),[S]),B=(0,Q.useRef)(a);(0,Q.useEffect)((()=>{if(a!==B.current){B.current=a;var e=(0,me.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:l,layout:n,previousCells:k,cells:a,scaleRange:W,transform:T});C({type:"update-cells",payload:e.cells})}}),[k,l,a,n,W,t,T]);var O=(0,ue.J)({cellsRef:E,activeTarget:u,onActiveTargetChange:b}),j=(0,Q.useMemo)((()=>"".concat((0,ee.uniqueId)("diagram-"),"-")),[]),P="".concat(j,"line-arrow-"),U=(0,Q.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t},layoutKey:L()})}),[L]),[_,H]=(0,Q.useState)(null),K=(0,Q.useCallback)((e=>{H(e)}),[]),D=(0,Q.useCallback)((e=>{H((t=>t===e?null:t))}),[]),[I,Y]=(0,Q.useState)([]);(0,Q.useEffect)((()=>{var e=d?(0,he.Y)(k,null,_):[];Y((t=>0===t.length&&0===e.length?t:e))}),[k,d,_]);var q=(0,Q.useCallback)((e=>{R.scaleTo((0,ne.A)(N.current),e/100)}),[R]),[F,J]=(0,ye.d)({cells:k,defaultEdgeLines:r,markerPrefix:P}),Z=(0,be.H)({cells:k,layout:n,centered:z});return V().createElement(V().Fragment,null,V().createElement("svg",{width:"100%",height:"100%",ref:N,className:ae()("root",{grabbing:M,pannable:f,ready:Z}),tabIndex:-1},V().createElement("defs",null,J.map(((e,t)=>V().createElement(se.c,{key:t,id:"".concat(P).concat(t),type:"arrow",strokeColor:e.strokeColor})))),V().createElement("g",{transform:"translate(".concat(T.x," ").concat(T.y,") scale(").concat(T.k,")")},V().createElement("g",{className:"cells",ref:E},k.map((e=>V().createElement(ie.m,{key:"".concat(e.type,":").concat((0,ge.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),layout:void 0,cell:e,cells:k,degraded:A,degradedNodeLabel:c,defaultNodeBricks:i,lineConfMap:F,transform:T,active:(0,le.c)(O,e),readOnly:!0,unrelatedCells:I,onSwitchActiveTarget:y,onCellContextMenu:m,onCellClick:v,onNodeBrickResize:U,onCellMouseEnter:d&&(0,ge.N)(e)?K:void 0,onCellMouseLeave:d&&(0,ge.N)(e)?D:void 0})))))),V().createElement(fe.Y,{shadowRoot:t,scale:T.k,scaleRange:W,onZoomChange:q,onReCenter:x}))}Y=Ve,({e:[s,l,i,r,o,c,u,d,h,g,f,p,b,y,m,v,k,w,C,A,N,E,M,T,R,W,z,S,L,x,B,O,j,P,U,_,H,K,D,I],c:[Ee,n]}=function(e,t,a,n,s,l){var i,r,o,c,u,d,h,g=Symbol.metadata||Symbol.for("Symbol.metadata"),f=Object.defineProperty,p=Object.create,b=[p(null),p(null)],y=t.length;function m(t,a,n){return function(s,l){a&&(l=s,s=e);for(var i=0;i<t.length;i++)l=t[i].apply(s,n?[l]:[]);return n?l:s}}function v(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,l,o,c,u,d,h){function g(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),y=t[3],k=!o,w=1===s,C=3===s,A=4===s,N=2===s;function E(t,a,n){return function(s,l){return a&&(l=s,s=e),n&&n(s),M[t].call(s,l)}}if(!k){var M={},T=[],R=C?"get":A||w?"set":"value";if(u?(d||w?M={get:(0,Z.A)((function(){return y(this)}),n,"get"),set:function(e){t[4](this,e)}}:M[R]=y,d||(0,Z.A)(M[R],n,N?"":R)):d||(M=Object.getOwnPropertyDescriptor(e,n)),!d&&!u){if((r=b[+c][n])&&7!=(r^s))throw new Error("Decorating two elements with the same name ("+M[R].name+") is not supported yet");b[+c][n]=s<3?1:s}}for(var W=e,z=p.length-1;z>=0;z-=a?2:1){var S=p[z],L=a?p[z-1]:void 0,x={},B={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");v(t,"An initializer","be",!0),l.push(t)}.bind(null,x)};if(k)r=S.call(L,W,B),x.v=1,v(r,"class decorators","return")&&(W=r);else if(B.static=c,B.private=u,r=B.access={has:u?h.bind():function(e){return n in e}},A||(r.get=u?N?function(e){return g(e),M.value}:E("get",0,g):function(e){return e[n]}),N||C||(r.set=u?E("set",0,g):function(e,t){e[n]=t}),W=S.call(L,w?{get:M.get,set:M.set}:M[R],B),x.v=1,w){if("object"==typeof W&&W)(r=v(W.get,"accessor.get"))&&(M.get=r),(r=v(W.set,"accessor.set"))&&(M.set=r),(r=v(W.init,"accessor.init"))&&T.unshift(r);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else v(W,(d?"field":"method")+" decorators","return")&&(d?T.unshift(W):M[R]=W)}return s<2&&o.push(m(T,c,1),m(l,c,0)),d||k||(u?w?o.splice(-1,0,E("get",c),E("set",c)):o.push(N?M[R]:v.call.bind(M[R])):f(e,n,M)),W}function w(e){return f(e,g,{configurable:!0,enumerable:!0,value:i})}return void 0!==l&&(i=l[g]),i=p(null==i?null:i),u=[],d=function(e){e&&u.push(m(e))},(h=function(t,n){for(var l=0;l<a.length;l++){var i=a[l],r=i[1],d=7&r;if((8&r)==t&&!d==n){var h=i[2],g=!!i[3],f=16&r;k(t?e:e.prototype,i,f,g?"#"+h:(0,J.A)(h),d,d<2?[]:t?c=c||[]:o=o||[],u,!!t,g,n,t&&g?function(t){return(0,G.A)(t)===e}:s)}}})(8,0),h(0,0),h(8,1),h(0,1),d(o),d(c),r=u,y||w(e),{e:r,get c(){var a=[];return y&&[w(e=k(e,[t],0,e.name,5,a)),m(a,1)]}}}(Y,[Me("eo-display-canvas",{styleTexts:[ve.A,ke.A]})],[[Te({attribute:!1}),1,"cells"],[Te({type:String}),1,"layout"],[Te({attribute:!1}),1,"layoutOptions"],[Te({attribute:!1}),1,"defaultNodeSize"],[Te({attribute:!1}),1,"defaultNodeBricks"],[Te({type:Number}),1,"degradedThreshold"],[Te({attribute:!1}),1,"degradedNodeLabel"],[Te({attribute:!1}),1,"defaultEdgeLines"],[Te({attribute:!1}),1,"activeTarget"],[Te({type:Boolean}),1,"fadeUnrelatedCells"],[Te({type:Boolean}),1,"zoomable"],[Te({type:Boolean}),1,"scrollable"],[Te({type:Boolean}),1,"pannable"],[Te({attribute:!1}),1,"scaleRange"],[Re({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ae(Ie,e),(e,t)=>Ce(Ie,e,t)],[Re({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Ae(Je,e),(e,t)=>Ce(Je,e,t)],[Re({type:"cell.click"}),1,"cellClick",e=>Ae(Ge,e),(e,t)=>Ce(Ge,e,t)]],0,(e=>Qe.has((0,G.A)(e))),$.ReactNextElement)),n()}}]);
2
+ //# sourceMappingURL=eo-display-canvas.37292aa3.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-display-canvas.ec84d0d0.js","mappings":"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","sources":["webpack:///./src/display-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 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={undefined}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n active={sameTarget(activeTarget, cell)}\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"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_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","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","defPrefix","concat","uniqueId","markerPrefix","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","undefined","active","readOnly","onNodeBrickResize","onCellMouseEnter","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"],"sourceRoot":""}
1
+ {"version":3,"file":"chunks/eo-display-canvas.37292aa3.js","mappings":"u1BA8CA,IAA8DA,IAAxD,cAAEC,GAAa,SAAEC,GAAQ,MAAEC,KAAUC,EAAAA,EAAAA,oBAAmBC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAC,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAnB,QAAAoB,GAAA,IAAApB,QAAAqB,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAuB9D,MAAAuB,WAG8BC,EAAAA,iBAAiDC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAZ,KAC7Ea,EAAAA,EAAAA,GAAA,KAAA7B,GAAA8B,EAAA,QAAAD,EAAAA,EAAAA,GAAA,KAAA3B,IAAA6B,EAAA,MAAAC,EAAA,SAAAH,EAAAA,EAAAA,GAAA,KAAA1B,IAAA8B,EAAA,MAAAC,EAAA,SAAAL,EAAAA,EAAAA,GAAA,KAAAzB,IAAA+B,EAAA,MAAAC,EAAA,KAasC,CAACC,GAAAA,GAAmBA,GAAAA,QAAkBR,EAAAA,EAAAA,GAAA,KAAAxB,IAAAiC,EAAA,MAAAC,EAAA,SAK5EV,EAAAA,EAAAA,GAAA,KAAAvB,IAAAkC,EAAA,MAAAC,EAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAAtB,IAAAmC,EAAA,MAAAC,EAAA,SAQAd,EAAAA,EAAAA,GAAA,KAAArB,IAAAoC,EAAA,MAAAC,EAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAApB,IAAAqC,EAAA,MAAAC,EAAA,SAeAlB,EAAAA,EAAAA,GAAA,KAAAnB,IAAAsC,EAAA,MAAAC,EAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAlB,IAAAuC,EAAA,MAAAC,EAAA,MAOyC,MAAItB,EAAAA,EAAAA,GAAA,KAAAjB,IAAAwC,EAAA,MAAAC,EAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAAhB,IAAAyC,EAAA,MAAAC,EAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAf,IAAA0C,EAAA,MAAAC,EAAA,SAAA5B,EAAAA,EAAAA,GAAA,KAAAd,IAAA2C,EAAA,MAAAC,EAAA,SAAA9B,EAAAA,EAAAA,GAAA,KAAAX,IAAA0C,EAAA,MAQhBC,IAC3BC,GAAA9C,GAAA+C,KAAIC,GAA0BC,KAAKJ,EAAO,KAC3ChC,EAAAA,EAAAA,GAAA,KAAAV,IAE4B0C,KACtBK,EAAAA,GAAAA,GAAWL,EAAQE,KAAKI,gBAC3BJ,KAAKI,aAAeN,EACtB,KACDhC,EAAAA,EAAAA,GAAA,KAAAT,GAAAgD,EAAA,QAAAvC,EAAAA,EAAAA,GAAA,KAAAR,IAAAgD,EAAA,MAKyBC,IACxBR,GAAA9C,GAAA+C,KAAIQ,GAAkBN,KAAKK,EAAO,KACnCzC,EAAAA,EAAAA,GAAA,KAAAP,GAAAkD,EAAA,QAAA3C,EAAAA,EAAAA,GAAA,KAAAN,IAAAkD,EAAA,MAKmBH,IAClBR,GAAA9C,GAAA+C,KAAIW,GAAYT,KAAKK,EAAO,GAC7B,UA3FQK,GAAK,OAAAC,GAAA5E,GAAA,eAAL2E,CAAKE,GAAAC,GAAA9E,GAAA,KAAA6E,EAAA,WAGLE,GAAM,OAAAH,GAAA1E,GAAA,gBAAN6E,CAAMF,GAAAC,GAAA5E,GAAA,KAAA2E,EAAA,kBAGNG,GAAa,OAAAJ,GAAAzE,GAAA,uBAAb6E,CAAaH,GAAAC,GAAA3E,GAAA,KAAA0E,EAAA,oBAGbI,GAAe,OAAAL,GAAAxE,GAAA,yBAAf6E,CAAeJ,GAAAC,GAAA1E,GAAA,KAAAyE,EAAA,sBAGfK,GAAiB,OAAAN,GAAAvE,GAAA,2BAAjB6E,CAAiBL,GAAAC,GAAAzE,GAAA,KAAAwE,EAAA,sBAQjBM,GAAiB,OAAAP,GAAAtE,GAAA,2BAAjB6E,CAAiBN,GAAAC,GAAAxE,GAAA,KAAAuE,EAAA,sBAWjBO,GAAiB,OAAAR,GAAArE,GAAA,2BAAjB6E,CAAiBP,GAAAC,GAAAvE,GAAA,KAAAsE,EAAA,qBAYjBQ,GAAgB,OAAAT,GAAApE,GAAA,0BAAhB6E,CAAgBR,GAAAC,GAAAtE,GAAA,KAAAqE,EAAA,iBAGhBV,GAAY,OAAAS,GAAAnE,GAAA,sBAAZ0D,CAAYU,GAAAC,GAAArE,GAAA,KAAAoE,EAAA,uBAMZS,GAAkB,OAAAV,GAAAlE,GAAA,4BAAlB4E,CAAkBT,GAAAC,GAAApE,GAAA,KAAAmE,EAAA,aAGlBU,GAAQ,OAAAX,GAAAjE,GAAA,kBAAR4E,CAAQV,GAAAC,GAAAnE,GAAA,KAAAkE,EAAA,eAGRW,GAAU,OAAAZ,GAAAhE,GAAA,oBAAV4E,CAAUX,GAAAC,GAAAlE,GAAA,KAAAiE,EAAA,aAGVY,GAAQ,OAAAb,GAAA/D,GAAA,kBAAR4E,CAAQZ,GAAAC,GAAAjE,GAAA,KAAAgE,EAAA,eAGRa,GAAU,OAAAd,GAAA9D,GAAA,oBAAV4E,CAAUb,GAAAC,GAAAhE,GAAA,KAAA+D,EAAA,CA6BnBc,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAwB,CACvBC,WAAY/B,KAAK+B,WACjBnB,MAAOZ,KAAKY,MACZI,OAAQhB,KAAKgB,OACbC,cAAejB,KAAKiB,cACpBC,gBAAiBlB,KAAKkB,gBACtBC,kBAAmBnB,KAAKmB,kBACxBG,iBAAkBtB,KAAKsB,iBACvBF,kBAAmBpB,KAAKoB,kBACxBC,kBAAmBrB,KAAKqB,kBACxBjB,aAAcJ,KAAKI,aACnBmB,mBAAoBvB,KAAKuB,mBACzBC,SAAUxB,KAAKwB,SACfC,WAAYzB,KAAKyB,WACjBC,SAAU1B,KAAK0B,SACfC,WAAY3B,KAAK2B,WACjBK,qBAAoBnB,GAAA1D,GAAE6C,MACtBiC,qBAAoBpB,GAAAzD,GAAE4C,MACtBkC,kBAAiBrB,GAAAvD,GAAE0C,MACnBmC,YAAWtB,GAAArD,GAAEwC,OAGnB,EAWF,SAAS8B,GAAwBM,GAoBC,IApBA,WAChCL,EACAnB,MAAOyB,EAAY,OACnBrB,EAAM,cACNC,EAAa,gBACbC,EAAe,kBACfC,EAAiB,iBACjBG,EAAgB,kBAChBF,EAAiB,kBACjBC,EACAjB,aAAckC,EAAa,mBAC3Bf,EAAkB,SAClBC,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYY,EAAW,qBACvBP,EAAoB,qBACpBC,EAAoB,kBACpBC,EAAiB,YACjBC,GAC8BC,IACvB,MAAExB,EAAK,UAAE4B,GAAaC,IAAYC,EAAAA,EAAAA,YACvCC,GAAAA,EACAN,GACCA,IAAY,CACXzB,OAAOgC,EAAAA,GAAAA,GAAgBP,EAAc,CAAEnB,oBACvCsB,UAAW,MAMTK,GAAWC,EAAAA,EAAAA,UACf,IACElC,EAAMmC,OAAOC,GAAAA,GAAYC,SACxB7B,QAAAA,EAAqB8B,GAAAA,KACxB,CAACtC,EAAOQ,IAGJ+B,GAAUC,EAAAA,EAAAA,QAAsB,MAChCC,GAAWD,EAAAA,EAAAA,QAAoB,OAE/B,SAAEE,EAAQ,UAAEC,EAAS,OAAEC,EAAM,WAAE7B,IAAe8B,EAAAA,GAAAA,GAAQ,CAC1DN,UACA3B,WACAC,aACAC,WACAC,WAAYY,EACZN,0BAGI,SAAEyB,EAAQ,YAAEC,EAAW,iBAAEC,IAAqBC,EAAAA,GAAAA,GAAU,CAC5D7C,SACAC,gBACAkC,UACAvC,QACAY,WACAgC,SACA7B,aACAa,YACAC,aAGIqB,GAAWC,EAAAA,EAAAA,cAAY,KAC3BJ,GAAY,EAAM,GACjB,CAACA,IAEEK,GAAmBZ,EAAAA,EAAAA,QAAOf,IAEhC4B,EAAAA,EAAAA,YAAU,KACR,GAAI5B,IAAiB2B,EAAiBE,QAAS,CAC7CF,EAAiBE,QAAU7B,EAC3B,IAAM8B,GAASC,EAAAA,GAAAA,GAAY,CACzBC,YAAatC,EAAWuC,KAAKC,YAC7BC,aAAczC,EAAWuC,KAAKG,aAC9BvD,kBACAF,SACA0D,cAAe9D,EACfA,MAAOyB,EACPV,aACA4B,cAEFd,EAAS,CAAEkC,KAAM,eAAgBC,QAAST,EAAOvD,OACnD,IACC,CACDA,EACAM,EACAmB,EACArB,EACAW,EACAI,EACAwB,IAGF,IAAMnD,GAAeyE,EAAAA,GAAAA,GAAgB,CACnCxB,WACAjD,aAAckC,EACdN,yBAGI8C,GAAYhC,EAAAA,EAAAA,UAAQ,IAAM,GAANiC,QAASC,EAAAA,GAAAA,UAAS,YAAW,MAAK,IACtDC,EAAe,GAAHF,OAAMD,EAAS,eAE3BI,GAAwBnB,EAAAA,EAAAA,cAC5B,CAACoB,EAAYC,KACX3C,EAAS,CACPkC,KAAM,mBACNC,QAAS,CAAEO,KAAIC,QACf5C,UAAWoB,KACX,GAEJ,CAACA,KAGIyB,EAAWC,IAAgBC,EAAAA,EAAAA,UAAsB,MAClDC,GAAuBzB,EAAAA,EAAAA,cAAa0B,IACxCH,EAAaG,EAAK,GACjB,IACGC,GAAuB3B,EAAAA,EAAAA,cAAa0B,IACxCH,GAAcK,GAAUA,IAASF,EAAO,KAAOE,GAAM,GACpD,KAEIC,EAAgBC,IAAqBN,EAAAA,EAAAA,UAAiB,KAC7DtB,EAAAA,EAAAA,YAAU,KACR,IAAM6B,EAAgBvE,GAClBwE,EAAAA,GAAAA,GAAkBnF,EAAO,KAAMyE,GAC/B,GAEJQ,GAAmBF,GACD,IAAhBA,EAAK1C,QAAyC,IAAzB6C,EAAc7C,OAAe0C,EAAOG,GAC1D,GACA,CAAClF,EAAOW,EAAoB8D,IAE/B,IAAMW,GAAkBjC,EAAAA,EAAAA,cACrBkC,IAGGzC,EAAO0C,SAAQC,EAAAA,GAAAA,GAAOhD,EAAQe,SAAW+B,EAAQ,IACnD,GAEF,CAACzC,KAGI4C,EAAaC,IAAWC,EAAAA,GAAAA,GAAe,CAC5C1F,QACAU,mBACA2D,iBAGIsB,GAAQC,EAAAA,GAAAA,GAAS,CAAE5F,QAAOI,SAAQ0C,aAExC,OACE7B,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OACE4E,MAAM,OACNC,OAAO,OACPC,IAAKxD,EACLyD,UAAWC,KAAW,OAAQ,CAAEvD,WAAU5B,WAAU6E,UACpDO,UAAW,GAEXjF,IAAAA,cAAA,YACGwE,EAAQU,KAAI,CAACC,EAAQC,IACpBpF,IAAAA,cAACqF,GAAAA,EAAe,CACdC,IAAKF,EACL9B,GAAE,GAAAJ,OAAKE,GAAYF,OAAGkC,GACtBtC,KAAK,QACLyC,YAAaJ,EAAOI,iBAI1BvF,IAAAA,cAAA,KACE0B,UAAS,aAAAwB,OAAexB,EAAU8D,EAAC,KAAAtC,OAAIxB,EAAU+D,EAAC,YAAAvC,OAAWxB,EAAUgE,EAAC,MAExE1F,IAAAA,cAAA,KAAG+E,UAAU,QAAQD,IAAKtD,GACvBzC,EAAMmG,KAAKtB,GACV5D,IAAAA,cAAC2F,GAAAA,EAAa,CACZL,IAAG,GAAApC,OAAKU,EAAKd,KAAI,KAAAI,QAAI0C,EAAAA,GAAAA,IAAWhC,GAAQ,GAAHV,OAAMU,EAAKiC,OAAM,KAAA3C,OAAIU,EAAK3F,QAAW2F,EAAKN,IAC/EnE,YAAQ2G,EACRlC,KAAMA,EACN7E,MAAOA,EACPiC,SAAUA,EACVxB,kBAAmBA,EACnBF,kBAAmBA,EACnBiF,YAAaA,EACb7C,UAAWA,EACXqE,QAAQzH,EAAAA,GAAAA,GAAWC,EAAcqF,GACjCoC,UAAQ,EACRjC,eAAgBA,EAChB3D,qBAAsBA,EACtBC,kBAAmBA,EACnBC,YAAaA,EACb2F,kBAAmB5C,EACnB6C,iBACExG,IAAsByB,EAAAA,GAAAA,GAAWyC,GAC7BD,OACAmC,EAENK,iBACEzG,IAAsByB,EAAAA,GAAAA,GAAWyC,GAC7BC,OACAiC,SAOhB9F,IAAAA,cAACoG,GAAAA,EAAgB,CACflG,WAAYA,EACZmG,MAAO3E,EAAUgE,EACjB5F,WAAYA,EACZwG,aAAcnC,EACdoC,WAAYtE,IAIpB,CAlOCuE,EAAA5K,KAAA6K,GAAAvK,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAK,EAAAsI,EAAA1I,EAAAQ,EAAAG,EAAAgI,EAAAlI,EAAAG,EAAAE,EAAA8H,EAAA/H,GAAAgI,GAAA9M,GAAA+M,I,yqFAhC+B,E,uBAgC/BC,CAAAP,EAAA,CA9HAxM,GAAc,oBAAqB,CAClCgN,WAAY,CAACC,GAAAA,EAAWC,GAAAA,MACxB,EAKCjN,GAAS,CAAEkN,WAAW,IAAQ,YAG9BlN,GAAS,CAAE6I,KAAMsE,SAAS,aAG1BnN,GAAS,CAAEkN,WAAW,IAAQ,oBAG9BlN,GAAS,CAAEkN,WAAW,IAAQ,sBAG9BlN,GAAS,CAAEkN,WAAW,IAAQ,wBAQ9BlN,GAAS,CAAE6I,KAAMuE,SAAS,wBAW1BpN,GAAS,CAAEkN,WAAW,IAAQ,wBAY9BlN,GAAS,CAAEkN,WAAW,IAAQ,uBAG9BlN,GAAS,CAAEkN,WAAW,IAAQ,mBAM9BlN,GAAS,CAAE6I,KAAMwE,UAAU,yBAG3BrN,GAAS,CAAE6I,KAAMwE,UAAU,eAG3BrN,GAAS,CAAE6I,KAAMwE,UAAU,iBAG3BrN,GAAS,CAAE6I,KAAMwE,UAAU,eAG3BrN,GAAS,CAAEkN,WAAW,IAAQ,iBAG9BjN,GAAM,CAAE4I,KAAM,wBAAwB,4BAAAyE,GAAAvI,GAAA7D,GAAAoM,GAAA,CAAAA,EAAAtI,IAAAC,GAAA/D,GAAAoM,EAAAtI,IAAA,CAatC/E,GAAM,CAAE4I,KAAM,qBAAqB,oBAAAyE,GAAAvI,GAAAxD,GAAA+L,GAAA,CAAAA,EAAAtI,IAAAC,GAAA1D,GAAA+L,EAAAtI,IAAA,CAOnC/E,GAAM,CAAE4I,KAAM,eAAe,cAAAyE,GAAAvI,GAAAtD,GAAA6L,GAAA,CAAAA,EAAAtI,IAAAC,GAAAxD,GAAA6L,EAAAtI,KAAA,GAAAuI,GAAA7L,GAAA8L,KAAAC,EAAAA,EAAAA,GAAAF,KA3FF3L,EAAAA,mBAAgBiL,G","sources":["webpack:///./src/display-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 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={undefined}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n active={sameTarget(activeTarget, cell)}\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"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_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","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","defPrefix","concat","uniqueId","markerPrefix","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","undefined","active","readOnly","onNodeBrickResize","onCellMouseEnter","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"],"sourceRoot":""}
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>l});var n=a(8769),r=a.n(n),i=a(3373),o=a.n(i);function l(e){var{connectLineState:t,transform:a,markerEnd:i,onConnect:l}=e,[s,c]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&c(t.from)}),[t]),(0,n.useEffect)((()=>{if(t){var e=e=>{c([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=e=>{e.stopPropagation()},r=e=>{e.stopPropagation(),i(),l(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",r,{capture:!0}),c(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",r,{capture:!0}),i}}),[t,l,a]),r().createElement("path",{className:o()("connect-line",{connecting:!!t&&s&&(s[0]-t.from[0])**2+(s[1]-t.from[1])**2>25}),d:t&&s?"M".concat(t.from.join(" "),"L").concat(s.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(i,")")})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>nt,EoDrawCanvasComponent:()=>ct});var n,r,i,o,l,s,c,d,u,h,f,p,v,g,m,y,w,k,b,C,x,A,E,N,M,z,T,W,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,ve,ge=a(4223),me=a(9740),ye=a(6330),we=a(4635),ke=a(918),be=a(1369),Ce=a(8449),xe=a(4521),Ae=a(8769),Ee=a.n(Ae),Ne=a(9929),Me=a(9938),ze=a(8438),Te=(a(330),a(1030)),We=a(3373),Re=a.n(We),Se=a(7566),Le=a(5748),Be=a(3739),De=a(531),Pe=a(8185),je=a(5114),Oe=a(2830),He=a(3639),Ie=a(3783),Ue=a(2098),_e=a(227),Ke=a(3033),Ye=a(8091),Fe=a(1819),Xe=a(7099),qe=a(2361),Je=a(8197),Ze=a(7531),Ge=a(3012),Qe=a(8618),Ve=["shouldReCenter"];function $e(e,t,a){return a(at(e,t))}function et(e,t,a){return e.set(at(e,t),a),a}function tt(e,t){return e.get(at(e,t))}function at(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var nt,rt=(0,ze.unwrapProvider)("basic.lock-body-scroll"),{defineElement:it,property:ot,method:lt,event:st}=(0,Ne.createDecorators)(),ct=Ee().forwardRef(Ft),dt=new WeakMap,ut=new WeakMap,ht=new WeakMap,ft=new WeakMap,pt=new WeakMap,vt=new WeakMap,gt=new WeakMap,mt=new WeakMap,yt=new WeakMap,wt=new WeakMap,kt=new WeakMap,bt=new WeakMap,Ct=new WeakMap,xt=new WeakMap,At=new WeakMap,Et=new WeakSet,Nt=new WeakMap,Mt=new WeakMap,zt=new WeakMap,Tt=new WeakMap,Wt=new WeakMap,Rt=new WeakMap,St=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,Dt=new WeakMap,Pt=new WeakMap,jt=new WeakMap,Ot=new WeakMap,Ht=new WeakMap,It=new WeakMap,Ut=new WeakMap,_t=new WeakMap;class Kt extends Me.ReactNextElement{constructor(){super(...arguments),(0,we.A)(this,Et),(0,ke.A)(this,dt,(n(this),i(this))),(0,ke.A)(this,ut,(o(this),l(this))),(0,ke.A)(this,ht,(s(this),c(this))),(0,ke.A)(this,ft,(d(this),u(this,[Ke.HP,Ke.HP]))),(0,ke.A)(this,pt,(h(this),f(this))),(0,ke.A)(this,vt,(p(this),v(this))),(0,ke.A)(this,gt,(g(this),m(this))),(0,ke.A)(this,mt,(y(this),w(this))),(0,ke.A)(this,yt,(k(this),b(this))),(0,ke.A)(this,wt,(C(this),x(this))),(0,ke.A)(this,kt,(A(this),E(this,!0))),(0,ke.A)(this,bt,(N(this),M(this,!0))),(0,ke.A)(this,Ct,(z(this),T(this,!0))),(0,ke.A)(this,xt,(W(this),R(this))),(0,ke.A)(this,At,(S(this),L(this))),(0,ke.A)(this,Nt,(P(this),e=>{$e(Et,this,B).emit(e)})),(0,ke.A)(this,Mt,(e=>{(0,Pe.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ke.A)(this,zt,j(this)),(0,ke.A)(this,Tt,(I(this),U(this))),(0,ke.A)(this,Wt,(Y(this),e=>{$e(Et,this,_).emit(e),"node"===e.type&&$e(Et,this,O).emit(e)})),(0,ke.A)(this,Rt,F(this)),(0,ke.A)(this,St,(J(this),e=>{$e(Et,this,X).emit(e)})),(0,ke.A)(this,Lt,Z(this)),(0,ke.A)(this,Bt,(V(this),$(this))),(0,ke.A)(this,Dt,(ae(this),e=>{$e(Et,this,ee).emit(e),"node"===e.type&&$e(Et,this,G).emit(e)})),(0,ke.A)(this,Pt,ne(this)),(0,ke.A)(this,jt,(oe(this),e=>{$e(Et,this,re).emit(e)})),(0,ke.A)(this,Ot,le(this)),(0,ke.A)(this,Ht,(de(this),e=>{$e(Et,this,se).emit(e)})),(0,ke.A)(this,It,ue(this)),(0,ke.A)(this,Ut,(pe(this),e=>{$e(Et,this,he).emit(e)})),(0,ke.A)(this,_t,(0,Ae.createRef)())}get cells(){return tt(dt,this)}set cells(e){et(dt,this,e)}get layout(){return tt(ut,this)}set layout(e){et(ut,this,e)}get layoutOptions(){return tt(ht,this)}set layoutOptions(e){et(ht,this,e)}get defaultNodeSize(){return tt(ft,this)}set defaultNodeSize(e){et(ft,this,e)}get defaultNodeBricks(){return tt(pt,this)}set defaultNodeBricks(e){et(pt,this,e)}get degradedThreshold(){return tt(vt,this)}set degradedThreshold(e){et(vt,this,e)}get degradedNodeLabel(){return tt(gt,this)}set degradedNodeLabel(e){et(gt,this,e)}get defaultEdgeLines(){return tt(mt,this)}set defaultEdgeLines(e){et(mt,this,e)}get activeTarget(){return tt(yt,this)}set activeTarget(e){et(yt,this,e)}get fadeUnrelatedCells(){return tt(wt,this)}set fadeUnrelatedCells(e){et(wt,this,e)}get zoomable(){return tt(kt,this)}set zoomable(e){et(kt,this,e)}get scrollable(){return tt(bt,this)}set scrollable(e){et(bt,this,e)}get pannable(){return tt(Ct,this)}set pannable(e){et(Ct,this,e)}get scaleRange(){return tt(xt,this)}set scaleRange(e){et(xt,this,e)}dropNode(e){var t=this;return(0,ye.A)((function*(){var a,n,{id:r,position:i,size:o,data:l,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,i[0],i[1]))||void 0===a?void 0:a.includes(t)){var c,d,u,h=t.getBoundingClientRect(),f=tt(_t,t).current.getTransform(),p={type:"node",id:r,view:(0,me.A)((0,me.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(i[0]-h.left-f.x)/f.k,y:(i[1]-h.top-f.y)/f.k}),{},{width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(d=null==o?void 0:o[1])&&void 0!==d?d:t.defaultNodeSize[0]}),data:l,useBrick:s};return null===(u=tt(_t,t).current)||void 0===u||u.dropNode(p),p}return null}))()}dropDecorator(e){var t=this;return(0,ye.A)((function*(){var a,n,{position:r,decorator:i,text:o}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,r[0],r[1]))||void 0===a?void 0:a.includes(t)){var l,s=t.getBoundingClientRect(),c=tt(_t,t).current.getTransform(),d={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-s.left-c.x)/c.k,y:(r[1]-s.top-c.y)/c.k,width:Ke.N8,height:Ke.w1,text:o}};return null===(l=tt(_t,t).current)||void 0===l||l.dropDecorator(d),d}return null}))()}addNodes(e){var t=this;return(0,ye.A)((function*(){if(0===e.length)return[];var a=e.map((e=>{var a,n,{size:r,useBrick:i,id:o,data:l}=e;return{type:"node",id:o,data:l,view:{width:null!==(a=null==r?void 0:r[0])&&void 0!==a?a:t.defaultNodeSize[0],height:null!==(n=null==r?void 0:r[1])&&void 0!==n?n:t.defaultNodeSize[0]},useBrick:i}}));return tt(_t,t).current.addNodes(a,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,ye.A)((function*(){var a,{source:n,target:r,data:i}=e,o={type:"edge",source:n,target:r,data:i};return null===(a=tt(_t,t).current)||void 0===a||a.addEdge(o),o}))()}manuallyConnectNodes(e){return tt(_t,this).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,ye.A)((function*(){yield at(Et,a,Yt).call(a);var{updated:n}=tt(_t,a).current.updateCells(e,(0,me.A)((0,me.A)({},t),{},{defaultNodeSize:a.defaultNodeSize,canvasWidth:a.clientWidth,canvasHeight:a.clientHeight}));return{updated:n}}))()}disconnectedCallback(){super.disconnectedCallback(),rt(this,!1)}render(){return Ee().createElement(ct,{host:this,ref:tt(_t,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,scaleRange:this.scaleRange,onActiveTargetChange:tt(Nt,this),onSwitchActiveTarget:tt(Mt,this),onCellMove:tt(Wt,this),onCellResize:tt(St,this),onCellDelete:tt(Dt,this),onCellContextMenu:tt(jt,this),onDecoratorTextChange:tt(Ht,this),onScaleChange:tt(Ut,this)})}}function Yt(){return new Promise((e=>{var t=()=>{tt(_t,this).current?e():setTimeout(t,10)};t()}))}function Ft(e,t){var{host:a,layout:n,layoutOptions:r,cells:i,defaultNodeSize:o,defaultNodeBricks:l,defaultEdgeLines:s,degradedThreshold:c,degradedNodeLabel:d,activeTarget:u,fadeUnrelatedCells:h,zoomable:f,scrollable:p,pannable:v,scaleRange:g,onActiveTargetChange:m,onSwitchActiveTarget:y,onCellMove:w,onCellResize:k,onCellDelete:b,onCellContextMenu:C,onDecoratorTextChange:x,onScaleChange:A}=e,[{cells:E,layoutKey:N},M]=(0,Ae.useReducer)(Le.d,i,(e=>({cells:(0,Ie.C)(e,{defaultNodeSize:o}),layoutKey:0}))),z=(0,Ae.useMemo)((()=>E.filter(De.N).length>=(null!=c?c:Ke.pC)),[E,c]),T=(0,Ae.useRef)(null),W=(0,Ae.useRef)(null),R=(0,Ae.useRef)(null),[S,L]=(0,Ae.useState)([]),{grabbing:B,transform:D,zoomer:P,scaleRange:j}=(0,Ye.f)({rootRef:T,zoomable:f,scrollable:p,pannable:v,scaleRange:g,onSwitchActiveTarget:y});(0,Ae.useEffect)((()=>{A(D.k)}),[A,D.k]);var[O,H]=(0,Ae.useState)(null),{centered:I,setCentered:U,getNextLayoutKey:_}=(0,qe.g)({layout:n,layoutOptions:r,rootRef:T,cells:E,zoomable:f,zoomer:P,scaleRange:j,layoutKey:N,dispatch:M});(0,Ae.useImperativeHandle)(t,(()=>({dropNode(e){U(!0),M({type:"drop-node",payload:e})},dropDecorator(e){U(!0),M({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:a,canvasWidth:r,canvasHeight:i}=t,o=E.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,l=[...E.slice(0,o),...e,...E.slice(o)],{cells:s,updated:c,shouldReCenter:d}=(0,Ue.L)({cells:l,layout:n,previousCells:E,defaultNodeSize:a,canvasWidth:r,canvasHeight:i,scaleRange:j,transform:D});return d&&U(!1),M({type:"update-cells",payload:s}),c.filter((t=>e.includes(t)))},addEdge(e){M({type:"add-edge",payload:e})},updateCells(e,t){var a=(0,Ue.L)((0,me.A)((0,me.A)({},t),{},{layout:n,previousCells:E,cells:e,scaleRange:j,transform:D})),{shouldReCenter:r}=a,i=(0,ge.A)(a,Ve);return r&&U(!1),M({type:"update-cells",payload:i.cells}),i},getTransform:()=>D,manuallyConnectNodes(e){var t=E.find((t=>(0,De.N)(t)&&t.id===e));if(t){var a=T.current.getBoundingClientRect();return H({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[a.left,a.top]}),new Promise(((e,t)=>{R.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[E,n,j,U,D]);var K=(0,Ae.useCallback)(((e,t)=>{for(var a,n=0;n<E.length;n++){var r=E[n];if((0,De.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=R.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(a=R.current)||void 0===a||a.reject(null),H(null)}),[E]);(0,Ae.useEffect)((()=>{rt(a,!!O)}),[O,a]);var Y=(0,Fe.J)({cellsRef:W,activeTarget:u,onActiveTargetChange:m}),[F,X]=(0,Ae.useState)([]);(0,Ae.useEffect)((()=>{var e=h?(0,_e.Y)(E,O,Y):[];X((t=>0===t.length&&0===e.length?t:e))}),[Y,E,O,h]),(0,Ae.useEffect)((()=>{var e=T.current;if(e&&!(S.length>0)){var t=e=>{var t=(0,je.a)(e,{cells:E,activeTarget:Y});"delete-cell"===(null==t?void 0:t.action)&&b(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[Y,E,S.length,b]);var q=(0,Ae.useMemo)((()=>"".concat((0,Te.uniqueId)("diagram-"),"-")),[]),J="".concat(q,"line-arrow-"),Z=(0,Ae.useCallback)((e=>{M({type:"move-cell",payload:e})}),[]),G=(0,Ae.useCallback)((e=>{M({type:"move-cell",payload:e}),w(e)}),[w]),Q=(0,Ae.useCallback)((e=>{M({type:"resize-cell",payload:e})}),[]),V=(0,Ae.useCallback)((e=>{M({type:"resize-cell",payload:e}),k(e)}),[k]),$=(0,Ae.useCallback)((e=>{var{id:t,editing:a}=e;L(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),ee=(0,Ae.useCallback)(((e,t)=>{var a=_();M({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[_]),te=(0,Ae.useCallback)((e=>{P.scaleTo((0,Se.A)(T.current),e/100)}),[P]),ae=(0,Ae.useCallback)((()=>{U(!1)}),[U]),[ne,re]=(0,Ze.d)({cells:E,defaultEdgeLines:s,markerPrefix:J}),ie=(0,Je.H)({cells:E,layout:n,centered:I});return Ee().createElement(Ee().Fragment,null,Ee().createElement("svg",{width:"100%",height:"100%",ref:T,className:Re()("root",{grabbing:B,pannable:v,ready:ie}),tabIndex:-1},Ee().createElement("defs",null,re.map(((e,t)=>Ee().createElement(Be.c,{key:t,id:"".concat(J).concat(t),type:"arrow",strokeColor:e.strokeColor})))),Ee().createElement("g",{transform:"translate(".concat(D.x," ").concat(D.y,") scale(").concat(D.k,")")},Ee().createElement("g",{className:"cells",ref:W},E.map((e=>Ee().createElement(Oe.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:n,cell:e,cells:E,degraded:z,degradedNodeLabel:d,defaultNodeBricks:l,transform:D,lineConfMap:ne,active:(0,Pe.c)(Y,e),unrelatedCells:F,onCellMoving:Z,onCellMoved:G,onCellResizing:Q,onCellResized:V,onSwitchActiveTarget:y,onCellContextMenu:C,onDecoratorTextChange:x,onDecoratorTextEditing:$,onNodeBrickResize:ee})))),Ee().createElement(He.w,{connectLineState:O,transform:D,markerEnd:"".concat(J,"0"),onConnect:K}))),Ee().createElement(Xe.Y,{shadowRoot:a.shadowRoot,scale:D.k,scaleRange:j,onZoomChange:te,onReCenter:ae}))}ve=Kt,({e:[i,o,l,s,c,d,u,h,f,p,v,g,m,y,w,k,b,C,x,A,E,N,M,z,T,W,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,n],c:[nt,r]}=function(e,t,a,n,r,i){var o,l,s,c,d,u,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),p=Object.defineProperty,v=Object.create,g=[v(null),v(null)],m=t.length;function y(t,a,n){return function(r,i){a&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,n?[i]:[]);return n?i:r}}function w(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,r,i,s,c,d,u,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var v=[].concat(t[0]),m=t[3],k=!s,b=1===r,C=3===r,x=4===r,A=2===r;function E(t,a,n){return function(r,i){return a&&(i=r,r=e),n&&n(r),N[t].call(r,i)}}if(!k){var N={},M=[],z=C?"get":x||b?"set":"value";if(d?(u||b?N={get:(0,Ce.A)((function(){return m(this)}),n,"get"),set:function(e){t[4](this,e)}}:N[z]=m,u||(0,Ce.A)(N[z],n,A?"":z)):u||(N=Object.getOwnPropertyDescriptor(e,n)),!u&&!d){if((l=g[+c][n])&&7!=(l^r))throw new Error("Decorating two elements with the same name ("+N[z].name+") is not supported yet");g[+c][n]=r<3?1:r}}for(var T=e,W=v.length-1;W>=0;W-=a?2:1){var R=v[W],S=a?v[W-1]:void 0,L={},B={kind:["field","accessor","method","getter","setter","class"][r],name:n,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(k)l=R.call(S,T,B),L.v=1,w(l,"class decorators","return")&&(T=l);else if(B.static=c,B.private=d,l=B.access={has:d?h.bind():function(e){return n in e}},x||(l.get=d?A?function(e){return f(e),N.value}:E("get",0,f):function(e){return e[n]}),A||C||(l.set=d?E("set",0,f):function(e,t){e[n]=t}),T=R.call(S,b?{get:N.get,set:N.set}:N[z],B),L.v=1,b){if("object"==typeof T&&T)(l=w(T.get,"accessor.get"))&&(N.get=l),(l=w(T.set,"accessor.set"))&&(N.set=l),(l=w(T.init,"accessor.init"))&&M.unshift(l);else if(void 0!==T)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(T,(u?"field":"method")+" decorators","return")&&(u?M.unshift(T):N[z]=T)}return r<2&&s.push(y(M,c,1),y(i,c,0)),u||k||(d?b?s.splice(-1,0,E("get",c),E("set",c)):s.push(A?N[z]:w.call.bind(N[z])):p(e,n,N)),T}function b(e){return p(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=v(null==o?null:o),d=[],u=function(e){e&&d.push(y(e))},(h=function(t,n){for(var i=0;i<a.length;i++){var o=a[i],l=o[1],u=7&l;if((8&l)==t&&!u==n){var h=o[2],f=!!o[3],p=16&l;k(t?e:e.prototype,o,p,f?"#"+h:(0,be.A)(h),u,u<2?[]:t?c=c||[]:s=s||[],d,!!t,f,n,t&&f?function(t){return(0,xe.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),u(s),u(c),l=d,m||b(e),{e:l,get c(){var a=[];return m&&[b(e=k(e,[t],0,e.name,5,a)),y(a,1)]}}}(ve,[it("eo-draw-canvas",{styleTexts:[Ge.A,Qe.A]})],[[ot({attribute:!1}),1,"cells"],[ot({type:String}),1,"layout"],[ot({attribute:!1}),1,"layoutOptions"],[ot({attribute:!1}),1,"defaultNodeSize"],[ot({attribute:!1}),1,"defaultNodeBricks"],[ot({type:Number}),1,"degradedThreshold"],[ot({attribute:!1}),1,"degradedNodeLabel"],[ot({attribute:!1}),1,"defaultEdgeLines"],[ot({attribute:!1}),1,"activeTarget"],[ot({type:Boolean}),1,"fadeUnrelatedCells"],[ot({type:Boolean}),1,"zoomable"],[ot({type:Boolean}),1,"scrollable"],[ot({type:Boolean}),1,"pannable"],[ot({attribute:!1}),1,"scaleRange"],[st({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>tt(At,e),(e,t)=>et(At,e,t)],[st({type:"node.move"}),1,"nodeMoveEvent",e=>tt(zt,e),(e,t)=>et(zt,e,t)],[st({type:"cell.move"}),1,"cellMoveEvent",e=>tt(Tt,e),(e,t)=>et(Tt,e,t)],[st({type:"cell.resize"}),1,"cellResizeEvent",e=>tt(Rt,e),(e,t)=>et(Rt,e,t)],[st({type:"node.delete"}),1,"nodeDelete",e=>tt(Lt,e),(e,t)=>et(Lt,e,t)],[st({type:"cell.delete"}),1,"cellDelete",e=>tt(Bt,e),(e,t)=>et(Bt,e,t)],[st({type:"cell.contextmenu"}),1,"cellContextMenu",e=>tt(Pt,e),(e,t)=>et(Pt,e,t)],[st({type:"decorator.text.change"}),1,"decoratorTextChange",e=>tt(Ot,e),(e,t)=>et(Ot,e,t)],[st({type:"scale.change"}),1,"scaleChange",e=>tt(It,e),(e,t)=>et(It,e,t)],[lt(),2,"dropNode"],[lt(),2,"dropDecorator"],[lt(),2,"addNodes"],[lt(),2,"addEdge"],[lt(),2,"manuallyConnectNodes"],[lt(),2,"updateCells"]],0,(e=>_t.has((0,xe.A)(e))),Me.ReactNextElement)),r()},5114:(e,t,a)=>{a.d(t,{a:()=>r});var n=a(8185);function r(e,t){var{cells:a,activeTarget:r}=t,i=a.find((e=>(0,n.c)(e,r)));if(i)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:i}}}},6330:(e,t,a)=>{function n(e,t,a,n,r,i,o){try{var l=e[i](o),s=l.value}catch(e){return void a(e)}l.done?t(s):Promise.resolve(s).then(n,r)}function r(e){return function(){var t=this,a=arguments;return new Promise((function(r,i){var o=e.apply(t,a);function l(e){n(o,r,i,l,s,"next",e)}function s(e){n(o,r,i,l,s,"throw",e)}l(void 0)}))}}a.d(t,{A:()=>r})}}]);
2
- //# sourceMappingURL=eo-draw-canvas.5c219114.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>l});var n=a(8769),r=a.n(n),i=a(3373),o=a.n(i);function l(e){var{connectLineState:t,transform:a,markerEnd:i,onConnect:l}=e,[s,c]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&c(t.from)}),[t]),(0,n.useEffect)((()=>{if(t){var e=e=>{c([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=e=>{e.stopPropagation()},r=e=>{e.stopPropagation(),i(),l(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",r,{capture:!0}),c(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",r,{capture:!0}),i}}),[t,l,a]),r().createElement("path",{className:o()("connect-line",{connecting:!!t&&s&&(s[0]-t.from[0])**2+(s[1]-t.from[1])**2>25}),d:t&&s?"M".concat(t.from.join(" "),"L").concat(s.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(i,")")})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>nt,EoDrawCanvasComponent:()=>ct});var n,r,i,o,l,s,c,d,u,h,f,p,v,g,m,y,w,k,b,C,x,A,E,N,M,z,T,W,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,ve,ge=a(4223),me=a(9740),ye=a(6330),we=a(4635),ke=a(918),be=a(1369),Ce=a(8449),xe=a(4521),Ae=a(8769),Ee=a.n(Ae),Ne=a(9929),Me=a(9938),ze=a(8438),Te=(a(330),a(1030)),We=a(3373),Re=a.n(We),Se=a(7566),Le=a(5748),Be=a(3739),De=a(531),Pe=a(8185),je=a(5114),Oe=a(2830),He=a(3639),Ie=a(3783),Ue=a(2098),_e=a(227),Ke=a(3033),Ye=a(8091),Fe=a(1819),Xe=a(7099),qe=a(1484),Je=a(8197),Ze=a(7531),Ge=a(3012),Qe=a(8618),Ve=["shouldReCenter"];function $e(e,t,a){return a(at(e,t))}function et(e,t,a){return e.set(at(e,t),a),a}function tt(e,t){return e.get(at(e,t))}function at(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var nt,rt=(0,ze.unwrapProvider)("basic.lock-body-scroll"),{defineElement:it,property:ot,method:lt,event:st}=(0,Ne.createDecorators)(),ct=Ee().forwardRef(Ft),dt=new WeakMap,ut=new WeakMap,ht=new WeakMap,ft=new WeakMap,pt=new WeakMap,vt=new WeakMap,gt=new WeakMap,mt=new WeakMap,yt=new WeakMap,wt=new WeakMap,kt=new WeakMap,bt=new WeakMap,Ct=new WeakMap,xt=new WeakMap,At=new WeakMap,Et=new WeakSet,Nt=new WeakMap,Mt=new WeakMap,zt=new WeakMap,Tt=new WeakMap,Wt=new WeakMap,Rt=new WeakMap,St=new WeakMap,Lt=new WeakMap,Bt=new WeakMap,Dt=new WeakMap,Pt=new WeakMap,jt=new WeakMap,Ot=new WeakMap,Ht=new WeakMap,It=new WeakMap,Ut=new WeakMap,_t=new WeakMap;class Kt extends Me.ReactNextElement{constructor(){super(...arguments),(0,we.A)(this,Et),(0,ke.A)(this,dt,(n(this),i(this))),(0,ke.A)(this,ut,(o(this),l(this))),(0,ke.A)(this,ht,(s(this),c(this))),(0,ke.A)(this,ft,(d(this),u(this,[Ke.HP,Ke.HP]))),(0,ke.A)(this,pt,(h(this),f(this))),(0,ke.A)(this,vt,(p(this),v(this))),(0,ke.A)(this,gt,(g(this),m(this))),(0,ke.A)(this,mt,(y(this),w(this))),(0,ke.A)(this,yt,(k(this),b(this))),(0,ke.A)(this,wt,(C(this),x(this))),(0,ke.A)(this,kt,(A(this),E(this,!0))),(0,ke.A)(this,bt,(N(this),M(this,!0))),(0,ke.A)(this,Ct,(z(this),T(this,!0))),(0,ke.A)(this,xt,(W(this),R(this))),(0,ke.A)(this,At,(S(this),L(this))),(0,ke.A)(this,Nt,(P(this),e=>{$e(Et,this,B).emit(e)})),(0,ke.A)(this,Mt,(e=>{(0,Pe.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ke.A)(this,zt,j(this)),(0,ke.A)(this,Tt,(I(this),U(this))),(0,ke.A)(this,Wt,(Y(this),e=>{$e(Et,this,_).emit(e),"node"===e.type&&$e(Et,this,O).emit(e)})),(0,ke.A)(this,Rt,F(this)),(0,ke.A)(this,St,(J(this),e=>{$e(Et,this,X).emit(e)})),(0,ke.A)(this,Lt,Z(this)),(0,ke.A)(this,Bt,(V(this),$(this))),(0,ke.A)(this,Dt,(ae(this),e=>{$e(Et,this,ee).emit(e),"node"===e.type&&$e(Et,this,G).emit(e)})),(0,ke.A)(this,Pt,ne(this)),(0,ke.A)(this,jt,(oe(this),e=>{$e(Et,this,re).emit(e)})),(0,ke.A)(this,Ot,le(this)),(0,ke.A)(this,Ht,(de(this),e=>{$e(Et,this,se).emit(e)})),(0,ke.A)(this,It,ue(this)),(0,ke.A)(this,Ut,(pe(this),e=>{$e(Et,this,he).emit(e)})),(0,ke.A)(this,_t,(0,Ae.createRef)())}get cells(){return tt(dt,this)}set cells(e){et(dt,this,e)}get layout(){return tt(ut,this)}set layout(e){et(ut,this,e)}get layoutOptions(){return tt(ht,this)}set layoutOptions(e){et(ht,this,e)}get defaultNodeSize(){return tt(ft,this)}set defaultNodeSize(e){et(ft,this,e)}get defaultNodeBricks(){return tt(pt,this)}set defaultNodeBricks(e){et(pt,this,e)}get degradedThreshold(){return tt(vt,this)}set degradedThreshold(e){et(vt,this,e)}get degradedNodeLabel(){return tt(gt,this)}set degradedNodeLabel(e){et(gt,this,e)}get defaultEdgeLines(){return tt(mt,this)}set defaultEdgeLines(e){et(mt,this,e)}get activeTarget(){return tt(yt,this)}set activeTarget(e){et(yt,this,e)}get fadeUnrelatedCells(){return tt(wt,this)}set fadeUnrelatedCells(e){et(wt,this,e)}get zoomable(){return tt(kt,this)}set zoomable(e){et(kt,this,e)}get scrollable(){return tt(bt,this)}set scrollable(e){et(bt,this,e)}get pannable(){return tt(Ct,this)}set pannable(e){et(Ct,this,e)}get scaleRange(){return tt(xt,this)}set scaleRange(e){et(xt,this,e)}dropNode(e){var t=this;return(0,ye.A)((function*(){var a,n,{id:r,position:i,size:o,data:l,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,i[0],i[1]))||void 0===a?void 0:a.includes(t)){var c,d,u,h=t.getBoundingClientRect(),f=tt(_t,t).current.getTransform(),p={type:"node",id:r,view:(0,me.A)((0,me.A)({},"force"===t.layout||"dagre"===t.layout?null:{x:(i[0]-h.left-f.x)/f.k,y:(i[1]-h.top-f.y)/f.k}),{},{width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(d=null==o?void 0:o[1])&&void 0!==d?d:t.defaultNodeSize[0]}),data:l,useBrick:s};return null===(u=tt(_t,t).current)||void 0===u||u.dropNode(p),p}return null}))()}dropDecorator(e){var t=this;return(0,ye.A)((function*(){var a,n,{position:r,decorator:i,text:o}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,r[0],r[1]))||void 0===a?void 0:a.includes(t)){var l,s=t.getBoundingClientRect(),c=tt(_t,t).current.getTransform(),d={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-s.left-c.x)/c.k,y:(r[1]-s.top-c.y)/c.k,width:Ke.N8,height:Ke.w1,text:o}};return null===(l=tt(_t,t).current)||void 0===l||l.dropDecorator(d),d}return null}))()}addNodes(e){var t=this;return(0,ye.A)((function*(){if(0===e.length)return[];var a=e.map((e=>{var a,n,{size:r,useBrick:i,id:o,data:l}=e;return{type:"node",id:o,data:l,view:{width:null!==(a=null==r?void 0:r[0])&&void 0!==a?a:t.defaultNodeSize[0],height:null!==(n=null==r?void 0:r[1])&&void 0!==n?n:t.defaultNodeSize[0]},useBrick:i}}));return tt(_t,t).current.addNodes(a,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,ye.A)((function*(){var a,{source:n,target:r,data:i}=e,o={type:"edge",source:n,target:r,data:i};return null===(a=tt(_t,t).current)||void 0===a||a.addEdge(o),o}))()}manuallyConnectNodes(e){return tt(_t,this).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,ye.A)((function*(){yield at(Et,a,Yt).call(a);var{updated:n}=tt(_t,a).current.updateCells(e,(0,me.A)((0,me.A)({},t),{},{defaultNodeSize:a.defaultNodeSize,canvasWidth:a.clientWidth,canvasHeight:a.clientHeight}));return{updated:n}}))()}disconnectedCallback(){super.disconnectedCallback(),rt(this,!1)}render(){return Ee().createElement(ct,{host:this,ref:tt(_t,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,scaleRange:this.scaleRange,onActiveTargetChange:tt(Nt,this),onSwitchActiveTarget:tt(Mt,this),onCellMove:tt(Wt,this),onCellResize:tt(St,this),onCellDelete:tt(Dt,this),onCellContextMenu:tt(jt,this),onDecoratorTextChange:tt(Ht,this),onScaleChange:tt(Ut,this)})}}function Yt(){return new Promise((e=>{var t=()=>{tt(_t,this).current?e():setTimeout(t,10)};t()}))}function Ft(e,t){var{host:a,layout:n,layoutOptions:r,cells:i,defaultNodeSize:o,defaultNodeBricks:l,defaultEdgeLines:s,degradedThreshold:c,degradedNodeLabel:d,activeTarget:u,fadeUnrelatedCells:h,zoomable:f,scrollable:p,pannable:v,scaleRange:g,onActiveTargetChange:m,onSwitchActiveTarget:y,onCellMove:w,onCellResize:k,onCellDelete:b,onCellContextMenu:C,onDecoratorTextChange:x,onScaleChange:A}=e,[{cells:E,layoutKey:N},M]=(0,Ae.useReducer)(Le.d,i,(e=>({cells:(0,Ie.C)(e,{defaultNodeSize:o}),layoutKey:0}))),z=(0,Ae.useMemo)((()=>E.filter(De.N).length>=(null!=c?c:Ke.pC)),[E,c]),T=(0,Ae.useRef)(null),W=(0,Ae.useRef)(null),R=(0,Ae.useRef)(null),[S,L]=(0,Ae.useState)([]),{grabbing:B,transform:D,zoomer:P,scaleRange:j}=(0,Ye.f)({rootRef:T,zoomable:f,scrollable:p,pannable:v,scaleRange:g,onSwitchActiveTarget:y});(0,Ae.useEffect)((()=>{A(D.k)}),[A,D.k]);var[O,H]=(0,Ae.useState)(null),{centered:I,setCentered:U,getNextLayoutKey:_}=(0,qe.g)({layout:n,layoutOptions:r,rootRef:T,cells:E,zoomable:f,zoomer:P,scaleRange:j,layoutKey:N,dispatch:M});(0,Ae.useImperativeHandle)(t,(()=>({dropNode(e){U(!0),M({type:"drop-node",payload:e})},dropDecorator(e){U(!0),M({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:a,canvasWidth:r,canvasHeight:i}=t,o=E.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,l=[...E.slice(0,o),...e,...E.slice(o)],{cells:s,updated:c,shouldReCenter:d}=(0,Ue.L)({cells:l,layout:n,previousCells:E,defaultNodeSize:a,canvasWidth:r,canvasHeight:i,scaleRange:j,transform:D});return d&&U(!1),M({type:"update-cells",payload:s}),c.filter((t=>e.includes(t)))},addEdge(e){M({type:"add-edge",payload:e})},updateCells(e,t){var a=(0,Ue.L)((0,me.A)((0,me.A)({},t),{},{layout:n,previousCells:E,cells:e,scaleRange:j,transform:D})),{shouldReCenter:r}=a,i=(0,ge.A)(a,Ve);return r&&U(!1),M({type:"update-cells",payload:i.cells}),i},getTransform:()=>D,manuallyConnectNodes(e){var t=E.find((t=>(0,De.N)(t)&&t.id===e));if(t){var a=T.current.getBoundingClientRect();return H({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[a.left,a.top]}),new Promise(((e,t)=>{R.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[E,n,j,U,D]);var K=(0,Ae.useCallback)(((e,t)=>{for(var a,n=0;n<E.length;n++){var r=E[n];if((0,De.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=R.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(a=R.current)||void 0===a||a.reject(null),H(null)}),[E]);(0,Ae.useEffect)((()=>{rt(a,!!O)}),[O,a]);var Y=(0,Fe.J)({cellsRef:W,activeTarget:u,onActiveTargetChange:m}),[F,X]=(0,Ae.useState)([]);(0,Ae.useEffect)((()=>{var e=h?(0,_e.Y)(E,O,Y):[];X((t=>0===t.length&&0===e.length?t:e))}),[Y,E,O,h]),(0,Ae.useEffect)((()=>{var e=T.current;if(e&&!(S.length>0)){var t=e=>{var t=(0,je.a)(e,{cells:E,activeTarget:Y});"delete-cell"===(null==t?void 0:t.action)&&b(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[Y,E,S.length,b]);var q=(0,Ae.useMemo)((()=>"".concat((0,Te.uniqueId)("diagram-"),"-")),[]),J="".concat(q,"line-arrow-"),Z=(0,Ae.useCallback)((e=>{M({type:"move-cell",payload:e})}),[]),G=(0,Ae.useCallback)((e=>{M({type:"move-cell",payload:e}),w(e)}),[w]),Q=(0,Ae.useCallback)((e=>{M({type:"resize-cell",payload:e})}),[]),V=(0,Ae.useCallback)((e=>{M({type:"resize-cell",payload:e}),k(e)}),[k]),$=(0,Ae.useCallback)((e=>{var{id:t,editing:a}=e;L(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),ee=(0,Ae.useCallback)(((e,t)=>{var a=_();M({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[_]),te=(0,Ae.useCallback)((e=>{P.scaleTo((0,Se.A)(T.current),e/100)}),[P]),ae=(0,Ae.useCallback)((()=>{U(!1)}),[U]),[ne,re]=(0,Ze.d)({cells:E,defaultEdgeLines:s,markerPrefix:J}),ie=(0,Je.H)({cells:E,layout:n,centered:I});return Ee().createElement(Ee().Fragment,null,Ee().createElement("svg",{width:"100%",height:"100%",ref:T,className:Re()("root",{grabbing:B,pannable:v,ready:ie}),tabIndex:-1},Ee().createElement("defs",null,re.map(((e,t)=>Ee().createElement(Be.c,{key:t,id:"".concat(J).concat(t),type:"arrow",strokeColor:e.strokeColor})))),Ee().createElement("g",{transform:"translate(".concat(D.x," ").concat(D.y,") scale(").concat(D.k,")")},Ee().createElement("g",{className:"cells",ref:W},E.map((e=>Ee().createElement(Oe.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),layout:n,cell:e,cells:E,degraded:z,degradedNodeLabel:d,defaultNodeBricks:l,transform:D,lineConfMap:ne,active:(0,Pe.c)(Y,e),unrelatedCells:F,onCellMoving:Z,onCellMoved:G,onCellResizing:Q,onCellResized:V,onSwitchActiveTarget:y,onCellContextMenu:C,onDecoratorTextChange:x,onDecoratorTextEditing:$,onNodeBrickResize:ee})))),Ee().createElement(He.w,{connectLineState:O,transform:D,markerEnd:"".concat(J,"0"),onConnect:K}))),Ee().createElement(Xe.Y,{shadowRoot:a.shadowRoot,scale:D.k,scaleRange:j,onZoomChange:te,onReCenter:ae}))}ve=Kt,({e:[i,o,l,s,c,d,u,h,f,p,v,g,m,y,w,k,b,C,x,A,E,N,M,z,T,W,R,S,L,B,D,P,j,O,H,I,U,_,K,Y,F,X,q,J,Z,G,Q,V,$,ee,te,ae,ne,re,ie,oe,le,se,ce,de,ue,he,fe,pe,n],c:[nt,r]}=function(e,t,a,n,r,i){var o,l,s,c,d,u,h,f=Symbol.metadata||Symbol.for("Symbol.metadata"),p=Object.defineProperty,v=Object.create,g=[v(null),v(null)],m=t.length;function y(t,a,n){return function(r,i){a&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,n?[i]:[]);return n?i:r}}function w(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,r,i,s,c,d,u,h){function f(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var v=[].concat(t[0]),m=t[3],k=!s,b=1===r,C=3===r,x=4===r,A=2===r;function E(t,a,n){return function(r,i){return a&&(i=r,r=e),n&&n(r),N[t].call(r,i)}}if(!k){var N={},M=[],z=C?"get":x||b?"set":"value";if(d?(u||b?N={get:(0,Ce.A)((function(){return m(this)}),n,"get"),set:function(e){t[4](this,e)}}:N[z]=m,u||(0,Ce.A)(N[z],n,A?"":z)):u||(N=Object.getOwnPropertyDescriptor(e,n)),!u&&!d){if((l=g[+c][n])&&7!=(l^r))throw new Error("Decorating two elements with the same name ("+N[z].name+") is not supported yet");g[+c][n]=r<3?1:r}}for(var T=e,W=v.length-1;W>=0;W-=a?2:1){var R=v[W],S=a?v[W-1]:void 0,L={},B={kind:["field","accessor","method","getter","setter","class"][r],name:n,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(k)l=R.call(S,T,B),L.v=1,w(l,"class decorators","return")&&(T=l);else if(B.static=c,B.private=d,l=B.access={has:d?h.bind():function(e){return n in e}},x||(l.get=d?A?function(e){return f(e),N.value}:E("get",0,f):function(e){return e[n]}),A||C||(l.set=d?E("set",0,f):function(e,t){e[n]=t}),T=R.call(S,b?{get:N.get,set:N.set}:N[z],B),L.v=1,b){if("object"==typeof T&&T)(l=w(T.get,"accessor.get"))&&(N.get=l),(l=w(T.set,"accessor.set"))&&(N.set=l),(l=w(T.init,"accessor.init"))&&M.unshift(l);else if(void 0!==T)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(T,(u?"field":"method")+" decorators","return")&&(u?M.unshift(T):N[z]=T)}return r<2&&s.push(y(M,c,1),y(i,c,0)),u||k||(d?b?s.splice(-1,0,E("get",c),E("set",c)):s.push(A?N[z]:w.call.bind(N[z])):p(e,n,N)),T}function b(e){return p(e,f,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[f]),o=v(null==o?null:o),d=[],u=function(e){e&&d.push(y(e))},(h=function(t,n){for(var i=0;i<a.length;i++){var o=a[i],l=o[1],u=7&l;if((8&l)==t&&!u==n){var h=o[2],f=!!o[3],p=16&l;k(t?e:e.prototype,o,p,f?"#"+h:(0,be.A)(h),u,u<2?[]:t?c=c||[]:s=s||[],d,!!t,f,n,t&&f?function(t){return(0,xe.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),u(s),u(c),l=d,m||b(e),{e:l,get c(){var a=[];return m&&[b(e=k(e,[t],0,e.name,5,a)),y(a,1)]}}}(ve,[it("eo-draw-canvas",{styleTexts:[Ge.A,Qe.A]})],[[ot({attribute:!1}),1,"cells"],[ot({type:String}),1,"layout"],[ot({attribute:!1}),1,"layoutOptions"],[ot({attribute:!1}),1,"defaultNodeSize"],[ot({attribute:!1}),1,"defaultNodeBricks"],[ot({type:Number}),1,"degradedThreshold"],[ot({attribute:!1}),1,"degradedNodeLabel"],[ot({attribute:!1}),1,"defaultEdgeLines"],[ot({attribute:!1}),1,"activeTarget"],[ot({type:Boolean}),1,"fadeUnrelatedCells"],[ot({type:Boolean}),1,"zoomable"],[ot({type:Boolean}),1,"scrollable"],[ot({type:Boolean}),1,"pannable"],[ot({attribute:!1}),1,"scaleRange"],[st({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>tt(At,e),(e,t)=>et(At,e,t)],[st({type:"node.move"}),1,"nodeMoveEvent",e=>tt(zt,e),(e,t)=>et(zt,e,t)],[st({type:"cell.move"}),1,"cellMoveEvent",e=>tt(Tt,e),(e,t)=>et(Tt,e,t)],[st({type:"cell.resize"}),1,"cellResizeEvent",e=>tt(Rt,e),(e,t)=>et(Rt,e,t)],[st({type:"node.delete"}),1,"nodeDelete",e=>tt(Lt,e),(e,t)=>et(Lt,e,t)],[st({type:"cell.delete"}),1,"cellDelete",e=>tt(Bt,e),(e,t)=>et(Bt,e,t)],[st({type:"cell.contextmenu"}),1,"cellContextMenu",e=>tt(Pt,e),(e,t)=>et(Pt,e,t)],[st({type:"decorator.text.change"}),1,"decoratorTextChange",e=>tt(Ot,e),(e,t)=>et(Ot,e,t)],[st({type:"scale.change"}),1,"scaleChange",e=>tt(It,e),(e,t)=>et(It,e,t)],[lt(),2,"dropNode"],[lt(),2,"dropDecorator"],[lt(),2,"addNodes"],[lt(),2,"addEdge"],[lt(),2,"manuallyConnectNodes"],[lt(),2,"updateCells"]],0,(e=>_t.has((0,xe.A)(e))),Me.ReactNextElement)),r()},5114:(e,t,a)=>{a.d(t,{a:()=>r});var n=a(8185);function r(e,t){var{cells:a,activeTarget:r}=t,i=a.find((e=>(0,n.c)(e,r)));if(i)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:i}}}},6330:(e,t,a)=>{function n(e,t,a,n,r,i,o){try{var l=e[i](o),s=l.value}catch(e){return void a(e)}l.done?t(s):Promise.resolve(s).then(n,r)}function r(e){return function(){var t=this,a=arguments;return new Promise((function(r,i){var o=e.apply(t,a);function l(e){n(o,r,i,l,s,"next",e)}function s(e){n(o,r,i,l,s,"throw",e)}l(void 0)}))}}a.d(t,{A:()=>r})}}]);
2
+ //# sourceMappingURL=eo-draw-canvas.b28017a5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-draw-canvas.5c219114.js","mappings":"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","sources":["webpack:///./src/draw-canvas/ConnectLineComponent.tsx","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/draw-canvas/processors/handleKeyboard.ts","webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState } from \"./interfaces\";\nimport type { PositionTuple, TransformLiteral } from \"../diagram/interfaces\";\n\nexport interface ConnectLineComponentProps {\n connectLineState: ConnectLineState | null;\n transform: TransformLiteral;\n markerEnd: string;\n onConnect(state: ConnectLineState, to: PositionTuple): void;\n}\n\nexport function ConnectLineComponent({\n connectLineState,\n transform,\n markerEnd,\n onConnect,\n}: ConnectLineComponentProps): JSX.Element {\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple | null>(\n null\n );\n\n useEffect(() => {\n if (connectLineState) {\n setConnectLineTo(connectLineState.from);\n }\n }, [connectLineState]);\n\n useEffect(() => {\n if (connectLineState) {\n const onMouseMove = (e: MouseEvent) => {\n // Set connect line to based on the mouse position and the transform\n setConnectLineTo([\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const onMouseDown = (e: MouseEvent) => {\n e.stopPropagation();\n };\n const onClick = (e: MouseEvent) => {\n e.stopPropagation();\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n reset();\n onConnect(connectLineState, [\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const reset = () => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mousedown\", onMouseDown, {\n capture: true,\n });\n document.removeEventListener(\"click\", onClick, { capture: true });\n setConnectLineTo(null);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mousedown\", onMouseDown, { capture: true });\n document.addEventListener(\"click\", onClick, { capture: true });\n\n return reset;\n }\n }, [connectLineState, onConnect, transform]);\n\n return (\n <path\n className={classNames(\"connect-line\", {\n connecting:\n !!connectLineState &&\n connectLineTo &&\n // Do not show when the distance of mouse move is less than 5px\n (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n 25,\n })}\n d={\n connectLineState && connectLineTo\n ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n : \"\"\n }\n fill=\"none\"\n stroke=\"gray\"\n strokeWidth={1}\n markerEnd={`url(#${markerEnd})`}\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 { 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 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} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { isNodeCell } from \"./processors/asserts\";\nimport type { MoveCellPayload, ResizeCellPayload } 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 styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\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 scaleRange?: RangeTuple;\n}\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}\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` 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 * 当 `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({ 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 /**\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: \"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: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\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 * 缩放变化后,从素材库拖拽元素进画布时,拖拽图像应设置对应的缩放比例。\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 }: 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 },\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 scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellMove={this.#handleCellMove}\n onCellResize={this.#handleCellResize}\n onCellDelete={this.#handleCellDelete}\n onCellContextMenu={this.#handleCellContextMenu}\n onDecoratorTextChange={this.#handleDecoratorTextChange}\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 onCellContextMenu(detail: CellContextMenuDetail): void;\n onDecoratorTextChange(detail: DecoratorTextChangeDetail): 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 scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellMove,\n onCellResize,\n onCellDelete,\n onCellContextMenu,\n onDecoratorTextChange,\n onScaleChange,\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 { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n useEffect(() => {\n onScaleChange(transform.k);\n }, [onScaleChange, transform.k]);\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 dispatch,\n });\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n // Do not apply auto centering when dropping a node.\n setCentered(true);\n dispatch({ type: \"drop-node\", payload: node });\n },\n dropDecorator(decorator) {\n // Do not apply auto centering when dropping a decorator.\n setCentered(true);\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 });\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 });\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) => isNodeCell(cell) && cell.id === sourceId\n ) as NodeCell | 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]\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 = 0; i < cells.length; i++) {\n const cell = cells[i];\n // Currently ignore connecting to self\n if (isNodeCell(cell) && cell.id !== state.source.id) {\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\n useEffect(() => {\n lockBodyScroll(host, !!connectLineState);\n }, [connectLineState, host]);\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(cells, connectLineState, activeTarget)\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 }, [activeTarget, cells, connectLineState, fadeUnrelatedCells]);\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 if (action?.action === \"delete-cell\") {\n onCellDelete(action.cell);\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, editingTexts.length, onCellDelete]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleCellMoving = useCallback((info: MoveCellPayload) => {\n dispatch({ type: \"move-cell\", payload: info });\n }, []);\n\n const handleCellMoved = useCallback(\n (info: MoveCellPayload) => {\n dispatch({ type: \"move-cell\", payload: info });\n onCellMove(info);\n },\n [onCellMove]\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, 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}:${cell.type === \"edge\" ? `${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 transform={transform}\n lineConfMap={lineConfMap}\n active={sameTarget(activeTarget, cell)}\n unrelatedCells={unrelatedCells}\n onCellMoving={handleCellMoving}\n onCellMoved={handleCellMoved}\n onCellResizing={handleCellResizing}\n onCellResized={handleCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onDecoratorTextChange={onDecoratorTextChange}\n onDecoratorTextEditing={handleDecoratorTextEditing}\n onNodeBrickResize={handleNodeBrickResize}\n />\n ))}\n </g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={host.shadowRoot!}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n\nfunction 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","import type { ActiveTarget, Cell } from \"../interfaces\";\nimport { sameTarget } from \"./sameTarget\";\n\nexport type KeyboardAction = KeyboardActionDeleteCell;\n\nexport interface KeyboardActionDeleteCell {\n action: \"delete-cell\";\n cell: Cell;\n}\n\nexport function handleKeyboard(\n event: KeyboardEvent,\n {\n cells,\n activeTarget,\n }: {\n cells: Cell[];\n activeTarget: ActiveTarget | null | undefined;\n }\n): KeyboardAction | undefined {\n const activeCell = cells.find((cell) => sameTarget(cell, activeTarget));\n\n if (!activeCell) {\n return;\n }\n\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n\n switch (key) {\n case \"Backspace\":\n case 8:\n case \"Delete\":\n case 46: {\n event.preventDefault();\n event.stopPropagation();\n return {\n action: \"delete-cell\",\n cell: activeCell,\n };\n }\n }\n}\n","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n _next(undefined);\n });\n };\n}"],"names":["ConnectLineComponent","_ref","connectLineState","transform","markerEnd","onConnect","connectLineTo","setConnectLineTo","useState","useEffect","from","onMouseMove","e","clientX","x","offset","k","clientY","y","onMouseDown","stopPropagation","onClick","reset","document","removeEventListener","capture","addEventListener","React","className","classNames","connecting","d","concat","join","fill","stroke","strokeWidth","_EoDrawCanvas","lockBodyScroll","unwrapProvider","defineElement","property","method","event","createDecorators","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDrawCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_Q","_handleCellMove","_R","_handleCellResize","_S","_T","_handleCellDelete","_U","_handleCellContextMenu","_V","_handleDecoratorTextChange","_W","_handleScaleChange","_canvasRef","EoDrawCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_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_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","type","_get_nodeMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","cell","_get_cellDelete","_get_nodeDelete","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_scaleChange","_init_extra_scaleChange","scale","_get_scaleChange","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","dropNode","_this","_asyncToGenerator","_document$elementsFro","_document","id","position","size","data","useBrick","elementsFromPoint","call","includes","_size$","_size$2","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","current","getTransform","newNode","view","_objectSpread","left","top","width","height","dropDecorator","_ref2","_this2","_document$elementsFro2","_document2","decorator","text","_classPrivateFieldGet3","newDecorator","replace","c","r","Math","random","toString","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","_this3","length","newNodes","map","_ref3","_size$3","_size$4","canvasWidth","clientWidth","canvasHeight","clientHeight","addEdge","_ref4","_this4","_classPrivateFieldGet4","source","newEdge","manuallyConnectNodes","updateCells","ctx","_this5","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","render","host","ref","onActiveTargetChange","onSwitchActiveTarget","onCellMove","onCellResize","onCellDelete","onCellContextMenu","onDecoratorTextChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","manualConnectDeferredRef","editingTexts","setEditingTexts","grabbing","zoomer","useZoom","setConnectLineState","centered","setCentered","getNextLayoutKey","useLayout","useImperativeHandle","node","payload","_ref6","index","findLastIndex","newCells","slice","allCells","shouldReCenter","previousCells","edge","_updateCells","result","_objectWithoutProperties","_excluded","sourceId","find","rect","reject","handleConnect","useCallback","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","useActiveTarget","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","prev","root","onKeydown","action","handleKeyboard","defPrefix","uniqueId","markerPrefix","handleCellMoving","handleCellMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","handleNodeBrickResize","nextLayoutKey","handleZoomSlide","value","scaleTo","select","reCenter","lineConfMap","markers","useLineMarkers","ready","useReady","tabIndex","marker","MarkerComponent","key","strokeColor","CellComponent","active","onCellMoving","onCellMoved","onCellResizing","onCellResized","onDecoratorTextEditing","onNodeBrickResize","ZoomBarComponent","shadowRoot","onZoomChange","onReCenter","_EoDrawCanvas2","_set_activeTargetChangeEvent","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellContextMenu","_set_decoratorTextChange","_set_scaleChange","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","activeCell","keyCode","which","preventDefault","asyncGeneratorStep","gen","_next","_throw","arg","error","done","then","fn","self","args","apply","err","undefined"],"sourceRoot":""}
1
+ {"version":3,"file":"chunks/eo-draw-canvas.b28017a5.js","mappings":"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","sources":["webpack:///./src/draw-canvas/ConnectLineComponent.tsx","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/draw-canvas/processors/handleKeyboard.ts","webpack:///../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState } from \"./interfaces\";\nimport type { PositionTuple, TransformLiteral } from \"../diagram/interfaces\";\n\nexport interface ConnectLineComponentProps {\n connectLineState: ConnectLineState | null;\n transform: TransformLiteral;\n markerEnd: string;\n onConnect(state: ConnectLineState, to: PositionTuple): void;\n}\n\nexport function ConnectLineComponent({\n connectLineState,\n transform,\n markerEnd,\n onConnect,\n}: ConnectLineComponentProps): JSX.Element {\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple | null>(\n null\n );\n\n useEffect(() => {\n if (connectLineState) {\n setConnectLineTo(connectLineState.from);\n }\n }, [connectLineState]);\n\n useEffect(() => {\n if (connectLineState) {\n const onMouseMove = (e: MouseEvent) => {\n // Set connect line to based on the mouse position and the transform\n setConnectLineTo([\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const onMouseDown = (e: MouseEvent) => {\n e.stopPropagation();\n };\n const onClick = (e: MouseEvent) => {\n e.stopPropagation();\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n reset();\n onConnect(connectLineState, [\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const reset = () => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mousedown\", onMouseDown, {\n capture: true,\n });\n document.removeEventListener(\"click\", onClick, { capture: true });\n setConnectLineTo(null);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mousedown\", onMouseDown, { capture: true });\n document.addEventListener(\"click\", onClick, { capture: true });\n\n return reset;\n }\n }, [connectLineState, onConnect, transform]);\n\n return (\n <path\n className={classNames(\"connect-line\", {\n connecting:\n !!connectLineState &&\n connectLineTo &&\n // Do not show when the distance of mouse move is less than 5px\n (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n 25,\n })}\n d={\n connectLineState && connectLineTo\n ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n : \"\"\n }\n fill=\"none\"\n stroke=\"gray\"\n strokeWidth={1}\n markerEnd={`url(#${markerEnd})`}\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 { 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 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} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { isNodeCell } from \"./processors/asserts\";\nimport type { MoveCellPayload, ResizeCellPayload } 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 styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\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 scaleRange?: RangeTuple;\n}\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}\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` 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 * 当 `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({ 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 /**\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: \"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: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\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 * 缩放变化后,从素材库拖拽元素进画布时,拖拽图像应设置对应的缩放比例。\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 }: 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 },\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 scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellMove={this.#handleCellMove}\n onCellResize={this.#handleCellResize}\n onCellDelete={this.#handleCellDelete}\n onCellContextMenu={this.#handleCellContextMenu}\n onDecoratorTextChange={this.#handleDecoratorTextChange}\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 onCellContextMenu(detail: CellContextMenuDetail): void;\n onDecoratorTextChange(detail: DecoratorTextChangeDetail): 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 scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellMove,\n onCellResize,\n onCellDelete,\n onCellContextMenu,\n onDecoratorTextChange,\n onScaleChange,\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 { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n useEffect(() => {\n onScaleChange(transform.k);\n }, [onScaleChange, transform.k]);\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 dispatch,\n });\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n // Do not apply auto centering when dropping a node.\n setCentered(true);\n dispatch({ type: \"drop-node\", payload: node });\n },\n dropDecorator(decorator) {\n // Do not apply auto centering when dropping a decorator.\n setCentered(true);\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 });\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 });\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) => isNodeCell(cell) && cell.id === sourceId\n ) as NodeCell | 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]\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 = 0; i < cells.length; i++) {\n const cell = cells[i];\n // Currently ignore connecting to self\n if (isNodeCell(cell) && cell.id !== state.source.id) {\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\n useEffect(() => {\n lockBodyScroll(host, !!connectLineState);\n }, [connectLineState, host]);\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(cells, connectLineState, activeTarget)\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 }, [activeTarget, cells, connectLineState, fadeUnrelatedCells]);\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 if (action?.action === \"delete-cell\") {\n onCellDelete(action.cell);\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, editingTexts.length, onCellDelete]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleCellMoving = useCallback((info: MoveCellPayload) => {\n dispatch({ type: \"move-cell\", payload: info });\n }, []);\n\n const handleCellMoved = useCallback(\n (info: MoveCellPayload) => {\n dispatch({ type: \"move-cell\", payload: info });\n onCellMove(info);\n },\n [onCellMove]\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, 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}:${cell.type === \"edge\" ? `${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 transform={transform}\n lineConfMap={lineConfMap}\n active={sameTarget(activeTarget, cell)}\n unrelatedCells={unrelatedCells}\n onCellMoving={handleCellMoving}\n onCellMoved={handleCellMoved}\n onCellResizing={handleCellResizing}\n onCellResized={handleCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onDecoratorTextChange={onDecoratorTextChange}\n onDecoratorTextEditing={handleDecoratorTextEditing}\n onNodeBrickResize={handleNodeBrickResize}\n />\n ))}\n </g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={host.shadowRoot!}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n\nfunction 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","import type { ActiveTarget, Cell } from \"../interfaces\";\nimport { sameTarget } from \"./sameTarget\";\n\nexport type KeyboardAction = KeyboardActionDeleteCell;\n\nexport interface KeyboardActionDeleteCell {\n action: \"delete-cell\";\n cell: Cell;\n}\n\nexport function handleKeyboard(\n event: KeyboardEvent,\n {\n cells,\n activeTarget,\n }: {\n cells: Cell[];\n activeTarget: ActiveTarget | null | undefined;\n }\n): KeyboardAction | undefined {\n const activeCell = cells.find((cell) => sameTarget(cell, activeTarget));\n\n if (!activeCell) {\n return;\n }\n\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n\n switch (key) {\n case \"Backspace\":\n case 8:\n case \"Delete\":\n case 46: {\n event.preventDefault();\n event.stopPropagation();\n return {\n action: \"delete-cell\",\n cell: activeCell,\n };\n }\n }\n}\n","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n _next(undefined);\n });\n };\n}"],"names":["ConnectLineComponent","_ref","connectLineState","transform","markerEnd","onConnect","connectLineTo","setConnectLineTo","useState","useEffect","from","onMouseMove","e","clientX","x","offset","k","clientY","y","onMouseDown","stopPropagation","onClick","reset","document","removeEventListener","capture","addEventListener","React","className","classNames","connecting","d","concat","join","fill","stroke","strokeWidth","_EoDrawCanvas","lockBodyScroll","unwrapProvider","defineElement","property","method","event","createDecorators","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDrawCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_Q","_handleCellMove","_R","_handleCellResize","_S","_T","_handleCellDelete","_U","_handleCellContextMenu","_V","_handleDecoratorTextChange","_W","_handleScaleChange","_canvasRef","EoDrawCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_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_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","type","_get_nodeMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","cell","_get_cellDelete","_get_nodeDelete","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_scaleChange","_init_extra_scaleChange","scale","_get_scaleChange","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","dropNode","_this","_asyncToGenerator","_document$elementsFro","_document","id","position","size","data","useBrick","elementsFromPoint","call","includes","_size$","_size$2","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","current","getTransform","newNode","view","_objectSpread","left","top","width","height","dropDecorator","_ref2","_this2","_document$elementsFro2","_document2","decorator","text","_classPrivateFieldGet3","newDecorator","replace","c","r","Math","random","toString","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","_this3","length","newNodes","map","_ref3","_size$3","_size$4","canvasWidth","clientWidth","canvasHeight","clientHeight","addEdge","_ref4","_this4","_classPrivateFieldGet4","source","newEdge","manuallyConnectNodes","updateCells","ctx","_this5","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","render","host","ref","onActiveTargetChange","onSwitchActiveTarget","onCellMove","onCellResize","onCellDelete","onCellContextMenu","onDecoratorTextChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","manualConnectDeferredRef","editingTexts","setEditingTexts","grabbing","zoomer","useZoom","setConnectLineState","centered","setCentered","getNextLayoutKey","useLayout","useImperativeHandle","node","payload","_ref6","index","findLastIndex","newCells","slice","allCells","shouldReCenter","previousCells","edge","_updateCells","result","_objectWithoutProperties","_excluded","sourceId","find","rect","reject","handleConnect","useCallback","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","useActiveTarget","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","prev","root","onKeydown","action","handleKeyboard","defPrefix","uniqueId","markerPrefix","handleCellMoving","handleCellMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","handleNodeBrickResize","nextLayoutKey","handleZoomSlide","value","scaleTo","select","reCenter","lineConfMap","markers","useLineMarkers","ready","useReady","tabIndex","marker","MarkerComponent","key","strokeColor","CellComponent","active","onCellMoving","onCellMoved","onCellResizing","onCellResized","onDecoratorTextEditing","onNodeBrickResize","ZoomBarComponent","shadowRoot","onZoomChange","onReCenter","_EoDrawCanvas2","_set_activeTargetChangeEvent","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellContextMenu","_set_decoratorTextChange","_set_scaleChange","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","activeCell","keyCode","which","preventDefault","asyncGeneratorStep","gen","_next","_throw","arg","error","done","then","fn","self","args","apply","err","undefined"],"sourceRoot":""}