@next-bricks/diagram 0.10.0 → 0.10.1

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.
Files changed (19) hide show
  1. package/dist/bricks.json +1 -1
  2. package/dist/chunks/{4180.121ee4d3.js → 4180.e1bb97aa.js} +2 -2
  3. package/dist/chunks/4180.e1bb97aa.js.map +1 -0
  4. package/dist/chunks/9393.760bb836.js +2 -0
  5. package/dist/chunks/9393.760bb836.js.map +1 -0
  6. package/dist/chunks/{eo-diagram.b06deff7.js → eo-diagram.8f82fc1b.js} +2 -2
  7. package/dist/chunks/eo-diagram.8f82fc1b.js.map +1 -0
  8. package/dist/chunks/{main.897f17ac.js → main.bbea6758.js} +2 -2
  9. package/dist/chunks/{main.897f17ac.js.map → main.bbea6758.js.map} +1 -1
  10. package/dist/examples.json +1 -1
  11. package/dist/{index.dde6054b.js → index.aae74ff4.js} +2 -2
  12. package/dist/{index.dde6054b.js.map → index.aae74ff4.js.map} +1 -1
  13. package/dist-types/diagram/processors/handleNodesMouseDown.d.ts +2 -1
  14. package/docs/eo-diagram.md +45 -19
  15. package/package.json +2 -2
  16. package/dist/chunks/4180.121ee4d3.js.map +0 -1
  17. package/dist/chunks/9393.4618c3e0.js +0 -2
  18. package/dist/chunks/9393.4618c3e0.js.map +0 -1
  19. package/dist/chunks/eo-diagram.b06deff7.js.map +0 -1
package/dist/bricks.json CHANGED
@@ -8,5 +8,5 @@
8
8
  ],
9
9
  "processors": [],
10
10
  "dependencies": {},
11
- "filePath": "bricks/diagram/dist/index.dde6054b.js"
11
+ "filePath": "bricks/diagram/dist/index.aae74ff4.js"
12
12
  }
package/dist/chunks/{4180.121ee4d3.js → 4180.e1bb97aa.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[4180],{2260:(e,t,n)=>{n.d(t,{K:()=>o});var a=n(8657),r=n.n(a);function o(e){var{clipPath:t,clipPathPrefix:n,renderedLineLabels:a}=e,{x0:o,y0:i,w:l,h:d,lineId:c}=t,s=a.find((e=>e.lineId===c&&"center"===e.placement));if(!s)return null;var{left:u,top:f,right:v,bottom:h}=s.lineRect;return r().createElement("clipPath",{key:c,id:"".concat(n).concat(c)},r().createElement("polygon",{points:["".concat(o,",").concat(i+d),"".concat(o+l,",").concat(i+d),"".concat(o+l,",").concat(i),"".concat(o,",").concat(i),"".concat(o,",").concat(f),"".concat(v,",").concat(f),"".concat(v,",").concat(h),"".concat(u,",").concat(h),"".concat(u,",").concat(f),"".concat(o,",").concat(f)].join(" ")}))}},7587:(e,t,n)=>{n.d(t,{f:()=>d});var a=n(8657),r=n.n(a),o=n(2779),i=n.n(o),l=n(9575);function d(e){var{connectLineState:t,connectLineTo:n,markerPrefix:a}=e;return r().createElement("svg",{width:"100%",height:"100%",className:i()("connect-line",{connecting:!!t&&(n[0]-t.from[0])**2+(n[1]-t.from[1])**2>25})},r().createElement("defs",null,r().createElement(l.C,{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}))}},6462:(e,t,n)=>{n.d(t,{y:()=>l});var a=n(8657),r=n.n(a),o=n(2779),i=n.n(o);function l(e){var{line:{line:t,d:n,markerIndex:a,edge:o},linePaths:l,clipPathList:d,markerPrefix:c,clipPathPrefix:s,activeLineMarkerPrefix:u,activeEdge:f,onLineClick:v,onLineDoubleClick:h}=e,p=d.some((e=>e.lineId===t.$id))?"url(#".concat(s).concat(t.$id,")"):void 0;return r().createElement("g",{className:i()("line",{interactable:t.interactable,active:f&&o.source===f.source&&o.target===f.target}),onClick:t.interactable?()=>{null==v||v({id:t.$id,edge:o})}:void 0,onDoubleClick:t.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==h||h({id:t.$id,edge:o})}:void 0,style:{cursor:t.cursor}},t.interactable&&r().createElement("path",{d:n,fill:"none",stroke:"transparent",strokeWidth:t.interactStrokeWidth}),r().createElement("path",{ref:e=>l.set(t.$id,e),stroke:t.strokeColor,strokeWidth:t.strokeWidth,d:n,fill:"none",markerEnd:void 0===a?void 0:"url(#".concat(c).concat(a,")"),clipPath:p}),r().createElement("path",{stroke:"var(--palette-blue-3)",strokeWidth:t.strokeWidth,d:n,fill:"none",className:"active-bg",markerStart:"url(#".concat(u,"start)"),markerEnd:"url(#".concat(u,"end)"),clipPath:p}))}},7853:(e,t,n)=>{n.d(t,{L8:()=>l});var a=n(8657),r=n.n(a),o=n(9494),i=n(9464);function l(e){var{labels:t,onRendered:n}=e,[o,i]=(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)((()=>{i(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,a.useEffect)((()=>{null==n||n(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,id:a,edge:o}=e;return n?r().createElement("div",{key:a,className:"line-label"},r().createElement(c,{id:a,edge:o,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:o}=e,i=(0,a.useCallback)((e=>{null==o||o(t,e)}),[t,o]);return r().createElement("div",{className:"line-label",ref:i,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,i.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(o.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},9575:(e,t,n)=>{n.d(t,{C:()=>o});var a=n(8657),r=n.n(a);function o(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:3,refY:3,markerWidth:6,markerHeight:6,orient:"auto"},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}))}},2370:(e,t,n)=>{n.d(t,{n:()=>l});var a=n(8657),r=n.n(a),o=n(9494),i=n(9464);function l(e){var{nodes:t,nodeBricks:n,onRendered:o}=e,[i,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==o||o(i?u:null)}),[u,i]),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,i.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(o.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:c,data:s}):null}},5318:(e,t,n)=>{n.d(t,{IC:()=>a,_w:()=>r,no:()=>o,oh:()=>l,rN:()=>d,wl:()=>i});var a="var(--palette-gray-5)",r=1,o="curveBasis",i=20,l=.5,d=2},2359:(e,t,n)=>{n.d(t,{n:()=>w});var a=n(8657),r=n(3028),o=n(2159),i=n(908),l=n.n(i),d=n(1211);function c(e,t,n){for(var a of e){var r,o,i=t.get(a.id);a.width=(null!==(r=null==i?void 0:i.offsetWidth)&&void 0!==r?r:10)+n[1]+n[3],a.height=(null!==(o=null==i?void 0:i.offsetHeight)&&void 0!==o?o:10)+n[0]+n[2]}}function s(e,t,n){for(var a of e){var r,o=a.x-a.width/2+n[3],i=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(o,"px"),l.style.top="".concat(i,"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(1789),h=n(2432),p=n(4374),m=n(8115),g=n(3189),y=n(650);function k(e,t){var n,{getNode:a,normalizedLinesMap:r,lineLabelsRefRepository:o}=t;return null!==(n=null==e?void 0:e.map((e=>{var t,n=function(e,t){if(e===t)return null;var n=Math.min(e.x-e.width/2,t.x-t.width/2),a=Math.max(e.x+e.width/2,t.x+t.width/2),r=Math.min(e.y-e.height/2,t.y-t.height/2),o=Math.max(e.y+e.height/2,t.y+t.height/2);if(a-n<e.width+t.width&&o-r<e.height+t.height)return null;var i,l,d,c,s=t.x-e.x,u=t.y-e.y,f=s>0?1:-1;if(0!==u){var v=Math.abs(s/u),h=u>0?1:-1;v<e.width/e.height?(i=e.x+v*e.height/2*f,l=e.y+e.height/2*h):(i=e.x+e.width/2*f,l=e.y+e.width/2/v*h),v<t.width/t.height?(d=t.x-v*t.height/2*f,c=t.y-t.height/2*h):(d=t.x-t.width/2*f,c=t.y-t.width/2/v*h)}else i=e.x+e.width/2*f,d=t.x-t.width/2*f,l=c=e.y;return[{x:i,y:l},{x:d,y:c}]}(a(e.source),a(e.target));if(n){var i=n[0],l=n[n.length-1];t=Math.atan2(l.y-i.y,l.x-i.x)}var d=r.get(e),c={};if(d)for(var s of["start","end"]){var u=o.get("".concat(d,"-").concat(s));u&&(c[s]=[u.offsetWidth,u.offsetHeight])}return{data:e,points:n,angle:t,labelSize:c}})))&&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:i,manualLayoutStatus:w,userViewReady:M,userViewNodesMap:E,nodeMovement:L,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodesRenderId:N,lineLabelsRenderId:S,layoutOptions:Z}=e,B="initial"===w?t:"manual",[I,T]=(0,a.useState)(null),[z,W]=(0,a.useState)({nodes:[],edges:[]});return(0,a.useEffect)((()=>{M&&T((e=>"dagre"===B?function(e,t,n,a){var i=(0,r.Z)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,d.pick)(a,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=i,h=(0,o.Z)(i,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 o of m.nodes()){var i=m.node(o);i?r.push(i):console.error("Diagram node not found: %s",o)}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,i,Z):"force"===B?function(e,t,n,a,o){var{nodePadding:i,dummyNodesOnEdges:l,collide:f}=(0,r.Z)((0,r.Z)({nodePadding:0,dummyNodesOnEdges:0},(0,d.pick)(o,["nodePadding","dummyNodesOnEdges"])),{},{collide:!1!==(null==o?void 0:o.collide)&&(0,r.Z)({dummyRadius:1,radiusDiff:5,strength:1,iterations:1},!0===(null==o?void 0:o.collide)?null:null==o?void 0:o.collide)}),w=u(i),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)}}function P(e){return M.find((t=>t.data.id===e))}return{layout:"force",getNode:P,applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:a,normalizedLinesMap:o}=e;if(0===M.length)return null;c(M,t,w);var i=M.slice(),d=[];for(var u of null!=n?n:[])d.push((0,r.Z)({},u)),l>0&&(i.push(...b(u,l)),d.push(...x(u,l)));var E=(0,v.Z)(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.Z)(i).force("link",E).force("x",(0,p.Z)()).force("y",(0,m.Z)()).force("charge",(0,g.Z)());f&&L.force("collide",(0,y.Z)().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,{getNode:P,normalizedLinesMap:o,lineLabelsRefRepository:a});return{nodes:M,edges:R}}}}(e,n,i,E,Z):"manual"===B?function(e,t,n,a){var o,{nodePadding:i}=(0,r.Z)({nodePadding:0},(0,d.pick)(a,["nodePadding"])),l=u(i),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})}function p(e){return f.find((t=>t.data.id===e))}return{layout:"manual",getNode:p,applyLayout(e){var t,a,{manualLayoutStatus:r,nodesRefRepository:i,lineLabelsRefRepository:d,normalizedLinesMap:u,nodeMovement:v}=e;if(0===f.length)return null;c(f,i,l),v&&(o=f.find((e=>e.id===v.id)),o&&(o.x=(null!==(t=o.x0)&&void 0!==t?t:0)+v.move[0],o.y=(null!==(a=o.y0)&&void 0!==a?a:0)+v.move[1])),"finished"===r&&o&&(o.x0=o.x,o.y0=o.y),s(f,i,l);var h=k(n,{getNode:p,normalizedLinesMap:u,lineLabelsRefRepository:d});return{nodes:f,edges:h}}}}(e,n,i,Z):null))}),[i,n,B,Z,M,E]),(0,a.useEffect)((()=>{if(R&&C&&B===(null==I?void 0:I.layout)){var e=null==I?void 0:I.applyLayout({manualLayoutStatus:w,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodeMovement:L});e&&W(e)}}),[B,w,I,L,R,C,N,S,P]),z}},8116:(e,t,n)=>{n.d(t,{k:()=>s});var a=n(4795),r=n(8657),o=n(9464),i=n(1719),l=n(1650),d=n(7496),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.Z)((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.Z)((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,i.W)(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,o.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.Z)((function*(){var e={namespace:n,key:r,nodes:t};try{if(s.current)yield(0,l.s)(c,s.current,e,{interceptorParams:{ignoreLoadingBar:!0}});else{var a=yield(0,d.N)(c,e,{interceptorParams:{ignoreLoadingBar:!0}});s.current=a.instanceId}}catch(e){(0,o.handleHttpError)(e)}})))}),[e,v])}}},7271:(e,t,n)=>{function a(e,t){for(var{id:n,position:a,placement:r,angle:o,size:i}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!==o)){var[d,c]=null!=i?i:[0,0],s=Math.floor((o<0?2*Math.PI+o:o)/Math.PI*4),u="start"===r?s:(s+4)%8,f=Math.tan(o),v=o+("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,{b:()=>a})},1251:(e,t,n)=>{function a(e,t){return e.map((e=>{var{id:n,lineId:a,placement:r}=e;if(t&&"center"===r){var o=t.get(n);if(o){var{offsetWidth:i,offsetHeight:l}=o;if(0!==i&&0!==l)return{x0:o.offsetLeft-i/2-3,y0:o.offsetTop-l/2-3,w:i+6,h:l+6,lineId:a}}}})).filter(Boolean)}n.d(t,{i:()=>a})},4126:(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:o,$id:i},edge:l,labelSize:d,angle:c}=e,s=n.get(i);if(!r&&!o||!s||!s.getAttribute("d"))return[];o?(t="label",a=[].concat(o)):(t="text",a=[].concat(r));var{x:u,y:f,width:v,height:h}=s.getBBox(),p=1e3,m=u-p,g=f-p,y=u+v+p,k=f+h+p,b=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,b/2):"end"===a?Math.max(b-0,b/2):b/2);return{[t]:e,edge:l,position:[r.x,r.y],lineRect:{left:m,top:g,right:y,bottom:k},id:"".concat(i,"-").concat(a),lineId:i,placement:a,angle:c,size:null==d?void 0:d[a]}}))}))}n.d(t,{K:()=>a})},2846:(e,t,n)=>{n.d(t,{s:()=>v});var a=n(3028),r=n(2159),o=n(8282),i=n(1479),l=n(6481),d=n(9389),c=n(3698),s=n(5004);function u(e,t,n){if(!Array.isArray(e))return"";var a;switch(n){case"curveLinear":a=o.Z;break;case"curveBumpX":a=i.sj;break;case"curveBumpY":a=i.BW;break;case"curveMonotoneX":a=l.Z;break;case"curveMonotoneY":a=l.s;break;case"curveNatural":a=d.Z;break;default:a=c.ZP}var r=0,u=0;if(t){var{x:f,y:v}=e[e.length-2],{x:h,y:p}=e[e.length-1],m=t/Math.sqrt(Math.pow(h-f,2)+Math.pow(p-v,2));r=(f-h)*m,u=(v-p)*m}var g=e;return(0,s.Z)().x(((t,n)=>t.x-(n===e.length-1?r:0))).y(((t,n)=>t.y-(n===e.length-1?u:0))).curve(a)(g)}var f=["line","edge"];function v(e,t){var n=new WeakMap;for(var o of e)n.set(o.data,o);return t.map((e=>{var{line:t,edge:o}=e,i=(0,r.Z)(e,f),l=n.get(o);if(l){var d=u(l.points,t.arrow?-5:0,t.curveType);return(0,a.Z)((0,a.Z)({},i),{},{line:t,edge:o,d,angle:l.angle,labelSize:l.labelSize})}})).filter(Boolean)}},5702:(e,t,n)=>{n.d(t,{p:()=>r});var a=n(1211);function r(e,t){var{renderedNodes:n,renderedEdges:a,activeTarget:r}=t,l="node"===(null==r?void 0:r.type)?n.find((e=>e.id===r.nodeId)):void 0,d="edge"===(null==r?void 0:r.type)?r.edge:void 0;if(l||d){var c,s,u,f,v=e.key||e.keyCode||e.which;switch(v){case"Backspace":case 8:case"Delete":case 46:l?(c="delete-node",s=l):(c="delete-edge",u=d);break;default:if(!l)return;switch(v){case"ArrowLeft":case 37:s=o(n,l,-1),c="switch-active-node";break;case"ArrowUp":case 38:s=i(n,a,l,-1),c="switch-active-node";break;case"ArrowRight":case 39:s=o(n,l,1),c="switch-active-node";break;case"ArrowDown":case 40:s=i(n,a,l,1),c="switch-active-node"}}if(c)return e.preventDefault(),e.stopPropagation(),{action:c,node:null===(f=s)||void 0===f?void 0:f.data,edge:u}}}function o(e,t,n){var r,o=e.filter((e=>e!==t&&(r=(e.x-t.x)*n)>0&&r>Math.abs(t.y-e.y)));return(0,a.minBy)(o,(e=>(t.y-e.y)**2+(t.x-e.x)**2))}function i(e,t,n,r){var o=1===r?"source":"target",i=1===r?"target":"source",l=t.filter((e=>{var{data:t}=e;return t[o]===n.id&&t[i]!==n.id})).map((t=>{var{data:n}=t;return e.find((e=>e.id===n[i]))})).filter((e=>e&&(e.y-n.y)*r>0));return(0,a.minBy)(l,(e=>(n.y-e.y)**2+(n.x-e.x)**2))}},542:(e,t,n)=>{n.d(t,{w:()=>i});var a=n(3028),r=n(9464),o=n(5318);function i(e,t){var{nodes:n,nodesRefRepository:i,connectNodes:l,dragNodes:d,setConnectLineState:c,setConnectLineTo:s,setManualLayoutStatus:u,setNodeMovement:f,onSwitchActiveTarget:v,onNodesConnect:h}=t;function p(e){if(i){var t,a=function(t){if(e(o))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[r,o]of i)if(t=a(r))return t.v}}if(l||d){var m=p((t=>t.contains(e.target)));if(m&&function(e,t){return e.sourceType?[].concat(e.sourceType).includes(t.type):(0,r.checkIfByTransform)(e,{source:t})}(l||d,m)){e.stopPropagation();var g=[e.clientX,e.clientY];if(l){c({from:g,options:(0,a.Z)({strokeColor:o.IC,strokeWidth:o._w},r.__secret_internals.legacyDoTransform({source:m},l))}),s(g),null==v||v({type:"node",nodeId:m.id});var y=e=>{s([e.clientX,e.clientY])},k=e=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",k),c(null);var t=e.composedPath(),n=p((e=>t.includes(e)));n&&m!==n&&(null==h||h({source:m,target:n}))};return document.addEventListener("mousemove",y),void document.addEventListener("mouseup",k)}null==v||v({type:"node",nodeId:m.id});var b=!1,x=e=>{var t=[e.clientX-g[0],e.clientY-g[1]];b||(b=t[0]**2+t[1]**2>=9)&&u("started"),b&&f({id:m.id,move:t})},w=()=>{b=!1,document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",w),f(null),u("finished")};document.addEventListener("mousemove",x),document.addEventListener("mouseup",w)}}}},4880:(e,t,n)=>{n.d(t,{c:()=>c});var a=n(3028),r=n(2159),o=n(1211),i=n(9464),l=n(5318),d=["label"];function c(e,t){var n=[],c=new WeakMap,s=[],u=function(e){var u,f=null!==(u=null==t?void 0:t.find((t=>function(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,i.checkIfByTransform)(t,{edge:e}))}(e,t))))&&void 0!==u?u:{},{label:v}=f,h=(0,r.Z)(f,d),p=i.__secret_internals.legacyDoTransform({edge:e},h);if(!1===(null==p?void 0:p.draw))return 1;var m,g=(0,o.uniqueId)("line-"),y=(0,a.Z)((0,a.Z)({strokeColor:l.IC,strokeWidth:l._w,curveType:l.no,interactStrokeWidth:l.wl},p),{},{label:v,$id:g});if(c.set(e,g),y.arrow){var k={strokeColor:y.strokeColor};-1===(m=(0,o.findIndex)(s,k))&&(m=s.push(k)-1)}n.push({line:y,markerIndex:m,edge:e})};for(var f of null!=e?e:[])u(f);return{normalizedLines:n,normalizedLinesMap:c,markers:s}}},7441:(e,t,n)=>{function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:r}=t,o=1/0,i=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<o&&(o=f),v>l&&(l=v),h<i&&(i=h),p>d&&(d=p)}var m=l-o,g=d-i,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-o*y,y:(a-g*y)/2-i*y,k:y}}n.d(t,{i:()=>a})},6436:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(9601),r=n.n(a),o=n(2609),i=n.n(o)()(r());i.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=i.toString()}}]);
2
- //# sourceMappingURL=4180.121ee4d3.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[4180],{2260:(e,t,n)=>{n.d(t,{K:()=>o});var a=n(8657),r=n.n(a);function o(e){var{clipPath:t,clipPathPrefix:n,renderedLineLabels:a}=e,{x0:o,y0:i,w:l,h:d,lineId:c}=t,s=a.find((e=>e.lineId===c&&"center"===e.placement));if(!s)return null;var{left:u,top:f,right:v,bottom:h}=s.lineRect;return r().createElement("clipPath",{key:c,id:"".concat(n).concat(c)},r().createElement("polygon",{points:["".concat(o,",").concat(i+d),"".concat(o+l,",").concat(i+d),"".concat(o+l,",").concat(i),"".concat(o,",").concat(i),"".concat(o,",").concat(f),"".concat(v,",").concat(f),"".concat(v,",").concat(h),"".concat(u,",").concat(h),"".concat(u,",").concat(f),"".concat(o,",").concat(f)].join(" ")}))}},7587:(e,t,n)=>{n.d(t,{f:()=>d});var a=n(8657),r=n.n(a),o=n(2779),i=n.n(o),l=n(9575);function d(e){var{connectLineState:t,connectLineTo:n,markerPrefix:a}=e;return r().createElement("svg",{width:"100%",height:"100%",className:i()("connect-line",{connecting:!!t&&(n[0]-t.from[0])**2+(n[1]-t.from[1])**2>25})},r().createElement("defs",null,r().createElement(l.C,{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}))}},6462:(e,t,n)=>{n.d(t,{y:()=>l});var a=n(8657),r=n.n(a),o=n(2779),i=n.n(o);function l(e){var{line:{line:t,d:n,markerIndex:a,edge:o},linePaths:l,clipPathList:d,markerPrefix:c,clipPathPrefix:s,activeLineMarkerPrefix:u,activeEdge:f,onLineClick:v,onLineDoubleClick:h}=e,p=d.some((e=>e.lineId===t.$id))?"url(#".concat(s).concat(t.$id,")"):void 0;return r().createElement("g",{className:i()("line",{interactable:t.interactable,active:f&&o.source===f.source&&o.target===f.target}),onClick:t.interactable?()=>{null==v||v({id:t.$id,edge:o})}:void 0,onDoubleClick:t.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==h||h({id:t.$id,edge:o})}:void 0,style:{cursor:t.cursor}},t.interactable&&r().createElement("path",{d:n,fill:"none",stroke:"transparent",strokeWidth:t.interactStrokeWidth}),r().createElement("path",{ref:e=>l.set(t.$id,e),stroke:t.strokeColor,strokeWidth:t.strokeWidth,d:n,fill:"none",markerEnd:void 0===a?void 0:"url(#".concat(c).concat(a,")"),clipPath:p}),r().createElement("path",{stroke:"var(--palette-blue-3)",strokeWidth:t.strokeWidth,d:n,fill:"none",className:"active-bg",markerStart:"url(#".concat(u,"start)"),markerEnd:"url(#".concat(u,"end)"),clipPath:p}))}},7853:(e,t,n)=>{n.d(t,{L8:()=>l});var a=n(8657),r=n.n(a),o=n(9494),i=n(9464);function l(e){var{labels:t,onRendered:n}=e,[o,i]=(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)((()=>{i(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,a.useEffect)((()=>{null==n||n(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,id:a,edge:o}=e;return n?r().createElement("div",{key:a,className:"line-label"},r().createElement(c,{id:a,edge:o,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:o}=e,i=(0,a.useCallback)((e=>{null==o||o(t,e)}),[t,o]);return r().createElement("div",{className:"line-label",ref:i,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,i.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(o.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},9575:(e,t,n)=>{n.d(t,{C:()=>o});var a=n(8657),r=n.n(a);function o(e){var{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:3,refY:3,markerWidth:6,markerHeight:6,orient:"auto"},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}))}},2370:(e,t,n)=>{n.d(t,{n:()=>l});var a=n(8657),r=n.n(a),o=n(9494),i=n(9464);function l(e){var{nodes:t,nodeBricks:n,onRendered:o}=e,[i,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==o||o(i?u:null)}),[u,i]),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,i.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(o.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:c,data:s}):null}},5318:(e,t,n)=>{n.d(t,{IC:()=>a,_w:()=>r,no:()=>o,oh:()=>l,rN:()=>d,wl:()=>i});var a="var(--palette-gray-5)",r=1,o="curveBasis",i=20,l=.5,d=2},2359:(e,t,n)=>{n.d(t,{n:()=>w});var a=n(8657),r=n(3028),o=n(2159),i=n(908),l=n.n(i),d=n(1211);function c(e,t,n){for(var a of e){var r,o,i=t.get(a.id);a.width=(null!==(r=null==i?void 0:i.offsetWidth)&&void 0!==r?r:10)+n[1]+n[3],a.height=(null!==(o=null==i?void 0:i.offsetHeight)&&void 0!==o?o:10)+n[0]+n[2]}}function s(e,t,n){for(var a of e){var r,o=a.x-a.width/2+n[3],i=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(o,"px"),l.style.top="".concat(i,"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(1789),h=n(2432),p=n(4374),m=n(8115),g=n(3189),y=n(650);function k(e,t){var n,{getNode:a,normalizedLinesMap:r,lineLabelsRefRepository:o}=t;return null!==(n=null==e?void 0:e.map((e=>{var t,n=function(e,t){if(e===t)return null;var n=Math.min(e.x-e.width/2,t.x-t.width/2),a=Math.max(e.x+e.width/2,t.x+t.width/2),r=Math.min(e.y-e.height/2,t.y-t.height/2),o=Math.max(e.y+e.height/2,t.y+t.height/2);if(a-n<e.width+t.width&&o-r<e.height+t.height)return null;var i,l,d,c,s=t.x-e.x,u=t.y-e.y,f=s>0?1:-1;if(0!==u){var v=Math.abs(s/u),h=u>0?1:-1;v<e.width/e.height?(i=e.x+v*e.height/2*f,l=e.y+e.height/2*h):(i=e.x+e.width/2*f,l=e.y+e.width/2/v*h),v<t.width/t.height?(d=t.x-v*t.height/2*f,c=t.y-t.height/2*h):(d=t.x-t.width/2*f,c=t.y-t.width/2/v*h)}else i=e.x+e.width/2*f,d=t.x-t.width/2*f,l=c=e.y;return[{x:i,y:l},{x:d,y:c}]}(a(e.source),a(e.target));if(n){var i=n[0],l=n[n.length-1];t=Math.atan2(l.y-i.y,l.x-i.x)}var d=r.get(e),c={};if(d)for(var s of["start","end"]){var u=o.get("".concat(d,"-").concat(s));u&&(c[s]=[u.offsetWidth,u.offsetHeight])}return{data:e,points:n,angle:t,labelSize:c}})))&&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:i,manualLayoutStatus:w,userViewReady:M,userViewNodesMap:E,nodeMovement:L,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodesRenderId:N,lineLabelsRenderId:S,layoutOptions:Z}=e,B="initial"===w?t:"manual",[I,T]=(0,a.useState)(null),[z,W]=(0,a.useState)({nodes:[],edges:[]});return(0,a.useEffect)((()=>{M&&T((e=>"dagre"===B?function(e,t,n,a){var i=(0,r.Z)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,d.pick)(a,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=i,h=(0,o.Z)(i,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 o of m.nodes()){var i=m.node(o);i?r.push(i):console.error("Diagram node not found: %s",o)}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,i,Z):"force"===B?function(e,t,n,a,o){var{nodePadding:i,dummyNodesOnEdges:l,collide:f}=(0,r.Z)((0,r.Z)({nodePadding:0,dummyNodesOnEdges:0},(0,d.pick)(o,["nodePadding","dummyNodesOnEdges"])),{},{collide:!1!==(null==o?void 0:o.collide)&&(0,r.Z)({dummyRadius:1,radiusDiff:5,strength:1,iterations:1},!0===(null==o?void 0:o.collide)?null:null==o?void 0:o.collide)}),w=u(i),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)}}function P(e){return M.find((t=>t.data.id===e))}return{layout:"force",getNode:P,applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:a,normalizedLinesMap:o}=e;if(0===M.length)return null;c(M,t,w);var i=M.slice(),d=[];for(var u of null!=n?n:[])d.push((0,r.Z)({},u)),l>0&&(i.push(...b(u,l)),d.push(...x(u,l)));var E=(0,v.Z)(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.Z)(i).force("link",E).force("x",(0,p.Z)()).force("y",(0,m.Z)()).force("charge",(0,g.Z)());f&&L.force("collide",(0,y.Z)().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,{getNode:P,normalizedLinesMap:o,lineLabelsRefRepository:a});return{nodes:M,edges:R}}}}(e,n,i,E,Z):"manual"===B?function(e,t,n,a){var o,{nodePadding:i}=(0,r.Z)({nodePadding:0},(0,d.pick)(a,["nodePadding"])),l=u(i),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})}function p(e){return f.find((t=>t.data.id===e))}return{layout:"manual",getNode:p,applyLayout(e){var t,a,{manualLayoutStatus:r,nodesRefRepository:i,lineLabelsRefRepository:d,normalizedLinesMap:u,nodeMovement:v}=e;if(0===f.length)return null;c(f,i,l),v&&(o=f.find((e=>e.id===v.id)),o&&(o.x=(null!==(t=o.x0)&&void 0!==t?t:0)+v.move[0],o.y=(null!==(a=o.y0)&&void 0!==a?a:0)+v.move[1])),"finished"===r&&o&&(o.x0=o.x,o.y0=o.y),s(f,i,l);var h=k(n,{getNode:p,normalizedLinesMap:u,lineLabelsRefRepository:d});return{nodes:f,edges:h}}}}(e,n,i,Z):null))}),[i,n,B,Z,M,E]),(0,a.useEffect)((()=>{if(R&&C&&B===(null==I?void 0:I.layout)){var e=null==I?void 0:I.applyLayout({manualLayoutStatus:w,nodesRefRepository:R,lineLabelsRefRepository:C,normalizedLinesMap:P,nodeMovement:L});e&&W(e)}}),[B,w,I,L,R,C,N,S,P]),z}},8116:(e,t,n)=>{n.d(t,{k:()=>s});var a=n(4795),r=n(8657),o=n(9464),i=n(1719),l=n(1650),d=n(7496),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.Z)((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.Z)((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,i.W)(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,o.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.Z)((function*(){var e={namespace:n,key:r,nodes:t};try{if(s.current)yield(0,l.s)(c,s.current,e,{interceptorParams:{ignoreLoadingBar:!0}});else{var a=yield(0,d.N)(c,e,{interceptorParams:{ignoreLoadingBar:!0}});s.current=a.instanceId}}catch(e){(0,o.handleHttpError)(e)}})))}),[e,v])}}},7271:(e,t,n)=>{function a(e,t){for(var{id:n,position:a,placement:r,angle:o,size:i}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!==o)){var[d,c]=null!=i?i:[0,0],s=Math.floor((o<0?2*Math.PI+o:o)/Math.PI*4),u="start"===r?s:(s+4)%8,f=Math.tan(o),v=o+("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,{b:()=>a})},1251:(e,t,n)=>{function a(e,t){return e.map((e=>{var{id:n,lineId:a,placement:r}=e;if(t&&"center"===r){var o=t.get(n);if(o){var{offsetWidth:i,offsetHeight:l}=o;if(0!==i&&0!==l)return{x0:o.offsetLeft-i/2-3,y0:o.offsetTop-l/2-3,w:i+6,h:l+6,lineId:a}}}})).filter(Boolean)}n.d(t,{i:()=>a})},4126:(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:o,$id:i},edge:l,labelSize:d,angle:c}=e,s=n.get(i);if(!r&&!o||!s||!s.getAttribute("d"))return[];o?(t="label",a=[].concat(o)):(t="text",a=[].concat(r));var{x:u,y:f,width:v,height:h}=s.getBBox(),p=1e3,m=u-p,g=f-p,y=u+v+p,k=f+h+p,b=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,b/2):"end"===a?Math.max(b-0,b/2):b/2);return{[t]:e,edge:l,position:[r.x,r.y],lineRect:{left:m,top:g,right:y,bottom:k},id:"".concat(i,"-").concat(a),lineId:i,placement:a,angle:c,size:null==d?void 0:d[a]}}))}))}n.d(t,{K:()=>a})},2846:(e,t,n)=>{n.d(t,{s:()=>v});var a=n(3028),r=n(2159),o=n(8282),i=n(1479),l=n(6481),d=n(9389),c=n(3698),s=n(5004);function u(e,t,n){if(!Array.isArray(e))return"";var a;switch(n){case"curveLinear":a=o.Z;break;case"curveBumpX":a=i.sj;break;case"curveBumpY":a=i.BW;break;case"curveMonotoneX":a=l.Z;break;case"curveMonotoneY":a=l.s;break;case"curveNatural":a=d.Z;break;default:a=c.ZP}var r=0,u=0;if(t){var{x:f,y:v}=e[e.length-2],{x:h,y:p}=e[e.length-1],m=t/Math.sqrt(Math.pow(h-f,2)+Math.pow(p-v,2));r=(f-h)*m,u=(v-p)*m}var g=e;return(0,s.Z)().x(((t,n)=>t.x-(n===e.length-1?r:0))).y(((t,n)=>t.y-(n===e.length-1?u:0))).curve(a)(g)}var f=["line","edge"];function v(e,t){var n=new WeakMap;for(var o of e)n.set(o.data,o);return t.map((e=>{var{line:t,edge:o}=e,i=(0,r.Z)(e,f),l=n.get(o);if(l){var d=u(l.points,t.arrow?-5:0,t.curveType);return(0,a.Z)((0,a.Z)({},i),{},{line:t,edge:o,d,angle:l.angle,labelSize:l.labelSize})}})).filter(Boolean)}},5702:(e,t,n)=>{n.d(t,{p:()=>r});var a=n(1211);function r(e,t){var{renderedNodes:n,renderedEdges:a,activeTarget:r}=t,l="node"===(null==r?void 0:r.type)?n.find((e=>e.id===r.nodeId)):void 0,d="edge"===(null==r?void 0:r.type)?r.edge:void 0;if(l||d){var c,s,u,f,v=e.key||e.keyCode||e.which;switch(v){case"Backspace":case 8:case"Delete":case 46:l?(c="delete-node",s=l):(c="delete-edge",u=d);break;default:if(!l)return;switch(v){case"ArrowLeft":case 37:s=o(n,l,-1),c="switch-active-node";break;case"ArrowUp":case 38:s=i(n,a,l,-1),c="switch-active-node";break;case"ArrowRight":case 39:s=o(n,l,1),c="switch-active-node";break;case"ArrowDown":case 40:s=i(n,a,l,1),c="switch-active-node"}}if(c)return e.preventDefault(),e.stopPropagation(),{action:c,node:null===(f=s)||void 0===f?void 0:f.data,edge:u}}}function o(e,t,n){var r,o=e.filter((e=>e!==t&&(r=(e.x-t.x)*n)>0&&r>Math.abs(t.y-e.y)));return(0,a.minBy)(o,(e=>(t.y-e.y)**2+(t.x-e.x)**2))}function i(e,t,n,r){var o=1===r?"source":"target",i=1===r?"target":"source",l=t.filter((e=>{var{data:t}=e;return t[o]===n.id&&t[i]!==n.id})).map((t=>{var{data:n}=t;return e.find((e=>e.id===n[i]))})).filter((e=>e&&(e.y-n.y)*r>0));return(0,a.minBy)(l,(e=>(n.y-e.y)**2+(n.x-e.x)**2))}},542:(e,t,n)=>{n.d(t,{w:()=>i});var a=n(3028),r=n(9464),o=n(5318);function i(e,t){var{nodes:n,nodesRefRepository:i,connectNodes:l,dragNodes:d,scale:c,setConnectLineState:s,setConnectLineTo:u,setManualLayoutStatus:f,setNodeMovement:v,onSwitchActiveTarget:h,onNodesConnect:p}=t;function m(e){if(i){var t,a=function(t){if(e(o))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[r,o]of i)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.Z)({strokeColor:o.IC,strokeWidth:o._w},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)}}}},4880:(e,t,n)=>{n.d(t,{c:()=>c});var a=n(3028),r=n(2159),o=n(1211),i=n(9464),l=n(5318),d=["label"];function c(e,t){var n=[],c=new WeakMap,s=[],u=function(e){var u,f=null!==(u=null==t?void 0:t.find((t=>function(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,i.checkIfByTransform)(t,{edge:e}))}(e,t))))&&void 0!==u?u:{},{label:v}=f,h=(0,r.Z)(f,d),p=i.__secret_internals.legacyDoTransform({edge:e},h);if(!1===(null==p?void 0:p.draw))return 1;var m,g=(0,o.uniqueId)("line-"),y=(0,a.Z)((0,a.Z)({strokeColor:l.IC,strokeWidth:l._w,curveType:l.no,interactStrokeWidth:l.wl},p),{},{label:v,$id:g});if(c.set(e,g),y.arrow){var k={strokeColor:y.strokeColor};-1===(m=(0,o.findIndex)(s,k))&&(m=s.push(k)-1)}n.push({line:y,markerIndex:m,edge:e})};for(var f of null!=e?e:[])u(f);return{normalizedLines:n,normalizedLinesMap:c,markers:s}}},7441:(e,t,n)=>{function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:r}=t,o=1/0,i=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<o&&(o=f),v>l&&(l=v),h<i&&(i=h),p>d&&(d=p)}var m=l-o,g=d-i,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-o*y,y:(a-g*y)/2-i*y,k:y}}n.d(t,{i:()=>a})},6436:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(9601),r=n.n(a),o=n(2609),i=n.n(o)()(r());i.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=i.toString()}}]);
2
+ //# sourceMappingURL=4180.e1bb97aa.js.map
package/dist/chunks/4180.e1bb97aa.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/4180.e1bb97aa.js","mappings":"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","sources":["webpack:///./src/diagram/ClipPathComponent.tsx","webpack:///./src/diagram/ConnectLineComponent.tsx","webpack:///./src/diagram/LineComponent.tsx","webpack:///./src/diagram/LineLabelComponent.tsx","webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/NodeComponent.tsx","webpack:///./src/diagram/processors/findNodeBrick.ts","webpack:///./src/diagram/constants.ts","webpack:///./src/diagram/processors/adjustNodesSize.ts","webpack:///./src/diagram/processors/adjustNodesPosition.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts","webpack:///./src/diagram/processors/getRenderedEdges.ts","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/getForceGraph.ts","webpack:///./src/diagram/hooks/useRenderedDiagram.ts","webpack:///./src/diagram/processors/getDagreGraph.ts","webpack:///./src/diagram/processors/getManualGraph.ts","webpack:///./src/diagram/hooks/useUserView.ts","webpack:///./src/diagram/processors/createAsyncQueue.ts","webpack:///./src/diagram/processors/adjustLineLabels.ts","webpack:///./src/diagram/processors/getClipPathList.ts","webpack:///./src/diagram/processors/getRenderedLineLabels.ts","webpack:///./src/diagram/lines/curveLine.ts","webpack:///./src/diagram/processors/getRenderedLines.ts","webpack:///./src/diagram/processors/handleKeyboard.ts","webpack:///./src/diagram/processors/handleNodesMouseDown.ts","webpack:///./src/diagram/processors/normalizeLinesAndMarkers.ts","webpack:///./src/diagram/processors/matchEdgeByFilter.ts","webpack:///./src/diagram/processors/transformToCenter.ts","webpack:///./src/diagram/styles.shadow.css"],"sourcesContent":["import React from \"react\";\nimport type { LineTextClipPath, RenderedLineLabel } from \"./interfaces\";\n\nexport interface ClipPathComponentProps {\n clipPathPrefix: string;\n clipPath: LineTextClipPath;\n renderedLineLabels: RenderedLineLabel[];\n}\n\nexport function ClipPathComponent({\n clipPath,\n clipPathPrefix,\n renderedLineLabels,\n}: ClipPathComponentProps): JSX.Element | null {\n const { x0, y0, w, h, lineId } = clipPath;\n const lineText = renderedLineLabels.find(\n (item) => item.lineId === lineId && item.placement === \"center\"\n );\n if (!lineText) {\n return null;\n }\n const { left, top, right, bottom } = lineText.lineRect;\n // https://css-tricks.com/cutting-inner-part-element-using-clip-path/\n return (\n <clipPath key={lineId} id={`${clipPathPrefix}${lineId}`}>\n <polygon\n points={[\n `${x0},${y0 + h}`,\n `${x0 + w},${y0 + h}`,\n `${x0 + w},${y0}`,\n `${x0},${y0}`,\n `${x0},${top}`,\n `${right},${top}`,\n `${right},${bottom}`,\n `${left},${bottom}`,\n `${left},${top}`,\n `${x0},${top}`,\n ].join(\" \")}\n />\n </clipPath>\n );\n}\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState, PositionTuple } from \"./interfaces\";\nimport { MarkerComponent } from \"./MarkerComponent\";\n\nexport interface ConnectLineComponentProps {\n connectLineState: ConnectLineState | null;\n connectLineTo: PositionTuple;\n markerPrefix: string;\n}\n\nexport function ConnectLineComponent({\n connectLineState,\n connectLineTo,\n markerPrefix,\n}: ConnectLineComponentProps): JSX.Element {\n return (\n <svg\n width=\"100%\"\n height=\"100%\"\n className={classNames(\"connect-line\", {\n connecting:\n !!connectLineState &&\n // Do not show when the distance of mouse move is less than 5px\n (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n 25,\n })}\n >\n <defs>\n <MarkerComponent\n id={`${markerPrefix}connect-line`}\n strokeColor={connectLineState?.options.strokeColor}\n />\n </defs>\n <path\n d={\n connectLineState\n ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n : \"\"\n }\n fill=\"none\"\n stroke={connectLineState?.options.strokeColor}\n strokeWidth={connectLineState?.options.strokeWidth}\n markerEnd={\n connectLineState?.options.arrow\n ? `url(#${markerPrefix}connect-line)`\n : undefined\n }\n />\n </svg>\n );\n}\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport type {\n DiagramEdge,\n LineTarget,\n LineTextClipPath,\n RenderedLine,\n} from \"./interfaces\";\n\nexport interface LineComponentProps {\n line: RenderedLine;\n linePaths: Map<string, SVGPathElement | null>;\n clipPathList: LineTextClipPath[];\n markerPrefix: string;\n clipPathPrefix: string;\n activeLineMarkerPrefix: string;\n activeEdge: DiagramEdge | null;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n}\n\nexport function LineComponent({\n line: { line, d, markerIndex, edge },\n linePaths,\n clipPathList,\n markerPrefix,\n clipPathPrefix,\n activeLineMarkerPrefix,\n activeEdge,\n onLineClick,\n onLineDoubleClick,\n}: LineComponentProps): JSX.Element {\n const clipPath = clipPathList.some((clip) => clip.lineId === line.$id)\n ? `url(#${clipPathPrefix}${line.$id})`\n : undefined;\n return (\n <g\n className={classNames(\"line\", {\n interactable: line.interactable,\n active:\n activeEdge &&\n edge.source === activeEdge.source &&\n edge.target === activeEdge.target,\n })}\n onClick={\n line.interactable\n ? () => {\n onLineClick?.({ id: line.$id, edge });\n }\n : undefined\n }\n onDoubleClick={\n line.interactable\n ? (e) => {\n e.preventDefault();\n e.stopPropagation();\n onLineDoubleClick?.({ id: line.$id, edge });\n }\n : undefined\n }\n style={{ cursor: line.cursor }}\n >\n {line.interactable && (\n <path\n // This `path` is made for expanding interaction area of graph lines.\n d={d}\n fill=\"none\"\n stroke=\"transparent\"\n strokeWidth={line.interactStrokeWidth}\n />\n )}\n <path\n ref={(element) => linePaths.set(line.$id, element)}\n stroke={line.strokeColor}\n strokeWidth={line.strokeWidth}\n d={d}\n fill=\"none\"\n markerEnd={\n markerIndex === undefined\n ? undefined\n : `url(#${markerPrefix}${markerIndex})`\n }\n clipPath={clipPath}\n />\n <path\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={line.strokeWidth}\n d={d}\n fill=\"none\"\n className=\"active-bg\"\n markerStart={`url(#${activeLineMarkerPrefix}start)`}\n markerEnd={`url(#${activeLineMarkerPrefix}end)`}\n clipPath={clipPath}\n />\n </g>\n );\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport { checkIfByTransform } from \"@next-core/runtime\";\nimport type {\n DiagramEdge,\n LineLabelConf,\n // PositionTuple,\n RefRepository,\n LineLabel,\n TextOptions,\n} from \"./interfaces\";\n\nexport interface LineLabelComponentGroupProps {\n labels?: LineLabel[];\n onRendered?: (refRepository: RefRepository | null) => void;\n}\n\nexport function LineLabelComponentGroup({\n labels,\n onRendered,\n}: LineLabelComponentGroupProps): JSX.Element {\n const [rendered, setRendered] = useState(false);\n const [renderedIds, setRenderedIds] = useState<string[]>([]);\n const refRepository = useMemo<RefRepository>(() => new Map(), []);\n\n const handleRenderer = useCallback(\n (id: string, element: HTMLElement | null) => {\n if (element) {\n refRepository.set(id, element);\n }\n setRenderedIds((previous) =>\n previous.includes(id) ? previous : previous.concat(id)\n );\n },\n [refRepository]\n );\n\n const handleUnmount = useCallback(\n (id: string) => {\n setRenderedIds((previous) => {\n const index = previous.indexOf(id);\n return index === -1\n ? previous\n : previous.slice(0, index).concat(previous.slice(index + 1));\n });\n refRepository.delete(id);\n },\n [refRepository]\n );\n\n useEffect(() => {\n // All nodes have been rendered.\n setRendered(!labels?.some((label) => !renderedIds.includes(label.id)));\n }, [labels, renderedIds]);\n\n useEffect(\n () => {\n onRendered?.(rendered ? refRepository : null);\n },\n // Dot not re-run effect when `onRendered` changed.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [/* onRendered, */ refRepository, rendered]\n );\n\n return (\n <React.Fragment>\n {labels?.map(({ text, label, /* position, */ id, edge }) =>\n label ? (\n <div\n key={id}\n className=\"line-label\"\n // style={{\n // left: position[0],\n // top: position[1],\n // }}\n >\n <LineLabelComponent\n id={id}\n edge={edge}\n label={label}\n onRendered={handleRenderer}\n onUnmount={handleUnmount}\n />\n </div>\n ) : (\n <LineTextComponent\n key={id}\n id={id}\n text={text!}\n // position={position}\n onRendered={handleRenderer}\n />\n )\n )}\n </React.Fragment>\n );\n}\n\nexport interface LineTextComponentProps {\n id: string;\n text: TextOptions;\n // position: PositionTuple;\n onRendered?: (id: string, element: HTMLElement | null) => void;\n // onUnmount?: (id: string) => void;\n}\n\nexport function LineTextComponent({\n id,\n text,\n // position,\n onRendered /* , onUnmount */,\n}: LineTextComponentProps): JSX.Element {\n const refCallback = useCallback(\n (element: HTMLDivElement) => {\n onRendered?.(id, element);\n },\n [id, onRendered]\n );\n\n return (\n <div\n className=\"line-label\"\n ref={refCallback}\n // style={{\n // left: position[0],\n // top: position[1],\n // ...text!.style,\n // }}\n style={text.style}\n >\n {text!.content}\n </div>\n );\n}\n\n// export const LineLabelComponentGroup = React.memo(LegacyLineLabelComponentGroup);\n\nexport interface LineLabelComponentProps {\n id: string;\n edge: DiagramEdge;\n label: LineLabelConf;\n onRendered?: (id: string, element: HTMLElement | null) => void;\n onUnmount?: (id: string) => void;\n}\n\nexport function LineLabelComponent({\n id,\n edge,\n label,\n onRendered,\n onUnmount,\n}: LineLabelComponentProps): JSX.Element | null {\n const useBrick = useMemo(\n () => (checkIfByTransform(label, { edge }) ? label.useBrick : null),\n [edge, label]\n );\n\n const memoizedData = useMemo(() => ({ edge }), [edge]);\n\n useEffect(() => {\n if (!useBrick) {\n // Keep the same time delay for reporting rendered.\n setTimeout(() => {\n onRendered?.(id, null);\n });\n }\n }, [id, onRendered, useBrick]);\n\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 // Todo: correctly wait for `useBrick` in v3 to be rendered (after layout)\n // Wait a macro task to let `useBrick` to be rendered.\n setTimeout(() => {\n onRendered?.(id, element.parentElement);\n });\n }\n },\n [id, onRendered]\n );\n\n const ignoredCallback = useCallback(() => {\n setTimeout(() => {\n onRendered?.(id, null);\n });\n }, [id, onRendered]);\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={memoizedData}\n />\n );\n}\n","import React from \"react\";\n\nexport interface MarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={3}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport type {\n DiagramNode,\n DiagramNodeId,\n NodeBrickConf,\n RefRepository,\n} from \"./interfaces\";\nimport { findNodeBrick } from \"./processors/findNodeBrick\";\n\nexport interface NodeComponentGroupProps {\n nodes?: DiagramNode[];\n nodeBricks?: NodeBrickConf[];\n onRendered?: (refRepository: RefRepository | null) => void;\n}\n\nexport function NodeComponentGroup({\n nodes,\n nodeBricks,\n onRendered,\n}: NodeComponentGroupProps): JSX.Element {\n const [rendered, setRendered] = useState(false);\n const [renderedIds, setRenderedIds] = useState<DiagramNodeId[]>([]);\n const refRepository = useMemo<RefRepository>(() => new Map(), []);\n\n const handleRenderer = useCallback(\n (id: DiagramNodeId, element: HTMLElement | null) => {\n if (element) {\n refRepository.set(id, element);\n }\n setRenderedIds((previous) =>\n previous.includes(id) ? previous : previous.concat(id)\n );\n },\n [refRepository]\n );\n\n const handleUnmount = useCallback(\n (id: DiagramNodeId) => {\n setRenderedIds((previous) => {\n const index = previous.indexOf(id);\n return index === -1\n ? previous\n : previous.slice(0, index).concat(previous.slice(index + 1));\n });\n refRepository.delete(id);\n },\n [refRepository]\n );\n\n useEffect(() => {\n // All nodes have been rendered.\n setRendered(!nodes?.some((node) => !renderedIds.includes(node.id)));\n }, [nodes, renderedIds]);\n\n useEffect(\n () => {\n onRendered?.(rendered ? refRepository : null);\n },\n // Dot not re-run effect when `onRendered` changed.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [/* onRendered, */ refRepository, rendered]\n );\n\n return (\n <React.Fragment>\n {nodes?.map((node) => (\n <div key={node.id} className=\"node\">\n <NodeComponent\n nodeBricks={nodeBricks}\n node={node}\n onRendered={handleRenderer}\n onUnmount={handleUnmount}\n />\n </div>\n ))}\n </React.Fragment>\n );\n}\n\nexport interface NodeComponentProps {\n node: DiagramNode;\n nodeBricks?: NodeBrickConf[];\n onRendered?: (id: DiagramNodeId, element: HTMLElement | null) => void;\n onUnmount?: (id: DiagramNodeId) => void;\n}\n\nexport function NodeComponent({\n node,\n nodeBricks,\n onRendered,\n onUnmount,\n}: NodeComponentProps): JSX.Element | null {\n const useBrick = useMemo(\n () => findNodeBrick(node, nodeBricks)?.useBrick,\n [node, nodeBricks]\n );\n const memoizedData = useMemo(() => ({ node }), [node]);\n\n useEffect(() => {\n if (!useBrick) {\n // Keep the same time delay for reporting rendered.\n setTimeout(() => {\n onRendered?.(node.id, null);\n });\n }\n }, [node.id, onRendered, useBrick]);\n\n useEffect(\n () => {\n return () => {\n onUnmount?.(node.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 // Todo: correctly wait for `useBrick` in v3 to be rendered (after layout)\n // Wait a macro task to let `useBrick` to be rendered.\n setTimeout(() => {\n onRendered?.(node.id, element);\n });\n }\n },\n [node.id, onRendered]\n );\n\n const ignoredCallback = useCallback(() => {\n setTimeout(() => {\n onRendered?.(node.id, null);\n });\n }, [node.id, onRendered]);\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={memoizedData}\n />\n );\n}\n","import { checkIfByTransform } from \"@next-core/runtime\";\nimport { NodeBrickConf, DiagramNode } from \"../interfaces\";\n\nexport function findNodeBrick(\n node: DiagramNode,\n nodeBricks: NodeBrickConf[] | undefined\n): NodeBrickConf | undefined {\n return nodeBricks?.find((item) => {\n if (item.nodeType) {\n return ([] as unknown[]).concat(item.nodeType).includes(node.type);\n }\n return checkIfByTransform(item, { node });\n });\n}\n","export const DEFAULT_LINE_STROKE_COLOR = \"var(--palette-gray-5)\";\nexport const DEFAULT_LINE_STROKE_WIDTH = 1;\nexport const DEFAULT_LINE_CURVE_TYPE = \"curveBasis\";\nexport const DEFAULT_LINE_INTERACT_STROKE_WIDTH = 20;\nexport const DEFAULT_SCALE_RANGE_MIN = 0.5;\nexport const DEFAULT_SCALE_RANGE_MAX = 2;\n","import type { FullRectTuple, RefRepository, RenderedNode } from \"../interfaces\";\n\nexport function adjustNodesSize(\n nodes: RenderedNode[],\n nodesRefRepository: RefRepository,\n nodePaddings: FullRectTuple\n) {\n for (const node of nodes) {\n const element = nodesRefRepository.get(node.id);\n node.width =\n (element?.offsetWidth ?? 10) + nodePaddings[1] + nodePaddings[3];\n node.height =\n (element?.offsetHeight ?? 10) + nodePaddings[0] + nodePaddings[2];\n }\n}\n","import type { FullRectTuple, RefRepository, RenderedNode } from \"../interfaces\";\n\nexport function adjustNodesPosition(\n nodes: RenderedNode[],\n nodesRefRepository: RefRepository,\n nodePaddings: FullRectTuple\n) {\n for (const node of nodes) {\n const x = node.x - node.width / 2 + nodePaddings[3];\n const y = node.y - node.height / 2 + nodePaddings[0];\n\n const nodeContainer = nodesRefRepository.get(node.id)?.parentElement;\n if (nodeContainer) {\n nodeContainer.style.left = `${x}px`;\n nodeContainer.style.top = `${y}px`;\n nodeContainer.style.visibility = \"visible\";\n }\n }\n}\n","import type { FullRectTuple, PartialRectTuple } from \"../interfaces\";\n\nexport function extractPartialRectTuple(\n value: PartialRectTuple\n): FullRectTuple {\n if (Array.isArray(value)) {\n const v0 = value[0];\n const v1 = value.length > 1 ? value[1]! : v0;\n const v2 = value.length > 2 ? value[2]! : v0;\n const v3 = value.length > 3 ? value[3]! : v1;\n return [v0, v1, v2, v3];\n }\n return new Array(4).fill(value) as FullRectTuple;\n}\n","// istanbul ignore file: experimental\nimport type {\n DiagramEdge,\n LabelSize,\n RefRepository,\n RenderedNode,\n} from \"../interfaces\";\nimport { getDirectLinePoints } from \"../lines/getDirectLinePoints\";\n\nexport function getRenderedEdges(\n edges: DiagramEdge[] | undefined,\n {\n getNode,\n normalizedLinesMap,\n lineLabelsRefRepository,\n }: {\n getNode(id: string): RenderedNode | undefined;\n normalizedLinesMap: WeakMap<DiagramEdge, string>;\n lineLabelsRefRepository: RefRepository;\n }\n) {\n return (\n edges?.map((edge) => {\n const source = getNode(edge.source)!;\n const target = getNode(edge.target)!;\n const points = getDirectLinePoints(source, target);\n let angle: number | undefined;\n if (points) {\n const start = points[0];\n const end = points[points.length - 1];\n angle = Math.atan2(end.y - start.y, end.x - start.x);\n }\n\n const lineId = normalizedLinesMap.get(edge);\n const labelSize: LabelSize = {};\n if (lineId) {\n for (const placement of [/* \"center\", */ \"start\", \"end\"] as const) {\n const element = lineLabelsRefRepository.get(`${lineId}-${placement}`);\n if (element) {\n labelSize[placement] = [element.offsetWidth, element.offsetHeight];\n }\n }\n }\n\n return {\n data: edge,\n points,\n angle,\n labelSize,\n };\n }) ?? []\n );\n}\n","import type { NodePosition, RenderedNode } from \"../interfaces\";\n\nexport function getDirectLinePoints(\n source: RenderedNode,\n target: RenderedNode\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n if (source === target) {\n return null;\n }\n\n // Ignore if two nodes overlap.\n const left = Math.min(\n source.x - source.width / 2,\n target.x - target.width / 2\n );\n const right = Math.max(\n source.x + source.width / 2,\n target.x + target.width / 2\n );\n const top = Math.min(\n source.y - source.height / 2,\n target.y - target.height / 2\n );\n const bottom = Math.max(\n source.y + source.height / 2,\n target.y + target.height / 2\n );\n if (\n right - left < source.width + target.width &&\n bottom - top < source.height + target.height\n ) {\n return null;\n }\n\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n\n let x0: number, y0: number, x1: number, y1: number;\n const directionX = dx > 0 ? 1 : -1;\n if (dy !== 0) {\n const deltaRadio = Math.abs(dx / dy);\n const directionY = dy > 0 ? 1 : -1;\n const sourceRadio = source.width / source.height;\n if (deltaRadio < sourceRadio) {\n x0 = source.x + ((deltaRadio * source.height) / 2) * directionX;\n y0 = source.y + (source.height / 2) * directionY;\n } else {\n x0 = source.x + (source.width / 2) * directionX;\n y0 = source.y + (source.width / 2 / deltaRadio) * directionY;\n }\n const targetRadio = target.width / target.height;\n if (deltaRadio < targetRadio) {\n x1 = target.x - ((deltaRadio * target.height) / 2) * directionX;\n y1 = target.y - (target.height / 2) * directionY;\n } else {\n x1 = target.x - (target.width / 2) * directionX;\n y1 = target.y - (target.width / 2 / deltaRadio) * directionY;\n }\n } else {\n x0 = source.x + (source.width / 2) * directionX;\n x1 = target.x - (target.width / 2) * directionX;\n y0 = y1 = source.y;\n }\n\n return [\n { x: x0, y: y0 },\n { x: x1, y: y1 },\n ];\n}\n","// istanbul ignore file: experimental\nimport {\n forceSimulation,\n forceLink,\n forceCollide,\n forceManyBody,\n forceX,\n forceY,\n type Simulation,\n type SimulationNodeDatum,\n type SimulationLinkDatum,\n} from \"d3-force\";\nimport { pick } from \"lodash\";\nimport type {\n DiagramEdge,\n DiagramNode,\n ForceCollideOptions,\n LayoutOptionsForce,\n RenderedNode,\n UnifiedGraph,\n UserViewNodesMap,\n} from \"../interfaces\";\nimport { adjustNodesSize } from \"./adjustNodesSize\";\nimport { adjustNodesPosition } from \"./adjustNodesPosition\";\nimport { extractPartialRectTuple } from \"./extractPartialRectTuple\";\nimport { getRenderedEdges } from \"./getRenderedEdges\";\n\ninterface NormalNode extends SimulationNodeDatum {\n dummy?: false;\n id: string;\n data: DiagramNode;\n width: number;\n height: number;\n}\n\ninterface DummyNode extends SimulationNodeDatum {\n dummy: true;\n id: string;\n}\n\ntype ForceNode = NormalNode | DummyNode;\n\ntype ForceLink = SimulationLinkDatum<ForceNode> & {\n dummy?: boolean;\n};\n\nexport function getForceGraph(\n previousGraph: UnifiedGraph | null,\n nodes: DiagramNode[] | undefined,\n edges: DiagramEdge[] | undefined,\n userViewNodesMap: UserViewNodesMap | null,\n forceLayoutOptions: LayoutOptionsForce | undefined\n): UnifiedGraph {\n const { nodePadding, dummyNodesOnEdges, collide } = {\n nodePadding: 0,\n dummyNodesOnEdges: 0,\n ...pick(forceLayoutOptions, [\"nodePadding\", \"dummyNodesOnEdges\"]),\n collide:\n forceLayoutOptions?.collide !== false\n ? ({\n dummyRadius: 1,\n radiusDiff: 5,\n strength: 1,\n iterations: 1,\n ...(forceLayoutOptions?.collide === true\n ? null\n : (forceLayoutOptions?.collide as ForceCollideOptions)),\n } as Required<ForceCollideOptions>)\n : (false as const),\n };\n const nodePaddings = extractPartialRectTuple(nodePadding);\n\n const renderedNodes: RenderedNode[] = [];\n for (const node of nodes ?? []) {\n const previousNode = previousGraph?.getNode(node.id);\n if (previousNode?.data === node) {\n renderedNodes.push(previousNode);\n } else {\n const renderedNode = {\n id: node.id,\n data: node,\n } as RenderedNode & { fx?: number; fy?: number };\n const userViewNode = userViewNodesMap?.get(node.id);\n if (userViewNode) {\n renderedNode.fx = userViewNode.x;\n renderedNode.fy = userViewNode.y;\n }\n renderedNodes.push(renderedNode);\n }\n }\n\n function getNode(id: string) {\n return renderedNodes.find((node) => node.data.id === id);\n }\n\n return {\n layout: \"force\",\n getNode,\n applyLayout({\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n }) {\n if (renderedNodes.length === 0) {\n return null;\n }\n\n adjustNodesSize(renderedNodes, nodesRefRepository, nodePaddings);\n\n const forceNodes = renderedNodes.slice();\n const forceLinks: ForceLink[] = [];\n\n for (const edge of edges ?? []) {\n forceLinks.push({ ...edge });\n if (dummyNodesOnEdges > 0) {\n forceNodes.push(\n ...(getDummyNodes(\n edge,\n dummyNodesOnEdges\n ) as Partial<RenderedNode>[] as RenderedNode[])\n );\n forceLinks.push(...getDummyEdges(edge, dummyNodesOnEdges));\n }\n }\n\n const linkSimulation = forceLink<ForceNode, ForceLink>(forceLinks).id(\n (d) => d.id\n );\n\n if (dummyNodesOnEdges > 0) {\n linkSimulation\n .distance((l) => (l.dummy ? 30 / (dummyNodesOnEdges + 1) : 30))\n .strength((l) => (l.dummy ? 0.5 : 1));\n }\n\n const simulation = forceSimulation<ForceNode>(forceNodes)\n .force(\"link\", linkSimulation)\n .force(\"x\", forceX())\n .force(\"y\", forceY())\n .force(\"charge\", forceManyBody());\n\n if (collide) {\n simulation.force(\n \"collide\",\n forceCollide<ForceNode>()\n .radius((d) =>\n d.dummy\n ? collide.dummyRadius\n : Math.sqrt(d.width ** 2 + d.height ** 2) / 2 +\n collide.radiusDiff\n )\n .strength(collide.strength)\n .iterations(collide.iterations)\n );\n }\n\n simulation.stop();\n manuallyTickToTheEnd(simulation);\n\n adjustNodesPosition(renderedNodes, nodesRefRepository, nodePaddings);\n\n const renderedEdges = getRenderedEdges(edges, {\n getNode,\n normalizedLinesMap,\n lineLabelsRefRepository,\n });\n\n return { nodes: renderedNodes, edges: renderedEdges };\n },\n };\n}\n\nfunction manuallyTickToTheEnd(\n simulation: Simulation<ForceNode, ForceLink>\n): void {\n // Manually tick to the end.\n simulation.tick(\n Math.ceil(\n Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay())\n )\n );\n}\n\nfunction getDummyNodes(edge: DiagramEdge, count: number): DummyNode[] {\n return new Array(count).fill(null).map<DummyNode>((v, i) => ({\n dummy: true,\n id: `$dummy-${edge.source}-${edge.target}-${i}`,\n }));\n}\n\nfunction getDummyEdges(edge: DiagramEdge, count: number): ForceLink[] {\n return new Array(count + 1).fill(null).map<ForceLink>((v, i) => ({\n dummy: true,\n source:\n i === 0 ? edge.source : `$dummy-${edge.source}-${edge.target}-${i - 1}`,\n target:\n i === count ? edge.target : `$dummy-${edge.source}-${edge.target}-${i}`,\n }));\n}\n","import { useEffect, useState } from \"react\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LayoutOptionsDagre,\n LayoutOptionsForce,\n ManualLayoutStatus,\n NodeMovement,\n RefRepository,\n RenderedDiagram,\n UnifiedGraph,\n UserViewNodesMap,\n} from \"../interfaces\";\nimport { getDagreGraph } from \"../processors/getDagreGraph\";\nimport { getForceGraph } from \"../processors/getForceGraph\";\nimport { getManualGraph } from \"../processors/getManualGraph\";\n\nexport function useRenderedDiagram({\n layout: originalLayout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n nodesRenderId,\n lineLabelsRenderId,\n layoutOptions,\n}: {\n layout: \"dagre\" | \"force\" | undefined;\n nodes: DiagramNode[] | undefined;\n edges: DiagramEdge[] | undefined;\n manualLayoutStatus: ManualLayoutStatus;\n userViewReady: boolean;\n userViewNodesMap: UserViewNodesMap | null;\n nodeMovement: NodeMovement | null;\n nodesRefRepository: RefRepository | null;\n lineLabelsRefRepository: RefRepository | null;\n normalizedLinesMap: WeakMap<DiagramEdge, string>;\n nodesRenderId: number;\n lineLabelsRenderId: number;\n layoutOptions?: LayoutOptions;\n}) {\n const layout = manualLayoutStatus === \"initial\" ? originalLayout : \"manual\";\n const [graph, setGraph] = useState<UnifiedGraph | null>(null);\n\n const [renderedDiagram, setRenderedDiagram] = useState<RenderedDiagram>({\n nodes: [],\n edges: [],\n });\n\n useEffect(() => {\n if (!userViewReady) {\n return;\n }\n setGraph((previousGraph) =>\n layout === \"dagre\"\n ? getDagreGraph(\n previousGraph,\n nodes,\n edges,\n layoutOptions as LayoutOptionsDagre\n )\n : layout === \"force\"\n ? getForceGraph(\n previousGraph,\n nodes,\n edges,\n userViewNodesMap,\n layoutOptions as LayoutOptionsForce\n )\n : layout === \"manual\"\n ? getManualGraph(previousGraph, nodes, edges, layoutOptions)\n : null\n );\n }, [edges, nodes, layout, layoutOptions, userViewReady, userViewNodesMap]);\n\n useEffect(() => {\n if (\n !nodesRefRepository ||\n !lineLabelsRefRepository ||\n layout !== graph?.layout\n ) {\n return;\n }\n const renderedDiagram = graph?.applyLayout({\n manualLayoutStatus,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n nodeMovement,\n });\n if (renderedDiagram) {\n setRenderedDiagram(renderedDiagram);\n }\n }, [\n layout,\n manualLayoutStatus,\n graph,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n nodesRenderId,\n lineLabelsRenderId,\n normalizedLinesMap,\n ]);\n\n return renderedDiagram;\n}\n","import dagre from \"@dagrejs/dagre\";\nimport { pick } from \"lodash\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptionsDagre,\n RenderedEdge,\n RenderedNode,\n UnifiedGraph,\n} from \"../interfaces\";\nimport { adjustNodesSize } from \"./adjustNodesSize\";\nimport { adjustNodesPosition } from \"./adjustNodesPosition\";\nimport { extractPartialRectTuple } from \"./extractPartialRectTuple\";\n\nexport function getDagreGraph(\n previousGraph: UnifiedGraph | null,\n nodes: DiagramNode[] | undefined,\n edges: DiagramEdge[] | undefined,\n dagreLayoutOptions: LayoutOptionsDagre | undefined\n): UnifiedGraph {\n const { nodePadding, ...dagreGraphOptions } = {\n nodePadding: 0,\n rankdir: \"TB\",\n ranksep: 50,\n edgesep: 10,\n nodesep: 50,\n // align: undefined,\n ...pick(dagreLayoutOptions, [\n \"nodePadding\",\n \"rankdir\",\n \"ranksep\",\n \"edgesep\",\n \"nodesep\",\n \"align\",\n ]),\n };\n const nodePaddings = extractPartialRectTuple(nodePadding);\n\n // Create a new directed graph\n const graph = new dagre.graphlib.Graph<RenderedNode>();\n\n // Set an object for the graph label\n graph.setGraph(dagreGraphOptions);\n\n // Default to assigning a new object as a label for each new edge.\n graph.setDefaultEdgeLabel(function () {\n return {};\n });\n\n for (const node of nodes ?? []) {\n const previousNode = previousGraph?.getNode(node.id);\n graph.setNode(\n node.id,\n previousNode?.data === node\n ? previousNode\n : {\n id: node.id,\n data: node,\n }\n );\n }\n\n for (const edge of edges ?? []) {\n graph.setEdge(edge.source, edge.target, { data: edge });\n }\n\n return {\n layout: \"dagre\",\n getNode(id) {\n return graph.node(id);\n },\n applyLayout({\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n }) {\n const renderedNodes: RenderedNode[] = [];\n for (const id of graph.nodes()) {\n const node = graph.node(id);\n if (node) {\n renderedNodes.push(node);\n } else {\n // eslint-disable-next-line no-console\n console.error(\"Diagram node not found: %s\", id);\n }\n }\n\n if (renderedNodes.length === 0) {\n return null;\n }\n\n adjustNodesSize(renderedNodes, nodesRefRepository, nodePaddings);\n\n const renderedEdges = graph\n .edges()\n .map((e) => graph.edge(e) as RenderedEdge);\n for (const edge of renderedEdges) {\n const lineId = normalizedLinesMap.get(edge.data);\n if (lineId) {\n for (const placement of [\"center\", \"start\", \"end\"] as const) {\n const element = lineLabelsRefRepository.get(\n `${lineId}-${placement}`\n );\n if (element) {\n const { offsetWidth, offsetHeight } = element;\n if (placement === \"center\") {\n edge.labelpos = \"c\";\n edge.width = offsetWidth;\n edge.height = offsetHeight;\n }\n edge.labelSize ??= {};\n edge.labelSize[placement] = [offsetWidth, offsetHeight];\n }\n }\n }\n }\n dagre.layout(graph);\n\n adjustNodesPosition(renderedNodes, nodesRefRepository, nodePaddings);\n\n return {\n nodes: renderedNodes,\n edges: renderedEdges,\n };\n },\n };\n}\n","// istanbul ignore file: experimental\nimport { pick } from \"lodash\";\nimport type {\n DiagramEdge,\n DiagramNode,\n BaseLayoutOptions,\n RenderedNode,\n UnifiedGraph,\n} from \"../interfaces\";\nimport { extractPartialRectTuple } from \"./extractPartialRectTuple\";\nimport { adjustNodesSize } from \"./adjustNodesSize\";\nimport { adjustNodesPosition } from \"./adjustNodesPosition\";\nimport { getRenderedEdges } from \"./getRenderedEdges\";\n\nexport function getManualGraph(\n previousGraph: UnifiedGraph | null,\n nodes: DiagramNode[] | undefined,\n edges: DiagramEdge[] | undefined,\n layoutOptions: BaseLayoutOptions | undefined\n): UnifiedGraph {\n const { nodePadding } = {\n nodePadding: 0,\n ...pick(layoutOptions, [\"nodePadding\"]),\n };\n const nodePaddings = extractPartialRectTuple(nodePadding);\n\n const renderedNodes: RenderedNode[] = [];\n for (const node of nodes ?? []) {\n const previousNode = previousGraph?.getNode(node.id);\n if (previousNode?.data === node) {\n renderedNodes.push(previousNode);\n previousNode.x0 = previousNode.x;\n previousNode.y0 = previousNode.y;\n } else {\n renderedNodes.push({\n id: node.id,\n data: node,\n } as RenderedNode);\n }\n }\n\n function getNode(id: string) {\n return renderedNodes.find((node) => node.data.id === id);\n }\n\n let movedNode: RenderedNode | undefined;\n\n return {\n layout: \"manual\",\n getNode,\n applyLayout({\n manualLayoutStatus,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n nodeMovement,\n }) {\n if (renderedNodes.length === 0) {\n return null;\n }\n\n adjustNodesSize(renderedNodes, nodesRefRepository, nodePaddings);\n\n if (nodeMovement) {\n movedNode = renderedNodes.find((node) => node.id === nodeMovement.id);\n if (movedNode) {\n movedNode.x = (movedNode.x0 ?? 0) + nodeMovement.move[0];\n movedNode.y = (movedNode.y0 ?? 0) + nodeMovement.move[1];\n }\n }\n\n if (manualLayoutStatus === \"finished\" && movedNode) {\n // Set x0/y0 after finished manual layout\n movedNode.x0 = movedNode.x;\n movedNode.y0 = movedNode.y;\n }\n\n adjustNodesPosition(renderedNodes, nodesRefRepository, nodePaddings);\n\n const renderedEdges = getRenderedEdges(edges, {\n getNode,\n normalizedLinesMap,\n lineLabelsRefRepository,\n });\n\n return { nodes: renderedNodes, edges: renderedEdges };\n },\n };\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { handleHttpError } from \"@next-core/runtime\";\nimport {\n InstanceApi_postSearchV3,\n InstanceApi_updateInstanceV2,\n InstanceApi_createInstance,\n} from \"@next-api-sdk/cmdb-sdk\";\nimport { createAsyncQueue } from \"../processors/createAsyncQueue\";\nimport {\n NodeUserView,\n UserView,\n UserViewNodesMap,\n UserViewQuery,\n} from \"../interfaces\";\n\nconst USER_VIEW_MODEL_ID = \"GRAPH_USER_VIEW@EASYOPS\";\n\nexport interface UserViewHook {\n userViewReady: boolean;\n userViewNodesMap: UserViewNodesMap | null;\n saveUserView: (nodes: NodeUserView[]) => void;\n}\n\nexport function useUserView(query: UserViewQuery | undefined): UserViewHook {\n const [userViewReady, setUserViewReady] = useState(!query);\n const userViewIdRef = useRef<string>();\n const [userViewNodesMap, setUserViewNodesMap] =\n useState<UserViewNodesMap | null>(null);\n const queue = useMemo(() => createAsyncQueue(), []);\n\n useEffect(() => {\n async function getUserView(): Promise<void> {\n if (!query) {\n setUserViewReady(true);\n return;\n }\n const { namespace, key } = query;\n if (!(namespace && key)) {\n // eslint-disable-next-line no-console\n console.error(\"Namespace and key are required to save graph user view\");\n setUserViewReady(true);\n return;\n }\n try {\n const list = (\n await InstanceApi_postSearchV3(USER_VIEW_MODEL_ID, {\n fields: [\"nodes\"],\n query: {\n namespace: {\n $eq: namespace,\n },\n key: {\n $eq: key,\n },\n },\n page: 1,\n page_size: 30,\n })\n ).list as UserView[];\n if (list.length > 0) {\n const userView = list[0];\n const userViewNodesMap = new Map(\n userView.nodes?.map((node) => [node.id, node])\n );\n userViewIdRef.current = userView.instanceId;\n setUserViewNodesMap(userViewNodesMap);\n } else {\n setUserViewNodesMap(null);\n }\n } catch (error) {\n handleHttpError(error as Error);\n } finally {\n setUserViewReady(true);\n }\n }\n getUserView();\n }, [query]);\n\n const saveUserView = useCallback(\n (nodes: NodeUserView[]) => {\n const { namespace, key } = query ?? {};\n if (!(namespace && key)) {\n return;\n }\n queue(async () => {\n const userViewData = {\n namespace,\n key,\n nodes,\n };\n try {\n if (userViewIdRef.current) {\n await InstanceApi_updateInstanceV2(\n USER_VIEW_MODEL_ID,\n userViewIdRef.current,\n userViewData,\n {\n interceptorParams: {\n ignoreLoadingBar: true,\n },\n }\n );\n } else {\n const userView = await InstanceApi_createInstance(\n USER_VIEW_MODEL_ID,\n userViewData,\n {\n interceptorParams: {\n ignoreLoadingBar: true,\n },\n }\n );\n userViewIdRef.current = userView.instanceId;\n }\n } catch (error) {\n handleHttpError(error);\n }\n });\n },\n [query, queue]\n );\n\n return {\n userViewReady,\n userViewNodesMap,\n saveUserView,\n };\n}\n","type Task = (...args: unknown[]) => unknown;\ntype Queue = (task: Task) => Promise<void>;\n\nexport function createAsyncQueue(): Queue {\n let working = false;\n const waitingTasks: Task[] = [];\n return async function queue(task: Task) {\n waitingTasks.push(task);\n if (!working) {\n working = true;\n let nextTask: Task | undefined;\n while ((nextTask = waitingTasks.shift())) {\n try {\n await nextTask();\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(error);\n }\n }\n working = false;\n }\n };\n}\n","import type { RefRepository, RenderedLineLabel } from \"../interfaces\";\n\nexport function adjustLineLabels(\n renderedLineLabels: RenderedLineLabel[],\n lineLabelsRefRepository: RefRepository\n) {\n for (const {\n id,\n position,\n placement,\n angle,\n size: _size,\n } of renderedLineLabels) {\n const label = lineLabelsRefRepository.get(id);\n if (label) {\n label.style.left = `${position[0]}px`;\n label.style.top = `${position[1]}px`;\n label.style.visibility = \"visible\";\n // label.classList.add(placement);\n if (placement !== \"center\" && angle !== undefined) {\n const [width, height] = _size ?? [0, 0];\n // Get the numbered direction of the line\n //\n // \\ | /\n // \\ 5 | 6 /\n // 4 \\ | / 7\n // -----x-----\n // 3 / | \\ 0\n // / 2 | 1 \\\n // / | \\\n const tempDirection = Math.floor(\n ((angle < 0 ? Math.PI * 2 + angle : angle) / Math.PI) * 4\n );\n // Swap direction for end labels.\n const direction =\n placement === \"start\" ? tempDirection : (tempDirection + 4) % 8;\n const tangent = Math.tan(angle);\n const offsetAngle =\n angle + ((placement === \"start\" ? 1 : -1) * Math.PI) / 2;\n const offset = 2;\n const offsetSin = Math.sin(offsetAngle) * offset;\n const offsetCos = Math.cos(offsetAngle) * offset;\n let transform: string;\n switch (direction) {\n case 0:\n transform = `translate(0,${width * tangent + offsetSin}px)`;\n break;\n case 1:\n transform = `translate(${height / tangent - offsetCos}px,0)`;\n break;\n case 2:\n transform = `translate(calc(${\n height / tangent + offsetCos\n }px - 100%),0)`;\n break;\n case 3:\n transform = `translate(-100%,${-width * tangent - offsetSin}px)`;\n break;\n case 4:\n transform = `translate(-100%,calc(${\n -width * tangent + offsetSin\n }px - 100%))`;\n break;\n case 5:\n transform = `translate(calc(${\n -height / tangent - offsetCos\n }px - 100%),-100%)`;\n break;\n case 6:\n transform = `translate(${-height / tangent + offsetCos}px,-100%)`;\n break;\n default:\n transform = `translate(0,calc(${\n width * tangent - offsetSin\n }px - 100%))`;\n }\n label.style.transform = transform;\n }\n }\n }\n}\n","import type {\n LineTextClipPath,\n RefRepository,\n RenderedLineLabel,\n} from \"../interfaces\";\n\nexport function getClipPathList(\n renderedLineLabels: RenderedLineLabel[],\n lineLabelsRefRepository: RefRepository\n) {\n return renderedLineLabels\n .map(({ id, lineId, placement }) => {\n if (!lineLabelsRefRepository || placement !== \"center\") {\n return;\n }\n const element = lineLabelsRefRepository.get(id);\n if (!element) {\n return;\n }\n const { offsetWidth, offsetHeight } = element;\n // Do not clip when the label takes no space.\n if (\n process.env.NODE_ENV !== \"test\" &&\n (offsetWidth === 0 || offsetHeight === 0)\n ) {\n return;\n }\n const padding = 3;\n return {\n x0: element.offsetLeft - offsetWidth / 2 - padding,\n y0: element.offsetTop - offsetHeight / 2 - padding,\n w: offsetWidth + padding * 2,\n h: offsetHeight + padding * 2,\n lineId,\n };\n })\n .filter(Boolean) as LineTextClipPath[];\n}\n","import type {\n LineLabelConf,\n RenderedLine,\n RenderedLineLabel,\n TextOptions,\n} from \"../interfaces\";\n\nexport function getRenderedLineLabels(\n previous: RenderedLineLabel[],\n renderedLines: RenderedLine[],\n linePaths: Map<string, SVGPathElement | null>\n) {\n if (previous.length === 0 && renderedLines.length === 0) {\n return previous;\n }\n return renderedLines.flatMap(\n ({ line: { text, label, $id }, edge, labelSize, angle }) => {\n const path = linePaths.get($id);\n if ((!text && !label) || !path || !path.getAttribute(\"d\")) {\n return [] as RenderedLineLabel[];\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 // istanbul ignore next\n const { x, y, width, height } =\n process.env.NODE_ENV === \"test\"\n ? { x: 10, y: 20, width: 300, height: 400 }\n : path.getBBox();\n // Make redundant extra padding.\n const padding = 1000;\n const left = x - padding;\n const top = y - padding;\n const right = x + width + padding;\n const bottom = y + height + padding;\n\n // istanbul ignore next\n const pathLength =\n process.env.NODE_ENV === \"test\" ? 50 : path.getTotalLength();\n\n return list.map<RenderedLineLabel>((item) => {\n const placement = item.placement ?? \"center\";\n const offset = 0;\n // istanbul ignore next\n const point =\n process.env.NODE_ENV === \"test\"\n ? { x: 50, y: 50 }\n : path.getPointAtLength(\n placement === \"start\"\n ? Math.min(offset, pathLength / 2)\n : placement === \"end\"\n ? Math.max(pathLength - offset, pathLength / 2)\n : pathLength / 2\n );\n\n return {\n [key as \"label\"]: item as LineLabelConf,\n edge,\n position: [point.x, point.y],\n lineRect: { left, top, right, bottom },\n id: `${$id}-${placement}`,\n lineId: $id,\n placement,\n angle,\n size: labelSize?.[placement],\n };\n });\n }\n );\n}\n","import {\n curveLinear,\n line,\n curveBasis,\n curveBumpX,\n curveBumpY,\n type CurveFactory,\n curveMonotoneX,\n curveNatural,\n curveMonotoneY,\n} from \"d3-shape\";\nimport type { CurveType, NodePosition } from \"../interfaces\";\n\n/**\n * Generate Line from points\n */\nexport function curveLine(\n points: Array<NodePosition> | null | undefined,\n arrowOffset: number,\n curveType?: CurveType\n): string {\n if (!Array.isArray(points)) {\n return \"\";\n }\n let curveFactory: CurveFactory;\n switch (curveType) {\n case \"curveLinear\":\n curveFactory = curveLinear;\n break;\n case \"curveBumpX\":\n curveFactory = curveBumpX;\n break;\n case \"curveBumpY\":\n curveFactory = curveBumpY;\n break;\n case \"curveMonotoneX\":\n curveFactory = curveMonotoneX;\n break;\n case \"curveMonotoneY\":\n curveFactory = curveMonotoneY;\n break;\n case \"curveNatural\":\n curveFactory = curveNatural;\n break;\n default:\n curveFactory = curveBasis;\n }\n let arrowOffsetX = 0;\n let arrowOffsetY = 0;\n if (arrowOffset) {\n const { x: x0, y: y0 } = points[points.length - 2];\n const { x: x1, y: y1 } = points[points.length - 1];\n const distance = Math.sqrt(Math.pow(x1 - x0, 2) + Math.pow(y1 - y0, 2));\n const ratio = arrowOffset / distance;\n arrowOffsetX = (x0 - x1) * ratio;\n arrowOffsetY = (y0 - y1) * ratio;\n }\n const transformPoints = points;\n const lineFunction = line()\n .x(\n (d, index) =>\n (d as unknown as { x: number }).x -\n (index === points.length - 1 ? arrowOffsetX : 0)\n )\n .y(\n (d, index) =>\n (d as unknown as { y: number }).y -\n (index === points.length - 1 ? arrowOffsetY : 0)\n )\n .curve(curveFactory);\n return lineFunction(transformPoints as unknown as Array<[number, number]>)!;\n}\n","import type {\n DiagramEdge,\n NormalizedLine,\n RenderedEdge,\n RenderedLine,\n} from \"../interfaces\";\nimport { curveLine } from \"../lines/curveLine\";\n\nexport function getRenderedLines(\n renderedEdges: RenderedEdge[],\n normalizedLines: NormalizedLine[]\n): RenderedLine[] {\n const renderedMap = new WeakMap<DiagramEdge, RenderedEdge>();\n for (const renderedEdge of renderedEdges) {\n renderedMap.set(renderedEdge.data, renderedEdge);\n }\n return normalizedLines\n .map(({ line, edge, ...rest }) => {\n const renderedEdge = renderedMap.get(edge);\n if (!renderedEdge) {\n return;\n }\n const d = curveLine(\n renderedEdge.points,\n line.arrow ? -5 : 0,\n line.curveType\n );\n return {\n ...rest,\n line,\n edge,\n d,\n angle: renderedEdge.angle,\n labelSize: renderedEdge.labelSize,\n };\n })\n .filter(Boolean) as RenderedLine[];\n}\n","import { minBy } from \"lodash\";\nimport type {\n ActiveTarget,\n DiagramEdge,\n DiagramNode,\n RenderedEdge,\n RenderedNode,\n} from \"../interfaces\";\n\nexport type KeyboardAction =\n | KeyboardActionSwitchActiveNode\n | KeyboardActionDeleteNode\n | KeyboardActionDeleteEdge;\n\nexport interface KeyboardActionSwitchActiveNode {\n action: \"switch-active-node\";\n node?: DiagramNode;\n}\n\nexport interface KeyboardActionDeleteNode {\n action: \"delete-node\";\n node: DiagramNode;\n}\n\nexport interface KeyboardActionDeleteEdge {\n action: \"delete-edge\";\n edge: DiagramEdge;\n}\n\nexport function handleKeyboard(\n event: KeyboardEvent,\n {\n renderedNodes,\n renderedEdges,\n activeTarget,\n }: {\n renderedNodes: RenderedNode[];\n renderedEdges: RenderedEdge[];\n activeTarget: ActiveTarget | null | undefined;\n }\n): KeyboardAction | undefined {\n const activeNode =\n activeTarget?.type === \"node\"\n ? renderedNodes.find((node) => node.id === activeTarget.nodeId)\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: RenderedNode | 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 = activeNode;\n } else {\n action = \"delete-edge\";\n edge = activeEdge;\n }\n break;\n }\n default:\n if (!activeNode) {\n return;\n }\n switch (key) {\n case \"ArrowLeft\":\n case 37: {\n node = moveOnX(renderedNodes, activeNode, -1);\n action = \"switch-active-node\";\n break;\n }\n case \"ArrowUp\":\n case 38: {\n node = moveOnY(renderedNodes, renderedEdges, activeNode, -1);\n action = \"switch-active-node\";\n break;\n }\n case \"ArrowRight\":\n case 39: {\n node = moveOnX(renderedNodes, activeNode, 1);\n action = \"switch-active-node\";\n break;\n }\n case \"ArrowDown\":\n case 40: {\n node = moveOnY(renderedNodes, renderedEdges, activeNode, 1);\n action = \"switch-active-node\";\n break;\n }\n }\n }\n if (action) {\n event.preventDefault();\n event.stopPropagation();\n return { action, node: node?.data, edge } as KeyboardAction;\n }\n}\n\nfunction moveOnX(\n renderedNodes: RenderedNode[],\n activeNode: RenderedNode,\n direction: 1 | -1\n) {\n let diff: number;\n const candidates = renderedNodes.filter(\n (node) =>\n node !== activeNode &&\n ((diff = (node.x - activeNode.x) * direction), diff > 0) &&\n diff > Math.abs(activeNode.y - node.y)\n );\n return minBy(\n candidates,\n (node) => (activeNode.y - node.y) ** 2 + (activeNode.x - node.x) ** 2\n );\n}\n\nfunction moveOnY(\n renderedNodes: RenderedNode[],\n renderedEdges: RenderedEdge[],\n activeNode: RenderedNode,\n direction: 1 | -1\n) {\n const from = direction === 1 ? \"source\" : \"target\";\n const to = direction === 1 ? \"target\" : \"source\";\n const candidateEdges = renderedEdges.filter(\n ({ data }) => data[from] === activeNode.id && data[to] !== activeNode.id\n );\n const candidates = candidateEdges\n .map(({ data }) => renderedNodes.find((node) => node.id === data[to]))\n .filter(\n (node) => node && (node.y - activeNode.y) * direction > 0\n ) as RenderedNode[];\n return minBy(\n candidates,\n (node) => (activeNode.y - node.y) ** 2 + (activeNode.x - node.x) ** 2\n );\n}\n","import { checkIfByTransform, __secret_internals } from \"@next-core/runtime\";\nimport type React from \"react\";\nimport {\n DEFAULT_LINE_STROKE_COLOR,\n DEFAULT_LINE_STROKE_WIDTH,\n} from \"../constants\";\nimport type {\n ConnectLineState,\n DiagramNode,\n ConnectLineDetail,\n ConnectNodesOptions,\n PositionTuple,\n RefRepository,\n ActiveTarget,\n DragNodesOptions,\n NodesFilterOptions,\n NodeMovement,\n ManualLayoutStatus,\n} from \"../interfaces\";\n\nexport function handleNodesMouseDown(\n event: MouseEvent,\n {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n }: {\n nodes: DiagramNode[] | undefined;\n connectNodes: ConnectNodesOptions | undefined;\n dragNodes: DragNodesOptions | undefined;\n nodesRefRepository: RefRepository | null;\n scale: number;\n setConnectLineState: (\n value: React.SetStateAction<ConnectLineState | null>\n ) => void;\n setConnectLineTo: (value: React.SetStateAction<PositionTuple>) => void;\n setManualLayoutStatus: (\n value: React.SetStateAction<ManualLayoutStatus>\n ) => void;\n setNodeMovement: (value: React.SetStateAction<NodeMovement | null>) => void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n }\n) {\n function findNode(match: (element: HTMLElement) => boolean) {\n if (nodesRefRepository) {\n for (const [id, element] of nodesRefRepository) {\n if (match(element)) {\n return nodes?.find((node) => node.id === id);\n }\n }\n }\n }\n\n if (!connectNodes && !dragNodes) {\n return;\n }\n\n const source = findNode((element) =>\n element.contains(event.target as Node | null)\n );\n\n if (!source) {\n return;\n }\n\n if (!nodeMatched(connectNodes || dragNodes!, source)) {\n return;\n }\n\n event.stopPropagation();\n const from: PositionTuple = [event.clientX, event.clientY];\n\n if (connectNodes) {\n setConnectLineState({\n from,\n options: {\n strokeColor: DEFAULT_LINE_STROKE_COLOR,\n strokeWidth: DEFAULT_LINE_STROKE_WIDTH,\n ...(__secret_internals.legacyDoTransform(\n { source },\n connectNodes\n ) as ConnectNodesOptions),\n },\n });\n setConnectLineTo(from);\n\n onSwitchActiveTarget?.({ type: \"node\", nodeId: source.id });\n\n const onMouseMove = (e: MouseEvent) => {\n setConnectLineTo([e.clientX, e.clientY]);\n };\n const onMouseUp = (e: MouseEvent) => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n setConnectLineState(null);\n const eventTargets = e.composedPath();\n const target = findNode((element) => eventTargets.includes(element));\n if (target && source !== target) {\n onNodesConnect?.({ source, target });\n }\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n return;\n }\n\n // Drag node\n onSwitchActiveTarget?.({ type: \"node\", nodeId: source.id });\n\n let moved = false;\n const onMouseMove = (e: MouseEvent) => {\n // Respect the scale\n const movement: PositionTuple = [\n (e.clientX - from[0]) / scale,\n (e.clientY - from[1]) / scale,\n ];\n if (!moved) {\n moved = movement[0] ** 2 + movement[1] ** 2 >= 9;\n if (moved) {\n setManualLayoutStatus(\"started\");\n }\n }\n if (moved) {\n setNodeMovement({ id: source.id, move: movement });\n }\n };\n const onMouseUp = () => {\n moved = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n setNodeMovement(null);\n setManualLayoutStatus(\"finished\");\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n}\n\nfunction nodeMatched(\n options: NodesFilterOptions,\n source: DiagramNode\n): boolean {\n return options.sourceType\n ? ([] as unknown[]).concat(options.sourceType).includes(source.type)\n : checkIfByTransform(options, { source });\n}\n","import { findIndex, uniqueId } from \"lodash\";\nimport { __secret_internals } from \"@next-core/runtime\";\nimport type {\n DiagramEdge,\n LineConf,\n LineMarker,\n NormalizedLine,\n} from \"../interfaces\";\nimport { matchEdgeByFilter } from \"./matchEdgeByFilter\";\nimport {\n DEFAULT_LINE_CURVE_TYPE,\n DEFAULT_LINE_INTERACT_STROKE_WIDTH,\n DEFAULT_LINE_STROKE_COLOR,\n DEFAULT_LINE_STROKE_WIDTH,\n} from \"../constants\";\n\nexport function normalizeLinesAndMarkers(\n edges: DiagramEdge[] | undefined,\n lines: LineConf[] | undefined\n) {\n const normalizedLines: NormalizedLine[] = [];\n const normalizedLinesMap = new WeakMap<DiagramEdge, string>();\n const markers: LineMarker[] = [];\n for (const edge of edges ?? []) {\n const { label, ...restLineConf } =\n lines?.find((line) => matchEdgeByFilter(edge, line)) ?? {};\n\n const computedLineConf = __secret_internals.legacyDoTransform(\n { edge },\n restLineConf\n ) as LineConf | undefined;\n if (computedLineConf?.draw === false) {\n continue;\n }\n const id = uniqueId(\"line-\");\n const line: NormalizedLine[\"line\"] = {\n strokeColor: DEFAULT_LINE_STROKE_COLOR,\n strokeWidth: DEFAULT_LINE_STROKE_WIDTH,\n curveType: DEFAULT_LINE_CURVE_TYPE,\n interactStrokeWidth: DEFAULT_LINE_INTERACT_STROKE_WIDTH,\n ...computedLineConf,\n label,\n $id: id,\n };\n normalizedLinesMap.set(edge, id);\n\n let markerIndex: number | undefined;\n if (line.arrow) {\n const marker: LineMarker = {\n strokeColor: line.strokeColor,\n };\n markerIndex = findIndex(markers, marker);\n if (markerIndex === -1) {\n markerIndex = markers.push(marker) - 1;\n }\n }\n\n normalizedLines.push({\n line,\n markerIndex,\n edge,\n });\n }\n return {\n normalizedLines,\n normalizedLinesMap,\n markers,\n };\n}\n","import { checkIfByTransform } from \"@next-core/runtime\";\nimport type { DiagramEdge, LineConf } from \"../interfaces\";\n\nexport function matchEdgeByFilter(\n edge: DiagramEdge,\n filter: LineConf\n): boolean {\n if (!filter) {\n return false;\n }\n if (filter.edgeType) {\n return ([] as string[]).concat(filter.edgeType).includes(edge.type!);\n }\n return checkIfByTransform(filter, { edge });\n}\n","import type { RenderedNode, TransformLiteral } from \"../interfaces\";\n\nexport interface TransformToCenterOptions {\n canvasWidth: number;\n canvasHeight: number;\n scaleRange?: [min: number, max: number];\n}\n\nexport function transformToCenter(\n renderedNodes: RenderedNode[],\n { canvasWidth, canvasHeight, scaleRange }: TransformToCenterOptions\n): TransformLiteral {\n let left = Infinity;\n let top = Infinity;\n let right = -Infinity;\n let bottom = -Infinity;\n for (const node of renderedNodes) {\n const hw = node.width / 2;\n const hh = node.height / 2;\n const l = node.x - hw;\n const r = node.x + hw;\n const t = node.y - hh;\n const b = node.y + hh;\n if (l < left) {\n left = l;\n }\n if (r > right) {\n right = r;\n }\n if (t < top) {\n top = t;\n }\n if (b > bottom) {\n bottom = b;\n }\n }\n\n const width = right - left;\n const height = bottom - top;\n\n const scale =\n scaleRange && (width > canvasWidth || height > canvasHeight)\n ? Math.max(\n Math.min(canvasWidth / width, canvasHeight / height, scaleRange[1]),\n scaleRange[0]\n )\n : 1;\n\n const x = (canvasWidth - width * scale) / 2 - left * scale;\n const y = (canvasHeight - height * scale) / 2 - top * scale;\n\n return { x, y, k: scale };\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, `: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}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["ClipPathComponent","_ref","clipPath","clipPathPrefix","renderedLineLabels","x0","y0","w","h","lineId","lineText","find","item","placement","left","top","right","bottom","lineRect","React","key","id","concat","points","join","ConnectLineComponent","connectLineState","connectLineTo","markerPrefix","width","height","className","classNames","connecting","from","MarkerComponent","strokeColor","options","d","fill","stroke","strokeWidth","markerEnd","arrow","undefined","LineComponent","line","markerIndex","edge","linePaths","clipPathList","activeLineMarkerPrefix","activeEdge","onLineClick","onLineDoubleClick","some","clip","$id","interactable","active","source","target","onClick","onDoubleClick","e","preventDefault","stopPropagation","style","cursor","interactStrokeWidth","ref","element","set","markerStart","LineLabelComponentGroup","labels","onRendered","rendered","setRendered","useState","renderedIds","setRenderedIds","refRepository","useMemo","Map","handleRenderer","useCallback","previous","includes","handleUnmount","index","indexOf","slice","delete","useEffect","label","map","_ref2","text","LineLabelComponent","onUnmount","LineTextComponent","_ref3","refCallback","content","_ref4","useBrick","checkIfByTransform","memoizedData","setTimeout","parentElement","ignoredCallback","ReactUseBrick","data","viewBox","refX","refY","markerWidth","markerHeight","orient","NodeComponentGroup","nodes","nodeBricks","node","NodeComponent","_findNodeBrick","nodeType","type","findNodeBrick","DEFAULT_LINE_STROKE_COLOR","DEFAULT_LINE_STROKE_WIDTH","DEFAULT_LINE_CURVE_TYPE","DEFAULT_LINE_INTERACT_STROKE_WIDTH","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","adjustNodesSize","nodesRefRepository","nodePaddings","_element$offsetWidth","_element$offsetHeight","get","offsetWidth","offsetHeight","adjustNodesPosition","_nodesRefRepository$g","x","y","nodeContainer","visibility","extractPartialRectTuple","value","Array","isArray","v0","v1","length","getRenderedEdges","edges","_edges$map","getNode","normalizedLinesMap","lineLabelsRefRepository","angle","Math","min","max","x1","y1","dx","dy","directionX","deltaRadio","abs","directionY","getDirectLinePoints","start","end","atan2","labelSize","getDummyNodes","count","v","i","dummy","getDummyEdges","useRenderedDiagram","layout","originalLayout","manualLayoutStatus","userViewReady","userViewNodesMap","nodeMovement","nodesRenderId","lineLabelsRenderId","layoutOptions","graph","setGraph","renderedDiagram","setRenderedDiagram","previousGraph","dagreLayoutOptions","_nodePadding$rankdir$","_objectSpread","nodePadding","rankdir","ranksep","edgesep","nodesep","pick","dagreGraphOptions","_objectWithoutProperties","_excluded","dagre","Graph","setDefaultEdgeLabel","previousNode","setNode","setEdge","applyLayout","renderedNodes","push","console","error","renderedEdges","_edge$labelSize","labelpos","getDagreGraph","forceLayoutOptions","dummyNodesOnEdges","collide","dummyRadius","radiusDiff","strength","iterations","renderedNode","userViewNode","fx","fy","forceNodes","forceLinks","linkSimulation","forceLink","distance","l","simulation","forceSimulation","force","forceX","forceY","forceManyBody","forceCollide","radius","sqrt","stop","tick","ceil","log","alphaMin","alphaDecay","manuallyTickToTheEnd","getForceGraph","movedNode","_movedNode$x","_movedNode$y","move","getManualGraph","USER_VIEW_MODEL_ID","useUserView","query","setUserViewReady","userViewIdRef","useRef","setUserViewNodesMap","queue","createAsyncQueue","working","waitingTasks","_queue","_asyncToGenerator","task","nextTask","shift","_x","apply","arguments","_getUserView","namespace","list","InstanceApi_postSearchV3","fields","$eq","page","page_size","_userView$nodes","userView","current","instanceId","handleHttpError","getUserView","saveUserView","userViewData","InstanceApi_updateInstanceV2","interceptorParams","ignoreLoadingBar","InstanceApi_createInstance","adjustLineLabels","position","size","_size","tempDirection","floor","PI","direction","tangent","tan","offsetAngle","offsetSin","sin","offsetCos","cos","transform","getClipPathList","offsetLeft","offsetTop","padding","filter","Boolean","getRenderedLineLabels","renderedLines","flatMap","path","getAttribute","getBBox","pathLength","getTotalLength","_item$placement","point","getPointAtLength","curveLine","arrowOffset","curveType","curveFactory","curveLinear","curveBumpX","curveBumpY","curveMonotoneX","curveMonotoneY","curveNatural","curveBasis","arrowOffsetX","arrowOffsetY","ratio","pow","transformPoints","curve","lineFunction","getRenderedLines","normalizedLines","renderedMap","WeakMap","renderedEdge","rest","handleKeyboard","event","activeTarget","activeNode","nodeId","action","_node","keyCode","which","moveOnX","moveOnY","diff","candidates","minBy","to","handleNodesMouseDown","connectNodes","dragNodes","scale","setConnectLineState","setConnectLineTo","setManualLayoutStatus","setNodeMovement","onSwitchActiveTarget","onNodesConnect","findNode","match","_ret","_loop","contains","sourceType","nodeMatched","clientX","clientY","__secret_internals","legacyDoTransform","onMouseMove","onMouseUp","document","removeEventListener","eventTargets","composedPath","addEventListener","moved","movement","normalizeLinesAndMarkers","lines","markers","_lines$find","edgeType","matchEdgeByFilter","restLineConf","computedLineConf","draw","uniqueId","marker","findIndex","transformToCenter","canvasWidth","canvasHeight","scaleRange","Infinity","hw","hh","r","t","b","k","___CSS_LOADER_EXPORT___","module","toString"],"sourceRoot":""}
package/dist/chunks/9393.760bb836.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9393],{9393:(e,t,a)=>{a.r(t);var n,l,i,s,r,o,c,u,h,d,b,p,v,g,w,Z,m,f,k,y,M,E,W,x,C,L,N,R,S,z,D,T,B,P,A,O,H,K,I,V,_,X,Y,$,q,U,j,F,G,J,Q,ee,te,ae,ne,le,ie,se,re,oe,ce=a(3395),ue=a(1815),he=a(381),de=a(687),be=a(5066),pe=a(8657),ve=a.n(pe),ge=a(5727),we=a(305),Ze=(a(928),a(1105)),me=a(3725),fe=a(2779),ke=a.n(fe),ye=a(1211),Me=a(2370),Ee=a(5702),We=a(7441),xe=a(2846),Ce=a(4880),Le=a(7853),Ne=a(6462),Re=a(9575),Se=a(2260),ze=a(7587),De=a(1251),Te=a(4126),Be=a(542),Pe=a(5318),Ae=a(2359),Oe=a(7271),He=a(6436),Ke=a(8116),{defineElement:Ie,property:Ve,event:_e,method:Xe}=(0,ge.createDecorators)(),Ye=(0,pe.forwardRef)(Kt);l=Ie("eo-diagram",{styleTexts:[He.Z]}),i=Ve({type:String}),r=Ve({attribute:!1}),c=Ve({attribute:!1}),h=Ve({attribute:!1}),b=Ve({attribute:!1}),v=Ve({attribute:!1}),w=Ve({attribute:!1}),m=Ve({type:Boolean}),k=Ve({attribute:!1}),M=Ve({attribute:!1}),W=Ve({attribute:!1}),C=Ve({type:Boolean}),N=Ve({type:Boolean}),S=Ve({type:Boolean}),D=Ve({attribute:!1}),B=_e({type:"activeTarget.change"}),H=_e({type:"node.delete"}),_=_e({type:"edge.delete"}),q=_e({type:"line.click"}),G=_e({type:"line.dblclick"}),te=_e({type:"nodes.connect"}),ie=Xe();var $e=new WeakMap,qe=new WeakMap,Ue=new WeakMap,je=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,lt=new WeakMap,it=new WeakMap,st=new WeakMap,rt=new WeakMap,ot=new WeakMap,ct=new WeakMap,ut=new WeakMap,ht=new WeakMap,dt=new WeakMap,bt=new WeakMap,pt=new WeakMap,vt=new WeakMap,gt=new WeakMap,wt=new WeakMap,Zt=new WeakMap,mt=new WeakMap,ft=new WeakMap,kt=new WeakMap,yt=new WeakMap,Mt=new WeakMap,Et=new WeakMap,Wt=new WeakMap,xt=new WeakMap;class Ct extends we.ReactNextElement{constructor(){super(...arguments),(0,ce.Z)(this,Mt,{get:Ht,set:Ot}),(0,ce.Z)(this,ft,{get:At,set:Pt}),(0,ce.Z)(this,wt,{get:Bt,set:Tt}),(0,ce.Z)(this,pt,{get:Dt,set:zt}),(0,ce.Z)(this,ht,{get:St,set:Rt}),(0,ce.Z)(this,ot,{get:Nt,set:Lt}),(0,ce.Z)(this,$e,{writable:!0,value:(se(this),s(this))}),(0,ce.Z)(this,qe,{writable:!0,value:o(this)}),(0,ce.Z)(this,Ue,{writable:!0,value:u(this)}),(0,ce.Z)(this,je,{writable:!0,value:d(this)}),(0,ce.Z)(this,Fe,{writable:!0,value:p(this)}),(0,ce.Z)(this,Ge,{writable:!0,value:g(this)}),(0,ce.Z)(this,Je,{writable:!0,value:Z(this)}),(0,ce.Z)(this,Qe,{writable:!0,value:f(this)}),(0,ce.Z)(this,et,{writable:!0,value:y(this)}),(0,ce.Z)(this,tt,{writable:!0,value:E(this)}),(0,ce.Z)(this,at,{writable:!0,value:x(this)}),(0,ce.Z)(this,nt,{writable:!0,value:L(this,!0)}),(0,ce.Z)(this,lt,{writable:!0,value:R(this,!0)}),(0,ce.Z)(this,it,{writable:!0,value:z(this,!0)}),(0,ce.Z)(this,st,{writable:!0,value:T(this)}),(0,ce.Z)(this,rt,{writable:!0,value:P(this)}),(0,ce.Z)(this,ct,{writable:!0,value:e=>{(0,de.Z)(this,ot).emit(e)}}),(0,ce.Z)(this,ut,{writable:!0,value:K(this)}),(0,ce.Z)(this,dt,{writable:!0,value:e=>{(0,de.Z)(this,ht).emit(e)}}),(0,ce.Z)(this,bt,{writable:!0,value:X(this)}),(0,ce.Z)(this,vt,{writable:!0,value:e=>{(0,de.Z)(this,pt).emit(e)}}),(0,ce.Z)(this,gt,{writable:!0,value:U(this)}),(0,ce.Z)(this,Zt,{writable:!0,value:e=>{(0,de.Z)(this,wt).emit(e)}}),(0,ce.Z)(this,mt,{writable:!0,value:J(this)}),(0,ce.Z)(this,kt,{writable:!0,value:e=>{(0,de.Z)(this,ft).emit(e)}}),(0,ce.Z)(this,yt,{writable:!0,value:ae(this)}),(0,ce.Z)(this,Et,{writable:!0,value:e=>{(0,de.Z)(this,Mt).emit(e)}}),(0,ce.Z)(this,Wt,{writable:!0,value:e=>{this.activeTarget=e}}),(0,ce.Z)(this,xt,{writable:!0,value:(0,pe.createRef)()})}get layout(){return(0,de.Z)(this,$e)}set layout(e){(0,he.Z)(this,$e,e)}get nodes(){return(0,de.Z)(this,qe)}set nodes(e){(0,he.Z)(this,qe,e)}get edges(){return(0,de.Z)(this,Ue)}set edges(e){(0,he.Z)(this,Ue,e)}get nodeBricks(){return(0,de.Z)(this,je)}set nodeBricks(e){(0,he.Z)(this,je,e)}get lines(){return(0,de.Z)(this,Fe)}set lines(e){(0,he.Z)(this,Fe,e)}get layoutOptions(){return(0,de.Z)(this,Ge)}set layoutOptions(e){(0,he.Z)(this,Ge,e)}get activeTarget(){return(0,de.Z)(this,Je)}set activeTarget(e){(0,he.Z)(this,Je,e)}get disableKeyboardAction(){return(0,de.Z)(this,Qe)}set disableKeyboardAction(e){(0,he.Z)(this,Qe,e)}get connectNodes(){return(0,de.Z)(this,et)}set connectNodes(e){(0,he.Z)(this,et,e)}get nodesConnect(){return(0,de.Z)(this,tt)}set nodesConnect(e){(0,he.Z)(this,tt,e)}get dragNodes(){return(0,de.Z)(this,at)}set dragNodes(e){(0,he.Z)(this,at,e)}get zoomable(){return(0,de.Z)(this,nt)}set zoomable(e){(0,he.Z)(this,nt,e)}get scrollable(){return(0,de.Z)(this,lt)}set scrollable(e){(0,he.Z)(this,lt,e)}get pannable(){return(0,de.Z)(this,it)}set pannable(e){(0,he.Z)(this,it,e)}get scaleRange(){return(0,de.Z)(this,st)}set scaleRange(e){(0,he.Z)(this,st,e)}callOnLineLabel(e,t){for(var a,n=arguments.length,l=new Array(n>2?n-2:0),i=2;i<n;i++)l[i-2]=arguments[i];null===(a=(0,de.Z)(this,xt).current)||void 0===a||a.callOnLineLabel(e,t,...l)}render(){var e;return ve().createElement(Ye,{ref:(0,de.Z)(this,xt),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:null!==(e=this.connectNodes)&&void 0!==e?e:this.nodesConnect,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,de.Z)(this,ct),onSwitchActiveTarget:(0,de.Z)(this,Wt),onNodeDelete:(0,de.Z)(this,dt),onEdgeDelete:(0,de.Z)(this,vt),onLineClick:(0,de.Z)(this,Zt),onLineDoubleClick:(0,de.Z)(this,kt),onNodesConnect:(0,de.Z)(this,Et)})}}function Lt(e){O(this,e)}function Nt(){return A(this)}function Rt(e){V(this,e)}function St(){return I(this)}function zt(e){$(this,e)}function Dt(){return Y(this)}function Tt(e){F(this,e)}function Bt(){return j(this)}function Pt(e){ee(this,e)}function At(){return Q(this)}function Ot(e){le(this,e)}function Ht(){return ne(this)}function Kt(e,t){var{layout:a,nodes:n,edges:l,nodeBricks:i,lines:s,layoutOptions:r,connectNodes:o,dragNodes:c,activeTarget:u,disableKeyboardAction:h,zoomable:d,scrollable:b,pannable:p,scaleRange:v,onActiveTargetChange:g,onSwitchActiveTarget:w,onNodeDelete:Z,onEdgeDelete:m,onLineClick:f,onLineDoubleClick:k,onNodesConnect:y}=e,[M,E]=(0,pe.useState)(!1),[W,x]=(0,pe.useState)(0),[C,L]=(0,pe.useState)(null),[N,R]=(0,pe.useState)(!1),[S,z]=(0,pe.useState)(0),[D,T]=(0,pe.useState)(null),[B,P]=(0,pe.useState)([]),[A,O]=(0,pe.useState)(!1),[H,K]=(0,pe.useState)({k:1,x:0,y:0}),I=(0,pe.useRef)(new Map),V=(0,pe.useRef)(null),_=(0,pe.useRef)(null),[X,Y]=(0,pe.useState)(!1),{userViewReady:$,userViewNodesMap:q,saveUserView:U}=(0,Ke.k)(null==c?void 0:c.save),[j,F]=(0,pe.useState)([0,0]),[G,J]=(0,pe.useState)(null),[Q,ee]=(0,pe.useState)("initial"),[te,ae]=(0,pe.useState)(null);(0,pe.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,n=arguments.length,l=new Array(n>2?n-2:0),i=2;i<n;i++)l[i-2]=arguments[i];null==D||null===(a=D.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...l)}}))),(0,pe.useEffect)((()=>{var e=e=>{(0,Be.w)(e,{nodes:n,nodesRefRepository:C,connectNodes:o,dragNodes:c,scale:H.k,setConnectLineState:J,setConnectLineTo:F,setManualLayoutStatus:ee,setNodeMovement:ae,onSwitchActiveTarget:w,onNodesConnect:y})},t=_.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,o,c,H.k,C,y,w]);var{normalizedLines:ne,normalizedLinesMap:le,markers:ie}=(0,pe.useMemo)((()=>(0,Ce.c)(l,s)),[l,s]),se=(0,pe.useMemo)((()=>ne.flatMap((e=>{var t,a,{line:{text:n,label:l,$id:i},edge:s}=e;return n||l?(l?(t="label",a=[].concat(l)):(t="text",a=[].concat(n)),a.map((e=>{var a;return{[t]:e,id:"".concat(i,"-").concat(null!==(a=e.placement)&&void 0!==a?a:"center"),edge:s}}))):[]}))),[ne]),{nodes:re,edges:oe}=(0,Ae.n)({layout:a,nodes:n,edges:l,manualLayoutStatus:Q,userViewReady:$,userViewNodesMap:q,nodeMovement:te,nodesRefRepository:C,lineLabelsRefRepository:D,normalizedLinesMap:le,layoutOptions:r,nodesRenderId:W,lineLabelsRenderId:S});(0,pe.useEffect)((()=>{"finished"===Q&&U(re.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Q]);var ce=(0,pe.useMemo)((()=>(0,xe.s)(oe,ne)),[ne,oe]),ue=(0,pe.useRef)(!1);(0,pe.useEffect)((()=>{ue.current?null==g||g(null!=u?u:null):ue.current=!0}),[n,u,g]),(0,pe.useEffect)((()=>{var e=V.current;if(e&&!h){var t=e=>{var t=(0,Ee.p)(e,{renderedNodes:re,renderedEdges:oe,activeTarget:u});"delete-node"===(null==t?void 0:t.action)?null==Z||Z(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==w||w({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[u,re,oe,h,w,Z,m]);var he=(0,pe.useCallback)((e=>{e&&(x((e=>e+1)),L(e)),E((t=>t||!!e))}),[]),de=(0,pe.useCallback)((e=>{e&&(z((e=>e+1)),T(e)),R((t=>t||!!e))}),[]),be=(0,pe.useMemo)((()=>null!=v?v:[Pe.oh,Pe.rN]),[v]),ge=(0,pe.useMemo)((()=>(0,me.sP)()),[]);(0,pe.useEffect)((()=>{var e=!1;ge.scaleExtent(d?be:[1,1]).on("start",(()=>{e=!1,O(!0)})).on("zoom",(t=>{e=!0,K(t.transform)})).on("end",(()=>{O(!1),e||null==w||w(null)}))}),[w,be,d,ge]),(0,pe.useEffect)((()=>{var e=V.current;if(e){var t=(0,Ze.Z)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(d||b||p)return(d||b)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),b&&(e.preventDefault(),ge.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(ge).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),p||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[p,b,d,ge]),(0,pe.useEffect)((()=>{var e=V.current;if(0!==re.length&&e&&!X){var{k:t,x:a,y:n}=(0,We.i)(re,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:d?be:void 0});ge.transform((0,Ze.Z)(e),new me.ax(t,a,n)),Y(!0)}}),[X,re,be,d,ge]);var we=(0,pe.useMemo)((()=>"".concat((0,ye.uniqueId)("diagram-"),"-")),[]),fe="".concat(we,"line-arrow-"),He="".concat(we,"clip-path-"),Ie="".concat(we,"active-line-");(0,pe.useEffect)((()=>{P((e=>(0,Te.K)(e,ce,I.current)))}),[ce]);var[Ve,_e]=ve().useState([]);return(0,pe.useEffect)((()=>{D&&((0,Oe.b)(B,D),_e((0,De.i)(B,D)))}),[S,D,B]),"dagre"!==a&&"force"!==a?ve().createElement("div",null,'Diagram layout not supported: "'.concat(a,'"')):ve().createElement("div",{className:ke()("diagram",{ready:M&&X,grabbing:A,pannable:p}),tabIndex:-1,ref:V},ve().createElement("svg",{width:"100%",height:"100%",className:"lines"},ve().createElement("defs",null,ie.map(((e,t)=>{var{strokeColor:a}=e;return ve().createElement(Re.C,{key:t,id:"".concat(fe).concat(t),strokeColor:a})})),Ve.map((e=>ve().createElement(Se.K,{key:e.lineId,clipPath:e,clipPathPrefix:He,renderedLineLabels:B}))),ve().createElement("marker",{id:"".concat(Ie,"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(Ie,"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(H.x," ").concat(H.y,") scale(").concat(H.k,")")},ce.map((e=>ve().createElement(Ne.y,{key:e.line.$id,line:e,linePaths:I.current,clipPathList:Ve,markerPrefix:fe,clipPathPrefix:He,activeLineMarkerPrefix:Ie,activeEdge:"edge"===(null==u?void 0:u.type)?u.edge:null,onLineClick:f,onLineDoubleClick:k}))))),ve().createElement("div",{className:ke()("line-labels",{ready:N}),style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ve().createElement(Le.L8,{labels:se,onRendered:de})),ve().createElement("div",{className:"nodes",ref:_,style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ve().createElement(Me.n,{nodes:n,nodeBricks:i,onRendered:he})),ve().createElement(ze.f,{connectLineState:G,connectLineTo:j,markerPrefix:fe}))}re=Ct,({e:[s,o,u,d,p,g,Z,f,y,E,x,L,R,z,T,P,A,O,K,I,V,X,Y,$,U,j,F,J,Q,ee,ae,ne,le,se],c:[oe,n]}=(0,be.Z)(re,[[i,1,"layout"],[r,1,"nodes"],[c,1,"edges"],[h,1,"nodeBricks"],[b,1,"lines"],[v,1,"layoutOptions"],[w,1,"activeTarget"],[m,1,"disableKeyboardAction"],[k,1,"connectNodes"],[M,1,"nodesConnect"],[W,1,"dragNodes"],[C,1,"zoomable"],[N,1,"scrollable"],[S,1,"pannable"],[D,1,"scaleRange"],[B,1,"activeTargetChangeEvent",e=>(0,de.Z)(e,rt),(e,t)=>(0,he.Z)(e,rt,t)],[H,1,"nodeDelete",e=>(0,de.Z)(e,ut),(e,t)=>(0,he.Z)(e,ut,t)],[_,1,"edgeDelete",e=>(0,de.Z)(e,bt),(e,t)=>(0,he.Z)(e,bt,t)],[q,1,"lineClick",e=>(0,de.Z)(e,gt),(e,t)=>(0,he.Z)(e,gt,t)],[G,1,"lineDoubleClick",e=>(0,de.Z)(e,mt),(e,t)=>(0,he.Z)(e,mt,t)],[te,1,"connectNodes",e=>(0,de.Z)(e,yt),(e,t)=>(0,he.Z)(e,yt,t)],[ie,2,"callOnLineLabel"]],[l],0,(e=>xt.has((0,ue.Z)(e))),we.ReactNextElement)),n();var It,Vt,_t,Xt,Yt,$t,qt,Ut,jt,Ft,Gt,Jt,Qt,ea,ta,aa,na,la,ia=a(8074),{defineElement:sa,property:ra,event:oa,method:ca}=(0,ge.createDecorators)(),ua=(0,pe.forwardRef)(Wa);Vt=sa("diagram.editable-label",{styleTexts:[ia.Z]}),_t=ra(),Yt=ra({render:!1}),qt=oa({type:"label.editing.change"}),Gt=oa({type:"label.change"}),ta=ca();var ha=new WeakMap,da=new WeakMap,ba=new WeakMap,pa=new WeakMap,va=new WeakMap,ga=new WeakMap,wa=new WeakMap,Za=new WeakMap,ma=new WeakMap;class fa extends we.ReactNextElement{constructor(){super(...arguments),(0,ce.Z)(this,wa,{get:Ea,set:Ma}),(0,ce.Z)(this,pa,{get:ya,set:ka}),(0,ce.Z)(this,ha,{writable:!0,value:(aa(this),Xt(this))}),(0,ce.Z)(this,da,{writable:!0,value:$t(this)}),(0,ce.Z)(this,ba,{writable:!0,value:Ut(this)}),(0,ce.Z)(this,va,{writable:!0,value:e=>{(0,de.Z)(this,pa).emit(e)}}),(0,ce.Z)(this,ga,{writable:!0,value:Jt(this)}),(0,ce.Z)(this,Za,{writable:!0,value:e=>{(0,de.Z)(this,wa).emit(e)}}),(0,ce.Z)(this,ma,{writable:!0,value:(0,pe.createRef)()})}get label(){return(0,de.Z)(this,ha)}set label(e){(0,he.Z)(this,ha,e)}get type(){return(0,de.Z)(this,da)}set type(e){(0,he.Z)(this,da,e)}enableEditing(){var e;null===(e=(0,de.Z)(this,ma).current)||void 0===e||e.enableEditing()}render(){return ve().createElement(ua,{ref:(0,de.Z)(this,ma),label:this.label,onLabelEditingChange:(0,de.Z)(this,va),onLabelChange:(0,de.Z)(this,Za)})}}function ka(e){Ft(this,e)}function ya(){return jt(this)}function Ma(e){ea(this,e)}function Ea(){return Qt(this)}function Wa(e,t){var{label:a,onLabelChange:n,onLabelEditingChange:l}=e,i=null!=a?a:"",[s,r]=(0,pe.useState)(i),[o,c]=(0,pe.useState)(!1),u=(0,pe.useRef)(!1),[h,d]=(0,pe.useState)(!1),b=(0,pe.useRef)(null);(0,pe.useImperativeHandle)(t,(()=>({enableEditing(){c(!0)}}))),(0,pe.useEffect)((()=>{r(i)}),[i]);var p=(0,pe.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),c(!0)}),[]);(0,pe.useEffect)((()=>{var e,t;o&&(null===(e=b.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=b.current)||void 0===t||t.select())}),[o]),(0,pe.useEffect)((()=>{u.current?null==l||l(o):u.current=!0}),[o,l]);var v=(0,pe.useCallback)((e=>{r(e.target.value)}),[]),g=(0,pe.useCallback)((e=>{var t,a=e.key||e.keyCode||e.which;"Enter"!==a&&13!==a||null===(t=b.current)||void 0===t||t.blur()}),[]),w=(0,pe.useCallback)((()=>{c(!1),d(!0)}),[]);(0,pe.useEffect)((()=>{h&&(null==n||n(s),d(!1))}),[s,n,h]);var Z=(0,pe.useCallback)((e=>{e.stopPropagation()}),[]);return ve().createElement("div",{className:ke()("label",{editing:o,empty:!s}),onDoubleClick:Z,onMouseDown:Z},ve().createElement("input",{className:"label-input",value:s,ref:b,onChange:v,onKeyDown:g,onBlur:w}),ve().createElement("div",{className:"label-text",onDoubleClick:p},s))}na=fa,({e:[Xt,$t,Ut,jt,Ft,Jt,Qt,ea,aa],c:[la,It]}=(0,be.Z)(na,[[_t,1,"label"],[Yt,1,"type"],[qt,1,"labelEditingChange",e=>(0,de.Z)(e,ba),(e,t)=>(0,he.Z)(e,ba,t)],[Gt,1,"labelChange",e=>(0,de.Z)(e,ga),(e,t)=>(0,he.Z)(e,ga,t)],[ta,2,"enableEditing"]],[Vt],0,(e=>ma.has((0,ue.Z)(e))),we.ReactNextElement)),It()},8074:(e,t,a)=>{a.d(t,{Z:()=>r});var n=a(9601),l=a.n(n),i=a(2609),s=a.n(i)()(l());s.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 r=s.toString()}}]);
2
+ //# sourceMappingURL=9393.760bb836.js.map
package/dist/chunks/9393.760bb836.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/9393.760bb836.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx","webpack:///./src/editable-label/index.tsx","webpack:///./src/editable-label/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 type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n LineTextClipPath,\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} 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 { ClipPathComponent } from \"./ClipPathComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getClipPathList } from \"./processors/getClipPathList\";\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\";\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 /**\n * @deprecated use `connectNodes` instead\n */\n @property({ attribute: false })\n accessor nodesConnect: 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 this.activeTarget = target;\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 ?? this.nodesConnect}\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,\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, normalizedLines),\n [normalizedLines, renderedEdges]\n );\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget ?? null);\n }, [nodes, 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 renderedEdges,\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 renderedEdges,\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 clipPathPrefix = `${defPrefix}clip-path-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [clipPathList, setClipPathList] = React.useState<LineTextClipPath[]>(\n []\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n setClipPathList(\n getClipPathList(renderedLineLabels, lineLabelsRefRepository)\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(({ strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n strokeColor={strokeColor}\n />\n ))}\n {clipPathList.map((clipPath) => (\n <ClipPathComponent\n key={clipPath.lineId}\n clipPath={clipPath}\n clipPathPrefix={clipPathPrefix}\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 clipPathList={clipPathList}\n markerPrefix={markerPrefix}\n clipPathPrefix={clipPathPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n activeEdge={\n activeTarget?.type === \"edge\" ? activeTarget.edge : null\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","// 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"],"names":["_EoDiagram","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_dec","styleTexts","styleText","_dec2","type","String","_dec3","attribute","_dec4","_dec5","_dec6","_dec7","_dec8","_dec9","Boolean","_dec10","_dec11","_dec12","_dec13","_dec14","_dec15","_dec16","_dec17","_dec18","_dec19","_dec20","_dec21","_dec22","_dec23","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_activeTargetChangeEvent","_handleActiveTargetChange","_Q","_nodeDelete","_handleNodeDelete","_R","_edgeDelete","_handleEdgeDelete","_S","_lineClick","_handleLineClick","_T","_lineDoubleClick","_handleLineDoubleClick","_U","_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_nodesConnect","_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","activeTarget","createRef","layout","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","nodesConnect","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","_this$connectNodes","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","_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","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","previous","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","clipPathPrefix","activeLineMarkerPrefix","getRenderedLineLabels","clipPathList","setClipPathList","adjustLineLabels","getClipPathList","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","clipPath","ClipPathComponent","lineId","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","activeEdge","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_class","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","___CSS_LOADER_EXPORT___","push","module","toString"],"sourceRoot":""}