@next-bricks/diagram 0.14.0 → 0.16.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.
- package/dist/bricks.json +3 -3
- package/dist/chunks/6248.98448f5b.js +2 -0
- package/dist/chunks/6248.98448f5b.js.map +1 -0
- package/dist/chunks/{9380.8d833db1.js → 8020.7d347956.js} +2 -2
- package/dist/chunks/8020.7d347956.js.map +1 -0
- package/dist/chunks/eo-diagram.2b8615e9.js +2 -0
- package/dist/chunks/{eo-diagram.963f5707.js.map → eo-diagram.2b8615e9.js.map} +1 -1
- package/dist/chunks/eo-draw-canvas.6ce2466b.js +2 -0
- package/dist/chunks/eo-draw-canvas.6ce2466b.js.map +1 -0
- package/dist/chunks/experimental-node.1bab0245.js +2 -0
- package/dist/chunks/experimental-node.1bab0245.js.map +1 -0
- package/dist/chunks/{main.391405db.js → main.5e7856e6.js} +2 -2
- package/dist/chunks/main.5e7856e6.js.map +1 -0
- package/dist/examples.json +4 -4
- package/dist/index.a0b283c5.js +2 -0
- package/dist/index.a0b283c5.js.map +1 -0
- package/dist/manifest.json +127 -77
- package/dist/types.json +769 -182
- package/dist-types/diagram/lines/getDirectLinePoints.d.ts +2 -2
- package/dist-types/draw-canvas/EdgeComponent.d.ts +8 -0
- package/dist-types/draw-canvas/NodeComponent.d.ts +18 -0
- package/dist-types/draw-canvas/index.d.ts +24 -8
- package/dist-types/draw-canvas/interfaces.d.ts +37 -12
- package/dist-types/draw-canvas/processors/asserts.d.ts +4 -0
- package/dist-types/draw-canvas/processors/findNode.d.ts +2 -0
- package/dist-types/draw-canvas/processors/handleKeyboard.d.ts +10 -0
- package/dist-types/draw-canvas/processors/handleKeyboard.spec.d.ts +1 -0
- package/dist-types/draw-canvas/processors/handleMouseDown.d.ts +10 -0
- package/dist-types/draw-canvas/processors/handleMouseDown.spec.d.ts +1 -0
- package/dist-types/draw-canvas/processors/sameTarget.d.ts +2 -0
- package/dist-types/draw-canvas/processors/sameTarget.spec.d.ts +1 -0
- package/dist-types/draw-canvas/reducers/interfaces.d.ts +18 -5
- package/dist-types/experimental-node/index.d.ts +3 -0
- package/docs/eo-draw-canvas.md +79 -32
- package/package.json +2 -2
- package/dist/chunks/8600.b65b9474.js +0 -2
- package/dist/chunks/8600.b65b9474.js.map +0 -1
- package/dist/chunks/9380.8d833db1.js.map +0 -1
- package/dist/chunks/eo-diagram.963f5707.js +0 -2
- package/dist/chunks/eo-draw-canvas.89c9e4a0.js +0 -2
- package/dist/chunks/eo-draw-canvas.89c9e4a0.js.map +0 -1
- package/dist/chunks/experimental-node.b18bf94a.js +0 -2
- package/dist/chunks/experimental-node.b18bf94a.js.map +0 -1
- package/dist/chunks/main.391405db.js.map +0 -1
- package/dist/index.8e738324.js +0 -2
- package/dist/index.8e738324.js.map +0 -1
package/dist/bricks.json
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
"diagram.experimental-node"
|
|
6
6
|
],
|
|
7
7
|
"elements": [
|
|
8
|
-
"eo-
|
|
9
|
-
"eo-
|
|
8
|
+
"eo-diagram",
|
|
9
|
+
"eo-draw-canvas"
|
|
10
10
|
],
|
|
11
11
|
"processors": [],
|
|
12
12
|
"dependencies": {},
|
|
13
|
-
"filePath": "bricks/diagram/dist/index.
|
|
13
|
+
"filePath": "bricks/diagram/dist/index.a0b283c5.js"
|
|
14
14
|
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[6248],{6248:(e,t,a)=>{a.r(t);var n,i,l,r,o,s,c,u,d,h,v,g,p,f,b,w,m,k,y,M,E,x,N,W,C,L,S,R,z,T,B,D,A,I,O,H,P,V,Y,X,K,_,U,j,q,Z,$,F,G,J,Q,ee,te,ae,ne,ie,le,re,oe=a(123),se=a(592),ce=a(5866),ue=a(1412),de=a(8644),he=a(5600),ve=a.n(he),ge=a(7672),pe=a(8160),fe=(a(48),a(5248)),be=a(1920),we=a(1252),me=a.n(we),ke=a(7568),ye=a(2504),Me=a(8996),Ee=a(9140),xe=a(3600),Ne=a(3904),We=a(4378),Ce=a(8276),Le=a(2092),Se=a(8752),Re=a(4092),ze=a(3784),Te=a(3732),Be=a(636),De=a(6932),Ae=a(4580),Ie=a(9900),Oe=a(6152),He=a(3888),Pe=a(4588),Ve=a(3256),{defineElement:Ye,property:Xe,event:Ke,method:_e}=(0,ge.createDecorators)(),Ue=(0,he.forwardRef)(Pt);l=[Ye("eo-diagram",{styleTexts:[Oe.c]})],r=Xe({type:String}),s=Xe({attribute:!1}),u=Xe({attribute:!1}),h=Xe({attribute:!1}),g=Xe({attribute:!1}),f=Xe({attribute:!1}),w=Xe({attribute:!1}),k=Xe({type:Boolean}),M=Xe({attribute:!1}),x=Xe({attribute:!1}),W=Xe({type:Boolean}),L=Xe({type:Boolean}),R=Xe({type:Boolean}),T=Xe({attribute:!1}),D=Ke({type:"activeTarget.change"}),H=Ke({type:"node.delete"}),X=Ke({type:"edge.delete"}),j=Ke({type:"line.click"}),F=Ke({type:"line.dblclick"}),ee=Ke({type:"nodes.connect"}),ie=_e();var je=new WeakMap,qe=new WeakMap,Ze=new WeakMap,$e=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,it=new WeakMap,lt=new WeakMap,rt=new WeakMap,ot=new WeakMap,st=new WeakMap,ct=new WeakMap,ut=new WeakMap,dt=new WeakMap,ht=new WeakMap,vt=new WeakMap,gt=new WeakMap,pt=new WeakMap,ft=new WeakMap,bt=new WeakMap,wt=new WeakMap,mt=new WeakMap,kt=new WeakMap,yt=new WeakMap,Mt=new WeakMap,Et=new WeakMap,xt=new WeakMap,Nt=new WeakMap;class Wt extends pe.ReactNextElement{constructor(){super(...arguments),(0,oe.c)(this,Mt,{get:Ht,set:Ot}),(0,oe.c)(this,mt,{get:It,set:At}),(0,oe.c)(this,ft,{get:Dt,set:Bt}),(0,oe.c)(this,vt,{get:Tt,set:zt}),(0,oe.c)(this,ut,{get:Rt,set:St}),(0,oe.c)(this,ot,{get:Lt,set:Ct}),(0,oe.c)(this,je,{writable:!0,value:(n(this),o(this))}),(0,oe.c)(this,qe,{writable:!0,value:c(this)}),(0,oe.c)(this,Ze,{writable:!0,value:d(this)}),(0,oe.c)(this,$e,{writable:!0,value:v(this)}),(0,oe.c)(this,Fe,{writable:!0,value:p(this)}),(0,oe.c)(this,Ge,{writable:!0,value:b(this)}),(0,oe.c)(this,Je,{writable:!0,value:m(this)}),(0,oe.c)(this,Qe,{writable:!0,value:y(this)}),(0,oe.c)(this,et,{writable:!0,value:E(this)}),(0,oe.c)(this,tt,{writable:!0,value:N(this)}),(0,oe.c)(this,at,{writable:!0,value:C(this,!0)}),(0,oe.c)(this,nt,{writable:!0,value:S(this,!0)}),(0,oe.c)(this,it,{writable:!0,value:z(this,!0)}),(0,oe.c)(this,lt,{writable:!0,value:B(this)}),(0,oe.c)(this,rt,{writable:!0,value:A(this)}),(0,oe.c)(this,st,{writable:!0,value:e=>{(0,ue.c)(this,ot).emit(e)}}),(0,oe.c)(this,ct,{writable:!0,value:P(this)}),(0,oe.c)(this,dt,{writable:!0,value:e=>{(0,ue.c)(this,ut).emit(e)}}),(0,oe.c)(this,ht,{writable:!0,value:K(this)}),(0,oe.c)(this,gt,{writable:!0,value:e=>{(0,ue.c)(this,vt).emit(e)}}),(0,oe.c)(this,pt,{writable:!0,value:q(this)}),(0,oe.c)(this,bt,{writable:!0,value:e=>{(0,ue.c)(this,ft).emit(e)}}),(0,oe.c)(this,wt,{writable:!0,value:G(this)}),(0,oe.c)(this,kt,{writable:!0,value:e=>{(0,ue.c)(this,mt).emit(e)}}),(0,oe.c)(this,yt,{writable:!0,value:te(this)}),(0,oe.c)(this,Et,{writable:!0,value:e=>{(0,ue.c)(this,Mt).emit(e)}}),(0,oe.c)(this,xt,{writable:!0,value:e=>{(0,Pe.M)(e,this.activeTarget)||(this.activeTarget=e)}}),(0,oe.c)(this,Nt,{writable:!0,value:(0,he.createRef)()})}get layout(){return(0,ue.c)(this,je)}set layout(e){(0,ce.c)(this,je,e)}get nodes(){return(0,ue.c)(this,qe)}set nodes(e){(0,ce.c)(this,qe,e)}get edges(){return(0,ue.c)(this,Ze)}set edges(e){(0,ce.c)(this,Ze,e)}get nodeBricks(){return(0,ue.c)(this,$e)}set nodeBricks(e){(0,ce.c)(this,$e,e)}get lines(){return(0,ue.c)(this,Fe)}set lines(e){(0,ce.c)(this,Fe,e)}get layoutOptions(){return(0,ue.c)(this,Ge)}set layoutOptions(e){(0,ce.c)(this,Ge,e)}get activeTarget(){return(0,ue.c)(this,Je)}set activeTarget(e){(0,ce.c)(this,Je,e)}get disableKeyboardAction(){return(0,ue.c)(this,Qe)}set disableKeyboardAction(e){(0,ce.c)(this,Qe,e)}get connectNodes(){return(0,ue.c)(this,et)}set connectNodes(e){(0,ce.c)(this,et,e)}get dragNodes(){return(0,ue.c)(this,tt)}set dragNodes(e){(0,ce.c)(this,tt,e)}get zoomable(){return(0,ue.c)(this,at)}set zoomable(e){(0,ce.c)(this,at,e)}get scrollable(){return(0,ue.c)(this,nt)}set scrollable(e){(0,ce.c)(this,nt,e)}get pannable(){return(0,ue.c)(this,it)}set pannable(e){(0,ce.c)(this,it,e)}get scaleRange(){return(0,ue.c)(this,lt)}set scaleRange(e){(0,ce.c)(this,lt,e)}callOnLineLabel(e,t){for(var a,n=arguments.length,i=new Array(n>2?n-2:0),l=2;l<n;l++)i[l-2]=arguments[l];null===(a=(0,ue.c)(this,Nt).current)||void 0===a||a.callOnLineLabel(e,t,...i)}render(){return ve().createElement(Ue,{ref:(0,ue.c)(this,Nt),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:this.connectNodes,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,ue.c)(this,st),onSwitchActiveTarget:(0,ue.c)(this,xt),onNodeDelete:(0,ue.c)(this,dt),onEdgeDelete:(0,ue.c)(this,gt),onLineClick:(0,ue.c)(this,bt),onLineDoubleClick:(0,ue.c)(this,kt),onNodesConnect:(0,ue.c)(this,Et)})}}function Ct(e){O(this,e)}function Lt(){return I(this)}function St(e){Y(this,e)}function Rt(){return V(this)}function zt(e){U(this,e)}function Tt(){return _(this)}function Bt(e){$(this,e)}function Dt(){return Z(this)}function At(e){Q(this,e)}function It(){return J(this)}function Ot(e){ne(this,e)}function Ht(){return ae(this)}function Pt(e,t){var{layout:a,nodes:n,edges:i,nodeBricks:l,lines:r,layoutOptions:o,connectNodes:s,dragNodes:c,activeTarget:u,disableKeyboardAction:d,zoomable:h,scrollable:v,pannable:g,scaleRange:p,onActiveTargetChange:f,onSwitchActiveTarget:b,onNodeDelete:w,onEdgeDelete:m,onLineClick:k,onLineDoubleClick:y,onNodesConnect:M}=e,[E,x]=(0,he.useState)(!1),[N,W]=(0,he.useState)(0),[C,L]=(0,he.useState)(null),[S,R]=(0,he.useState)(!1),[z,T]=(0,he.useState)(0),[B,D]=(0,he.useState)(null),[A,I]=(0,he.useState)([]),[O,H]=(0,he.useState)(!1),[P,V]=(0,he.useState)({k:1,x:0,y:0}),Y=(0,he.useRef)(new Map),X=(0,he.useRef)(null),K=(0,he.useRef)(null),[_,U]=(0,he.useState)(!1),{userViewReady:j,userViewNodesMap:q,saveUserView:Z}=(0,He.y)(null==c?void 0:c.save),[$,F]=(0,he.useState)([0,0]),[G,J]=(0,he.useState)(null),[Q,ee]=(0,he.useState)("initial"),[te,ae]=(0,he.useState)(null);(0,he.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,n=arguments.length,i=new Array(n>2?n-2:0),l=2;l<n;l++)i[l-2]=arguments[l];null==B||null===(a=B.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...i)}}))),(0,he.useEffect)((()=>{var e=e=>{(0,Be.w)(e,{nodes:n,nodesRefRepository:C,connectNodes:s,dragNodes:c,scale:P.k,setConnectLineState:J,setConnectLineTo:F,setManualLayoutStatus:ee,setNodeMovement:ae,onSwitchActiveTarget:b,onNodesConnect:M})},t=K.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,s,c,P.k,C,M,b]);var{normalizedLines:ne,normalizedLinesMap:ie,markers:le}=(0,he.useMemo)((()=>(0,We.K)(i,r)),[i,r]),re=(0,he.useMemo)((()=>ne.flatMap((e=>{var t,a,{line:{text:n,label:i,$id:l},edge:r}=e;return n||i?(i?(t="label",a=[].concat(i)):(t="text",a=[].concat(n)),a.map((e=>{var a;return{[t]:e,id:"".concat(l,"-").concat(null!==(a=e.placement)&&void 0!==a?a:"center"),edge:r}}))):[]}))),[ne]),{nodes:oe,edges:se}=(0,Ae.C)({layout:a,nodes:n,edges:i,manualLayoutStatus:Q,userViewReady:j,userViewNodesMap:q,nodeMovement:te,nodesRefRepository:C,lineLabelsRefRepository:B,normalizedLinesMap:ie,layoutOptions:o,nodesRenderId:N,lineLabelsRenderId:z});(0,he.useEffect)((()=>{"finished"===Q&&Z(oe.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Q]);var ce=(0,he.useMemo)((()=>(0,Ne.e)(se,oe,ne)),[ne,oe,se]),ue=null!=u?u:null,[de,ge]=(0,he.useState)(ue);(0,he.useEffect)((()=>{ge((e=>(0,Pe.M)(e,ue)?e:ue))}),[ue]);var pe=(0,he.useRef)(!1);(0,he.useEffect)((()=>{pe.current?null==f||f(de):pe.current=!0}),[de,f]),(0,he.useEffect)((()=>{var e=X.current;if(e&&!d){var t=e=>{var t=(0,Ee.Y)(e,{renderedNodes:oe,activeTarget:de});"delete-node"===(null==t?void 0:t.action)?null==w||w(t.node):"delete-edge"===(null==t?void 0:t.action)?null==m||m(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==b||b({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[de,oe,d,b,w,m]);var we=(0,he.useCallback)((e=>{e&&(W((e=>e+1)),L(e)),x((t=>t||!!e))}),[]),Oe=(0,he.useCallback)((e=>{e&&(T((e=>e+1)),D(e)),R((t=>t||!!e))}),[]),Ye=(0,he.useMemo)((()=>null!=p?p:[De.WH,De.Oi]),[p]),Xe=(0,he.useMemo)((()=>(0,be.AT)()),[]);(0,he.useEffect)((()=>{var e=!1;Xe.scaleExtent(h?Ye:[1,1]).on("start",(()=>{e=!1,H(!0)})).on("zoom",(t=>{e=!0,V(t.transform)})).on("end",(()=>{H(!1),e||null==b||b(null)}))}),[b,Ye,h,Xe]),(0,he.useEffect)((()=>{var e=X.current;if(e){var t=(0,fe.c)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||v||g)return(h||v)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),v&&(e.preventDefault(),Xe.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Xe).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),g||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[g,v,h,Xe]),(0,he.useEffect)((()=>{var e=X.current;if(0!==oe.length&&e&&!_){var{k:t,x:a,y:n}=(0,xe.c)(oe,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?Ye:void 0});Xe.transform((0,fe.c)(e),new be.O(t,a,n)),U(!0)}}),[_,oe,Ye,h,Xe]);var Ke=(0,he.useMemo)((()=>"".concat((0,ke.uniqueId)("diagram-"),"-")),[]),_e="".concat(Ke,"line-arrow-"),Ue="".concat(Ke,"mask-"),je="".concat(Ke,"active-line-");(0,he.useEffect)((()=>{I((e=>(0,Te.c)(e,ce,Y.current)))}),[ce]);var[qe,Ze]=ve().useState(new Map);return(0,he.useEffect)((()=>{if(B){(0,Ie.c)(A,B);var e=new ye.c((()=>{Ze((0,Ve.E)(A,B))}));for(var t of B.values())e.observe(t);return()=>{e.disconnect()}}}),[z,B,A]),"dagre"!==a&&"force"!==a?ve().createElement("div",null,'Diagram layout not supported: "'.concat(a,'"')):ve().createElement("div",{className:me()("diagram",{ready:E&&_,grabbing:O,pannable:g}),tabIndex:-1,ref:X},ve().createElement("svg",{width:"100%",height:"100%",className:"lines"},ve().createElement("defs",null,le.map(((e,t)=>{var{type:a,strokeColor:n}=e;return ve().createElement(Se.y,{key:t,id:"".concat(_e).concat(t),type:a,strokeColor:n})})),[...qe].map((e=>{var[t,a]=e;return ve().createElement(Re.g,{key:t,lineId:t,rects:a,maskPrefix:Ue,renderedLineLabels:A})})),ve().createElement("marker",{id:"".concat(je,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},ve().createElement("path",{d:"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"})),ve().createElement("marker",{id:"".concat(je,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},ve().createElement("path",{d:"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z",stroke:"var(--palette-blue-3)",strokeWidth:1,fill:"var(--palette-blue-3)"}),ve().createElement("path",{d:"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"}))),ve().createElement("g",{transform:"translate(".concat(P.x," ").concat(P.y,") scale(").concat(P.k,")")},ce.map((e=>ve().createElement(Le.k,{key:e.line.$id,line:e,linePaths:Y.current,lineMaskRects:qe,maskPrefix:Ue,markerPrefix:_e,activeLineMarkerPrefix:je,active:"edge"===(null==de?void 0:de.type)&&de.edge.source===e.edge.source&&de.edge.target===e.edge.target,activeRelated:"node"===(null==de?void 0:de.type)&&(e.edge.source===de.nodeId||e.edge.target===de.nodeId),onLineClick:k,onLineDoubleClick:y}))))),ve().createElement("div",{className:me()("line-labels",{ready:S}),style:{left:P.x,top:P.y,transform:"scale(".concat(P.k,")")}},ve().createElement(Ce.Ar,{labels:re,onRendered:Oe})),ve().createElement("div",{className:"nodes",ref:K,style:{left:P.x,top:P.y,transform:"scale(".concat(P.k,")")}},ve().createElement(Me._,{nodes:n,nodeBricks:l,onRendered:we})),ve().createElement(ze.E,{connectLineState:G,connectLineTo:$,markerPrefix:_e}))}le=Wt,({e:[o,c,d,v,p,b,m,y,E,N,C,S,z,B,A,I,O,P,V,Y,K,_,U,q,Z,$,G,J,Q,te,ae,ne,n],c:[re,i]}=(0,de.c)(le,[[r,1,"layout"],[s,1,"nodes"],[u,1,"edges"],[h,1,"nodeBricks"],[g,1,"lines"],[f,1,"layoutOptions"],[w,1,"activeTarget"],[k,1,"disableKeyboardAction"],[M,1,"connectNodes"],[x,1,"dragNodes"],[W,1,"zoomable"],[L,1,"scrollable"],[R,1,"pannable"],[T,1,"scaleRange"],[D,1,"activeTargetChangeEvent",e=>(0,ue.c)(e,rt),(e,t)=>(0,ce.c)(e,rt,t)],[H,1,"nodeDelete",e=>(0,ue.c)(e,ct),(e,t)=>(0,ce.c)(e,ct,t)],[X,1,"edgeDelete",e=>(0,ue.c)(e,ht),(e,t)=>(0,ce.c)(e,ht,t)],[j,1,"lineClick",e=>(0,ue.c)(e,pt),(e,t)=>(0,ce.c)(e,pt,t)],[F,1,"lineDoubleClick",e=>(0,ue.c)(e,wt),(e,t)=>(0,ce.c)(e,wt,t)],[ee,1,"connectNodes",e=>(0,ue.c)(e,yt),(e,t)=>(0,ce.c)(e,yt,t)],[ie,2,"callOnLineLabel"]],l,0,(e=>Nt.has((0,se.c)(e))),pe.ReactNextElement)),i();var Vt,Yt,Xt,Kt,_t,Ut,jt,qt,Zt,$t,Ft,Gt,Jt,Qt,ea,ta,aa,na,ia=a(7518),{defineElement:la,property:ra,event:oa,method:sa}=(0,ge.createDecorators)(),ca=(0,he.forwardRef)(xa);Xt=[la("diagram.editable-label",{styleTexts:[ia.c]})],Kt=ra(),Ut=ra({render:!1}),qt=oa({type:"label.editing.change"}),Gt=oa({type:"label.change"}),ta=sa();var ua=new WeakMap,da=new WeakMap,ha=new WeakMap,va=new WeakMap,ga=new WeakMap,pa=new WeakMap,fa=new WeakMap,ba=new WeakMap,wa=new WeakMap;class ma extends pe.ReactNextElement{constructor(){super(...arguments),(0,oe.c)(this,fa,{get:Ea,set:Ma}),(0,oe.c)(this,va,{get:ya,set:ka}),(0,oe.c)(this,ua,{writable:!0,value:(Vt(this),_t(this))}),(0,oe.c)(this,da,{writable:!0,value:jt(this)}),(0,oe.c)(this,ha,{writable:!0,value:Zt(this)}),(0,oe.c)(this,ga,{writable:!0,value:e=>{(0,ue.c)(this,va).emit(e)}}),(0,oe.c)(this,pa,{writable:!0,value:Jt(this)}),(0,oe.c)(this,ba,{writable:!0,value:e=>{(0,ue.c)(this,fa).emit(e)}}),(0,oe.c)(this,wa,{writable:!0,value:(0,he.createRef)()})}get label(){return(0,ue.c)(this,ua)}set label(e){(0,ce.c)(this,ua,e)}get type(){return(0,ue.c)(this,da)}set type(e){(0,ce.c)(this,da,e)}enableEditing(){var e;null===(e=(0,ue.c)(this,wa).current)||void 0===e||e.enableEditing()}render(){return ve().createElement(ca,{ref:(0,ue.c)(this,wa),label:this.label,onLabelEditingChange:(0,ue.c)(this,ga),onLabelChange:(0,ue.c)(this,ba)})}}function ka(e){Ft(this,e)}function ya(){return $t(this)}function Ma(e){ea(this,e)}function Ea(){return Qt(this)}function xa(e,t){var{label:a,onLabelChange:n,onLabelEditingChange:i}=e,l=null!=a?a:"",[r,o]=(0,he.useState)(l),[s,c]=(0,he.useState)(!1),u=(0,he.useRef)(!1),[d,h]=(0,he.useState)(!1),v=(0,he.useRef)(null);(0,he.useImperativeHandle)(t,(()=>({enableEditing(){c(!0)}}))),(0,he.useEffect)((()=>{o(l)}),[l]);var g=(0,he.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),c(!0)}),[]);(0,he.useEffect)((()=>{var e,t;s&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[s]),(0,he.useEffect)((()=>{u.current?null==i||i(s):u.current=!0}),[s,i]);var p=(0,he.useCallback)((e=>{o(e.target.value)}),[]),f=(0,he.useCallback)((e=>{var t,a=e.key||e.keyCode||e.which;"Enter"!==a&&13!==a||null===(t=v.current)||void 0===t||t.blur()}),[]),b=(0,he.useCallback)((()=>{c(!1),h(!0)}),[]);(0,he.useEffect)((()=>{d&&(null==n||n(r),h(!1))}),[r,n,d]);var w=(0,he.useCallback)((e=>{e.stopPropagation()}),[]);return ve().createElement("div",{className:me()("label",{editing:s,empty:!r}),onDoubleClick:w,onMouseDown:w},ve().createElement("input",{className:"label-input",value:r,ref:v,onChange:p,onKeyDown:f,onBlur:b}),ve().createElement("div",{className:"label-text",onDoubleClick:g},r))}aa=ma,({e:[_t,jt,Zt,$t,Ft,Jt,Qt,ea,Vt],c:[na,Yt]}=(0,de.c)(aa,[[Kt,1,"label"],[Ut,1,"type"],[qt,1,"labelEditingChange",e=>(0,ue.c)(e,ha),(e,t)=>(0,ce.c)(e,ha,t)],[Gt,1,"labelChange",e=>(0,ue.c)(e,pa),(e,t)=>(0,ce.c)(e,pa,t)],[ta,2,"enableEditing"]],Xt,0,(e=>wa.has((0,se.c)(e))),pe.ReactNextElement)),Yt();var Na=a(4412),Wa=a(640),Ca=a(8944);function La(e){return"node"===e.type}var Sa,Ra=(Sa={cells:(e,t)=>{switch(t.type){case"drop-node":return[...e,t.payload];case"add-nodes":return[...e,...t.payload];case"add-edge":var a=e.findLastIndex((e=>"edge"===e.type))+1;return[...e.slice(0,a),t.payload,...e.slice(a)];case"move-node":var{id:n,x:i,y:l}=t.payload,r=e.findIndex((e=>La(e)&&e.id===n));if(-1!==r){var o=e[r];return[...e.slice(0,r),(0,Na.c)((0,Na.c)({},o),{},{view:(0,Na.c)((0,Na.c)({},o.view),{},{x:i,y:l})}),...e.slice(r+1)]}return e}return e}},(e,t)=>Object.fromEntries(Object.entries(Sa).map((a=>{var[n,i]=a;return[n,i(e[n],t)]})))),za=a(960);function Ta(e,t){return e.find((e=>La(e)&&e.id===t))}function Ba(e){var{edge:t,cells:a,markerEnd:n}=e,i=(0,he.useMemo)((()=>Ta(a,t.source)),[a,t.source]),l=(0,he.useMemo)((()=>Ta(a,t.target)),[a,t.target]),r=(0,he.useMemo)((()=>i&&l?(0,za.g)(Da(i.view,5),Da(l.view,5)):null),[i,l]);return r?ve().createElement("path",{className:"line",d:"M".concat(r[0].x," ").concat(r[0].y,"L").concat(r[1].x," ").concat(r[1].y),fill:"none",stroke:"gray",markerEnd:"url(#".concat(n,")")}):null}function Da(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}var Aa=a(7584),Ia=a(6196),Oa=a(6960);function Ha(e){var{node:t,defaultNodeBricks:a,onMount:n,onUnmount:i}=e,l=(0,he.useMemo)((()=>({node:{id:t.id,data:t.data}})),[t.id,t.data]),r=t.useBrick,o=(0,he.useMemo)((()=>{var e;return null!=r?r:null==a||null===(e=a.find((e=>(0,Oa.checkIfByTransform)(e,l))))||void 0===e?void 0:e.useBrick}),[a,r,l]);return o?ve().createElement("foreignObject",{x:t.view.x,y:t.view.y,width:t.view.width,height:t.view.height,style:{overflow:"visible"}},ve().createElement(Pa,{id:t.id,useBrick:o,data:l,onMount:n,onUnmount:i})):null}function Pa(e){var{id:t,useBrick:a,data:n,onMount:i,onUnmount:l}=e;(0,he.useEffect)((()=>()=>{null==l||l(t)}),[]);var r=(0,he.useCallback)((e=>{e&&(null==i||i(t,e))}),[t,i]),o=(0,he.useCallback)((()=>{null==i||i(t,null)}),[t,i]);return a?ve().createElement(Ia.ReactUseBrick,{refCallback:r,ignoredCallback:o,useBrick:a,data:n}):null}function Va(e,t){return e?!!t&&e.type===t.type&&("node"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}var Ya,Xa,Ka,_a,Ua,ja,qa,Za,$a,Fa,Ga,Ja,Qa,en,tn,an,nn,ln,rn,on,sn,cn,un,dn,hn,vn,gn,pn,fn=["size","useBrick"],bn=20,{defineElement:wn,property:mn,method:kn,event:yn}=(0,ge.createDecorators)(),Mn=ve().forwardRef(Un);Ka=[wn("eo-draw-canvas",{styleTexts:[Aa.c]})],_a=mn({attribute:!1}),ja=mn({attribute:!1}),Za=mn({attribute:!1}),Fa=mn({attribute:!1}),Ja=yn({type:"activeTarget.change"}),an=yn({type:"node.move"}),on=yn({type:"node.delete"}),dn=kn(),hn=kn(),vn=kn();var En=new WeakMap,xn=new WeakMap,Nn=new WeakMap,Wn=new WeakMap,Cn=new WeakMap,Ln=new WeakMap,Sn=new WeakMap,Rn=new WeakMap,zn=new WeakMap,Tn=new WeakMap,Bn=new WeakMap,Dn=new WeakMap,An=new WeakMap,In=new WeakMap,On=new WeakMap;class Hn extends pe.ReactNextElement{constructor(){super(...arguments),(0,oe.c)(this,An,{get:_n,set:Kn}),(0,oe.c)(this,Tn,{get:Xn,set:Yn}),(0,oe.c)(this,Ln,{get:Vn,set:Pn}),(0,oe.c)(this,En,{writable:!0,value:(Ya(this),Ua(this))}),(0,oe.c)(this,xn,{writable:!0,value:qa(this)}),(0,oe.c)(this,Nn,{writable:!0,value:$a(this)}),(0,oe.c)(this,Wn,{writable:!0,value:Ga(this)}),(0,oe.c)(this,Cn,{writable:!0,value:Qa(this)}),(0,oe.c)(this,Sn,{writable:!0,value:e=>{(0,ue.c)(this,Ln).emit(e)}}),(0,oe.c)(this,Rn,{writable:!0,value:e=>{Va(e,this.activeTarget)||(this.activeTarget=e)}}),(0,oe.c)(this,zn,{writable:!0,value:nn(this)}),(0,oe.c)(this,Bn,{writable:!0,value:e=>{(0,ue.c)(this,Tn).emit(e)}}),(0,oe.c)(this,Dn,{writable:!0,value:sn(this)}),(0,oe.c)(this,In,{writable:!0,value:e=>{(0,ue.c)(this,An).emit(e)}}),(0,oe.c)(this,On,{writable:!0,value:(0,he.createRef)()})}get cells(){return(0,ue.c)(this,En)}set cells(e){(0,ce.c)(this,En,e)}get defaultNodeSize(){return(0,ue.c)(this,xn)}set defaultNodeSize(e){(0,ce.c)(this,xn,e)}get defaultNodeBricks(){return(0,ue.c)(this,Nn)}set defaultNodeBricks(e){(0,ce.c)(this,Nn,e)}get activeTarget(){return(0,ue.c)(this,Wn)}set activeTarget(e){(0,ce.c)(this,Wn,e)}dropNode(e){var t=this;return(0,Ca.c)((function*(){var a,n,{id:i,position:l,size:r,data:o,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,l[0],l[1]))||void 0===a?void 0:a.includes(t)){var c,u,d,h,v,g,p,f=t.getBoundingClientRect(),b={type:"node",id:i,view:{x:l[0]-f.left,y:l[1]-f.top,width:null!==(c=null!==(u=null==r?void 0:r[0])&&void 0!==u?u:null===(d=t.defaultNodeSize)||void 0===d?void 0:d[0])&&void 0!==c?c:bn,height:null!==(h=null!==(v=null==r?void 0:r[1])&&void 0!==v?v:null===(g=t.defaultNodeSize)||void 0===g?void 0:g[0])&&void 0!==h?h:bn},data:o,useBrick:s};return null===(p=(0,ue.c)(t,On).current)||void 0===p||p.dropNode(b),b}return null}))()}addNodes(e){var t=this;return(0,Ca.c)((function*(){var a,n,i,l,r,o,s,c,u;if(0===e.length)return[];var d=e[0],h=null!==(a=null!==(n=null===(i=d.size)||void 0===i?void 0:i[0])&&void 0!==n?n:null===(l=t.defaultNodeSize)||void 0===l?void 0:l[0])&&void 0!==a?a:bn,v=null!==(r=null!==(o=null===(s=d.size)||void 0===s?void 0:s[1])&&void 0!==o?o:null===(c=t.defaultNodeSize)||void 0===c?void 0:c[1])&&void 0!==r?r:bn,g=Math.floor(600/(v+20)),p=e.map(((e,a)=>{var n,i,l,r,o,s,{size:c,useBrick:u}=e,d=(0,Wa.c)(e,fn);return(0,Na.c)((0,Na.c)({},d),{},{type:"node",view:{x:Math.floor(a/g)*(h+20)+20,y:a%g*(v+20)+20,width:null!==(n=null!==(i=null==c?void 0:c[0])&&void 0!==i?i:null===(l=t.defaultNodeSize)||void 0===l?void 0:l[0])&&void 0!==n?n:bn,height:null!==(r=null!==(o=null==c?void 0:c[1])&&void 0!==o?o:null===(s=t.defaultNodeSize)||void 0===s?void 0:s[0])&&void 0!==r?r:bn},useBrick:u})}));return null===(u=(0,ue.c)(t,On).current)||void 0===u||u.addNodes(p),p}))()}addEdge(e){var t=this;return(0,Ca.c)((function*(){var a,{source:n,target:i,data:l}=e,r={type:"edge",source:n,target:i,data:l};return null===(a=(0,ue.c)(t,On).current)||void 0===a||a.addEdge(r),r}))()}render(){return ve().createElement(Mn,{ref:(0,ue.c)(this,On),cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,activeTarget:this.activeTarget,onActiveTargetChange:(0,ue.c)(this,Sn),onSwitchActiveTarget:(0,ue.c)(this,Rn),onNodeMove:(0,ue.c)(this,Bn),onNodeDelete:(0,ue.c)(this,In)})}}function Pn(e){tn(this,e)}function Vn(){return en(this)}function Yn(e){rn(this,e)}function Xn(){return ln(this)}function Kn(e){un(this,e)}function _n(){return cn(this)}function Un(e,t){var{cells:a,defaultNodeSize:n,defaultNodeBricks:i,activeTarget:l,onActiveTargetChange:r,onSwitchActiveTarget:o,onNodeMove:s,onNodeDelete:c}=e,[{cells:u},d]=(0,he.useReducer)(Ra,a,(e=>{var t=null!=e?e:[];return{cells:n?t.map((e=>!function(e){return"node"===e.type}(e)||void 0!==e.view.width&&void 0!==e.view.height?e:(0,Na.c)((0,Na.c)({},e),{},{view:(0,Na.c)({width:n[0],height:n[1]},e.view)}))):t}}));(0,he.useImperativeHandle)(t,(()=>({dropNode(e){d({type:"drop-node",payload:e})},addNodes(e){d({type:"add-nodes",payload:e})},addEdge(e){d({type:"add-edge",payload:e})}})),[]);var h=(0,he.useRef)(null),v=(0,he.useRef)(null),g=(0,he.useMemo)((()=>new Map),[]),p=null!=l?l:null,[f,b]=(0,he.useState)(p);(0,he.useEffect)((()=>{b((e=>Va(e,p)?e:p))}),[p]);var w=(0,he.useRef)(!1);(0,he.useEffect)((()=>{w.current?r(f):w.current=!0}),[f,r]),(0,he.useEffect)((()=>{var e=h.current,t=e=>{var t=function(e,t){var{cells:a,activeTarget:n}=t,i="node"===(null==n?void 0:n.type)?Ta(a,n.id):void 0;if(i){var l,r;switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:l="delete-node",r={id:i.id,data:i.data}}return l?(e.preventDefault(),e.stopPropagation(),{action:l,node:r}):void 0}}(e,{cells:u,activeTarget:f});"delete-node"===(null==t?void 0:t.action)&&(null==c||c(t.node))};return null==e||e.addEventListener("keydown",t),()=>{null==e||e.removeEventListener("keydown",t)}}),[f,u,c]);var m=(0,he.useCallback)(((e,t)=>{t&&g.set(e,t)}),[g]),k=(0,he.useCallback)((e=>{g.delete(e)}),[g]),y=(0,he.useMemo)((()=>"".concat((0,ke.uniqueId)("diagram-"),"-")),[]),M="".concat(y,"line-arrow-"),E="".concat(M,"1");return(0,he.useEffect)((()=>{var e=e=>{!function(e,t){var{cells:a,nodesRefRepository:n,onNodeMoving:i,onNodeMoved:l,onSwitchActiveTarget:r}=t,o=function(t){if(n)for(var[i,l]of n)if(l.contains(e.target)){var r=Ta(a,i);if(r)return[r,l]}}();if(o){var[s,c]=o;r({type:"node",id:s.id});var u=[e.clientX,e.clientY],d=c.parentNode,h=[d.x.baseVal.value,d.y.baseVal.value],v=!1,g=(e,t)=>{var a=function(e){return[(e.clientX-u[0])/1,(e.clientY-u[1])/1]}(e);v||(v=a[0]**2+a[1]**2>=9);var[n,r]=function(e){return[h[0]+e[0],h[1]+e[1]]}(a);!function(e,t){d.x.baseVal.value=e,d.y.baseVal.value=t}(n,r),v&&(t?l:i)({id:s.id,x:n,y:r})},p=e=>{g(e)},f=e=>{g(e,!0),v=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",f)};document.addEventListener("mousemove",p),document.addEventListener("mouseup",f)}}(e,{cells:u,nodesRefRepository:g,onNodeMoving(e){d({type:"move-node",payload:e})},onNodeMoved:s,onSwitchActiveTarget:o})},t=v.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[u,s,o,g]),ve().createElement("svg",{width:800,height:600,ref:h,className:"root",tabIndex:-1},ve().createElement("defs",null,ve().createElement(Se.y,{id:E,type:"arrow",strokeColor:"gray"})),ve().createElement("g",{className:"cells",ref:v},u.map((e=>La(e)?ve().createElement(Ha,{key:"node:".concat(e.id),node:e,defaultNodeBricks:i,onMount:m,onUnmount:k}):function(e){return"edge"===e.type}(e)?ve().createElement(Ba,{key:"edge:".concat(e.source,"~").concat(e.target),edge:e,cells:u,markerEnd:E}):null))))}gn=Hn,({e:[Ua,qa,$a,Ga,Qa,en,tn,nn,ln,rn,sn,cn,un,Ya],c:[pn,Xa]}=(0,de.c)(gn,[[_a,1,"cells"],[ja,1,"defaultNodeSize"],[Za,1,"defaultNodeBricks"],[Fa,1,"activeTarget"],[Ja,1,"activeTargetChangeEvent",e=>(0,ue.c)(e,Cn),(e,t)=>(0,ce.c)(e,Cn,t)],[an,1,"nodeMoveEvent",e=>(0,ue.c)(e,zn),(e,t)=>(0,ce.c)(e,zn,t)],[on,1,"nodeDelete",e=>(0,ue.c)(e,Dn),(e,t)=>(0,ce.c)(e,Dn,t)],[dn,2,"dropNode"],[hn,2,"addNodes"],[vn,2,"addEdge"]],Ka,0,(e=>On.has((0,se.c)(e))),pe.ReactNextElement)),Xa();var jn,qn,Zn,$n,Fn,Gn,Jn,Qn,ei,ti,ai,ni,ii,li,ri,oi,si,ci,ui,di,hi,vi=a(3704),{defineElement:gi,property:pi,event:fi}=(0,ge.createDecorators)();Zn=[gi("diagram.experimental-node",{styleTexts:[vi.c]})],$n=pi(),Gn=pi({type:String,render:!1}),Qn=fi({type:"drag.start"}),ni=fi({type:"drag.move"}),oi=fi({type:"drag.end"});var bi=new WeakMap,wi=new WeakMap,mi=new WeakMap,ki=new WeakMap,yi=new WeakMap,Mi=new WeakMap,Ei=new WeakMap,xi=new WeakMap,Ni=new WeakMap,Wi=new WeakMap,Ci=new WeakMap;class Li extends pe.ReactNextElement{constructor(){super(...arguments),(0,oe.c)(this,Wi,{get:Di,set:Bi}),(0,oe.c)(this,Ei,{get:Ti,set:zi}),(0,oe.c)(this,ki,{get:Ri,set:Si}),(0,oe.c)(this,bi,{writable:!0,value:(jn(this),Fn(this))}),(0,oe.c)(this,wi,{writable:!0,value:Jn(this)}),(0,oe.c)(this,mi,{writable:!0,value:ei(this)}),(0,oe.c)(this,yi,{writable:!0,value:e=>{(0,ue.c)(this,ki).emit(e)}}),(0,oe.c)(this,Mi,{writable:!0,value:ii(this)}),(0,oe.c)(this,xi,{writable:!0,value:e=>{(0,ue.c)(this,Ei).emit(e)}}),(0,oe.c)(this,Ni,{writable:!0,value:si(this)}),(0,oe.c)(this,Ci,{writable:!0,value:e=>{(0,ue.c)(this,Wi).emit(e)}})}get usage(){return(0,ue.c)(this,bi)}set usage(e){(0,ce.c)(this,bi,e)}get status(){return(0,ue.c)(this,wi)}set status(e){(0,ce.c)(this,wi,e)}render(){return ve().createElement(Ai,{usage:this.usage,onDragStart:(0,ue.c)(this,yi),onDragMove:(0,ue.c)(this,xi),onDragEnd:(0,ue.c)(this,Ci)})}}function Si(e){ai(this,e)}function Ri(){return ti(this)}function zi(e){ri(this,e)}function Ti(){return li(this)}function Bi(e){ui(this,e)}function Di(){return ci(this)}function Ai(e){var{usage:t,onDragStart:a,onDragMove:n,onDragEnd:i}=e,l=(0,he.useCallback)((e=>{if("library"===t){e.stopPropagation(),e.preventDefault();var l=[e.clientX,e.clientY],r=!1,o=e=>{r||(r=(e.clientX-l[0])**2+(e.clientY-l[1])**2>=9)&&(null==a||a([e.clientX,e.clientY])),r&&(null==n||n([e.clientX,e.clientY]))},s=e=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",s),r&&(null==i||i([e.clientX,e.clientY]))};document.addEventListener("mousemove",o),document.addEventListener("mouseup",s)}}),[i,n,a,t]);return ve().createElement("div",{onMouseDown:l},ve().createElement("slot",null))}di=Li,({e:[Fn,Jn,ei,ti,ai,ii,li,ri,si,ci,ui,jn],c:[hi,qn]}=(0,de.c)(di,[[$n,1,"usage"],[Gn,1,"status"],[Qn,1,"dragStartEvent",e=>(0,ue.c)(e,mi),(e,t)=>(0,ce.c)(e,mi,t)],[ni,1,"dragMoveEvent",e=>(0,ue.c)(e,Mi),(e,t)=>(0,ce.c)(e,Mi,t)],[oi,1,"dragEndEvent",e=>(0,ue.c)(e,Ni),(e,t)=>(0,ce.c)(e,Ni,t)]],Zn,0,(e=>Ci.has((0,se.c)(e))),pe.ReactNextElement)),qn()},7584:(e,t,a)=>{a.d(t,{c:()=>o});var n=a(8304),i=a.n(n),l=a(1849),r=a.n(l)()(i());r.push([e.id,"*{box-sizing:border-box}:host{display:block;background:var(--palette-gray-2);position:relative}:host([hidden]){display:none}.root:focus{outline:none}",""]);const o=r.toString()},7518:(e,t,a)=>{a.d(t,{c:()=>o});var n=a(8304),i=a.n(n),l=a(1849),r=a.n(l)()(i());r.push([e.id,':host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type="line"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const o=r.toString()},3704:(e,t,a)=>{a.d(t,{c:()=>o});var n=a(8304),i=a.n(n),l=a(1849),r=a.n(l)()(i());r.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}',""]);const o=r.toString()}}]);
|
|
2
|
+
//# sourceMappingURL=6248.98448f5b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chunks/6248.98448f5b.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx","webpack:///./src/editable-label/index.tsx","webpack:///./src/draw-canvas/processors/asserts.ts","webpack:///./src/draw-canvas/reducers/index.ts","webpack:///./src/draw-canvas/reducers/cells.ts","webpack:///./src/draw-canvas/processors/findNode.ts","webpack:///./src/draw-canvas/EdgeComponent.tsx","webpack:///./src/draw-canvas/NodeComponent.tsx","webpack:///./src/draw-canvas/processors/sameTarget.ts","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/draw-canvas/processors/handleKeyboard.ts","webpack:///./src/draw-canvas/processors/handleMouseDown.ts","webpack:///./src/experimental-node/index.tsx","webpack:///./src/draw-canvas/styles.shadow.css","webpack:///./src/editable-label/styles.shadow.css","webpack:///./src/experimental-node/styles.shadow.css"],"sourcesContent":["import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | 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 @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\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 onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport classNames from \"classnames\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EditableLabelProps {\n label?: string;\n type?: LabelType;\n}\n\nexport type LabelType = \"line\" | \"default\";\n\nexport interface EditableLabelRef {\n enableEditing(): void;\n}\n\nexport const EditableLabelComponent = forwardRef(LegacyEditableLabelComponent);\n\n/**\n * 构件 `diagram.editable-label`\n */\nexport\n@defineElement(\"diagram.editable-label\", {\n styleTexts: [styleText],\n})\nclass EditableLabel extends ReactNextElement implements EditableLabelProps {\n @property()\n accessor label: string | undefined;\n\n @property({ render: false })\n accessor type: LabelType | undefined;\n\n @event({ type: \"label.editing.change\" })\n accessor #labelEditingChange!: EventEmitter<boolean>;\n\n #handleLabelEditingChange = (value: boolean) => {\n this.#labelEditingChange.emit(value);\n };\n\n @event({ type: \"label.change\" })\n accessor #labelChange!: EventEmitter<string>;\n\n #handleLabelChange = (value: string) => {\n this.#labelChange.emit(value);\n };\n\n @method()\n enableEditing() {\n this.#editableLabelRef.current?.enableEditing();\n }\n\n #editableLabelRef = createRef<EditableLabelRef>();\n\n render() {\n return (\n <EditableLabelComponent\n ref={this.#editableLabelRef}\n label={this.label}\n onLabelEditingChange={this.#handleLabelEditingChange}\n onLabelChange={this.#handleLabelChange}\n />\n );\n }\n}\n\nexport interface EditableLabelComponentProps extends EditableLabelProps {\n onLabelEditingChange?(value: boolean): void;\n onLabelChange?(value: string): void;\n}\n\nexport function LegacyEditableLabelComponent(\n {\n label: _label,\n onLabelChange,\n onLabelEditingChange,\n }: EditableLabelComponentProps,\n ref: React.Ref<EditableLabelRef>\n) {\n const label = _label ?? \"\";\n const [currentLabel, setCurrentLabel] = useState<string>(label);\n const [editingLabel, setEditingLabel] = useState(false);\n const editingLabelInitialized = useRef(false);\n const [shouldEmitLabelChange, setShouldEmitLabelChange] = useState(false);\n const labelInputRef = useRef<HTMLInputElement>(null);\n\n useImperativeHandle(ref, () => ({\n enableEditing() {\n setEditingLabel(true);\n },\n }));\n\n useEffect(() => {\n setCurrentLabel(label);\n }, [label]);\n\n const handleEditLabel = useCallback((e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n setEditingLabel(true);\n }, []);\n\n useEffect(() => {\n if (editingLabel) {\n // Prevent scroll when focusing.\n // Otherwise the diagram svg may be clipped in Chrome.\n labelInputRef.current?.focus({ preventScroll: true });\n labelInputRef.current?.select();\n }\n }, [editingLabel]);\n\n useEffect(() => {\n if (editingLabelInitialized.current) {\n onLabelEditingChange?.(editingLabel);\n } else {\n editingLabelInitialized.current = true;\n }\n }, [editingLabel, onLabelEditingChange]);\n\n const handleInputChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n setCurrentLabel(event.target.value);\n },\n []\n );\n\n const handleInputKeydown = useCallback((event: React.KeyboardEvent) => {\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n if (key === \"Enter\" || key === 13) {\n labelInputRef.current?.blur();\n }\n }, []);\n\n const handleInputBlur = useCallback(() => {\n setEditingLabel(false);\n setShouldEmitLabelChange(true);\n }, []);\n\n useEffect(() => {\n if (shouldEmitLabelChange) {\n onLabelChange?.(currentLabel);\n setShouldEmitLabelChange(false);\n }\n }, [currentLabel, onLabelChange, shouldEmitLabelChange]);\n\n const stopPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <div\n className={classNames(\"label\", {\n editing: editingLabel,\n empty: !currentLabel,\n })}\n onDoubleClick={stopPropagation}\n onMouseDown={stopPropagation}\n >\n <input\n className=\"label-input\"\n value={currentLabel}\n ref={labelInputRef}\n onChange={handleInputChange}\n onKeyDown={handleInputKeydown}\n onBlur={handleInputBlur}\n />\n <div className=\"label-text\" onDoubleClick={handleEditLabel}>\n {currentLabel}\n </div>\n </div>\n );\n}\n","import type {\n Cell,\n EdgeCell,\n InitialCell,\n InitialNodeCell,\n NodeCell,\n} from \"../interfaces\";\n\nexport function isNodeCell(cell: Cell): cell is NodeCell {\n return cell.type === \"node\";\n}\n\nexport function isInitialNodeCell(cell: InitialCell): cell is InitialNodeCell {\n return cell.type === \"node\";\n}\n\nexport function isEdgeCell(cell: Cell): cell is EdgeCell {\n return cell.type === \"edge\";\n}\n","import { Reducer } from \"react\";\nimport type { DrawCanvasAction, DrawCanvasState } from \"./interfaces\";\nimport { cells } from \"./cells\";\n\ntype ReducersMapObject<S, A> = {\n [K in keyof S]: Reducer<S[K], A>;\n};\n\nfunction combineReducers<S, A>(\n reducers: ReducersMapObject<S, A>\n): Reducer<S, A> {\n return ((state, action) =>\n Object.fromEntries(\n Object.entries<Reducer<any, A>>(reducers).map(([key, value]) => [\n key,\n value(state[key as keyof S], action),\n ])\n )) as Reducer<S, A>;\n}\n\nexport const rootReducer = combineReducers<DrawCanvasState, DrawCanvasAction>({\n cells,\n});\n","import type { Reducer } from \"react\";\nimport type { DrawCanvasAction } from \"./interfaces\";\nimport type { Cell, NodeCell } from \"../interfaces\";\nimport { isNodeCell } from \"../processors/asserts\";\n\nexport const cells: Reducer<Cell[], DrawCanvasAction> = (state, action) => {\n switch (action.type) {\n case \"drop-node\":\n return [...state, action.payload];\n case \"add-nodes\":\n return [...state, ...action.payload];\n case \"add-edge\": {\n // Add the edge to just next to the previous last edge.\n // If no previous edge, add to the start.\n const index = state.findLastIndex((cell) => cell.type === \"edge\") + 1;\n return [...state.slice(0, index), action.payload, ...state.slice(index)];\n }\n case \"move-node\": {\n const { id, x, y } = action.payload;\n const index = state.findIndex(\n (cell) => isNodeCell(cell) && cell.id === id\n );\n if (index !== -1) {\n const node = state[index] as NodeCell;\n return [\n ...state.slice(0, index),\n { ...node, view: { ...node.view, x, y } },\n ...state.slice(index + 1),\n ];\n }\n return state;\n }\n }\n return state;\n};\n","import type { Cell, NodeCell, NodeId } from \"../interfaces\";\nimport { isNodeCell } from \"./asserts\";\n\nexport function findNode(cells: Cell[], id: NodeId): NodeCell | undefined {\n return cells.find((cell) => isNodeCell(cell) && cell.id === id) as\n | NodeCell\n | undefined;\n}\n","import React, { useMemo } from \"react\";\nimport type { Cell, EdgeCell, NodeView } from \"./interfaces\";\nimport { getDirectLinePoints } from \"../diagram/lines/getDirectLinePoints\";\nimport type { NodeRect } from \"../diagram/interfaces\";\nimport { findNode } from \"./processors/findNode\";\n\nexport interface EdgeComponentProps {\n edge: EdgeCell;\n cells: Cell[];\n markerEnd: string;\n}\n\nexport function EdgeComponent({\n edge,\n cells,\n markerEnd,\n}: EdgeComponentProps): JSX.Element | null {\n const sourceNode = useMemo(\n () => findNode(cells, edge.source),\n [cells, edge.source]\n );\n const targetNode = useMemo(\n () => findNode(cells, edge.target),\n [cells, edge.target]\n );\n\n const padding = 5;\n\n const line = useMemo(\n () =>\n sourceNode && targetNode\n ? getDirectLinePoints(\n nodeViewToNodeRect(sourceNode.view, padding),\n nodeViewToNodeRect(targetNode.view, padding)\n )\n : null,\n [sourceNode, targetNode]\n );\n\n if (!line) {\n // This happens when source or target is not found\n return null;\n }\n\n return (\n <path\n className=\"line\"\n d={`M${line[0].x} ${line[0].y}L${line[1].x} ${line[1].y}`}\n fill=\"none\"\n stroke=\"gray\"\n markerEnd={`url(#${markerEnd})`}\n />\n );\n}\n\nfunction nodeViewToNodeRect(view: NodeView, padding: number): NodeRect {\n return {\n x: view.x + view.width / 2,\n y: view.y + view.height / 2,\n width: view.width + padding,\n height: view.height + padding,\n };\n}\n","import React, { useCallback, useEffect, useMemo } from \"react\";\nimport {\n ReactUseBrick,\n type UseSingleBrickConf,\n} from \"@next-core/react-runtime\";\nimport { checkIfByTransform } from \"@next-core/runtime\";\nimport type {\n NodeBrickCell,\n NodeBrickConf,\n NodeCell,\n NodeId,\n} from \"./interfaces\";\n\nexport interface NodeContainerProps {\n node: NodeCell;\n defaultNodeBricks?: NodeBrickConf[];\n onMount?: (id: NodeId, element: HTMLElement | null) => void;\n onUnmount?: (id: NodeId) => void;\n}\n\nexport function NodeContainer({\n node,\n defaultNodeBricks,\n onMount,\n onUnmount,\n}: NodeContainerProps): JSX.Element | null {\n const memoizedData = useMemo(\n () => ({ node: { id: node.id, data: node.data } }),\n [node.id, node.data]\n );\n const specifiedUseBrick = (node as NodeBrickCell).useBrick;\n\n const useBrick = useMemo(() => {\n return (\n specifiedUseBrick ??\n defaultNodeBricks?.find((item) => checkIfByTransform(item, memoizedData))\n ?.useBrick\n );\n }, [defaultNodeBricks, specifiedUseBrick, memoizedData]);\n\n return useBrick ? (\n <foreignObject\n x={node.view.x}\n y={node.view.y}\n width={node.view.width}\n height={node.view.height}\n style={{ overflow: \"visible\" }}\n >\n <NodeComponent\n id={node.id}\n useBrick={useBrick}\n data={memoizedData}\n onMount={onMount}\n onUnmount={onUnmount}\n />\n </foreignObject>\n ) : null;\n}\n\nexport interface NodeComponentProps {\n id: NodeId;\n useBrick: UseSingleBrickConf;\n data: unknown;\n onMount?: (id: NodeId, element: HTMLElement | null) => void;\n onUnmount?: (id: NodeId) => void;\n}\n\nexport function NodeComponent({\n id,\n useBrick,\n data,\n onMount,\n onUnmount,\n}: NodeComponentProps): JSX.Element | null {\n useEffect(\n () => {\n return () => {\n onUnmount?.(id);\n };\n },\n // Only unmount once\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n const refCallback = useCallback(\n (element: HTMLElement | null) => {\n if (element) {\n onMount?.(id, element);\n }\n },\n [id, onMount]\n );\n\n const ignoredCallback = useCallback(() => {\n onMount?.(id, null);\n }, [id, onMount]);\n\n if (!useBrick) {\n return null;\n }\n\n return (\n <ReactUseBrick\n refCallback={refCallback}\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore For v3 only\n ignoredCallback={ignoredCallback}\n useBrick={useBrick}\n data={data}\n />\n );\n}\n","import type {\n ActiveTarget,\n ActiveTargetOfEdge,\n ActiveTargetOfNode,\n} from \"../interfaces\";\n\nexport function sameTarget(\n a: ActiveTarget | null | undefined,\n b: ActiveTarget | null | undefined\n): boolean {\n return a\n ? !!b &&\n a.type === b.type &&\n (a.type === \"node\"\n ? a.id === (b as ActiveTargetOfNode).id\n : a.source === (b as ActiveTargetOfEdge).source &&\n a.target === (b as ActiveTargetOfEdge).target)\n : !b;\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 \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport type {\n PositionTuple,\n RefRepository,\n SizeTuple,\n} from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n Cell,\n EdgeCell,\n InitialCell,\n NodeBasicInfo,\n NodeBrickConf,\n NodeCell,\n NodeId,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport {\n isEdgeCell,\n isInitialNodeCell,\n isNodeCell,\n} from \"./processors/asserts\";\nimport { EdgeComponent } from \"./EdgeComponent\";\nimport styleText from \"./styles.shadow.css\";\nimport { NodeContainer } from \"./NodeComponent\";\nimport { handleMouseDown } from \"./processors/handleMouseDown\";\nimport type { MoveNodePayload } from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\n\nconst DEFAULT_NODE_SIZE = 20;\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n cells: InitialCell[] | undefined;\n defaultNodeSize?: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n activeTarget?: ActiveTarget | null;\n}\n\nexport interface DropNodeInfo extends AddNodeInfo {\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\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 const EoDrawCanvasComponent = React.forwardRef(\n LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意:将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n styleTexts: [styleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\n /**\n * 仅当初始化时使用,渲染后重新设置 `cells` 将无效。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | 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: \"node.move\" })\n accessor #nodeMoveEvent!: EventEmitter<MoveNodePayload>;\n\n #handleNodeMove = (info: MoveNodePayload) => {\n this.#nodeMoveEvent.emit(info);\n };\n\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<NodeBasicInfo>;\n\n #handleNodeDelete = (node: NodeBasicInfo) => {\n this.#nodeDelete.emit(node);\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 newNode: NodeCell = {\n type: \"node\",\n id,\n view: {\n x: position[0] - boundingClientRect.left,\n y: position[1] - boundingClientRect.top,\n width: size?.[0] ?? this.defaultNodeSize?.[0] ?? DEFAULT_NODE_SIZE,\n height: size?.[1] ?? this.defaultNodeSize?.[0] ?? DEFAULT_NODE_SIZE,\n },\n data,\n useBrick,\n };\n this.#canvasRef.current?.dropNode(newNode);\n return newNode;\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 firstNode = nodes[0];\n const width =\n firstNode.size?.[0] ?? this.defaultNodeSize?.[0] ?? DEFAULT_NODE_SIZE;\n const height =\n firstNode.size?.[1] ?? this.defaultNodeSize?.[1] ?? DEFAULT_NODE_SIZE;\n const gap = 20;\n // Todo(steve): canvas size\n const canvasHeight = 600;\n const rows = Math.floor(canvasHeight / (height + gap));\n // Assert: nodes are all brick nodes (no shape nodes)\n const positionedNodes = nodes.map<NodeCell>(\n ({ size, useBrick, ...node }, index) => ({\n ...node,\n type: \"node\",\n view: {\n x: Math.floor(index / rows) * (width + gap) + gap,\n y: (index % rows) * (height + gap) + gap,\n width: size?.[0] ?? this.defaultNodeSize?.[0] ?? DEFAULT_NODE_SIZE,\n height: size?.[1] ?? this.defaultNodeSize?.[0] ?? DEFAULT_NODE_SIZE,\n },\n useBrick,\n })\n );\n this.#canvasRef.current?.addNodes(positionedNodes);\n return positionedNodes;\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 #canvasRef = createRef<DrawCanvasRef>();\n\n render() {\n return (\n <EoDrawCanvasComponent\n ref={this.#canvasRef}\n cells={this.cells}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n activeTarget={this.activeTarget}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onNodeMove={this.#handleNodeMove}\n onNodeDelete={this.#handleNodeDelete}\n />\n );\n }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onNodeMove(info: unknown): void;\n onNodeDelete?(node: NodeBasicInfo): void;\n}\n\nexport interface DrawCanvasRef {\n dropNode(node: NodeCell): void;\n addNodes(nodes: NodeCell[]): void;\n addEdge(edge: EdgeCell): void;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n {\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeMove,\n onNodeDelete,\n }: EoDrawCanvasComponentProps,\n ref: React.Ref<DrawCanvasRef>\n) {\n const [{ cells }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => {\n const originalCells = initialCells ?? [];\n const finalCells: Cell[] = defaultNodeSize\n ? originalCells.map<Cell>((cell) => {\n if (\n !isInitialNodeCell(cell) ||\n (cell.view.width !== undefined && cell.view.height !== undefined)\n ) {\n return cell as NodeCell;\n }\n return {\n ...cell,\n view: {\n width: defaultNodeSize[0],\n height: defaultNodeSize[1],\n ...cell.view,\n },\n } as NodeCell;\n })\n : (originalCells as NodeCell[]);\n return { cells: finalCells };\n }\n );\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n dispatch({ type: \"drop-node\", payload: node });\n },\n addNodes(nodes) {\n dispatch({ type: \"add-nodes\", payload: nodes });\n },\n addEdge(edge) {\n dispatch({ type: \"add-edge\", payload: edge });\n },\n }),\n []\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n const refRepository = useMemo<RefRepository>(() => new Map(), []);\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n cells,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } /* else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } */\n };\n root?.addEventListener(\"keydown\", onKeydown);\n return () => {\n root?.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, onNodeDelete]);\n\n const handleNodeMount = useCallback(\n (id: NodeId, element: HTMLElement | null) => {\n if (element) {\n refRepository.set(id, element);\n }\n },\n [refRepository]\n );\n\n const handleNodeUnmount = useCallback(\n (id: NodeId) => {\n refRepository.delete(id);\n },\n [refRepository]\n );\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const markerEnd = `${markerPrefix}1`;\n\n useEffect(() => {\n const onMouseDown = (event: MouseEvent) => {\n handleMouseDown(event, {\n cells,\n nodesRefRepository: refRepository,\n onNodeMoving(info) {\n dispatch({ type: \"move-node\", payload: info });\n },\n onNodeMoved: onNodeMove,\n onSwitchActiveTarget,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const cellsContainer = cellsRef.current;\n cellsContainer?.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n cellsContainer?.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [cells, onNodeMove, onSwitchActiveTarget, refRepository]);\n\n return (\n // Todo(steve): canvas size\n <svg width={800} height={600} ref={rootRef} className=\"root\" tabIndex={-1}>\n <defs>\n <MarkerComponent id={markerEnd} type=\"arrow\" strokeColor=\"gray\" />\n </defs>\n <g className=\"cells\" ref={cellsRef}>\n {cells.map((cell) =>\n isNodeCell(cell) ? (\n <NodeContainer\n key={`node:${cell.id}`}\n node={cell}\n defaultNodeBricks={defaultNodeBricks}\n onMount={handleNodeMount}\n onUnmount={handleNodeUnmount}\n />\n ) : isEdgeCell(cell) ? (\n <EdgeComponent\n key={`edge:${cell.source}~${cell.target}`}\n edge={cell}\n cells={cells}\n markerEnd={markerEnd}\n />\n ) : null\n )}\n </g>\n </svg>\n );\n}\n","import type {\n ActiveTarget,\n Cell,\n NodeBasicInfo,\n // EdgeCell,\n} from \"../interfaces\";\nimport { findNode } from \"./findNode\";\n\nexport type KeyboardAction = KeyboardActionDeleteNode;\n// | KeyboardActionDeleteEdge;\n\nexport interface KeyboardActionDeleteNode {\n action: \"delete-node\";\n node: NodeBasicInfo;\n}\n\n// export interface KeyboardActionDeleteEdge {\n// action: \"delete-edge\";\n// edge: EdgeCell;\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 activeNode =\n activeTarget?.type === \"node\"\n ? findNode(cells, activeTarget.id)\n : undefined;\n // const activeEdge =\n // activeTarget?.type === \"edge\" ? activeTarget.edge : undefined;\n\n if (!activeNode /* && !activeEdge */) {\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 let action: KeyboardAction[\"action\"] | undefined;\n let node: NodeBasicInfo | undefined;\n // let edge: DiagramEdge | undefined;\n\n switch (key) {\n case \"Backspace\":\n case 8:\n case \"Delete\":\n case 46: {\n // if (activeNode) {\n action = \"delete-node\";\n node = {\n id: activeNode.id,\n data: activeNode.data,\n };\n // } else {\n // action = \"delete-edge\";\n // edge = activeEdge;\n // }\n break;\n }\n }\n if (action) {\n event.preventDefault();\n event.stopPropagation();\n return { action, node: node! };\n }\n}\n","import type { PositionTuple, RefRepository } from \"../../diagram/interfaces\";\nimport type { ActiveTarget, Cell, NodeCell } from \"../interfaces\";\nimport type { MoveNodePayload } from \"../reducers/interfaces\";\nimport { findNode } from \"./findNode\";\n\nexport function handleMouseDown(\n event: MouseEvent,\n {\n cells,\n nodesRefRepository,\n onNodeMoving,\n onNodeMoved,\n onSwitchActiveTarget,\n }: {\n cells: Cell[];\n nodesRefRepository: RefRepository | null;\n onNodeMoving(info: MoveNodePayload): void;\n onNodeMoved(info: MoveNodePayload): void;\n onSwitchActiveTarget(activeTarget: ActiveTarget | null): void;\n }\n) {\n function matchNode(\n match: (element: HTMLElement) => boolean\n ): [cell: NodeCell, element: HTMLElement] | undefined {\n if (nodesRefRepository) {\n for (const [id, element] of nodesRefRepository) {\n if (match(element)) {\n const cell = findNode(cells, id);\n if (cell) {\n return [cell, element];\n }\n }\n }\n }\n }\n\n const source = matchNode((element) =>\n element.contains(event.target as Node | null)\n );\n\n if (!source) {\n return;\n }\n\n const [sourceCell, sourceElement] = source;\n\n // Drag node\n onSwitchActiveTarget({ type: \"node\", id: sourceCell.id });\n\n const scale = 1;\n const from: PositionTuple = [event.clientX, event.clientY];\n const sourceCellContainer =\n sourceElement.parentNode as SVGForeignObjectElement;\n const sourceOriginalPosition =\n process.env.NODE_ENV === \"test\"\n ? [4, 6]\n : [\n sourceCellContainer.x.baseVal.value,\n sourceCellContainer.y.baseVal.value,\n ];\n\n function getMovement(e: MouseEvent): PositionTuple {\n return [(e.clientX - from[0]) / scale, (e.clientY - from[1]) / scale];\n }\n\n function adjustNodePosition(x: number, y: number) {\n if (process.env.NODE_ENV === \"test\") {\n return;\n }\n sourceCellContainer.x.baseVal.value = x;\n sourceCellContainer.y.baseVal.value = y;\n }\n\n function getNewPosition(movement: PositionTuple): PositionTuple {\n return [\n sourceOriginalPosition[0] + movement[0],\n sourceOriginalPosition[1] + movement[1],\n ];\n }\n\n let moved = false;\n\n const handleMove = (e: MouseEvent, finished?: boolean) => {\n // Respect the scale\n const movement = getMovement(e);\n if (!moved) {\n moved = movement[0] ** 2 + movement[1] ** 2 >= 9;\n }\n const [x, y] = getNewPosition(movement);\n adjustNodePosition(x, y);\n if (moved) {\n (finished ? onNodeMoved : onNodeMoving)({\n id: sourceCell.id,\n x,\n y,\n });\n }\n };\n\n const onMouseMove = (e: MouseEvent) => {\n handleMove(e);\n };\n const onMouseUp = (e: MouseEvent) => {\n handleMove(e, true);\n moved = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n}\n","// istanbul ignore file: experimental only\nimport React, { useCallback } from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport type { PositionTuple } from \"../diagram/interfaces\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\ntype ExperimentalUsage = \"library\" | \"dragging\" | \"default\";\ntype NodeStatus = \"highlighted\" | \"faded\" | \"default\";\n\nexport interface ExperimentalNodeProps {\n usage?: ExperimentalUsage;\n status?: NodeStatus;\n}\n\n/**\n * 构件 `diagram.experimental-node`\n */\nexport\n@defineElement(\"diagram.experimental-node\", {\n styleTexts: [styleText],\n})\nclass ExperimentalNode\n extends ReactNextElement\n implements ExperimentalNodeProps\n{\n @property()\n accessor usage: ExperimentalUsage | undefined;\n\n // 最终节点应该统一实现这个字段,保持类型一致\n @property({ type: String, render: false })\n accessor status: NodeStatus | undefined;\n\n @event({ type: \"drag.start\" })\n accessor #dragStartEvent!: EventEmitter<PositionTuple>;\n\n #handleDragStart = (position: PositionTuple) => {\n this.#dragStartEvent.emit(position);\n };\n\n @event({ type: \"drag.move\" })\n accessor #dragMoveEvent!: EventEmitter<PositionTuple>;\n\n #handleDragMove = (position: PositionTuple) => {\n this.#dragMoveEvent.emit(position);\n };\n\n @event({ type: \"drag.end\" })\n accessor #dragEndEvent!: EventEmitter<PositionTuple>;\n\n #handleDragEnd = (position: PositionTuple) => {\n this.#dragEndEvent.emit(position);\n };\n\n render() {\n return (\n <ExperimentalNodeComponent\n usage={this.usage}\n onDragStart={this.#handleDragStart}\n onDragMove={this.#handleDragMove}\n onDragEnd={this.#handleDragEnd}\n />\n );\n }\n}\n\nexport interface ExperimentalNodeComponentProps extends ExperimentalNodeProps {\n onDragStart?(position: PositionTuple): void;\n onDragMove?(position: PositionTuple): void;\n onDragEnd?(position: PositionTuple): void;\n}\n\nexport function ExperimentalNodeComponent({\n usage,\n onDragStart,\n onDragMove,\n onDragEnd,\n}: ExperimentalNodeComponentProps) {\n const handleMouseDown = useCallback(\n (event: React.MouseEvent) => {\n if (usage !== \"library\") {\n return;\n }\n event.stopPropagation();\n event.preventDefault();\n const from: PositionTuple = [event.clientX, event.clientY];\n let moved = false;\n const onMouseMove = (e: MouseEvent) => {\n if (!moved) {\n moved = (e.clientX - from[0]) ** 2 + (e.clientY - from[1]) ** 2 >= 9;\n if (moved) {\n onDragStart?.([e.clientX, e.clientY]);\n }\n }\n if (moved) {\n onDragMove?.([e.clientX, e.clientY]);\n }\n };\n const onMouseUp = (e: MouseEvent) => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n if (moved) {\n onDragEnd?.([e.clientX, e.clientY]);\n }\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n },\n [onDragEnd, onDragMove, onDragStart, usage]\n );\n\n return (\n <div onMouseDown={handleMouseDown}>\n <slot />\n </div>\n );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box}:host{display:block;background:var(--palette-gray-2);position:relative}:host([hidden]){display:none}.root:focus{outline:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type=\"line\"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage=\"dragging\"]){opacity:0.75;position:fixed}:host(:not([usage=\"library\"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage=\"library\"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host([status=\"highlighted\"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status=\"faded\"]){opacity:0.3}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_EoDiagram","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_classDecs","styleTexts","styleText","_dec","type","String","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","Boolean","_dec9","_dec10","_dec11","_dec12","_dec13","_dec14","_dec15","_dec16","_dec17","_dec18","_dec19","_dec20","_dec21","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_activeTargetChangeEvent","_handleActiveTargetChange","_P","_nodeDelete","_handleNodeDelete","_Q","_edgeDelete","_handleEdgeDelete","_R","_lineClick","_handleLineClick","_S","_lineDoubleClick","_handleLineDoubleClick","_T","_connectNodes","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_connectNodes2","set","_set_connectNodes2","_get_lineDoubleClick2","_set_lineDoubleClick2","_get_lineClick2","_set_lineClick2","_get_edgeDelete2","_set_edgeDelete2","_get_nodeDelete2","_set_nodeDelete2","_get_activeTargetChangeEvent2","_set_activeTargetChangeEvent2","writable","value","_initProto","_init_layout","_init_nodes","_init_edges","_init_nodeBricks","_init_lines","_init_layoutOptions","_init_activeTarget","_init_disableKeyboardAction","_init_connectNodes","_init_dragNodes","_init_zoomable","_init_scrollable","_init_pannable","_init_scaleRange","_init_activeTargetChangeEvent","target","_classPrivateFieldGet","this","emit","_init_nodeDelete","node","_init_edgeDelete","edge","_init_lineClick","line","_init_lineDoubleClick","_init_connectNodes2","detail","sameTarget","activeTarget","createRef","layout","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_set_activeTargetChangeEvent","_get_activeTargetChangeEvent","_set_nodeDelete","_get_nodeDelete","_set_edgeDelete","_get_edgeDelete","_set_lineClick","_get_lineClick","_set_lineDoubleClick","_get_lineDoubleClick","_set_connectNodes","_get_connectNodes","_ref","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","_ref2","key","list","text","label","$id","concat","map","item","_item$placement","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","_ref4","lineId","rects","LineMaskComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","c","_initClass","_applyDecs","o","_","has","_checkInRHS","_EditableLabel","EditableLabelComponent","LegacyEditableLabelComponent","_labelEditingChange","_handleLabelEditingChange","_labelChange","_handleLabelChange","_editableLabelRef","EditableLabel","_get_labelChange2","_set_labelChange2","_get_labelEditingChange2","_set_labelEditingChange2","_init_label","_init_type","_init_labelEditingChange","_init_labelChange","enableEditing","onLabelEditingChange","onLabelChange","_set_labelEditingChange","_get_labelEditingChange","_set_labelChange","_get_labelChange","_label","currentLabel","setCurrentLabel","editingLabel","setEditingLabel","editingLabelInitialized","shouldEmitLabelChange","setShouldEmitLabelChange","labelInputRef","handleEditLabel","stopPropagation","_labelInputRef$curren","_labelInputRef$curren2","focus","preventScroll","handleInputChange","handleInputKeydown","_labelInputRef$curren3","keyCode","which","blur","handleInputBlur","editing","empty","onDoubleClick","onMouseDown","onChange","onKeyDown","onBlur","_EditableLabel2","isNodeCell","cell","reducers","rootReducer","cells","state","payload","findLastIndex","slice","findIndex","_objectSpread","view","Object","fromEntries","entries","findNode","find","EdgeComponent","markerEnd","sourceNode","targetNode","getDirectLinePoints","nodeViewToNodeRect","padding","NodeContainer","defaultNodeBricks","onMount","onUnmount","memoizedData","data","specifiedUseBrick","useBrick","_defaultNodeBricks$fi","checkIfByTransform","overflow","NodeComponent","refCallback","element","ignoredCallback","ReactUseBrick","a","b","_EoDrawCanvas","DEFAULT_NODE_SIZE","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_nodeMoveEvent","_handleNodeMove","_canvasRef","EoDrawCanvas","_get_nodeMoveEvent2","_set_nodeMoveEvent2","_init_cells","_init_defaultNodeSize","_init_defaultNodeBricks","_init_nodeMoveEvent","info","defaultNodeSize","dropNode","_this","_asyncToGenerator","_document$elementsFro","_document","position","size","document","elementsFromPoint","includes","_size$","_this$defaultNodeSize","_size$2","_this$defaultNodeSize2","boundingClientRect","getBoundingClientRect","newNode","addNodes","_this2","_firstNode$size$","_firstNode$size","_this2$defaultNodeSiz","_ref5","_firstNode$size$2","_firstNode$size2","_this2$defaultNodeSiz2","_classPrivateFieldGet3","firstNode","rows","Math","floor","positionedNodes","_ref6","_ref7","_size$3","_this2$defaultNodeSiz3","_ref8","_size$4","_this2$defaultNodeSiz4","_objectWithoutProperties","_excluded","addEdge","_ref9","_this3","_classPrivateFieldGet4","newEdge","onNodeMove","_set_nodeMoveEvent","_get_nodeMoveEvent","_ref10","initialCells","dispatch","useReducer","originalCells","isInitialNodeCell","cellsRef","activeNode","handleNodeMount","handleNodeUnmount","delete","onNodeMoving","onNodeMoved","match","contains","matchNode","sourceCell","sourceElement","from","clientX","clientY","sourceCellContainer","parentNode","sourceOriginalPosition","baseVal","handleMove","finished","movement","getMovement","getNewPosition","adjustNodePosition","onMouseMove","onMouseUp","handleMouseDown","cellsContainer","isEdgeCell","_EoDrawCanvas2","_ExperimentalNode","_dragStartEvent","_handleDragStart","_dragMoveEvent","_handleDragMove","_dragEndEvent","_handleDragEnd","ExperimentalNode","_get_dragEndEvent2","_set_dragEndEvent2","_get_dragMoveEvent2","_set_dragMoveEvent2","_get_dragStartEvent2","_set_dragStartEvent2","_init_usage","_init_status","_init_dragStartEvent","_init_dragMoveEvent","_init_dragEndEvent","usage","status","ExperimentalNodeComponent","onDragStart","onDragMove","onDragEnd","_set_dragStartEvent","_get_dragStartEvent","_set_dragMoveEvent","_get_dragMoveEvent","_set_dragEndEvent","_get_dragEndEvent","_ExperimentalNode2","___CSS_LOADER_EXPORT___","push","module","toString"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9380],{3784:(e,t,n)=>{n.d(t,{E:()=>d});var a=n(5600),r=n.n(a),i=n(1252),o=n.n(i),l=n(8752);function d(e){var{connectLineState:t,connectLineTo:n,markerPrefix:a}=e;return r().createElement("svg",{width:"100%",height:"100%",className:o()("connect-line",{connecting:!!t&&(n[0]-t.from[0])**2+(n[1]-t.from[1])**2>25})},r().createElement("defs",null,r().createElement(l.y,{type:"arrow",id:"".concat(a,"connect-line"),strokeColor:null==t?void 0:t.options.strokeColor})),r().createElement("path",{d:t?"M".concat(t.from.join(" "),"L").concat(n.join(" ")):"",fill:"none",stroke:null==t?void 0:t.options.strokeColor,strokeWidth:null==t?void 0:t.options.strokeWidth,markerEnd:null!=t&&t.options.arrow?"url(#".concat(a,"connect-line)"):void 0}))}},2092:(e,t,n)=>{n.d(t,{k:()=>d});var a=n(4412),r=n(5600),i=n.n(r),o=n(1252),l=n.n(o);function d(e){var t,n,r,o,{line:{line:d,edge:c,d:s,markers:u},linePaths:f,lineMaskRects:v,maskPrefix:h,markerPrefix:p,activeLineMarkerPrefix:m,active:g,activeRelated:y,onLineClick:k,onLineDoubleClick:b}=e,x=v.has(d.$id)?"url(#".concat(h).concat(d.$id,")"):void 0,{strokeColor:w,strokeWidth:M,interactStrokeWidth:E}=(0,a.c)((0,a.c)({},d),g?null===(t=d.overrides)||void 0===t?void 0:t.active:y?null===(n=d.overrides)||void 0===n?void 0:n.activeRelated:null),L=g?"active":y?"active-related":"default";for(var R of u)R.variant===L&&("start"===R.placement?r="url(#".concat(p).concat(R.index,")"):o="url(#".concat(p).concat(R.index,")"));return i().createElement("g",{className:l()("line",{interactable:d.interactable,active:g,"active-related":y}),onClick:d.interactable?()=>{null==k||k({id:d.$id,edge:c})}:void 0,onDoubleClick:d.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==b||b({id:d.$id,edge:c})}:void 0,style:{cursor:d.cursor}},d.interactable&&i().createElement("path",{d:s,fill:"none",stroke:"transparent",strokeWidth:E}),i().createElement("path",{ref:e=>f.set(d.$id,e),stroke:w,strokeWidth:M,d:s,fill:"none",markerStart:r,markerEnd:o,mask:x}),i().createElement("path",{stroke:"var(--palette-blue-3)",strokeWidth:M,d:s,fill:"none",className:"active-bg",markerStart:"url(#".concat(m,"start)"),markerEnd:"url(#".concat(m,"end)"),mask:x}))}},8276:(e,t,n)=>{n.d(t,{Ar:()=>l});var a=n(5600),r=n.n(a),i=n(6196),o=n(6960);function l(e){var{labels:t,onRendered:n}=e,[i,o]=(0,a.useState)(!1),[l,s]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{s((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{o(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,a.useEffect)((()=>{null==n||n(i?u:null)}),[u,i]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,id:a,edge:i}=e;return n?r().createElement("div",{key:a,className:"line-label"},r().createElement(c,{id:a,edge:i,label:n,onRendered:f,onUnmount:v})):r().createElement(d,{key:a,id:a,text:t,onRendered:f})})))}function d(e){var{id:t,text:n,onRendered:i}=e,o=(0,a.useCallback)((e=>{null==i||i(t,e)}),[t,i]);return r().createElement("div",{className:"line-label",ref:o,style:n.style},n.content)}function c(e){var{id:t,edge:n,label:l,onRendered:d,onUnmount:c}=e,s=(0,a.useMemo)((()=>(0,o.checkIfByTransform)(l,{edge:n})?l.useBrick:null),[n,l]),u=(0,a.useMemo)((()=>({edge:n})),[n]);(0,a.useEffect)((()=>{s||setTimeout((()=>{null==d||d(t,null)}))}),[t,d,s]),(0,a.useEffect)((()=>()=>{null==c||c(t)}),[]);var f=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==d||d(t,e.parentElement)}))}),[t,d]),v=(0,a.useCallback)((()=>{setTimeout((()=>{null==d||d(t,null)}))}),[t,d]);return s?r().createElement(i.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},4092:(e,t,n)=>{n.d(t,{g:()=>i});var a=n(5600),r=n.n(a);function i(e){var{lineId:t,rects:n,maskPrefix:a,renderedLineLabels:i}=e,o=i.find((e=>e.lineId===t&&"center"===e.placement));if(!o)return null;var l,d,{lineRect:c}=o,s=(d=1e3,{left:(l=c).left-d,top:l.top-d,width:l.width+2e3,height:l.height+2e3});return r().createElement("mask",{id:"".concat(a).concat(t),x:s.left,y:s.top,width:s.width,height:s.height},r().createElement("rect",{x:s.left,y:s.top,width:s.width,height:s.height,fill:"white"}),n.map(((e,t)=>r().createElement("rect",{key:t,x:e.left,y:e.top,width:e.width,height:e.height,fill:"black"}))))}},8752:(e,t,n)=>{n.d(t,{y:()=>i});var a=n(5600),r=n.n(a);function i(e){var t,{id:n,type:a,strokeColor:i}=e;switch(a){case"0..1":t=l;break;case"0..N":t=d;break;default:t=o}return r().createElement(t,{id:n,strokeColor:i})}function o(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},r().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:n,strokeWidth:1,fill:n}))}function l(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}function d(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}},8996:(e,t,n)=>{n.d(t,{_:()=>l});var a=n(5600),r=n.n(a),i=n(6196),o=n(6960);function l(e){var{nodes:t,nodeBricks:n,onRendered:i}=e,[o,l]=(0,a.useState)(!1),[c,s]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{s((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{l(!(null!=t&&t.some((e=>!c.includes(e.id)))))}),[t,c]),(0,a.useEffect)((()=>{null==i||i(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>r().createElement("div",{key:e.id,className:"node"},r().createElement(d,{nodeBricks:n,node:e,onRendered:f,onUnmount:v})))))}function d(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:d}=e,c=(0,a.useMemo)((()=>{var e;return null===(e=function(e,t){return null==t?void 0:t.find((t=>t.nodeType?[].concat(t.nodeType).includes(e.type):(0,o.checkIfByTransform)(t,{node:e})))}(t,n))||void 0===e?void 0:e.useBrick}),[t,n]),s=(0,a.useMemo)((()=>({node:t})),[t]);(0,a.useEffect)((()=>{c||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,c]),(0,a.useEffect)((()=>()=>{null==d||d(t.id)}),[]);var u=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),f=(0,a.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return c?r().createElement(i.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:c,data:s}):null}},6932:(e,t,n)=>{n.d(t,{Go:()=>o,Ij:()=>r,NN:()=>i,Oi:()=>d,WH:()=>l,es:()=>a});var a="var(--palette-gray-5)",r=1,i="curveBasis",o=20,l=.5,d=2},4580:(e,t,n)=>{n.d(t,{C:()=>w});var a=n(5600),r=n(4412),i=n(640),o=n(228),l=n.n(o),d=n(7568);function c(e,t,n){for(var a of e){var r,i,o=t.get(a.id);a.width=Math.max(null!==(r=null==o?void 0:o.offsetWidth)&&void 0!==r?r:0,10)+n[1]+n[3],a.height=Math.max(null!==(i=null==o?void 0:o.offsetHeight)&&void 0!==i?i:0,10)+n[0]+n[2]}}function s(e,t,n){for(var a of e){var r,i=a.x-a.width/2+n[3],o=a.y-a.height/2+n[0],l=null===(r=t.get(a.id))||void 0===r?void 0:r.parentElement;l&&(l.style.left="".concat(i,"px"),l.style.top="".concat(o,"px"),l.style.visibility="visible")}}function u(e){if(Array.isArray(e)){var t=e[0],n=e.length>1?e[1]:t;return[t,n,e.length>2?e[2]:t,e.length>3?e[3]:n]}return new Array(4).fill(e)}var f=["nodePadding"],v=n(1108),h=n(9472),p=n(7339),m=n(5336),g=n(9388),y=n(5064);function k(e,t){var n,{normalizedLinesMap:a,lineLabelsRefRepository:r}=t;return null!==(n=null==e?void 0:e.map((e=>{var t=a.get(e),n={};if(t)for(var i of["start","end"]){var o=r.get("".concat(t,"-").concat(i));o&&(n[i]=[o.offsetWidth,o.offsetHeight])}return{data:e,labelSize:n}})))&&void 0!==n?n:[]}function b(e,t){return new Array(t).fill(null).map(((t,n)=>({dummy:!0,id:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(n)})))}function x(e,t){return new Array(t+1).fill(null).map(((n,a)=>({dummy:!0,source:0===a?e.source:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a-1),target:a===t?e.target:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a)})))}function w(e){var{layout:t,nodes:n,edges:o,manualLayoutStatus:w,userViewReady:M,userViewNodesMap:E,nodeMovement:L,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodesRenderId:I,lineLabelsRenderId:N,layoutOptions:S}=e,B="initial"===w?t:"manual",[T,W]=(0,a.useState)(null),[z,A]=(0,a.useState)({nodes:[],edges:[]});return(0,a.useEffect)((()=>{M&&W((e=>"dagre"===B?function(e,t,n,a){var o=(0,r.c)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,d.pick)(a,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=o,h=(0,i.c)(o,f),p=u(v),m=new(l().graphlib.Graph);for(var g of(m.setGraph(h),m.setDefaultEdgeLabel((function(){return{}})),null!=t?t:[])){var y=null==e?void 0:e.getNode(g.id);m.setNode(g.id,(null==y?void 0:y.data)===g?y:{id:g.id,data:g})}for(var k of null!=n?n:[])m.setEdge(k.source,k.target,{data:k});return{layout:"dagre",getNode:e=>m.node(e),applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:n,normalizedLinesMap:a}=e,r=[];for(var i of m.nodes()){var o=m.node(i);o?r.push(o):console.error("Diagram node not found: %s",i)}if(0===r.length)return null;c(r,t,p);var d=m.edges().map((e=>m.edge(e)));for(var u of d){var f=a.get(u.data);if(f)for(var v of["center","start","end"]){var h=n.get("".concat(f,"-").concat(v));if(h){var g,{offsetWidth:y,offsetHeight:k}=h;"center"===v&&(u.labelpos="c",u.width=y,u.height=k),null!==(g=u.labelSize)&&void 0!==g||(u.labelSize={}),u.labelSize[v]=[y,k]}}}return l().layout(m),s(r,t,p),{nodes:r,edges:d}}}}(e,n,o,S):"force"===B?function(e,t,n,a,i){var{nodePadding:o,dummyNodesOnEdges:l,collide:f}=(0,r.c)((0,r.c)({nodePadding:0,dummyNodesOnEdges:0},(0,d.pick)(i,["nodePadding","dummyNodesOnEdges"])),{},{collide:!1!==(null==i?void 0:i.collide)&&(0,r.c)({dummyRadius:1,radiusDiff:5,strength:1,iterations:1},!0===(null==i?void 0:i.collide)?null:null==i?void 0:i.collide)}),w=u(o),M=[];for(var E of null!=t?t:[]){var L=null==e?void 0:e.getNode(E.id);if((null==L?void 0:L.data)===E)M.push(L);else{var R={id:E.id,data:E},C=null==a?void 0:a.get(E.id);C&&(R.fx=C.x,R.fy=C.y),M.push(R)}}return{layout:"force",getNode:function(e){return M.find((t=>t.data.id===e))},applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:a,normalizedLinesMap:i}=e;if(0===M.length)return null;c(M,t,w);var o=M.slice(),d=[];for(var u of null!=n?n:[])d.push((0,r.c)({},u)),l>0&&(o.push(...b(u,l)),d.push(...x(u,l)));var E=(0,v.c)(d).id((e=>e.id));l>0&&E.distance((e=>e.dummy?30/(l+1):30)).strength((e=>e.dummy?.5:1));var L=(0,h.c)(o).force("link",E).force("x",(0,p.c)()).force("y",(0,m.c)()).force("charge",(0,g.c)());f&&L.force("collide",(0,y.c)().radius((e=>e.dummy?f.dummyRadius:Math.sqrt(e.width**2+e.height**2)/2+f.radiusDiff)).strength(f.strength).iterations(f.iterations)),L.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(L),s(M,t,w);var R=k(n,{normalizedLinesMap:i,lineLabelsRefRepository:a});return{nodes:M,edges:R}}}}(e,n,o,E,S):"manual"===B?function(e,t,n,a){var i,{nodePadding:o}=(0,r.c)({nodePadding:0},(0,d.pick)(a,["nodePadding"])),l=u(o),f=[];for(var v of null!=t?t:[]){var h=null==e?void 0:e.getNode(v.id);(null==h?void 0:h.data)===v?(f.push(h),h.x0=h.x,h.y0=h.y):f.push({id:v.id,data:v})}return{layout:"manual",getNode:function(e){return f.find((t=>t.data.id===e))},applyLayout(e){var t,a,{manualLayoutStatus:r,nodesRefRepository:o,lineLabelsRefRepository:d,normalizedLinesMap:u,nodeMovement:v}=e;if(0===f.length)return null;c(f,o,l),v&&(i=f.find((e=>e.id===v.id)),i&&(i.x=(null!==(t=i.x0)&&void 0!==t?t:0)+v.move[0],i.y=(null!==(a=i.y0)&&void 0!==a?a:0)+v.move[1])),"finished"===r&&i&&(i.x0=i.x,i.y0=i.y),s(f,o,l);var h=k(n,{normalizedLinesMap:u,lineLabelsRefRepository:d});return{nodes:f,edges:h}}}}(e,n,o,S):null))}),[o,n,B,S,M,E]),(0,a.useEffect)((()=>{if(R&&C&&B===(null==T?void 0:T.layout)){var e=null==T?void 0:T.applyLayout({manualLayoutStatus:w,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodeMovement:L});e&&A(e)}}),[B,w,T,L,R,C,I,N,P]),z}},3888:(e,t,n)=>{n.d(t,{y:()=>s});var a=n(8944),r=n(5600),i=n(6960),o=n(6851),l=n(236),d=n(5996),c="GRAPH_USER_VIEW@EASYOPS";function s(e){var[t,n]=(0,r.useState)(!e),s=(0,r.useRef)(),[u,f]=(0,r.useState)(null),v=(0,r.useMemo)((()=>{return e=!1,t=[],function(){var n=(0,a.c)((function*(n){if(t.push(n),!e){var a;for(e=!0;a=t.shift();)try{yield a()}catch(e){console.error(e)}e=!1}}));return function(e){return n.apply(this,arguments)}}();var e,t}),[]);return(0,r.useEffect)((()=>{function t(){return(t=(0,a.c)((function*(){if(e){var{namespace:t,key:a}=e;if(!t||!a)return console.error("Namespace and key are required to save graph user view"),void n(!0);try{var r=(yield(0,o.c)(c,{fields:["nodes"],query:{namespace:{$eq:t},key:{$eq:a}},page:1,page_size:30})).list;if(r.length>0){var l,d=r[0],u=new Map(null===(l=d.nodes)||void 0===l?void 0:l.map((e=>[e.id,e])));s.current=d.instanceId,f(u)}else f(null)}catch(e){(0,i.handleHttpError)(e)}finally{n(!0)}}else n(!0)}))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[e]),{userViewReady:t,userViewNodesMap:u,saveUserView:(0,r.useCallback)((t=>{var{namespace:n,key:r}=null!=e?e:{};n&&r&&v((0,a.c)((function*(){var e={namespace:n,key:r,nodes:t};try{if(s.current)yield(0,l.Y)(c,s.current,e,{interceptorParams:{ignoreLoadingBar:!0}});else{var a=yield(0,d.A)(c,e,{interceptorParams:{ignoreLoadingBar:!0}});s.current=a.instanceId}}catch(e){(0,i.handleHttpError)(e)}})))}),[e,v])}}},9900:(e,t,n)=>{function a(e,t){for(var{id:n,position:a,placement:r,angle:i,size:o}of e){var l=t.get(n);if(l&&(l.style.left="".concat(a[0],"px"),l.style.top="".concat(a[1],"px"),l.style.visibility="visible","center"!==r&&void 0!==i)){var[d,c]=null!=o?o:[0,0],s=Math.floor((i<0?2*Math.PI+i:i)/Math.PI*4),u="start"===r?s:(s+4)%8,f=Math.tan(i),v=i+("start"===r?1:-1)*Math.PI/2,h=2*Math.sin(v),p=2*Math.cos(v),m=void 0;switch(u){case 0:m="translate(0,".concat(d*f+h,"px)");break;case 1:m="translate(".concat(c/f-p,"px,0)");break;case 2:m="translate(calc(".concat(c/f+p,"px - 100%),0)");break;case 3:m="translate(-100%,".concat(-d*f-h,"px)");break;case 4:m="translate(-100%,calc(".concat(-d*f+h,"px - 100%))");break;case 5:m="translate(calc(".concat(-c/f-p,"px - 100%),-100%)");break;case 6:m="translate(".concat(-c/f+p,"px,-100%)");break;default:m="translate(0,calc(".concat(d*f-h,"px - 100%))")}l.style.transform=m}}}n.d(t,{c:()=>a})},3256:(e,t,n)=>{function a(e,t){var n=new Map;for(var{id:a,lineId:r,placement:i}of e)if(t&&"center"===i){var o=t.get(a);if(o){var{offsetWidth:l,offsetHeight:d}=o;0!==l&&0!==d&&n.set(r,[{left:o.offsetLeft-l/2-3,top:o.offsetTop-d/2-3,width:l+6,height:d+6}])}}return n}n.d(t,{E:()=>a})},3732:(e,t,n)=>{function a(e,t,n){return 0===e.length&&0===t.length?e:t.flatMap((e=>{var t,a,{line:{text:r,label:i,$id:o},edge:l,labelSize:d,angle:c}=e,s=n.get(o);if(!r&&!i||!s||!s.getAttribute("d"))return[];i?(t="label",a=[].concat(i)):(t="text",a=[].concat(r));var{x:u,y:f,width:v,height:h}=s.getBBox(),p=s.getTotalLength();return a.map((e=>{var n,a=null!==(n=e.placement)&&void 0!==n?n:"center",r=s.getPointAtLength("start"===a?Math.min(0,p/2):"end"===a?Math.max(p-0,p/2):p/2);return{[t]:e,edge:l,position:[r.x,r.y],lineRect:{left:u,top:f,width:v,height:h},id:"".concat(o,"-").concat(a),lineId:o,placement:a,angle:c,size:null==d?void 0:d[a]}}))}))}n.d(t,{c:()=>a})},108:(e,t,n)=>{n.d(t,{e:()=>g});var a=n(4412),r=n(640),i=n(3584),o=n(2128),l=n(5416),d=n(4348),c=n(2760),s=n(1260);function u(e,t,n,a){if(!Array.isArray(e))return"";var r;switch(t){case"curveLinear":r=i.c;break;case"curveBumpX":r=o.KQ;break;case"curveBumpY":r=o.yM;break;case"curveMonotoneX":r=l.O;break;case"curveMonotoneY":r=l.o;break;case"curveNatural":r=d.c;break;default:r=c.cp}var u=f(e[1],e[0],n),v=f(e[e.length-2],e[e.length-1],a);return(0,s.c)().x(((t,n)=>t.x-(0===n?u.x:n===e.length-1?v.x:0))).y(((t,n)=>t.y-(0===n?u.y:n===e.length-1?v.y:0))).curve(r)(e)}function f(e,t,n){if(!n)return{x:0,y:0};var{x:a,y:r}=e,{x:i,y:o}=t,l=n/Math.sqrt(Math.pow(i-a,2)+Math.pow(o-r,2));return{x:(i-a)*l,y:(o-r)*l}}function v(e,t,n,a){var r=n?h(e,n):e,i=a?h(t,a):t,o=Math.min(r.x-r.width/2,i.x-i.width/2),l=Math.max(r.x+r.width/2,i.x+i.width/2),d=Math.min(r.y-r.height/2,i.y-i.height/2),c=Math.max(r.y+r.height/2,i.y+i.height/2);return l-o<r.width+i.width&&c-d<r.height+i.height}function h(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}function p(e,t,n){var{x:a,y:r,width:i,height:o}=e;switch(t){case"top":return{x:a-i/2+i*n,y:r-o/2};case"bottom":return{x:a-i/2+i*n,y:r+o/2};case"left":return{x:a-i/2,y:r-o/2+o*n};case"right":return{x:a+i/2,y:r-o/2+o*n}}}var m=["line","edge","markers"];function g(e,t,n){var i=new WeakMap,o=new Map,l=new Map;for(var d of t)o.set(d.id,d);for(var c of e){var{data:s}=c;i.set(s,c)}var f=!1;return n.map((t=>{var n,d,c,s,{line:h,edge:g,markers:b}=t,x=(0,r.c)(t,m),w=i.get(g);if(w){var M,E=null!==(n=null===(d=b.find((e=>"default"===e.variant&&"start"===e.placement)))||void 0===d?void 0:d.offset)&&void 0!==n?n:0,L=null!==(c=null===(s=b.find((e=>"default"===e.variant&&"end"===e.placement)))||void 0===s?void 0:s.offset)&&void 0!==c?c:0,{points:R}=w;if(!R){var C=o.get(g.source),P=o.get(g.target);if(C&&P&&C!==P){if("polyline"===h.type){if(!v(C,P,E,L)){var I,N;(()=>{if(!f){f=!0;var t=(e,t)=>{var n=l.get(e);n||l.set(e,n=new Set);var a=o.get(t);a&&n.add(a)};for(var{data:{source:n,target:a}}of e)n!==a&&(t(n,a),t(a,n))}})();var S=y(C,P,E),B=y(P,C,L),T=k(null!==(I=l.get(g.source))&&void 0!==I?I:[],C,S,E),W=k(null!==(N=l.get(g.target))&&void 0!==N?N:[],P,B,L);R=function(e,t,n,a,r,i){var o,l,d=p(e,n,r),c=p(t,a,i);switch(n){case"top":case"bottom":o={x:d.x,y:(d.y+c.y)/2},l={x:c.x,y:o.y};break;default:l={x:(o={x:(d.x+c.x)/2,y:d.y}).x,y:c.y}}return[d,o,l,c]}(C,P,S,B,(T.indexOf(P)+1)/(T.length+1),(W.indexOf(C)+1)/(W.length+1))}}else R=function(e,t){if(e===t||v(e,t,0,0))return null;var n,a,r,i,o=t.x-e.x,l=t.y-e.y,d=o>0?1:-1;if(0!==l){var c=Math.abs(o/l),s=l>0?1:-1;c<e.width/e.height?(n=e.x+c*e.height/2*d,a=e.y+e.height/2*s):(n=e.x+e.width/2*d,a=e.y+e.width/2/c*s),c<t.width/t.height?(r=t.x-c*t.height/2*d,i=t.y-t.height/2*s):(r=t.x-t.width/2*d,i=t.y-t.width/2/c*s)}else n=e.x+e.width/2*d,r=t.x-t.width/2*d,a=i=e.y;return[{x:n,y:a},{x:r,y:i}]}(C,P);if(R){var z=R[0],A=R[R.length-1];M=Math.atan2(A.y-z.y,A.x-z.x)}}}var _=u(R,h.curveType,E,L);return(0,a.c)((0,a.c)({},x),{},{markers:b,line:h,edge:g,d:_,angle:M,labelSize:w.labelSize})}})).filter(Boolean)}function y(e,t,n){var a=Math.atan2(e.height+2*n,e.width+2*n),{x:r,y:i}=e,{x:o,y:l}=t,d=Math.atan2(l-i,o-r),c=d<0?2*Math.PI+d:d;switch(Math.floor(c/Math.PI*2)){case 0:return c<a?"right":"bottom";case 1:return c<Math.PI-a?"bottom":"left";case 2:return c<Math.PI+a?"left":"top";default:return c<2*Math.PI-a?"top":"right"}}function k(e,t,n,a){return[...e].filter((e=>y(t,e,a)===n)).sort(((e,t)=>{var{x:a,y:r}=e,{x:i,y:o}=t;return"top"===n||"bottom"===n?a-i:r-o}))}},9140:(e,t,n)=>{n.d(t,{Y:()=>r});var a=n(7568);function r(e,t){var{renderedNodes:n,activeTarget:a}=t,r="node"===(null==a?void 0:a.type)?n.find((e=>e.id===a.nodeId)):void 0,o="edge"===(null==a?void 0:a.type)?a.edge:void 0;if(r||o){var l,d,c,s,u=e.key||e.keyCode||e.which;switch(u){case"Backspace":case 8:case"Delete":case 46:r?(l="delete-node",d=r):(l="delete-edge",c=o);break;default:if(!r)return;switch(u){case"ArrowLeft":case 37:d=i("x",n,r,-1),l="switch-active-node";break;case"ArrowUp":case 38:d=i("y",n,r,-1),l="switch-active-node";break;case"ArrowRight":case 39:d=i("x",n,r,1),l="switch-active-node";break;case"ArrowDown":case 40:d=i("y",n,r,1),l="switch-active-node"}}if(l)return e.preventDefault(),e.stopPropagation(),{action:l,node:null===(s=d)||void 0===s?void 0:s.data,edge:c}}}function i(e,t,n,r){var i,o="x"===e?"y":"x",l=t.filter((t=>t!==n&&(i=(t[e]-n[e])*r)>0&&i>Math.abs(n[o]-t[o])));return(0,a.minBy)(l,(t=>(n[o]-t[o])**2+(n[e]-t[e])**2))}},636:(e,t,n)=>{n.d(t,{w:()=>o});var a=n(4412),r=n(6960),i=n(6932);function o(e,t){var{nodes:n,nodesRefRepository:o,connectNodes:l,dragNodes:d,scale:c,setConnectLineState:s,setConnectLineTo:u,setManualLayoutStatus:f,setNodeMovement:v,onSwitchActiveTarget:h,onNodesConnect:p}=t;function m(e){if(o){var t,a=function(t){if(e(i))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[r,i]of o)if(t=a(r))return t.v}}if(l||d){var g=m((t=>t.contains(e.target)));if(g&&function(e,t){return e.sourceType?[].concat(e.sourceType).includes(t.type):(0,r.checkIfByTransform)(e,{source:t})}(l||d,g)){e.stopPropagation();var y=[e.clientX,e.clientY];if(l){s({from:y,options:(0,a.c)({strokeColor:i.es,strokeWidth:i.Ij},r.__secret_internals.legacyDoTransform({source:g},l))}),u(y),null==h||h({type:"node",nodeId:g.id});var k=e=>{u([e.clientX,e.clientY])},b=e=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",b),s(null);var t=e.composedPath(),n=m((e=>t.includes(e)));n&&g!==n&&(null==p||p({source:g,target:n}))};return document.addEventListener("mousemove",k),void document.addEventListener("mouseup",b)}null==h||h({type:"node",nodeId:g.id});var x=!1,w=e=>{var t=[(e.clientX-y[0])/c,(e.clientY-y[1])/c];x||(x=t[0]**2+t[1]**2>=9)&&f("started"),x&&v({id:g.id,move:t})},M=()=>{x=!1,document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",M),v(null),f("finished")};document.addEventListener("mousemove",w),document.addEventListener("mouseup",M)}}}},4378:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(4412),r=n(640),i=n(7568),o=n(6960),l=n(6932),d=["label"];function c(e,t){var n=[],c=new WeakMap,u=[],f=function(e){var f,v,h=null!==(f=null==t?void 0:t.find((t=>function(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,o.checkIfByTransform)(t,{edge:e}))}(e,t))))&&void 0!==f?f:{},{label:p}=h,m=(0,r.c)(h,d),g=o.__secret_internals.legacyDoTransform({edge:e},m);if(!1===(null==g?void 0:g.draw))return 1;var y=(0,i.uniqueId)("line-"),k=(0,a.c)((0,a.c)({strokeColor:l.es,strokeWidth:l.Ij,curveType:"polyline"===(null==g?void 0:g.type)?"curveLinear":l.NN,interactStrokeWidth:l.Go,type:"auto"},g),{},{label:p,$id:y});c.set(e,y);var b=[],x=null!==(v=k.markers)&&void 0!==v?v:k.arrow?[{placement:"end",type:"arrow"}]:[];for(var w of x){var M,E,L,R,{placement:C,type:P}=w,I=null!=C?C:"end",N=void 0,S=void 0;switch(P){case"0..1":case"0..N":S=21,N=P;break;default:S=1,N="arrow"}var B=S*k.strokeWidth,T=s({type:N,strokeColor:k.strokeColor},u);b.push({index:T,placement:I,type:N,variant:"default",offset:B});var W=s({type:N,strokeColor:null!==(M=null===(E=k.overrides)||void 0===E||null===(E=E.active)||void 0===E?void 0:E.strokeColor)&&void 0!==M?M:k.strokeColor},u);b.push({index:W,placement:I,type:N,variant:"active",offset:B});var z=s({type:N,strokeColor:null!==(L=null===(R=k.overrides)||void 0===R||null===(R=R.activeRelated)||void 0===R?void 0:R.strokeColor)&&void 0!==L?L:k.strokeColor},u);b.push({index:z,placement:I,type:N,variant:"active-related",offset:B})}n.push({line:k,markers:b,edge:e})};for(var v of null!=e?e:[])f(v);return{normalizedLines:n,normalizedLinesMap:c,markers:u}}function s(e,t){var n=(0,i.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}},4588:(e,t,n)=>{function a(e,t){return e?!!t&&e.type===t.type&&("node"===e.type?e.nodeId===t.nodeId:e.edge.source===t.edge.source&&e.edge.target===t.edge.target):!t}n.d(t,{M:()=>a})},3600:(e,t,n)=>{function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:r}=t,i=1/0,o=1/0,l=-1/0,d=-1/0;for(var c of e){var s=c.width/2,u=c.height/2,f=c.x-s,v=c.x+s,h=c.y-u,p=c.y+u;f<i&&(i=f),v>l&&(l=v),h<o&&(o=h),p>d&&(d=p)}var m=l-i,g=d-o,y=r&&(m>n||g>a)?Math.max(Math.min(n/m,a/g,r[1]),r[0]):1;return{x:(n-m*y)/2-i*y,y:(a-g*y)/2-o*y,k:y}}n.d(t,{c:()=>a})},6152:(e,t,n)=>{n.d(t,{c:()=>l});var a=n(8304),r=n.n(a),i=n(1849),o=n.n(i)()(r());o.push([e.id,":host{display:block;width:100%;height:100%;overflow:hidden}:host([hidden]){display:none}*{box-sizing:border-box}.diagram{width:100%;height:100%;position:relative;opacity:0}.diagram:focus{outline:none}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.line-labels{opacity:0}.ready{opacity:1}.diagram.ready.pannable{cursor:-webkit-grab;cursor:grab}.diagram.pannable.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.nodes,\n.lines{transform-origin:0 0}.node,\n.line-label{position:absolute;visibility:hidden}.line-label{transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;line-height:1}.lines{pointer-events:none}.line.interactable{pointer-events:auto;cursor:default}.connect-line{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.connect-line:not(.connecting){display:none}.line:not(.active) .active-bg{display:none}",""]);const l=o.toString()}}]);
|
|
2
|
-
//# sourceMappingURL=
|
|
1
|
+
"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8020],{3784:(e,t,n)=>{n.d(t,{E:()=>d});var a=n(5600),r=n.n(a),i=n(1252),o=n.n(i),l=n(8752);function d(e){var{connectLineState:t,connectLineTo:n,markerPrefix:a}=e;return r().createElement("svg",{width:"100%",height:"100%",className:o()("connect-line",{connecting:!!t&&(n[0]-t.from[0])**2+(n[1]-t.from[1])**2>25})},r().createElement("defs",null,r().createElement(l.y,{type:"arrow",id:"".concat(a,"connect-line"),strokeColor:null==t?void 0:t.options.strokeColor})),r().createElement("path",{d:t?"M".concat(t.from.join(" "),"L").concat(n.join(" ")):"",fill:"none",stroke:null==t?void 0:t.options.strokeColor,strokeWidth:null==t?void 0:t.options.strokeWidth,markerEnd:null!=t&&t.options.arrow?"url(#".concat(a,"connect-line)"):void 0}))}},2092:(e,t,n)=>{n.d(t,{k:()=>d});var a=n(4412),r=n(5600),i=n.n(r),o=n(1252),l=n.n(o);function d(e){var t,n,r,o,{line:{line:d,edge:c,d:s,markers:u},linePaths:f,lineMaskRects:v,maskPrefix:h,markerPrefix:p,activeLineMarkerPrefix:m,active:g,activeRelated:y,onLineClick:k,onLineDoubleClick:b}=e,x=v.has(d.$id)?"url(#".concat(h).concat(d.$id,")"):void 0,{strokeColor:w,strokeWidth:M,interactStrokeWidth:E}=(0,a.c)((0,a.c)({},d),g?null===(t=d.overrides)||void 0===t?void 0:t.active:y?null===(n=d.overrides)||void 0===n?void 0:n.activeRelated:null),L=g?"active":y?"active-related":"default";for(var R of u)R.variant===L&&("start"===R.placement?r="url(#".concat(p).concat(R.index,")"):o="url(#".concat(p).concat(R.index,")"));return i().createElement("g",{className:l()("line",{interactable:d.interactable,active:g,"active-related":y}),onClick:d.interactable?()=>{null==k||k({id:d.$id,edge:c})}:void 0,onDoubleClick:d.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==b||b({id:d.$id,edge:c})}:void 0,style:{cursor:d.cursor}},d.interactable&&i().createElement("path",{d:s,fill:"none",stroke:"transparent",strokeWidth:E}),i().createElement("path",{ref:e=>f.set(d.$id,e),stroke:w,strokeWidth:M,d:s,fill:"none",markerStart:r,markerEnd:o,mask:x}),i().createElement("path",{stroke:"var(--palette-blue-3)",strokeWidth:M,d:s,fill:"none",className:"active-bg",markerStart:"url(#".concat(m,"start)"),markerEnd:"url(#".concat(m,"end)"),mask:x}))}},8276:(e,t,n)=>{n.d(t,{Ar:()=>l});var a=n(5600),r=n.n(a),i=n(6196),o=n(6960);function l(e){var{labels:t,onRendered:n}=e,[i,o]=(0,a.useState)(!1),[l,s]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{s((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{o(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,a.useEffect)((()=>{null==n||n(i?u:null)}),[u,i]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,id:a,edge:i}=e;return n?r().createElement("div",{key:a,className:"line-label"},r().createElement(c,{id:a,edge:i,label:n,onRendered:f,onUnmount:v})):r().createElement(d,{key:a,id:a,text:t,onRendered:f})})))}function d(e){var{id:t,text:n,onRendered:i}=e,o=(0,a.useCallback)((e=>{null==i||i(t,e)}),[t,i]);return r().createElement("div",{className:"line-label",ref:o,style:n.style},n.content)}function c(e){var{id:t,edge:n,label:l,onRendered:d,onUnmount:c}=e,s=(0,a.useMemo)((()=>(0,o.checkIfByTransform)(l,{edge:n})?l.useBrick:null),[n,l]),u=(0,a.useMemo)((()=>({edge:n})),[n]);(0,a.useEffect)((()=>{s||setTimeout((()=>{null==d||d(t,null)}))}),[t,d,s]),(0,a.useEffect)((()=>()=>{null==c||c(t)}),[]);var f=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==d||d(t,e.parentElement)}))}),[t,d]),v=(0,a.useCallback)((()=>{setTimeout((()=>{null==d||d(t,null)}))}),[t,d]);return s?r().createElement(i.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},4092:(e,t,n)=>{n.d(t,{g:()=>i});var a=n(5600),r=n.n(a);function i(e){var{lineId:t,rects:n,maskPrefix:a,renderedLineLabels:i}=e,o=i.find((e=>e.lineId===t&&"center"===e.placement));if(!o)return null;var l,d,{lineRect:c}=o,s=(d=1e3,{left:(l=c).left-d,top:l.top-d,width:l.width+2e3,height:l.height+2e3});return r().createElement("mask",{id:"".concat(a).concat(t),x:s.left,y:s.top,width:s.width,height:s.height},r().createElement("rect",{x:s.left,y:s.top,width:s.width,height:s.height,fill:"white"}),n.map(((e,t)=>r().createElement("rect",{key:t,x:e.left,y:e.top,width:e.width,height:e.height,fill:"black"}))))}},8752:(e,t,n)=>{n.d(t,{y:()=>i});var a=n(5600),r=n.n(a);function i(e){var t,{id:n,type:a,strokeColor:i}=e;switch(a){case"0..1":t=l;break;case"0..N":t=d;break;default:t=o}return r().createElement(t,{id:n,strokeColor:i})}function o(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},r().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:n,strokeWidth:1,fill:n}))}function l(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}function d(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}},8996:(e,t,n)=>{n.d(t,{_:()=>l});var a=n(5600),r=n.n(a),i=n(6196),o=n(6960);function l(e){var{nodes:t,nodeBricks:n,onRendered:i}=e,[o,l]=(0,a.useState)(!1),[c,s]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{s((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{l(!(null!=t&&t.some((e=>!c.includes(e.id)))))}),[t,c]),(0,a.useEffect)((()=>{null==i||i(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>r().createElement("div",{key:e.id,className:"node"},r().createElement(d,{nodeBricks:n,node:e,onRendered:f,onUnmount:v})))))}function d(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:d}=e,c=(0,a.useMemo)((()=>{var e;return null===(e=function(e,t){return null==t?void 0:t.find((t=>t.nodeType?[].concat(t.nodeType).includes(e.type):(0,o.checkIfByTransform)(t,{node:e})))}(t,n))||void 0===e?void 0:e.useBrick}),[t,n]),s=(0,a.useMemo)((()=>({node:t})),[t]);(0,a.useEffect)((()=>{c||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,c]),(0,a.useEffect)((()=>()=>{null==d||d(t.id)}),[]);var u=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),f=(0,a.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return c?r().createElement(i.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:c,data:s}):null}},6932:(e,t,n)=>{n.d(t,{Go:()=>o,Ij:()=>r,NN:()=>i,Oi:()=>d,WH:()=>l,es:()=>a});var a="var(--palette-gray-5)",r=1,i="curveBasis",o=20,l=.5,d=2},4580:(e,t,n)=>{n.d(t,{C:()=>w});var a=n(5600),r=n(4412),i=n(640),o=n(228),l=n.n(o),d=n(7568);function c(e,t,n){for(var a of e){var r,i,o=t.get(a.id);a.width=Math.max(null!==(r=null==o?void 0:o.offsetWidth)&&void 0!==r?r:0,10)+n[1]+n[3],a.height=Math.max(null!==(i=null==o?void 0:o.offsetHeight)&&void 0!==i?i:0,10)+n[0]+n[2]}}function s(e,t,n){for(var a of e){var r,i=a.x-a.width/2+n[3],o=a.y-a.height/2+n[0],l=null===(r=t.get(a.id))||void 0===r?void 0:r.parentElement;l&&(l.style.left="".concat(i,"px"),l.style.top="".concat(o,"px"),l.style.visibility="visible")}}function u(e){if(Array.isArray(e)){var t=e[0],n=e.length>1?e[1]:t;return[t,n,e.length>2?e[2]:t,e.length>3?e[3]:n]}return new Array(4).fill(e)}var f=["nodePadding"],v=n(1108),h=n(9472),p=n(7339),m=n(5336),g=n(9388),y=n(5064);function k(e,t){var n,{normalizedLinesMap:a,lineLabelsRefRepository:r}=t;return null!==(n=null==e?void 0:e.map((e=>{var t=a.get(e),n={};if(t)for(var i of["start","end"]){var o=r.get("".concat(t,"-").concat(i));o&&(n[i]=[o.offsetWidth,o.offsetHeight])}return{data:e,labelSize:n}})))&&void 0!==n?n:[]}function b(e,t){return new Array(t).fill(null).map(((t,n)=>({dummy:!0,id:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(n)})))}function x(e,t){return new Array(t+1).fill(null).map(((n,a)=>({dummy:!0,source:0===a?e.source:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a-1),target:a===t?e.target:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a)})))}function w(e){var{layout:t,nodes:n,edges:o,manualLayoutStatus:w,userViewReady:M,userViewNodesMap:E,nodeMovement:L,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodesRenderId:I,lineLabelsRenderId:N,layoutOptions:S}=e,B="initial"===w?t:"manual",[T,W]=(0,a.useState)(null),[z,A]=(0,a.useState)({nodes:[],edges:[]});return(0,a.useEffect)((()=>{M&&W((e=>"dagre"===B?function(e,t,n,a){var o=(0,r.c)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,d.pick)(a,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=o,h=(0,i.c)(o,f),p=u(v),m=new(l().graphlib.Graph);for(var g of(m.setGraph(h),m.setDefaultEdgeLabel((function(){return{}})),null!=t?t:[])){var y=null==e?void 0:e.getNode(g.id);m.setNode(g.id,(null==y?void 0:y.data)===g?y:{id:g.id,data:g})}for(var k of null!=n?n:[])m.setEdge(k.source,k.target,{data:k});return{layout:"dagre",getNode:e=>m.node(e),applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:n,normalizedLinesMap:a}=e,r=[];for(var i of m.nodes()){var o=m.node(i);o?r.push(o):console.error("Diagram node not found: %s",i)}if(0===r.length)return null;c(r,t,p);var d=m.edges().map((e=>m.edge(e)));for(var u of d){var f=a.get(u.data);if(f)for(var v of["center","start","end"]){var h=n.get("".concat(f,"-").concat(v));if(h){var g,{offsetWidth:y,offsetHeight:k}=h;"center"===v&&(u.labelpos="c",u.width=y,u.height=k),null!==(g=u.labelSize)&&void 0!==g||(u.labelSize={}),u.labelSize[v]=[y,k]}}}return l().layout(m),s(r,t,p),{nodes:r,edges:d}}}}(e,n,o,S):"force"===B?function(e,t,n,a,i){var{nodePadding:o,dummyNodesOnEdges:l,collide:f}=(0,r.c)((0,r.c)({nodePadding:0,dummyNodesOnEdges:0},(0,d.pick)(i,["nodePadding","dummyNodesOnEdges"])),{},{collide:!1!==(null==i?void 0:i.collide)&&(0,r.c)({dummyRadius:1,radiusDiff:5,strength:1,iterations:1},!0===(null==i?void 0:i.collide)?null:null==i?void 0:i.collide)}),w=u(o),M=[];for(var E of null!=t?t:[]){var L=null==e?void 0:e.getNode(E.id);if((null==L?void 0:L.data)===E)M.push(L);else{var R={id:E.id,data:E},C=null==a?void 0:a.get(E.id);C&&(R.fx=C.x,R.fy=C.y),M.push(R)}}return{layout:"force",getNode:function(e){return M.find((t=>t.data.id===e))},applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:a,normalizedLinesMap:i}=e;if(0===M.length)return null;c(M,t,w);var o=M.slice(),d=[];for(var u of null!=n?n:[])d.push((0,r.c)({},u)),l>0&&(o.push(...b(u,l)),d.push(...x(u,l)));var E=(0,v.c)(d).id((e=>e.id));l>0&&E.distance((e=>e.dummy?30/(l+1):30)).strength((e=>e.dummy?.5:1));var L=(0,h.c)(o).force("link",E).force("x",(0,p.c)()).force("y",(0,m.c)()).force("charge",(0,g.c)());f&&L.force("collide",(0,y.c)().radius((e=>e.dummy?f.dummyRadius:Math.sqrt(e.width**2+e.height**2)/2+f.radiusDiff)).strength(f.strength).iterations(f.iterations)),L.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(L),s(M,t,w);var R=k(n,{normalizedLinesMap:i,lineLabelsRefRepository:a});return{nodes:M,edges:R}}}}(e,n,o,E,S):"manual"===B?function(e,t,n,a){var i,{nodePadding:o}=(0,r.c)({nodePadding:0},(0,d.pick)(a,["nodePadding"])),l=u(o),f=[];for(var v of null!=t?t:[]){var h=null==e?void 0:e.getNode(v.id);(null==h?void 0:h.data)===v?(f.push(h),h.x0=h.x,h.y0=h.y):f.push({id:v.id,data:v})}return{layout:"manual",getNode:function(e){return f.find((t=>t.data.id===e))},applyLayout(e){var t,a,{manualLayoutStatus:r,nodesRefRepository:o,lineLabelsRefRepository:d,normalizedLinesMap:u,nodeMovement:v}=e;if(0===f.length)return null;c(f,o,l),v&&(i=f.find((e=>e.id===v.id)),i&&(i.x=(null!==(t=i.x0)&&void 0!==t?t:0)+v.move[0],i.y=(null!==(a=i.y0)&&void 0!==a?a:0)+v.move[1])),"finished"===r&&i&&(i.x0=i.x,i.y0=i.y),s(f,o,l);var h=k(n,{normalizedLinesMap:u,lineLabelsRefRepository:d});return{nodes:f,edges:h}}}}(e,n,o,S):null))}),[o,n,B,S,M,E]),(0,a.useEffect)((()=>{if(R&&C&&B===(null==T?void 0:T.layout)){var e=null==T?void 0:T.applyLayout({manualLayoutStatus:w,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodeMovement:L});e&&A(e)}}),[B,w,T,L,R,C,I,N,P]),z}},3888:(e,t,n)=>{n.d(t,{y:()=>s});var a=n(8944),r=n(5600),i=n(6960),o=n(6851),l=n(236),d=n(5996),c="GRAPH_USER_VIEW@EASYOPS";function s(e){var[t,n]=(0,r.useState)(!e),s=(0,r.useRef)(),[u,f]=(0,r.useState)(null),v=(0,r.useMemo)((()=>{return e=!1,t=[],function(){var n=(0,a.c)((function*(n){if(t.push(n),!e){var a;for(e=!0;a=t.shift();)try{yield a()}catch(e){console.error(e)}e=!1}}));return function(e){return n.apply(this,arguments)}}();var e,t}),[]);return(0,r.useEffect)((()=>{function t(){return(t=(0,a.c)((function*(){if(e){var{namespace:t,key:a}=e;if(!t||!a)return console.error("Namespace and key are required to save graph user view"),void n(!0);try{var r=(yield(0,o.c)(c,{fields:["nodes"],query:{namespace:{$eq:t},key:{$eq:a}},page:1,page_size:30})).list;if(r.length>0){var l,d=r[0],u=new Map(null===(l=d.nodes)||void 0===l?void 0:l.map((e=>[e.id,e])));s.current=d.instanceId,f(u)}else f(null)}catch(e){(0,i.handleHttpError)(e)}finally{n(!0)}}else n(!0)}))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[e]),{userViewReady:t,userViewNodesMap:u,saveUserView:(0,r.useCallback)((t=>{var{namespace:n,key:r}=null!=e?e:{};n&&r&&v((0,a.c)((function*(){var e={namespace:n,key:r,nodes:t};try{if(s.current)yield(0,l.Y)(c,s.current,e,{interceptorParams:{ignoreLoadingBar:!0}});else{var a=yield(0,d.A)(c,e,{interceptorParams:{ignoreLoadingBar:!0}});s.current=a.instanceId}}catch(e){(0,i.handleHttpError)(e)}})))}),[e,v])}}},960:(e,t,n)=>{n.d(t,{g:()=>r});var a=n(3208);function r(e,t){if(e===t||(0,a.e)(e,t,0,0))return null;var n,r,i,o,l=t.x-e.x,d=t.y-e.y,c=l>0?1:-1;if(0!==d){var s=Math.abs(l/d),u=d>0?1:-1;s<e.width/e.height?(n=e.x+s*e.height/2*c,r=e.y+e.height/2*u):(n=e.x+e.width/2*c,r=e.y+e.width/2/s*u),s<t.width/t.height?(i=t.x-s*t.height/2*c,o=t.y-t.height/2*u):(i=t.x-t.width/2*c,o=t.y-t.width/2/s*u)}else n=e.x+e.width/2*c,i=t.x-t.width/2*c,r=o=e.y;return[{x:n,y:r},{x:i,y:o}]}},9900:(e,t,n)=>{function a(e,t){for(var{id:n,position:a,placement:r,angle:i,size:o}of e){var l=t.get(n);if(l&&(l.style.left="".concat(a[0],"px"),l.style.top="".concat(a[1],"px"),l.style.visibility="visible","center"!==r&&void 0!==i)){var[d,c]=null!=o?o:[0,0],s=Math.floor((i<0?2*Math.PI+i:i)/Math.PI*4),u="start"===r?s:(s+4)%8,f=Math.tan(i),v=i+("start"===r?1:-1)*Math.PI/2,h=2*Math.sin(v),p=2*Math.cos(v),m=void 0;switch(u){case 0:m="translate(0,".concat(d*f+h,"px)");break;case 1:m="translate(".concat(c/f-p,"px,0)");break;case 2:m="translate(calc(".concat(c/f+p,"px - 100%),0)");break;case 3:m="translate(-100%,".concat(-d*f-h,"px)");break;case 4:m="translate(-100%,calc(".concat(-d*f+h,"px - 100%))");break;case 5:m="translate(calc(".concat(-c/f-p,"px - 100%),-100%)");break;case 6:m="translate(".concat(-c/f+p,"px,-100%)");break;default:m="translate(0,calc(".concat(d*f-h,"px - 100%))")}l.style.transform=m}}}n.d(t,{c:()=>a})},3208:(e,t,n)=>{function a(e,t,n,a){var i=n?r(e,n):e,o=a?r(t,a):t,l=Math.min(i.x-i.width/2,o.x-o.width/2),d=Math.max(i.x+i.width/2,o.x+o.width/2),c=Math.min(i.y-i.height/2,o.y-o.height/2),s=Math.max(i.y+i.height/2,o.y+o.height/2);return d-l<i.width+o.width&&s-c<i.height+o.height}function r(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}n.d(t,{e:()=>a})},3256:(e,t,n)=>{function a(e,t){var n=new Map;for(var{id:a,lineId:r,placement:i}of e)if(t&&"center"===i){var o=t.get(a);if(o){var{offsetWidth:l,offsetHeight:d}=o;0!==l&&0!==d&&n.set(r,[{left:o.offsetLeft-l/2-3,top:o.offsetTop-d/2-3,width:l+6,height:d+6}])}}return n}n.d(t,{E:()=>a})},3732:(e,t,n)=>{function a(e,t,n){return 0===e.length&&0===t.length?e:t.flatMap((e=>{var t,a,{line:{text:r,label:i,$id:o},edge:l,labelSize:d,angle:c}=e,s=n.get(o);if(!r&&!i||!s||!s.getAttribute("d"))return[];i?(t="label",a=[].concat(i)):(t="text",a=[].concat(r));var{x:u,y:f,width:v,height:h}=s.getBBox(),p=s.getTotalLength();return a.map((e=>{var n,a=null!==(n=e.placement)&&void 0!==n?n:"center",r=s.getPointAtLength("start"===a?Math.min(0,p/2):"end"===a?Math.max(p-0,p/2):p/2);return{[t]:e,edge:l,position:[r.x,r.y],lineRect:{left:u,top:f,width:v,height:h},id:"".concat(o,"-").concat(a),lineId:o,placement:a,angle:c,size:null==d?void 0:d[a]}}))}))}n.d(t,{c:()=>a})},3904:(e,t,n)=>{n.d(t,{e:()=>g});var a=n(4412),r=n(640),i=n(3584),o=n(2128),l=n(5416),d=n(4348),c=n(2760),s=n(1260);function u(e,t,n,a){if(!Array.isArray(e))return"";var r;switch(t){case"curveLinear":r=i.c;break;case"curveBumpX":r=o.KQ;break;case"curveBumpY":r=o.yM;break;case"curveMonotoneX":r=l.O;break;case"curveMonotoneY":r=l.o;break;case"curveNatural":r=d.c;break;default:r=c.cp}var u=f(e[1],e[0],n),v=f(e[e.length-2],e[e.length-1],a);return(0,s.c)().x(((t,n)=>t.x-(0===n?u.x:n===e.length-1?v.x:0))).y(((t,n)=>t.y-(0===n?u.y:n===e.length-1?v.y:0))).curve(r)(e)}function f(e,t,n){if(!n)return{x:0,y:0};var{x:a,y:r}=e,{x:i,y:o}=t,l=n/Math.sqrt(Math.pow(i-a,2)+Math.pow(o-r,2));return{x:(i-a)*l,y:(o-r)*l}}var v=n(960);function h(e,t,n){var{x:a,y:r,width:i,height:o}=e;switch(t){case"top":return{x:a-i/2+i*n,y:r-o/2};case"bottom":return{x:a-i/2+i*n,y:r+o/2};case"left":return{x:a-i/2,y:r-o/2+o*n};case"right":return{x:a+i/2,y:r-o/2+o*n}}}var p=n(3208),m=["line","edge","markers"];function g(e,t,n){var i=new WeakMap,o=new Map,l=new Map;for(var d of t)o.set(d.id,d);for(var c of e){var{data:s}=c;i.set(s,c)}var f=!1;return n.map((t=>{var n,d,c,s,{line:g,edge:b,markers:x}=t,w=(0,r.c)(t,m),M=i.get(b);if(M){var E,L=null!==(n=null===(d=x.find((e=>"default"===e.variant&&"start"===e.placement)))||void 0===d?void 0:d.offset)&&void 0!==n?n:0,R=null!==(c=null===(s=x.find((e=>"default"===e.variant&&"end"===e.placement)))||void 0===s?void 0:s.offset)&&void 0!==c?c:0,{points:C}=M;if(!C){var P=o.get(b.source),I=o.get(b.target);if(P&&I&&P!==I){if("polyline"===g.type){if(!(0,p.e)(P,I,L,R)){var N,S;(()=>{if(!f){f=!0;var t=(e,t)=>{var n=l.get(e);n||l.set(e,n=new Set);var a=o.get(t);a&&n.add(a)};for(var{data:{source:n,target:a}}of e)n!==a&&(t(n,a),t(a,n))}})();var B=y(P,I,L),T=y(I,P,R),W=k(null!==(N=l.get(b.source))&&void 0!==N?N:[],P,B,L),z=k(null!==(S=l.get(b.target))&&void 0!==S?S:[],I,T,R);C=function(e,t,n,a,r,i){var o,l,d=h(e,n,r),c=h(t,a,i);switch(n){case"top":case"bottom":o={x:d.x,y:(d.y+c.y)/2},l={x:c.x,y:o.y};break;default:l={x:(o={x:(d.x+c.x)/2,y:d.y}).x,y:c.y}}return[d,o,l,c]}(P,I,B,T,(W.indexOf(I)+1)/(W.length+1),(z.indexOf(P)+1)/(z.length+1))}}else C=(0,v.g)(P,I);if(C){var A=C[0],_=C[C.length-1];E=Math.atan2(_.y-A.y,_.x-A.x)}}}var H=u(C,g.curveType,L,R);return(0,a.c)((0,a.c)({},w),{},{markers:x,line:g,edge:b,d:H,angle:E,labelSize:M.labelSize})}})).filter(Boolean)}function y(e,t,n){var a=Math.atan2(e.height+2*n,e.width+2*n),{x:r,y:i}=e,{x:o,y:l}=t,d=Math.atan2(l-i,o-r),c=d<0?2*Math.PI+d:d;switch(Math.floor(c/Math.PI*2)){case 0:return c<a?"right":"bottom";case 1:return c<Math.PI-a?"bottom":"left";case 2:return c<Math.PI+a?"left":"top";default:return c<2*Math.PI-a?"top":"right"}}function k(e,t,n,a){return[...e].filter((e=>y(t,e,a)===n)).sort(((e,t)=>{var{x:a,y:r}=e,{x:i,y:o}=t;return"top"===n||"bottom"===n?a-i:r-o}))}},9140:(e,t,n)=>{n.d(t,{Y:()=>r});var a=n(7568);function r(e,t){var{renderedNodes:n,activeTarget:a}=t,r="node"===(null==a?void 0:a.type)?n.find((e=>e.id===a.nodeId)):void 0,o="edge"===(null==a?void 0:a.type)?a.edge:void 0;if(r||o){var l,d,c,s,u=e.key||e.keyCode||e.which;switch(u){case"Backspace":case 8:case"Delete":case 46:r?(l="delete-node",d=r):(l="delete-edge",c=o);break;default:if(!r)return;switch(u){case"ArrowLeft":case 37:d=i("x",n,r,-1),l="switch-active-node";break;case"ArrowUp":case 38:d=i("y",n,r,-1),l="switch-active-node";break;case"ArrowRight":case 39:d=i("x",n,r,1),l="switch-active-node";break;case"ArrowDown":case 40:d=i("y",n,r,1),l="switch-active-node"}}if(l)return e.preventDefault(),e.stopPropagation(),{action:l,node:null===(s=d)||void 0===s?void 0:s.data,edge:c}}}function i(e,t,n,r){var i,o="x"===e?"y":"x",l=t.filter((t=>t!==n&&(i=(t[e]-n[e])*r)>0&&i>Math.abs(n[o]-t[o])));return(0,a.minBy)(l,(t=>(n[o]-t[o])**2+(n[e]-t[e])**2))}},636:(e,t,n)=>{n.d(t,{w:()=>o});var a=n(4412),r=n(6960),i=n(6932);function o(e,t){var{nodes:n,nodesRefRepository:o,connectNodes:l,dragNodes:d,scale:c,setConnectLineState:s,setConnectLineTo:u,setManualLayoutStatus:f,setNodeMovement:v,onSwitchActiveTarget:h,onNodesConnect:p}=t;function m(e){if(o){var t,a=function(t){if(e(i))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[r,i]of o)if(t=a(r))return t.v}}if(l||d){var g=m((t=>t.contains(e.target)));if(g&&function(e,t){return e.sourceType?[].concat(e.sourceType).includes(t.type):(0,r.checkIfByTransform)(e,{source:t})}(l||d,g)){e.stopPropagation();var y=[e.clientX,e.clientY];if(l){s({from:y,options:(0,a.c)({strokeColor:i.es,strokeWidth:i.Ij},r.__secret_internals.legacyDoTransform({source:g},l))}),u(y),null==h||h({type:"node",nodeId:g.id});var k=e=>{u([e.clientX,e.clientY])},b=e=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",b),s(null);var t=e.composedPath(),n=m((e=>t.includes(e)));n&&g!==n&&(null==p||p({source:g,target:n}))};return document.addEventListener("mousemove",k),void document.addEventListener("mouseup",b)}null==h||h({type:"node",nodeId:g.id});var x=!1,w=e=>{var t=[(e.clientX-y[0])/c,(e.clientY-y[1])/c];x||(x=t[0]**2+t[1]**2>=9)&&f("started"),x&&v({id:g.id,move:t})},M=()=>{x=!1,document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",M),v(null),f("finished")};document.addEventListener("mousemove",w),document.addEventListener("mouseup",M)}}}},4378:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(4412),r=n(640),i=n(7568),o=n(6960),l=n(6932),d=["label"];function c(e,t){var n=[],c=new WeakMap,u=[],f=function(e){var f,v,h=null!==(f=null==t?void 0:t.find((t=>function(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,o.checkIfByTransform)(t,{edge:e}))}(e,t))))&&void 0!==f?f:{},{label:p}=h,m=(0,r.c)(h,d),g=o.__secret_internals.legacyDoTransform({edge:e},m);if(!1===(null==g?void 0:g.draw))return 1;var y=(0,i.uniqueId)("line-"),k=(0,a.c)((0,a.c)({strokeColor:l.es,strokeWidth:l.Ij,curveType:"polyline"===(null==g?void 0:g.type)?"curveLinear":l.NN,interactStrokeWidth:l.Go,type:"auto"},g),{},{label:p,$id:y});c.set(e,y);var b=[],x=null!==(v=k.markers)&&void 0!==v?v:k.arrow?[{placement:"end",type:"arrow"}]:[];for(var w of x){var M,E,L,R,{placement:C,type:P}=w,I=null!=C?C:"end",N=void 0,S=void 0;switch(P){case"0..1":case"0..N":S=21,N=P;break;default:S=1,N="arrow"}var B=S*k.strokeWidth,T=s({type:N,strokeColor:k.strokeColor},u);b.push({index:T,placement:I,type:N,variant:"default",offset:B});var W=s({type:N,strokeColor:null!==(M=null===(E=k.overrides)||void 0===E||null===(E=E.active)||void 0===E?void 0:E.strokeColor)&&void 0!==M?M:k.strokeColor},u);b.push({index:W,placement:I,type:N,variant:"active",offset:B});var z=s({type:N,strokeColor:null!==(L=null===(R=k.overrides)||void 0===R||null===(R=R.activeRelated)||void 0===R?void 0:R.strokeColor)&&void 0!==L?L:k.strokeColor},u);b.push({index:z,placement:I,type:N,variant:"active-related",offset:B})}n.push({line:k,markers:b,edge:e})};for(var v of null!=e?e:[])f(v);return{normalizedLines:n,normalizedLinesMap:c,markers:u}}function s(e,t){var n=(0,i.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}},4588:(e,t,n)=>{function a(e,t){return e?!!t&&e.type===t.type&&("node"===e.type?e.nodeId===t.nodeId:e.edge.source===t.edge.source&&e.edge.target===t.edge.target):!t}n.d(t,{M:()=>a})},3600:(e,t,n)=>{function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:r}=t,i=1/0,o=1/0,l=-1/0,d=-1/0;for(var c of e){var s=c.width/2,u=c.height/2,f=c.x-s,v=c.x+s,h=c.y-u,p=c.y+u;f<i&&(i=f),v>l&&(l=v),h<o&&(o=h),p>d&&(d=p)}var m=l-i,g=d-o,y=r&&(m>n||g>a)?Math.max(Math.min(n/m,a/g,r[1]),r[0]):1;return{x:(n-m*y)/2-i*y,y:(a-g*y)/2-o*y,k:y}}n.d(t,{c:()=>a})},6152:(e,t,n)=>{n.d(t,{c:()=>l});var a=n(8304),r=n.n(a),i=n(1849),o=n.n(i)()(r());o.push([e.id,":host{display:block;width:100%;height:100%;overflow:hidden}:host([hidden]){display:none}*{box-sizing:border-box}.diagram{width:100%;height:100%;position:relative;opacity:0}.diagram:focus{outline:none}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.line-labels{opacity:0}.ready{opacity:1}.diagram.ready.pannable{cursor:-webkit-grab;cursor:grab}.diagram.pannable.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.nodes,\n.lines{transform-origin:0 0}.node,\n.line-label{position:absolute;visibility:hidden}.line-label{transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;line-height:1}.lines{pointer-events:none}.line.interactable{pointer-events:auto;cursor:default}.connect-line{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.connect-line:not(.connecting){display:none}.line:not(.active) .active-bg{display:none}",""]);const l=o.toString()}}]);
|
|
2
|
+
//# sourceMappingURL=8020.7d347956.js.map
|