@next-bricks/diagram 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/bricks.json CHANGED
@@ -8,5 +8,5 @@
8
8
  ],
9
9
  "processors": [],
10
10
  "dependencies": {},
11
- "filePath": "bricks/diagram/dist/index.cbfe9bdd.js"
11
+ "filePath": "bricks/diagram/dist/index.9d85a46c.js"
12
12
  }
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[7675],{2260:(e,t,n)=>{n.d(t,{K:()=>a});var r=n(8657),o=n.n(r);function a(e){var{clipPath:t,clipPathPrefix:n,renderedLineLabels:r}=e,{x0:a,y0:i,w:l,h:c,id:d}=t,s=r.find((e=>e.id===d));if(!s)return null;var{left:u,top:f,right:v,bottom:h}=s.lineRect;return o().createElement("clipPath",{key:d,id:"".concat(n).concat(d)},o().createElement("polygon",{points:["".concat(a,",").concat(i+c),"".concat(a+l,",").concat(i+c),"".concat(a+l,",").concat(i),"".concat(a,",").concat(i),"".concat(a,",").concat(f),"".concat(v,",").concat(f),"".concat(v,",").concat(h),"".concat(u,",").concat(h),"".concat(u,",").concat(f),"".concat(a,",").concat(f)].join(" ")}))}},7587:(e,t,n)=>{n.d(t,{f:()=>c});var r=n(8657),o=n.n(r),a=n(2779),i=n.n(a),l=n(9575);function c(e){var{connectLineState:t,connectLineTo:n,markerPrefix:r}=e;return o().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})},o().createElement("defs",null,o().createElement(l.C,{id:"".concat(r,"connect-line"),strokeColor:null==t?void 0:t.options.strokeColor})),o().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(r,"connect-line)"):void 0}))}},6462:(e,t,n)=>{n.d(t,{y:()=>l});var r=n(8657),o=n.n(r),a=n(2779),i=n.n(a);function l(e){var{line:{line:t,d:n,markerIndex:r,edge:a},linePaths:l,clipPathList:c,markerPrefix:d,clipPathPrefix:s,activeLineMarkerPrefix:u,activeEdge:f,onLineClick:v,onLineDoubleClick:h}=e,m=c.some((e=>e.id===t.$id))?"url(#".concat(s).concat(t.$id,")"):void 0;return o().createElement("g",{className:i()("line",{interactable:t.interactable,active:f&&a.source===f.source&&a.target===f.target}),onClick:t.interactable?()=>{null==v||v({id:t.$id,edge:a})}:void 0,onDoubleClick:t.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==h||h({id:t.$id,edge:a})}:void 0,style:{cursor:t.cursor}},t.interactable&&o().createElement("path",{d:n,fill:"none",stroke:"transparent",strokeWidth:t.interactStrokeWidth}),o().createElement("path",{ref:e=>l.set(t.$id,e),stroke:t.strokeColor,strokeWidth:t.strokeWidth,d:n,fill:"none",markerEnd:void 0===r?void 0:"url(#".concat(d).concat(r,")"),clipPath:m}),o().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:m}))}},7853:(e,t,n)=>{n.d(t,{L8:()=>c});var r=n(3028),o=n(8657),a=n.n(o),i=n(9494),l=n(9464);function c(e){var{labels:t,onRendered:n}=e,[r,i]=(0,o.useState)(!1),[l,c]=(0,o.useState)([]),u=(0,o.useMemo)((()=>new Map),[]),f=(0,o.useCallback)(((e,t)=>{t&&u.set(e,t),c((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,o.useCallback)((e=>{c((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,o.useEffect)((()=>{i(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,o.useEffect)((()=>{null==n||n(r?u:null)}),[u,r]),a().createElement(a().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,position:r,id:o,edge:i}=e;return n?a().createElement("div",{key:o,className:"line-label",style:{left:r[0],top:r[1]}},a().createElement(s,{id:o,edge:i,label:n,onRendered:f,onUnmount:v})):a().createElement(d,{key:o,id:o,text:t,position:r,onRendered:f})})))}function d(e){var{id:t,text:n,position:i,onRendered:l}=e,c=(0,o.useCallback)((e=>{null==l||l(t,e)}),[t,l]);return a().createElement("div",{className:"line-label",ref:c,style:(0,r.Z)({left:i[0],top:i[1]},n.style)},n.content)}function s(e){var{id:t,edge:n,label:r,onRendered:c,onUnmount:d}=e,s=(0,o.useMemo)((()=>(0,l.checkIfByTransform)(r,{edge:n})?r.useBrick:null),[n,r]),u=(0,o.useMemo)((()=>({edge:n})),[n]);(0,o.useEffect)((()=>{s||setTimeout((()=>{null==c||c(t,null)}))}),[t,c,s]),(0,o.useEffect)((()=>()=>{null==d||d(t)}),[]);var f=(0,o.useCallback)((e=>{e&&setTimeout((()=>{null==c||c(t,e.parentElement)}))}),[t,c]),v=(0,o.useCallback)((()=>{setTimeout((()=>{null==c||c(t,null)}))}),[t,c]);return s?a().createElement(i.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},9575:(e,t,n)=>{n.d(t,{C:()=>a});var r=n(8657),o=n.n(r);function a(e){var{id:t,strokeColor:n}=e;return o().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:3,refY:3,markerWidth:6,markerHeight:6,orient:"auto"},o().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 r=n(8657),o=n.n(r),a=n(9494),i=n(9464);function l(e){var{nodes:t,nodeBricks:n,onRendered:a}=e,[i,l]=(0,r.useState)(!1),[d,s]=(0,r.useState)([]),u=(0,r.useMemo)((()=>new Map),[]),f=(0,r.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,r.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,r.useEffect)((()=>{l(!(null!=t&&t.some((e=>!d.includes(e.id)))))}),[t,d]),(0,r.useEffect)((()=>{null==a||a(i?u:null)}),[u,i]),o().createElement(o().Fragment,null,null==t?void 0:t.map((e=>o().createElement("div",{key:e.id,className:"node"},o().createElement(c,{nodeBricks:n,node:e,onRendered:f,onUnmount:v})))))}function c(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:c}=e,d=(0,r.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,r.useMemo)((()=>({node:t})),[t]);(0,r.useEffect)((()=>{d||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,d]),(0,r.useEffect)((()=>()=>{null==c||c(t.id)}),[]);var u=(0,r.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),f=(0,r.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return d?o().createElement(a.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:d,data:s}):null}},5318:(e,t,n)=>{n.d(t,{IC:()=>r,_w:()=>o,no:()=>a,oh:()=>l,rN:()=>c,wl:()=>i});var r="var(--palette-gray-5)",o=1,a="curveBasis",i=20,l=.5,c=2},1251:(e,t,n)=>{function r(e,t){return e.map((e=>{var{id:n}=e,r=null==t?void 0:t.get(n);if(r){var{offsetWidth:o,offsetHeight:a}=r;if(0!==o&&0!==a)return{x0:r.offsetLeft-o/2-3,y0:r.offsetTop-a/2-3,w:o+6,h:a+6,id:n}}})).filter(Boolean)}n.d(t,{i:()=>r})},5173:(e,t,n)=>{n.d(t,{T:()=>a});var r=n(908),o=n.n(r);function a(e,t,n,r){var a=new(o().graphlib.Graph);for(var i of(a.setGraph(r),a.setDefaultEdgeLabel((function(){return{}})),null!=t?t:[])){var l=null==e?void 0:e.node(i.id);a.setNode(i.id,(null==l?void 0:l.data)===i?l:{id:i.id,data:i})}for(var c of null!=n?n:[])a.setEdge(c.source,c.target,{data:c});return a}},7201:(e,t,n)=>{n.d(t,{E:()=>a});var r=n(908),o=n.n(r);function a(e){var{graph:t,nodesRefRepository:n,nodePadding:r}=e;if(!t||!n||0===t.nodeCount())return null;var a=function(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)}(r);for(var i of t.nodes()){var l,c,d=t.node(i);if(d){var s=n.get(i);d.width=(null!==(l=null==s?void 0:s.offsetWidth)&&void 0!==l?l:10)+a[1]+a[3],d.height=(null!==(c=null==s?void 0:s.offsetHeight)&&void 0!==c?c:10)+a[0]+a[2]}else console.error("Diagram node not found: %s",i)}o().layout(t);var u=[];for(var f of t.nodes()){var v,h=t.node(f);if(h){u.push(h);var m=h.x-h.width/2+a[3],p=h.y-h.height/2+a[0],g=null===(v=n.get(f))||void 0===v?void 0:v.parentElement;g&&(g.style.left="".concat(m,"px"),g.style.top="".concat(p,"px"),g.style.visibility="visible")}}return{nodes:u,edges:t.edges().map((e=>t.edge(e)))}}},4126:(e,t,n)=>{function r(e,t,n){return 0===e.length&&0===t.length?e:t.map((e=>{var{line:{text:t,label:r,$id:o},edge:a}=e,i=n.get(o);if((t||r)&&i&&i.getAttribute("d")){var{x:l,y:c,width:d,height:s}=i.getBBox(),u=1e3,f=l-u,v=c-u,h=l+d+u,m=c+s+u,p=i.getPointAtLength(i.getTotalLength()/2);return{text:t,label:r,edge:a,position:[p.x,p.y],lineRect:{left:f,top:v,right:h,bottom:m},id:o}}})).filter(Boolean)}n.d(t,{K:()=>r})},5731:(e,t,n)=>{n.d(t,{b:()=>p});var r=n(3028),o=n(2159),a=n(1211),i=n(9464),l=n(5318),c=n(3698),d=n(1479),s=n(6481),u=n(9389),f=n(8282),v=n(5004);function h(e,t,n){if(!Array.isArray(e))return"";var r;switch(n){case"curveBasis":r=c.ZP;break;case"curveBumpX":r=d.sj;break;case"curveBumpY":r=d.BW;break;case"curveMonotoneX":r=s.Z;break;case"curveMonotoneY":r=s.s;break;case"curveNatural":r=u.Z;break;default:r=f.Z}var o=0,a=0;if(t){var{x:i,y:l}=e[e.length-2],{x:h,y:m}=e[e.length-1],p=t/Math.sqrt(Math.pow(h-i,2)+Math.pow(m-l,2));o=(i-h)*p,a=(l-m)*p}var g=e;return(0,v.Z)().x(((t,n)=>t.x-(n===e.length-1?o:0))).y(((t,n)=>t.y-(n===e.length-1?a:0))).curve(r)(g)}var m=["label"];function p(e,t){var n=[],c=[],d=function(e){var d,s=null!==(d=null==t?void 0:t.find((t=>{return n=e,!!(r=t)&&(r.edgeType?[].concat(r.edgeType).includes(n.type):(0,i.checkIfByTransform)(r,{edge:n}));var n,r})))&&void 0!==d?d:{},{label:f}=s,v=(0,o.Z)(s,m),p=i.__secret_internals.legacyDoTransform({edge:e},v);if(!1===(null==p?void 0:p.draw))return 1;var g,k=(0,r.Z)((0,r.Z)({strokeColor:l.IC,strokeWidth:l._w,curveType:l.no,interactStrokeWidth:l.wl},p),{},{label:f,$id:(0,a.uniqueId)("line-")});if(k.arrow){var b={strokeColor:k.strokeColor};-1===(g=(0,a.findIndex)(c,b))&&(g=c.push(b)-1)}var y=h(u,k.arrow?-5:0,k.curveType);n.push({line:k,d:y,markerIndex:g,edge:e})};for(var{data:s,points:u}of e)d(s);return{renderedLines:n,markers:c}}},5702:(e,t,n)=>{n.d(t,{p:()=>o});var r=n(1211);function o(e,t){var{renderedNodes:n,renderedEdges:r,activeTarget:o}=t,l="node"===(null==o?void 0:o.type)?n.find((e=>e.id===o.nodeId)):void 0,c="edge"===(null==o?void 0:o.type)?o.edge:void 0;if(l||c){var d,s,u,f,v=e.key||e.keyCode||e.which;switch(v){case"Backspace":case 8:case"Delete":case 46:l?(d="delete-node",s=l):(d="delete-edge",u=c);break;default:if(!l)return;switch(v){case"ArrowLeft":case 37:s=a(n,l,-1),d="switch-active-node";break;case"ArrowUp":case 38:s=i(n,r,l,-1),d="switch-active-node";break;case"ArrowRight":case 39:s=a(n,l,1),d="switch-active-node";break;case"ArrowDown":case 40:s=i(n,r,l,1),d="switch-active-node"}}if(d)return e.preventDefault(),e.stopPropagation(),{action:d,node:null===(f=s)||void 0===f?void 0:f.data,edge:u}}}function a(e,t,n){var o,a=e.filter((e=>e!==t&&(o=(e.x-t.x)*n)>0&&o>Math.abs(t.y-e.y)));return(0,r.minBy)(a,(e=>(t.y-e.y)**2+(t.x-e.x)**2))}function i(e,t,n,o){var a=1===o?"source":"target",i=1===o?"target":"source",l=t.filter((e=>{var{data:t}=e;return t[a]===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)*o>0));return(0,r.minBy)(l,(e=>(n.y-e.y)**2+(n.x-e.x)**2))}},542:(e,t,n)=>{n.d(t,{w:()=>i});var r=n(3028),o=n(9464),a=n(5318);function i(e,t){var{nodes:n,nodesRefRepository:i,nodesConnect:l,setConnectLineState:c,setConnectLineTo:d,onSwitchActiveTarget:s,onNodesConnect:u}=t;function f(e){if(i){var t,r=function(t){if(e(a))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[o,a]of i)if(t=r(o))return t.v}}if(l){var v=f((t=>t.contains(e.target)));if(v){if(l.sourceType){if(![].concat(l.sourceType).includes(v.type))return}else if(!(0,o.checkIfByTransform)(l,{source:v}))return;e.stopPropagation(),c({from:[e.clientX,e.clientY],options:(0,r.Z)({strokeColor:a.IC,strokeWidth:a._w},o.__secret_internals.legacyDoTransform({source:v},l))}),d([e.clientX,e.clientY]),null==s||s({type:"node",nodeId:v.id});var h=e=>{d([e.clientX,e.clientY])},m=e=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",m),c(null);var t=e.composedPath(),n=f((e=>t.includes(e)));n&&v!==n&&(null==u||u({source:v,target:n}))};document.addEventListener("mousemove",h),document.addEventListener("mouseup",m)}}}},7441:(e,t,n)=>{function r(e,t){var{canvasWidth:n,canvasHeight:r,scaleRange:o}=t,a=1/0,i=1/0,l=-1/0,c=-1/0;for(var d of e){var s=d.width/2,u=d.height/2,f=d.x-s,v=d.x+s,h=d.y-u,m=d.y+u;f<a&&(a=f),v>l&&(l=v),h<i&&(i=h),m>c&&(c=m)}var p=l-a,g=c-i,k=o&&(p>n||g>r)?Math.max(Math.min(n/p,r/g,o[1]),o[0]):1;return{x:(n-p*k)/2-i,y:(r-g*k)/2-a,k}}n.d(t,{i:()=>r})},6436:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(9601),o=n.n(r),a=n(2609),i=n.n(a)()(o());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}.ready{opacity:1;cursor:-webkit-grab;cursor:grab}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.nodes,\n.lines{transform-origin:0 0}.node{position:absolute;visibility:hidden}.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.line-label{position:absolute;transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}.lines{pointer-events:none}.line.interactable{pointer-events:auto}.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=7675.42d21e5c.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[7675],{2260:(e,t,n)=>{n.d(t,{K:()=>a});var r=n(8657),o=n.n(r);function a(e){var{clipPath:t,clipPathPrefix:n,renderedLineLabels:r}=e,{x0:a,y0:i,w:l,h:c,id:d}=t,s=r.find((e=>e.id===d));if(!s)return null;var{left:u,top:f,right:v,bottom:h}=s.lineRect;return o().createElement("clipPath",{key:d,id:"".concat(n).concat(d)},o().createElement("polygon",{points:["".concat(a,",").concat(i+c),"".concat(a+l,",").concat(i+c),"".concat(a+l,",").concat(i),"".concat(a,",").concat(i),"".concat(a,",").concat(f),"".concat(v,",").concat(f),"".concat(v,",").concat(h),"".concat(u,",").concat(h),"".concat(u,",").concat(f),"".concat(a,",").concat(f)].join(" ")}))}},7587:(e,t,n)=>{n.d(t,{f:()=>c});var r=n(8657),o=n.n(r),a=n(2779),i=n.n(a),l=n(9575);function c(e){var{connectLineState:t,connectLineTo:n,markerPrefix:r}=e;return o().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})},o().createElement("defs",null,o().createElement(l.C,{id:"".concat(r,"connect-line"),strokeColor:null==t?void 0:t.options.strokeColor})),o().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(r,"connect-line)"):void 0}))}},6462:(e,t,n)=>{n.d(t,{y:()=>l});var r=n(8657),o=n.n(r),a=n(2779),i=n.n(a);function l(e){var{line:{line:t,d:n,markerIndex:r,edge:a},linePaths:l,clipPathList:c,markerPrefix:d,clipPathPrefix:s,activeLineMarkerPrefix:u,activeEdge:f,onLineClick:v,onLineDoubleClick:h}=e,m=c.some((e=>e.id===t.$id))?"url(#".concat(s).concat(t.$id,")"):void 0;return o().createElement("g",{className:i()("line",{interactable:t.interactable,active:f&&a.source===f.source&&a.target===f.target}),onClick:t.interactable?()=>{null==v||v({id:t.$id,edge:a})}:void 0,onDoubleClick:t.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==h||h({id:t.$id,edge:a})}:void 0,style:{cursor:t.cursor}},t.interactable&&o().createElement("path",{d:n,fill:"none",stroke:"transparent",strokeWidth:t.interactStrokeWidth}),o().createElement("path",{ref:e=>l.set(t.$id,e),stroke:t.strokeColor,strokeWidth:t.strokeWidth,d:n,fill:"none",markerEnd:void 0===r?void 0:"url(#".concat(d).concat(r,")"),clipPath:m}),o().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:m}))}},7853:(e,t,n)=>{n.d(t,{L8:()=>c});var r=n(3028),o=n(8657),a=n.n(o),i=n(9494),l=n(9464);function c(e){var{labels:t,onRendered:n}=e,[r,i]=(0,o.useState)(!1),[l,c]=(0,o.useState)([]),u=(0,o.useMemo)((()=>new Map),[]),f=(0,o.useCallback)(((e,t)=>{t&&u.set(e,t),c((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,o.useCallback)((e=>{c((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,o.useEffect)((()=>{i(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,o.useEffect)((()=>{null==n||n(r?u:null)}),[u,r]),a().createElement(a().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,position:r,id:o,edge:i}=e;return n?a().createElement("div",{key:o,className:"line-label",style:{left:r[0],top:r[1]}},a().createElement(s,{id:o,edge:i,label:n,onRendered:f,onUnmount:v})):a().createElement(d,{key:o,id:o,text:t,position:r,onRendered:f})})))}function d(e){var{id:t,text:n,position:i,onRendered:l}=e,c=(0,o.useCallback)((e=>{null==l||l(t,e)}),[t,l]);return a().createElement("div",{className:"line-label",ref:c,style:(0,r.Z)({left:i[0],top:i[1]},n.style)},n.content)}function s(e){var{id:t,edge:n,label:r,onRendered:c,onUnmount:d}=e,s=(0,o.useMemo)((()=>(0,l.checkIfByTransform)(r,{edge:n})?r.useBrick:null),[n,r]),u=(0,o.useMemo)((()=>({edge:n})),[n]);(0,o.useEffect)((()=>{s||setTimeout((()=>{null==c||c(t,null)}))}),[t,c,s]),(0,o.useEffect)((()=>()=>{null==d||d(t)}),[]);var f=(0,o.useCallback)((e=>{e&&setTimeout((()=>{null==c||c(t,e.parentElement)}))}),[t,c]),v=(0,o.useCallback)((()=>{setTimeout((()=>{null==c||c(t,null)}))}),[t,c]);return s?a().createElement(i.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:s,data:u}):null}},9575:(e,t,n)=>{n.d(t,{C:()=>a});var r=n(8657),o=n.n(r);function a(e){var{id:t,strokeColor:n}=e;return o().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:3,refY:3,markerWidth:6,markerHeight:6,orient:"auto"},o().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 r=n(8657),o=n.n(r),a=n(9494),i=n(9464);function l(e){var{nodes:t,nodeBricks:n,onRendered:a}=e,[i,l]=(0,r.useState)(!1),[d,s]=(0,r.useState)([]),u=(0,r.useMemo)((()=>new Map),[]),f=(0,r.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,r.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,r.useEffect)((()=>{l(!(null!=t&&t.some((e=>!d.includes(e.id)))))}),[t,d]),(0,r.useEffect)((()=>{null==a||a(i?u:null)}),[u,i]),o().createElement(o().Fragment,null,null==t?void 0:t.map((e=>o().createElement("div",{key:e.id,className:"node"},o().createElement(c,{nodeBricks:n,node:e,onRendered:f,onUnmount:v})))))}function c(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:c}=e,d=(0,r.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,r.useMemo)((()=>({node:t})),[t]);(0,r.useEffect)((()=>{d||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,d]),(0,r.useEffect)((()=>()=>{null==c||c(t.id)}),[]);var u=(0,r.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),f=(0,r.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return d?o().createElement(a.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:d,data:s}):null}},5318:(e,t,n)=>{n.d(t,{IC:()=>r,_w:()=>o,no:()=>a,oh:()=>l,rN:()=>c,wl:()=>i});var r="var(--palette-gray-5)",o=1,a="curveBasis",i=20,l=.5,c=2},1251:(e,t,n)=>{function r(e,t){return e.map((e=>{var{id:n}=e,r=null==t?void 0:t.get(n);if(r){var{offsetWidth:o,offsetHeight:a}=r;if(0!==o&&0!==a)return{x0:r.offsetLeft-o/2-3,y0:r.offsetTop-a/2-3,w:o+6,h:a+6,id:n}}})).filter(Boolean)}n.d(t,{i:()=>r})},5173:(e,t,n)=>{n.d(t,{T:()=>a});var r=n(908),o=n.n(r);function a(e,t,n,r){var a=new(o().graphlib.Graph);for(var i of(a.setGraph(r),a.setDefaultEdgeLabel((function(){return{}})),null!=t?t:[])){var l=null==e?void 0:e.node(i.id);a.setNode(i.id,(null==l?void 0:l.data)===i?l:{id:i.id,data:i})}for(var c of null!=n?n:[])a.setEdge(c.source,c.target,{data:c});return a}},7201:(e,t,n)=>{n.d(t,{E:()=>a});var r=n(908),o=n.n(r);function a(e){var{graph:t,nodesRefRepository:n,nodePadding:r}=e;if(!t||!n||0===t.nodeCount())return null;var a=function(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)}(r);for(var i of t.nodes()){var l,c,d=t.node(i);if(d){var s=n.get(i);d.width=(null!==(l=null==s?void 0:s.offsetWidth)&&void 0!==l?l:10)+a[1]+a[3],d.height=(null!==(c=null==s?void 0:s.offsetHeight)&&void 0!==c?c:10)+a[0]+a[2]}else console.error("Diagram node not found: %s",i)}o().layout(t);var u=[];for(var f of t.nodes()){var v,h=t.node(f);if(h){u.push(h);var m=h.x-h.width/2+a[3],p=h.y-h.height/2+a[0],g=null===(v=n.get(f))||void 0===v?void 0:v.parentElement;g&&(g.style.left="".concat(m,"px"),g.style.top="".concat(p,"px"),g.style.visibility="visible")}}return{nodes:u,edges:t.edges().map((e=>t.edge(e)))}}},4126:(e,t,n)=>{function r(e,t,n){return 0===e.length&&0===t.length?e:t.map((e=>{var{line:{text:t,label:r,$id:o},edge:a}=e,i=n.get(o);if((t||r)&&i&&i.getAttribute("d")){var{x:l,y:c,width:d,height:s}=i.getBBox(),u=1e3,f=l-u,v=c-u,h=l+d+u,m=c+s+u,p=i.getPointAtLength(i.getTotalLength()/2);return{text:t,label:r,edge:a,position:[p.x,p.y],lineRect:{left:f,top:v,right:h,bottom:m},id:o}}})).filter(Boolean)}n.d(t,{K:()=>r})},5731:(e,t,n)=>{n.d(t,{b:()=>p});var r=n(3028),o=n(2159),a=n(1211),i=n(9464),l=n(5318),c=n(3698),d=n(1479),s=n(6481),u=n(9389),f=n(8282),v=n(5004);function h(e,t,n){if(!Array.isArray(e))return"";var r;switch(n){case"curveBasis":r=c.ZP;break;case"curveBumpX":r=d.sj;break;case"curveBumpY":r=d.BW;break;case"curveMonotoneX":r=s.Z;break;case"curveMonotoneY":r=s.s;break;case"curveNatural":r=u.Z;break;default:r=f.Z}var o=0,a=0;if(t){var{x:i,y:l}=e[e.length-2],{x:h,y:m}=e[e.length-1],p=t/Math.sqrt(Math.pow(h-i,2)+Math.pow(m-l,2));o=(i-h)*p,a=(l-m)*p}var g=e;return(0,v.Z)().x(((t,n)=>t.x-(n===e.length-1?o:0))).y(((t,n)=>t.y-(n===e.length-1?a:0))).curve(r)(g)}var m=["label"];function p(e,t){var n=[],c=[],d=function(e){var d,s=null!==(d=null==t?void 0:t.find((t=>{return n=e,!!(r=t)&&(r.edgeType?[].concat(r.edgeType).includes(n.type):(0,i.checkIfByTransform)(r,{edge:n}));var n,r})))&&void 0!==d?d:{},{label:f}=s,v=(0,o.Z)(s,m),p=i.__secret_internals.legacyDoTransform({edge:e},v);if(!1===(null==p?void 0:p.draw))return 1;var g,k=(0,r.Z)((0,r.Z)({strokeColor:l.IC,strokeWidth:l._w,curveType:l.no,interactStrokeWidth:l.wl},p),{},{label:f,$id:(0,a.uniqueId)("line-")});if(k.arrow){var b={strokeColor:k.strokeColor};-1===(g=(0,a.findIndex)(c,b))&&(g=c.push(b)-1)}var y=h(u,k.arrow?-5:0,k.curveType);n.push({line:k,d:y,markerIndex:g,edge:e})};for(var{data:s,points:u}of e)d(s);return{renderedLines:n,markers:c}}},5702:(e,t,n)=>{n.d(t,{p:()=>o});var r=n(1211);function o(e,t){var{renderedNodes:n,renderedEdges:r,activeTarget:o}=t,l="node"===(null==o?void 0:o.type)?n.find((e=>e.id===o.nodeId)):void 0,c="edge"===(null==o?void 0:o.type)?o.edge:void 0;if(l||c){var d,s,u,f,v=e.key||e.keyCode||e.which;switch(v){case"Backspace":case 8:case"Delete":case 46:l?(d="delete-node",s=l):(d="delete-edge",u=c);break;default:if(!l)return;switch(v){case"ArrowLeft":case 37:s=a(n,l,-1),d="switch-active-node";break;case"ArrowUp":case 38:s=i(n,r,l,-1),d="switch-active-node";break;case"ArrowRight":case 39:s=a(n,l,1),d="switch-active-node";break;case"ArrowDown":case 40:s=i(n,r,l,1),d="switch-active-node"}}if(d)return e.preventDefault(),e.stopPropagation(),{action:d,node:null===(f=s)||void 0===f?void 0:f.data,edge:u}}}function a(e,t,n){var o,a=e.filter((e=>e!==t&&(o=(e.x-t.x)*n)>0&&o>Math.abs(t.y-e.y)));return(0,r.minBy)(a,(e=>(t.y-e.y)**2+(t.x-e.x)**2))}function i(e,t,n,o){var a=1===o?"source":"target",i=1===o?"target":"source",l=t.filter((e=>{var{data:t}=e;return t[a]===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)*o>0));return(0,r.minBy)(l,(e=>(n.y-e.y)**2+(n.x-e.x)**2))}},542:(e,t,n)=>{n.d(t,{w:()=>i});var r=n(3028),o=n(9464),a=n(5318);function i(e,t){var{nodes:n,nodesRefRepository:i,nodesConnect:l,setConnectLineState:c,setConnectLineTo:d,onSwitchActiveTarget:s,onNodesConnect:u}=t;function f(e){if(i){var t,r=function(t){if(e(a))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[o,a]of i)if(t=r(o))return t.v}}if(l){var v=f((t=>t.contains(e.target)));if(v){if(l.sourceType){if(![].concat(l.sourceType).includes(v.type))return}else if(!(0,o.checkIfByTransform)(l,{source:v}))return;e.stopPropagation(),c({from:[e.clientX,e.clientY],options:(0,r.Z)({strokeColor:a.IC,strokeWidth:a._w},o.__secret_internals.legacyDoTransform({source:v},l))}),d([e.clientX,e.clientY]),null==s||s({type:"node",nodeId:v.id});var h=e=>{d([e.clientX,e.clientY])},m=e=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",m),c(null);var t=e.composedPath(),n=f((e=>t.includes(e)));n&&v!==n&&(null==u||u({source:v,target:n}))};document.addEventListener("mousemove",h),document.addEventListener("mouseup",m)}}}},7441:(e,t,n)=>{function r(e,t){var{canvasWidth:n,canvasHeight:r,scaleRange:o}=t,a=1/0,i=1/0,l=-1/0,c=-1/0;for(var d of e){var s=d.width/2,u=d.height/2,f=d.x-s,v=d.x+s,h=d.y-u,m=d.y+u;f<a&&(a=f),v>l&&(l=v),h<i&&(i=h),m>c&&(c=m)}var p=l-a,g=c-i,k=o&&(p>n||g>r)?Math.max(Math.min(n/p,r/g,o[1]),o[0]):1;return{x:(n-p*k)/2-i,y:(r-g*k)/2-a,k}}n.d(t,{i:()=>r})},6436:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(9601),o=n.n(r),a=n(2609),i=n.n(a)()(o());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}.ready{opacity:1}.ready.pannable{cursor:-webkit-grab;cursor:grab}.pannable.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.nodes,\n.lines{transform-origin:0 0}.node{position:absolute;visibility:hidden}.line-label{position:absolute;transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}.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=7675.0a3127d8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/7675.0a3127d8.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/getClipPathList.ts","webpack:///./src/diagram/processors/getDagreGraph.ts","webpack:///./src/diagram/processors/getRenderedDiagram.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts","webpack:///./src/diagram/processors/getRenderedLineLabels.ts","webpack:///./src/diagram/lines/curveLine.ts","webpack:///./src/diagram/processors/getRenderedLinesAndMarkers.ts","webpack:///./src/diagram/processors/matchEdgeByFilter.ts","webpack:///./src/diagram/processors/handleKeyboard.ts","webpack:///./src/diagram/processors/handleNodesMouseDown.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, id } = clipPath;\n const lineText = renderedLineLabels.find((item) => item.id === id);\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={id} id={`${clipPathPrefix}${id}`}>\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.id === 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 RenderedLineLabel,\n TextOptions,\n} from \"./interfaces\";\n\nexport interface LineLabelComponentGroupProps {\n labels?: RenderedLineLabel[];\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 >\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 {\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 }) => {\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 id,\n };\n })\n .filter(Boolean) as LineTextClipPath[];\n}\n","import dagre from \"@dagrejs/dagre\";\nimport type { DiagramEdge, DiagramNode, RenderedNode } from \"../interfaces\";\n\nexport function getDagreGraph(\n previousGraph: dagre.graphlib.Graph<RenderedNode> | null,\n nodes: DiagramNode[] | undefined,\n edges: DiagramEdge[] | undefined,\n dagreGraphOptions: dagre.GraphLabel\n) {\n // Create a new directed graph\n const newGraph = new dagre.graphlib.Graph<RenderedNode>();\n\n // Set an object for the graph label\n newGraph.setGraph(dagreGraphOptions);\n\n // Default to assigning a new object as a label for each new edge.\n newGraph.setDefaultEdgeLabel(function () {\n return {};\n });\n\n for (const node of nodes ?? []) {\n const previousNode = previousGraph?.node(node.id);\n newGraph.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 newGraph.setEdge(edge.source, edge.target, { data: edge });\n }\n\n return newGraph;\n}\n","import dagre from \"@dagrejs/dagre\";\nimport type {\n PartialRectTuple,\n RefRepository,\n RenderedEdge,\n RenderedNode,\n} from \"../interfaces\";\nimport { extractPartialRectTuple } from \"./extractPartialRectTuple\";\n\nexport interface RenderedDiagram {\n nodes: RenderedNode[];\n edges: RenderedEdge[];\n}\n\nexport function getRenderedDiagram({\n graph,\n nodesRefRepository,\n nodePadding,\n}: {\n graph: dagre.graphlib.Graph<RenderedNode> | null;\n nodesRefRepository: RefRepository | null;\n nodePadding: PartialRectTuple;\n}): RenderedDiagram | null {\n if (!graph || !nodesRefRepository || graph.nodeCount() === 0) {\n return null;\n }\n\n const paddings = extractPartialRectTuple(nodePadding);\n\n for (const id of graph.nodes()) {\n const node = graph.node(id);\n if (!node) {\n // eslint-disable-next-line no-console\n console.error(\"Diagram node not found: %s\", id);\n continue;\n }\n const element = nodesRefRepository.get(id);\n node.width = (element?.offsetWidth ?? 10) + paddings[1] + paddings[3];\n node.height = (element?.offsetHeight ?? 10) + paddings[0] + paddings[2];\n }\n\n dagre.layout(graph);\n\n // const positions = new Map<DiagramNodeId, NodePosition>();\n const renderedNodes: RenderedNode[] = [];\n\n for (const v of graph.nodes()) {\n const node = graph.node(v);\n if (!node) {\n continue;\n }\n renderedNodes.push(node);\n const x = node.x - node.width / 2 + paddings[3];\n const y = node.y - node.height / 2 + paddings[0];\n // positions.set(v, { x, y });\n\n const nodeContainer = nodesRefRepository.get(v)?.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 return {\n nodes: renderedNodes,\n edges: graph.edges().map((e) => graph.edge(e) as RenderedEdge),\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","import type { RenderedLine, RenderedLineLabel } 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\n .map(({ line: { text, label, $id }, edge }) => {\n const path = linePaths.get($id);\n if ((!text && !label) || !path || !path.getAttribute(\"d\")) {\n return;\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 point =\n process.env.NODE_ENV === \"test\"\n ? { x: 50, y: 50 }\n : path.getPointAtLength(path.getTotalLength() / 2);\n return {\n text,\n label,\n edge,\n position: [point.x, point.y],\n lineRect: { left, top, right, bottom },\n id: $id,\n };\n })\n .filter(Boolean) as RenderedLineLabel[];\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>,\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 \"curveBasis\":\n curveFactory = curveBasis;\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 = curveLinear;\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 { findIndex, uniqueId } from \"lodash\";\nimport { __secret_internals } from \"@next-core/runtime\";\nimport type {\n LineConf,\n LineMarker,\n RenderedEdge,\n RenderedLine,\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\";\nimport { curveLine } from \"../lines/curveLine\";\n\nexport function getRenderedLinesAndMarkers(\n renderedEdges: RenderedEdge[],\n lines: LineConf[] | undefined\n) {\n const renderedLines: RenderedLine[] = [];\n const markers: LineMarker[] = [];\n for (const { data, points } of renderedEdges) {\n const { label, ...restLineConf } =\n lines?.find((line) => matchEdgeByFilter(data, line)) ?? {};\n\n const computedLineConf = __secret_internals.legacyDoTransform(\n { edge: data },\n restLineConf\n ) as LineConf | undefined;\n if (computedLineConf?.draw === false) {\n continue;\n }\n const line: RenderedLine[\"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: uniqueId(\"line-\"),\n };\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 const d = curveLine(points, line.arrow ? -5 : 0, line.curveType);\n\n renderedLines.push({\n line,\n d,\n markerIndex,\n edge: data,\n });\n }\n return {\n renderedLines,\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 { 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 NodesConnectOptions,\n PositionTuple,\n RefRepository,\n ActiveTarget,\n} from \"../interfaces\";\n\nexport function handleNodesMouseDown(\n event: MouseEvent,\n {\n nodes,\n nodesRefRepository,\n nodesConnect,\n setConnectLineState,\n setConnectLineTo,\n onSwitchActiveTarget,\n onNodesConnect,\n }: {\n nodes: DiagramNode[] | undefined;\n nodesConnect: NodesConnectOptions | undefined;\n nodesRefRepository: RefRepository | null;\n setConnectLineState: (\n value: React.SetStateAction<ConnectLineState | null>\n ) => void;\n setConnectLineTo: (value: React.SetStateAction<PositionTuple>) => 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 (!nodesConnect) {\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 (nodesConnect.sourceType) {\n if (\n !([] as unknown[]).concat(nodesConnect.sourceType).includes(source.type)\n ) {\n return;\n }\n } else if (!checkIfByTransform(nodesConnect, { source })) {\n return;\n }\n\n event.stopPropagation();\n\n setConnectLineState({\n from: [event.clientX, event.clientY],\n options: {\n strokeColor: DEFAULT_LINE_STROKE_COLOR,\n strokeWidth: DEFAULT_LINE_STROKE_WIDTH,\n ...(__secret_internals.legacyDoTransform(\n { source },\n nodesConnect\n ) as NodesConnectOptions),\n },\n });\n setConnectLineTo([event.clientX, event.clientY]);\n onSwitchActiveTarget?.({ type: \"node\", nodeId: source.id });\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}\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 - top;\n const y = (canvasHeight - height * scale) / 2 - left;\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}.ready{opacity:1}.ready.pannable{cursor:-webkit-grab;cursor:grab}.pannable.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.nodes,\n.lines{transform-origin:0 0}.node{position:absolute;visibility:hidden}.line-label{position:absolute;transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}.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","id","lineText","find","item","left","top","right","bottom","lineRect","React","key","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","position","LineLabelComponent","onUnmount","LineTextComponent","_ref3","refCallback","_objectSpread","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","getClipPathList","lineLabelsRefRepository","get","offsetWidth","offsetHeight","offsetLeft","offsetTop","padding","filter","Boolean","getDagreGraph","previousGraph","edges","dagreGraphOptions","newGraph","dagre","Graph","setGraph","setDefaultEdgeLabel","previousNode","setNode","setEdge","getRenderedDiagram","graph","nodesRefRepository","nodePadding","nodeCount","paddings","value","Array","isArray","v0","v1","length","extractPartialRectTuple","_element$offsetWidth","_element$offsetHeight","console","error","renderedNodes","v","_nodesRefRepository$g","push","x","y","nodeContainer","visibility","getRenderedLineLabels","renderedLines","path","getAttribute","getBBox","point","getPointAtLength","getTotalLength","curveLine","arrowOffset","curveType","curveFactory","curveBasis","curveBumpX","curveBumpY","curveMonotoneX","curveMonotoneY","curveNatural","curveLinear","arrowOffsetX","arrowOffsetY","x1","y1","ratio","Math","sqrt","pow","transformPoints","curve","lineFunction","getRenderedLinesAndMarkers","renderedEdges","lines","markers","_loop","_lines$find","matchEdgeByFilter","edgeType","restLineConf","_objectWithoutProperties","_excluded","computedLineConf","__secret_internals","legacyDoTransform","draw","uniqueId","marker","findIndex","handleKeyboard","event","activeTarget","activeNode","nodeId","action","_node","keyCode","which","moveOnX","moveOnY","direction","diff","candidates","abs","minBy","to","handleNodesMouseDown","nodesConnect","setConnectLineState","setConnectLineTo","onSwitchActiveTarget","onNodesConnect","findNode","match","_ret","contains","sourceType","clientX","clientY","onMouseMove","onMouseUp","document","removeEventListener","eventTargets","composedPath","addEventListener","transformToCenter","canvasWidth","canvasHeight","scaleRange","Infinity","hw","hh","l","r","t","b","scale","max","min","k","___CSS_LOADER_EXPORT___","module","toString"],"sourceRoot":""}
@@ -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,g,v,Z,w,f,k,m,y,E,M,W,C,x,L,R,S,z,D,T,N,P,B,A,H,K,O,I,_,X,Y,V,q,$,j,F,G,J,Q,U,ee,te,ae,ne,le,ie=a(3028),se=a(3395),re=a(1815),oe=a(381),ce=a(687),ue=a(5066),he=a(8657),de=a.n(he),be=a(5727),pe=a(305),ge=(a(928),a(1105)),ve=a(7397),Ze=a(2779),we=a.n(Ze),fe=a(1211),ke=a(2370),me=a(5702),ye=a(7441),Ee=a(5731),Me=a(7853),We=a(6462),Ce=a(9575),xe=a(2260),Le=a(7587),Re=a(1251),Se=a(4126),ze=a(7201),De=a(5173),Te=a(542),Ne=a(6436),Pe=a(5318),{defineElement:Be,property:Ae,event:He,method:Ke}=(0,be.createDecorators)(),Oe=(0,he.forwardRef)(Tt);l=Be("eo-diagram",{styleTexts:[Ne.Z]}),i=Ae({type:String}),r=Ae({attribute:!1}),c=Ae({attribute:!1}),h=Ae({attribute:!1}),b=Ae({attribute:!1}),g=Ae({attribute:!1}),Z=Ae({attribute:!1}),f=Ae({type:Boolean}),m=Ae({attribute:!1}),E=Ae({type:Boolean}),W=Ae({type:Boolean}),x=Ae({type:Boolean}),R=Ae({attribute:!1}),z=He({type:"activeTarget.change"}),P=He({type:"node.delete"}),K=He({type:"edge.delete"}),X=He({type:"line.click"}),$=He({type:"line.dblclick"}),J=He({type:"nodes.connect"}),te=Ke();var Ie=new WeakMap,_e=new WeakMap,Xe=new WeakMap,Ye=new WeakMap,Ve=new WeakMap,qe=new WeakMap,$e=new WeakMap,je=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,Je=new WeakMap,Qe=new WeakMap,Ue=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,gt=new WeakMap,vt=new WeakMap,Zt=new WeakMap,wt=new WeakMap,ft=new WeakMap;class kt extends pe.ReactNextElement{constructor(){super(...arguments),(0,se.Z)(this,vt,{get:Dt,set:zt}),(0,se.Z)(this,bt,{get:St,set:Rt}),(0,se.Z)(this,ut,{get:Lt,set:xt}),(0,se.Z)(this,rt,{get:Ct,set:Wt}),(0,se.Z)(this,lt,{get:Mt,set:Et}),(0,se.Z)(this,tt,{get:yt,set:mt}),(0,se.Z)(this,Ie,{writable:!0,value:(ae(this),s(this))}),(0,se.Z)(this,_e,{writable:!0,value:o(this)}),(0,se.Z)(this,Xe,{writable:!0,value:u(this)}),(0,se.Z)(this,Ye,{writable:!0,value:d(this)}),(0,se.Z)(this,Ve,{writable:!0,value:p(this)}),(0,se.Z)(this,qe,{writable:!0,value:v(this)}),(0,se.Z)(this,$e,{writable:!0,value:w(this)}),(0,se.Z)(this,je,{writable:!0,value:k(this)}),(0,se.Z)(this,Fe,{writable:!0,value:y(this)}),(0,se.Z)(this,Ge,{writable:!0,value:M(this,!0)}),(0,se.Z)(this,Je,{writable:!0,value:C(this,!0)}),(0,se.Z)(this,Qe,{writable:!0,value:L(this,!0)}),(0,se.Z)(this,Ue,{writable:!0,value:S(this)}),(0,se.Z)(this,et,{writable:!0,value:D(this)}),(0,se.Z)(this,at,{writable:!0,value:e=>{(0,ce.Z)(this,tt).emit(e)}}),(0,se.Z)(this,nt,{writable:!0,value:B(this)}),(0,se.Z)(this,it,{writable:!0,value:e=>{(0,ce.Z)(this,lt).emit(e)}}),(0,se.Z)(this,st,{writable:!0,value:O(this)}),(0,se.Z)(this,ot,{writable:!0,value:e=>{(0,ce.Z)(this,rt).emit(e)}}),(0,se.Z)(this,ct,{writable:!0,value:Y(this)}),(0,se.Z)(this,ht,{writable:!0,value:e=>{(0,ce.Z)(this,ut).emit(e)}}),(0,se.Z)(this,dt,{writable:!0,value:j(this)}),(0,se.Z)(this,pt,{writable:!0,value:e=>{(0,ce.Z)(this,bt).emit(e)}}),(0,se.Z)(this,gt,{writable:!0,value:Q(this)}),(0,se.Z)(this,Zt,{writable:!0,value:e=>{(0,ce.Z)(this,vt).emit(e)}}),(0,se.Z)(this,wt,{writable:!0,value:e=>{this.activeTarget=e}}),(0,se.Z)(this,ft,{writable:!0,value:(0,he.createRef)()})}get layout(){return(0,ce.Z)(this,Ie)}set layout(e){(0,oe.Z)(this,Ie,e)}get nodes(){return(0,ce.Z)(this,_e)}set nodes(e){(0,oe.Z)(this,_e,e)}get edges(){return(0,ce.Z)(this,Xe)}set edges(e){(0,oe.Z)(this,Xe,e)}get nodeBricks(){return(0,ce.Z)(this,Ye)}set nodeBricks(e){(0,oe.Z)(this,Ye,e)}get lines(){return(0,ce.Z)(this,Ve)}set lines(e){(0,oe.Z)(this,Ve,e)}get layoutOptions(){return(0,ce.Z)(this,qe)}set layoutOptions(e){(0,oe.Z)(this,qe,e)}get activeTarget(){return(0,ce.Z)(this,$e)}set activeTarget(e){(0,oe.Z)(this,$e,e)}get disableKeyboardAction(){return(0,ce.Z)(this,je)}set disableKeyboardAction(e){(0,oe.Z)(this,je,e)}get nodesConnect(){return(0,ce.Z)(this,Fe)}set nodesConnect(e){(0,oe.Z)(this,Fe,e)}get zoomable(){return(0,ce.Z)(this,Ge)}set zoomable(e){(0,oe.Z)(this,Ge,e)}get scrollable(){return(0,ce.Z)(this,Je)}set scrollable(e){(0,oe.Z)(this,Je,e)}get pannable(){return(0,ce.Z)(this,Qe)}set pannable(e){(0,oe.Z)(this,Qe,e)}get scaleRange(){return(0,ce.Z)(this,Ue)}set scaleRange(e){(0,oe.Z)(this,Ue,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,ce.Z)(this,ft).current)||void 0===a||a.callOnLineLabel(e,t,...l)}render(){return de().createElement(Oe,{ref:(0,ce.Z)(this,ft),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,nodesConnect:this.nodesConnect,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,ce.Z)(this,at),onSwitchActiveTarget:(0,ce.Z)(this,wt),onNodeDelete:(0,ce.Z)(this,it),onEdgeDelete:(0,ce.Z)(this,ot),onLineClick:(0,ce.Z)(this,ht),onLineDoubleClick:(0,ce.Z)(this,pt),onNodesConnect:(0,ce.Z)(this,Zt)})}}function mt(e){N(this,e)}function yt(){return T(this)}function Et(e){H(this,e)}function Mt(){return A(this)}function Wt(e){_(this,e)}function Ct(){return I(this)}function xt(e){q(this,e)}function Lt(){return V(this)}function Rt(e){G(this,e)}function St(){return F(this)}function zt(e){ee(this,e)}function Dt(){return U(this)}function Tt(e,t){var{layout:a,nodes:n,edges:l,nodeBricks:i,lines:s,layoutOptions:r,nodesConnect:o,activeTarget:c,disableKeyboardAction:u,zoomable:h,scrollable:d,pannable:b,scaleRange:p,onActiveTargetChange:g,onSwitchActiveTarget:v,onNodeDelete:Z,onEdgeDelete:w,onLineClick:f,onLineDoubleClick:k,onNodesConnect:m}=e,[y,E]=(0,he.useState)(null),[M,W]=(0,he.useState)(!1),[C,x]=(0,he.useState)(0),[L,R]=(0,he.useState)(null),[S,z]=(0,he.useState)(0),[D,T]=(0,he.useState)(null),[N,P]=(0,he.useState)([]),[B,A]=(0,he.useState)([]),[H,K]=(0,he.useState)([]),[O,I]=(0,he.useState)(!1),[_,X]=(0,he.useState)({k:1,x:0,y:0}),Y=(0,he.useRef)(new Map),V=(0,he.useRef)(null),q=(0,he.useRef)(null),[$,j]=(0,he.useState)(!1),[F,G]=(0,he.useState)([0,0]),[J,Q]=(0,he.useState)(null);(0,he.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,he.useEffect)((()=>{var e=e=>{(0,Te.w)(e,{nodes:n,nodesRefRepository:L,nodesConnect:o,setConnectLineState:Q,setConnectLineTo:G,onSwitchActiveTarget:v,onNodesConnect:m})},t=q.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,o,L,m,v]);var U=(0,he.useMemo)((()=>(0,ie.Z)({rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,nodePadding:0},r)),[r]),{nodePadding:ee}=U,te=(0,he.useMemo)((()=>(0,fe.pick)(U,["rankdir","ranksep","edgesep","nodesep","align"])),[U]),ae=(0,he.useRef)(!1);(0,he.useEffect)((()=>{ae.current?null==g||g(null!=c?c:null):ae.current=!0}),[n,c,g]),(0,he.useEffect)((()=>{E((e=>(0,De.T)(e,n,l,te)))}),[l,n,te]),(0,he.useEffect)((()=>{var e=(0,ze.E)({graph:y,nodesRefRepository:L,nodePadding:ee});e&&(P(e.nodes),A(e.edges))}),[y,L,C,ee]);var{renderedLines:ne,markers:le}=(0,he.useMemo)((()=>(0,Ee.b)(B,s)),[s,B]);(0,he.useEffect)((()=>{var e=V.current;if(e&&!u){var t=e=>{var t=(0,me.p)(e,{renderedNodes:N,renderedEdges:B,activeTarget:c});"delete-node"===(null==t?void 0:t.action)?null==Z||Z(t.node):"delete-edge"===(null==t?void 0:t.action)?null==w||w(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==v||v({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[c,N,B,u,v,Z,w]);var se=(0,he.useCallback)((e=>{e&&(x((e=>e+1)),R(e)),W((t=>t||!!e))}),[]),re=(0,he.useCallback)((e=>{e&&(z((e=>e+1)),T(e))}),[]),oe=(0,he.useMemo)((()=>null!=p?p:[Pe.oh,Pe.rN]),[p]),ce=(0,he.useMemo)((()=>(0,ve.sP)()),[]);(0,he.useEffect)((()=>{var e=!1;ce.scaleExtent(h?oe:[1,1]).on("start",(()=>{e=!1,I(!0)})).on("zoom",(t=>{e=!0,X(t.transform)})).on("end",(()=>{I(!1),e||null==v||v(null)}))}),[v,oe,h,ce]),(0,he.useEffect)((()=>{var e=V.current;if(e){var t=(0,ge.Z)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||d||b)return(h||d)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),d&&(e.preventDefault(),ce.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(ce).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),b||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[b,d,h,ce]),(0,he.useEffect)((()=>{var e=V.current;if(0!==N.length&&e&&!$){var{k:t,x:a,y:n}=(0,ye.i)(N,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?oe:void 0});ce.transform((0,ge.Z)(e),new ve.ax(t,a,n)),j(!0)}}),[$,N,oe,h,ce]);var ue=(0,he.useMemo)((()=>"".concat((0,fe.uniqueId)("diagram-"),"-")),[]),be="".concat(ue,"line-arrow-"),pe="".concat(ue,"clip-path-"),Ze="".concat(ue,"active-line-");(0,he.useEffect)((()=>{K((e=>(0,Se.K)(e,ne,Y.current)))}),[ne]);var[Ne,Be]=de().useState([]);return(0,he.useEffect)((()=>{D&&Be((0,Re.i)(H,D))}),[S,D,H]),"dagre"!==a?de().createElement("div",null,'Diagram layout not supported: "'.concat(a,'"')):de().createElement("div",{className:we()("diagram",{ready:M&&$,grabbing:O,pannable:b}),tabIndex:-1,ref:V},de().createElement("svg",{width:"100%",height:"100%",className:"lines"},de().createElement("defs",null,le.map(((e,t)=>{var{strokeColor:a}=e;return de().createElement(Ce.C,{key:t,id:"".concat(be).concat(t),strokeColor:a})})),Ne.map((e=>de().createElement(xe.K,{key:e.id,clipPath:e,clipPathPrefix:pe,renderedLineLabels:H}))),de().createElement("marker",{id:"".concat(Ze,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},de().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)"})),de().createElement("marker",{id:"".concat(Ze,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},de().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)"}),de().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)"}))),de().createElement("g",{transform:"translate(".concat(_.x," ").concat(_.y,") scale(").concat(_.k,")")},ne.map((e=>de().createElement(We.y,{key:e.line.$id,line:e,linePaths:Y.current,clipPathList:Ne,markerPrefix:be,clipPathPrefix:pe,activeLineMarkerPrefix:Ze,activeEdge:"edge"===(null==c?void 0:c.type)?c.edge:null,onLineClick:f,onLineDoubleClick:k}))))),de().createElement("div",{className:"line-labels",style:{left:_.x,top:_.y,transform:"scale(".concat(_.k,")")}},de().createElement(Me.L8,{labels:H,onRendered:re})),de().createElement("div",{className:"nodes",ref:q,style:{left:_.x,top:_.y,transform:"scale(".concat(_.k,")")}},de().createElement(ke.n,{nodes:n,nodeBricks:i,onRendered:se})),de().createElement(Le.f,{connectLineState:J,connectLineTo:F,markerPrefix:be}))}ne=kt,({e:[s,o,u,d,p,v,w,k,y,M,C,L,S,D,T,N,B,A,H,O,I,_,Y,V,q,j,F,G,Q,U,ee,ae],c:[le,n]}=(0,ue.Z)(ne,[[i,1,"layout"],[r,1,"nodes"],[c,1,"edges"],[h,1,"nodeBricks"],[b,1,"lines"],[g,1,"layoutOptions"],[Z,1,"activeTarget"],[f,1,"disableKeyboardAction"],[m,1,"nodesConnect"],[E,1,"zoomable"],[W,1,"scrollable"],[x,1,"pannable"],[R,1,"scaleRange"],[z,1,"activeTargetChangeEvent",e=>(0,ce.Z)(e,et),(e,t)=>(0,oe.Z)(e,et,t)],[P,1,"nodeDelete",e=>(0,ce.Z)(e,nt),(e,t)=>(0,oe.Z)(e,nt,t)],[K,1,"edgeDelete",e=>(0,ce.Z)(e,st),(e,t)=>(0,oe.Z)(e,st,t)],[X,1,"lineClick",e=>(0,ce.Z)(e,ct),(e,t)=>(0,oe.Z)(e,ct,t)],[$,1,"lineDoubleClick",e=>(0,ce.Z)(e,dt),(e,t)=>(0,oe.Z)(e,dt,t)],[J,1,"nodesConnect",e=>(0,ce.Z)(e,gt),(e,t)=>(0,oe.Z)(e,gt,t)],[te,2,"callOnLineLabel"]],[l],0,(e=>ft.has((0,re.Z)(e))),pe.ReactNextElement)),n();var Nt,Pt,Bt,At,Ht,Kt,Ot,It,_t,Xt,Yt,Vt,qt,$t,jt,Ft,Gt,Jt,Qt=a(8074),{defineElement:Ut,property:ea,event:ta,method:aa}=(0,be.createDecorators)(),na=(0,he.forwardRef)(wa);Pt=Ut("diagram.editable-label",{styleTexts:[Qt.Z]}),Bt=ea(),Ht=ea({render:!1}),Ot=ta({type:"label.editing.change"}),Yt=ta({type:"label.change"}),jt=aa();var la=new WeakMap,ia=new WeakMap,sa=new WeakMap,ra=new WeakMap,oa=new WeakMap,ca=new WeakMap,ua=new WeakMap,ha=new WeakMap,da=new WeakMap;class ba extends pe.ReactNextElement{constructor(){super(...arguments),(0,se.Z)(this,ua,{get:Za,set:va}),(0,se.Z)(this,ra,{get:ga,set:pa}),(0,se.Z)(this,la,{writable:!0,value:(Ft(this),At(this))}),(0,se.Z)(this,ia,{writable:!0,value:Kt(this)}),(0,se.Z)(this,sa,{writable:!0,value:It(this)}),(0,se.Z)(this,oa,{writable:!0,value:e=>{(0,ce.Z)(this,ra).emit(e)}}),(0,se.Z)(this,ca,{writable:!0,value:Vt(this)}),(0,se.Z)(this,ha,{writable:!0,value:e=>{(0,ce.Z)(this,ua).emit(e)}}),(0,se.Z)(this,da,{writable:!0,value:(0,he.createRef)()})}get label(){return(0,ce.Z)(this,la)}set label(e){(0,oe.Z)(this,la,e)}get type(){return(0,ce.Z)(this,ia)}set type(e){(0,oe.Z)(this,ia,e)}enableEditing(){var e;null===(e=(0,ce.Z)(this,da).current)||void 0===e||e.enableEditing()}render(){return de().createElement(na,{ref:(0,ce.Z)(this,da),label:this.label,onLabelEditingChange:(0,ce.Z)(this,oa),onLabelChange:(0,ce.Z)(this,ha)})}}function pa(e){Xt(this,e)}function ga(){return _t(this)}function va(e){$t(this,e)}function Za(){return qt(this)}function wa(e,t){var{label:a,onLabelChange:n,onLabelEditingChange:l}=e,i=null!=a?a:"",[s,r]=(0,he.useState)(i),[o,c]=(0,he.useState)(!1),u=(0,he.useRef)(!1),[h,d]=(0,he.useState)(!1),b=(0,he.useRef)(null);(0,he.useImperativeHandle)(t,(()=>({enableEditing(){c(!0)}}))),(0,he.useEffect)((()=>{r(i)}),[i]);var p=(0,he.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),c(!0)}),[]);(0,he.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,he.useEffect)((()=>{u.current?null==l||l(o):u.current=!0}),[o,l]);var g=(0,he.useCallback)((e=>{r(e.target.value)}),[]),v=(0,he.useCallback)((e=>{var t,a=e.key||e.keyCode||e.which;"Enter"!==a&&13!==a||null===(t=b.current)||void 0===t||t.blur()}),[]),Z=(0,he.useCallback)((()=>{c(!1),d(!0)}),[]);(0,he.useEffect)((()=>{h&&(null==n||n(s),d(!1))}),[s,n,h]);var w=(0,he.useCallback)((e=>{e.stopPropagation()}),[]);return de().createElement("div",{className:we()("label",{editing:o,empty:!s}),onDoubleClick:w,onMouseDown:w},de().createElement("input",{className:"label-input",value:s,ref:b,onChange:g,onKeyDown:v,onBlur:Z}),de().createElement("div",{className:"label-text",onDoubleClick:p},s))}Gt=ba,({e:[At,Kt,It,_t,Xt,Vt,qt,$t,Ft],c:[Jt,Nt]}=(0,ue.Z)(Gt,[[Bt,1,"label"],[Ht,1,"type"],[Ot,1,"labelEditingChange",e=>(0,ce.Z)(e,sa),(e,t)=>(0,oe.Z)(e,sa,t)],[Yt,1,"labelChange",e=>(0,ce.Z)(e,ca),(e,t)=>(0,oe.Z)(e,ca,t)],[jt,2,"enableEditing"]],[Pt],0,(e=>da.has((0,re.Z)(e))),pe.ReactNextElement)),Nt()},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.fa7c8f8a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/9393.fa7c8f8a.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 dagre from \"@dagrejs/dagre\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { pick, uniqueId } from \"lodash\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptionsDagre,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedEdge,\n RenderedLineLabel,\n RenderedNode,\n LineTextClipPath,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n NodesConnectOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLinesAndMarkers } from \"./processors/getRenderedLinesAndMarkers\";\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 { getRenderedDiagram } from \"./processors/getRenderedDiagram\";\nimport { getDagreGraph } from \"./processors/getDagreGraph\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport styleText from \"./styles.shadow.css\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptionsDagre;\n nodesConnect?: NodesConnectOptions;\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\" | 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: LayoutOptionsDagre | 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 nodesConnect: NodesConnectOptions | 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 #nodesConnect!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#nodesConnect.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 nodesConnect={this.nodesConnect}\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 nodesConnect,\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 [graph, setGraph] = useState<dagre.graphlib.Graph<RenderedNode> | null>(\n null\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 [renderedNodes, setRenderedNodes] = useState<RenderedNode[]>([]);\n const [renderedEdges, setRenderedEdges] = useState<RenderedEdge[]>([]);\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 [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | 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 nodesConnect,\n setConnectLineState,\n setConnectLineTo,\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 nodesConnect,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const fixedOptions = useMemo(\n () => ({\n rankdir: \"TB\",\n ranksep: 50,\n edgesep: 10,\n nodesep: 50,\n // align: undefined,\n nodePadding: 0,\n ...layoutOptions,\n }),\n [layoutOptions]\n );\n\n const { nodePadding } = fixedOptions;\n const dagreGraphOptions = useMemo(\n () =>\n pick(fixedOptions, [\"rankdir\", \"ranksep\", \"edgesep\", \"nodesep\", \"align\"]),\n [fixedOptions]\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 setGraph((previousGraph) =>\n getDagreGraph(previousGraph, nodes, edges, dagreGraphOptions)\n );\n }, [edges, nodes, dagreGraphOptions]);\n\n useEffect(() => {\n const renderedDiagram = getRenderedDiagram({\n graph,\n nodesRefRepository,\n nodePadding,\n });\n if (renderedDiagram) {\n setRenderedNodes(renderedDiagram.nodes);\n setRenderedEdges(renderedDiagram.edges);\n }\n }, [graph, nodesRefRepository, nodesRenderId, nodePadding]);\n\n const { renderedLines, markers } = useMemo(\n () => getRenderedLinesAndMarkers(renderedEdges, lines),\n [lines, renderedEdges]\n );\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 setClipPathList(\n getClipPathList(renderedLineLabels, lineLabelsRefRepository)\n );\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\") {\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.id}\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=\"line-labels\"\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={renderedLineLabels}\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","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_activeTargetChangeEvent","_handleActiveTargetChange","_O","_nodeDelete","_handleNodeDelete","_P","_edgeDelete","_handleEdgeDelete","_Q","_lineClick","_handleLineClick","_R","_lineDoubleClick","_handleLineDoubleClick","_S","_nodesConnect","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_nodesConnect2","set","_set_nodesConnect2","_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_nodesConnect","_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_nodesConnect2","detail","activeTarget","createRef","layout","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","nodesConnect","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_set_activeTargetChangeEvent","_get_activeTargetChangeEvent","_set_nodeDelete","_get_nodeDelete","_set_edgeDelete","_get_edgeDelete","_set_lineClick","_get_lineClick","_set_lineDoubleClick","_get_lineDoubleClick","_set_nodesConnect","_get_nodesConnect","_ref","_scaleRange","graph","setGraph","useState","nodesReady","setNodesReady","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedNodes","setRenderedNodes","renderedEdges","setRenderedEdges","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","nodesContainer","addEventListener","removeEventListener","fixedOptions","useMemo","_objectSpread","rankdir","ranksep","edgesep","nodesep","nodePadding","dagreGraphOptions","pick","activeTargetChangeInitialized","previousGraph","getDagreGraph","renderedDiagram","getRenderedDiagram","renderedLines","markers","getRenderedLinesAndMarkers","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","concat","uniqueId","markerPrefix","clipPathPrefix","activeLineMarkerPrefix","getRenderedLineLabels","clipPathList","setClipPathList","getClipPathList","className","classNames","ready","tabIndex","width","height","map","_ref2","index","strokeColor","MarkerComponent","key","clipPath","ClipPathComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","$id","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","label","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":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9016],{2715:(e,t,a)=>{a.r(t),a.d(t,{EoDiagram:()=>ie,EoDiagramComponent:()=>Ke,LegacyEoDiagramComponent:()=>zt});var n,i,l,s,r,o,c,u,h,d,p,v,g,m,Z,k,b,w,f,y,E,M,W,C,L,x,R,S,T,D,z,B,P,A,N,O,H,K,_,I,X,Y,V,q,$,j,F,G,J,Q,U,ee,te,ae,ne,ie,le=a(3028),se=a(3395),re=a(1815),oe=a(381),ce=a(687),ue=a(5066),he=a(8657),de=a.n(he),pe=a(5727),ve=a(305),ge=(a(928),a(1105)),me=a(7397),Ze=a(2779),ke=a.n(Ze),be=a(1211),we=a(2370),fe=a(5702),ye=a(7441),Ee=a(5731),Me=a(7853),We=a(6462),Ce=a(9575),Le=a(2260),xe=a(7587),Re=a(1251),Se=a(4126),Te=a(7201),De=a(5173),ze=a(542),Be=a(6436),Pe=a(5318),{defineElement:Ae,property:Ne,event:Oe,method:He}=(0,pe.createDecorators)(),Ke=(0,he.forwardRef)(zt);i=Ae("eo-diagram",{styleTexts:[Be.Z]}),l=Ne({type:String}),r=Ne({attribute:!1}),c=Ne({attribute:!1}),h=Ne({attribute:!1}),p=Ne({attribute:!1}),g=Ne({attribute:!1}),Z=Ne({attribute:!1}),b=Ne({type:Boolean}),f=Ne({attribute:!1}),E=Ne({type:Boolean}),W=Ne({type:Boolean}),L=Ne({type:Boolean}),R=Ne({attribute:!1}),T=Oe({type:"activeTarget.change"}),P=Oe({type:"node.delete"}),H=Oe({type:"edge.delete"}),X=Oe({type:"line.click"}),$=Oe({type:"line.dblclick"}),J=Oe({type:"nodes.connect"}),te=He();var _e=new WeakMap,Ie=new WeakMap,Xe=new WeakMap,Ye=new WeakMap,Ve=new WeakMap,qe=new WeakMap,$e=new WeakMap,je=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,Je=new WeakMap,Qe=new WeakMap,Ue=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,it=new WeakMap,lt=new WeakMap,st=new WeakMap,rt=new WeakMap,ot=new WeakMap,ct=new WeakMap,ut=new WeakMap,ht=new WeakMap,dt=new WeakMap,pt=new WeakMap,vt=new WeakMap,gt=new WeakMap,mt=new WeakMap,Zt=new WeakMap,kt=new WeakMap,bt=new WeakMap;class wt extends ve.ReactNextElement{constructor(){super(...arguments),(0,se.Z)(this,mt,{get:Dt,set:Tt}),(0,se.Z)(this,pt,{get:St,set:Rt}),(0,se.Z)(this,ut,{get:xt,set:Lt}),(0,se.Z)(this,rt,{get:Ct,set:Wt}),(0,se.Z)(this,it,{get:Mt,set:Et}),(0,se.Z)(this,tt,{get:yt,set:ft}),(0,se.Z)(this,_e,{writable:!0,value:(ae(this),s(this))}),(0,se.Z)(this,Ie,{writable:!0,value:o(this)}),(0,se.Z)(this,Xe,{writable:!0,value:u(this)}),(0,se.Z)(this,Ye,{writable:!0,value:d(this)}),(0,se.Z)(this,Ve,{writable:!0,value:v(this)}),(0,se.Z)(this,qe,{writable:!0,value:m(this)}),(0,se.Z)(this,$e,{writable:!0,value:k(this)}),(0,se.Z)(this,je,{writable:!0,value:w(this)}),(0,se.Z)(this,Fe,{writable:!0,value:y(this)}),(0,se.Z)(this,Ge,{writable:!0,value:M(this,!0)}),(0,se.Z)(this,Je,{writable:!0,value:C(this,!0)}),(0,se.Z)(this,Qe,{writable:!0,value:x(this,!0)}),(0,se.Z)(this,Ue,{writable:!0,value:S(this)}),(0,se.Z)(this,et,{writable:!0,value:D(this)}),(0,se.Z)(this,at,{writable:!0,value:e=>{(0,ce.Z)(this,tt).emit(e)}}),(0,se.Z)(this,nt,{writable:!0,value:A(this)}),(0,se.Z)(this,lt,{writable:!0,value:e=>{(0,ce.Z)(this,it).emit(e)}}),(0,se.Z)(this,st,{writable:!0,value:K(this)}),(0,se.Z)(this,ot,{writable:!0,value:e=>{(0,ce.Z)(this,rt).emit(e)}}),(0,se.Z)(this,ct,{writable:!0,value:Y(this)}),(0,se.Z)(this,ht,{writable:!0,value:e=>{(0,ce.Z)(this,ut).emit(e)}}),(0,se.Z)(this,dt,{writable:!0,value:j(this)}),(0,se.Z)(this,vt,{writable:!0,value:e=>{(0,ce.Z)(this,pt).emit(e)}}),(0,se.Z)(this,gt,{writable:!0,value:Q(this)}),(0,se.Z)(this,Zt,{writable:!0,value:e=>{(0,ce.Z)(this,mt).emit(e)}}),(0,se.Z)(this,kt,{writable:!0,value:e=>{this.activeTarget=e}}),(0,se.Z)(this,bt,{writable:!0,value:(0,he.createRef)()})}get layout(){return(0,ce.Z)(this,_e)}set layout(e){(0,oe.Z)(this,_e,e)}get nodes(){return(0,ce.Z)(this,Ie)}set nodes(e){(0,oe.Z)(this,Ie,e)}get edges(){return(0,ce.Z)(this,Xe)}set edges(e){(0,oe.Z)(this,Xe,e)}get nodeBricks(){return(0,ce.Z)(this,Ye)}set nodeBricks(e){(0,oe.Z)(this,Ye,e)}get lines(){return(0,ce.Z)(this,Ve)}set lines(e){(0,oe.Z)(this,Ve,e)}get layoutOptions(){return(0,ce.Z)(this,qe)}set layoutOptions(e){(0,oe.Z)(this,qe,e)}get activeTarget(){return(0,ce.Z)(this,$e)}set activeTarget(e){(0,oe.Z)(this,$e,e)}get disableKeyboardAction(){return(0,ce.Z)(this,je)}set disableKeyboardAction(e){(0,oe.Z)(this,je,e)}get nodesConnect(){return(0,ce.Z)(this,Fe)}set nodesConnect(e){(0,oe.Z)(this,Fe,e)}get zoomable(){return(0,ce.Z)(this,Ge)}set zoomable(e){(0,oe.Z)(this,Ge,e)}get scrollable(){return(0,ce.Z)(this,Je)}set scrollable(e){(0,oe.Z)(this,Je,e)}get pannable(){return(0,ce.Z)(this,Qe)}set pannable(e){(0,oe.Z)(this,Qe,e)}get scaleRange(){return(0,ce.Z)(this,Ue)}set scaleRange(e){(0,oe.Z)(this,Ue,e)}callOnLineLabel(e,t){for(var a,n=arguments.length,i=new Array(n>2?n-2:0),l=2;l<n;l++)i[l-2]=arguments[l];null===(a=(0,ce.Z)(this,bt).current)||void 0===a||a.callOnLineLabel(e,t,...i)}render(){return de().createElement(Ke,{ref:(0,ce.Z)(this,bt),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,nodesConnect:this.nodesConnect,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,ce.Z)(this,at),onSwitchActiveTarget:(0,ce.Z)(this,kt),onNodeDelete:(0,ce.Z)(this,lt),onEdgeDelete:(0,ce.Z)(this,ot),onLineClick:(0,ce.Z)(this,ht),onLineDoubleClick:(0,ce.Z)(this,vt),onNodesConnect:(0,ce.Z)(this,Zt)})}}function ft(e){B(this,e)}function yt(){return z(this)}function Et(e){O(this,e)}function Mt(){return N(this)}function Wt(e){I(this,e)}function Ct(){return _(this)}function Lt(e){q(this,e)}function xt(){return V(this)}function Rt(e){G(this,e)}function St(){return F(this)}function Tt(e){ee(this,e)}function Dt(){return U(this)}function zt(e,t){var{layout:a,nodes:n,edges:i,nodeBricks:l,lines:s,layoutOptions:r,nodesConnect:o,activeTarget:c,disableKeyboardAction:u,zoomable:h,scrollable:d,pannable:p,scaleRange:v,onActiveTargetChange:g,onSwitchActiveTarget:m,onNodeDelete:Z,onEdgeDelete:k,onLineClick:b,onLineDoubleClick:w,onNodesConnect:f}=e,[y,E]=(0,he.useState)(null),[M,W]=(0,he.useState)(!1),[C,L]=(0,he.useState)(0),[x,R]=(0,he.useState)(null),[S,T]=(0,he.useState)(0),[D,z]=(0,he.useState)(null),[B,P]=(0,he.useState)([]),[A,N]=(0,he.useState)([]),[O,H]=(0,he.useState)([]),[K,_]=(0,he.useState)(!1),[I,X]=(0,he.useState)({k:1,x:0,y:0}),Y=(0,he.useRef)(new Map),V=(0,he.useRef)(null),q=(0,he.useRef)(null),[$,j]=(0,he.useState)(!1),[F,G]=(0,he.useState)([0,0]),[J,Q]=(0,he.useState)(null);(0,he.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,n=arguments.length,i=new Array(n>2?n-2:0),l=2;l<n;l++)i[l-2]=arguments[l];null==D||null===(a=D.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...i)}}))),(0,he.useEffect)((()=>{var e=e=>{(0,ze.w)(e,{nodes:n,nodesRefRepository:x,nodesConnect:o,setConnectLineState:Q,setConnectLineTo:G,onSwitchActiveTarget:m,onNodesConnect:f})},t=q.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,o,x,f,m]);var U=(0,he.useMemo)((()=>(0,le.Z)({rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,nodePadding:0},r)),[r]),{nodePadding:ee}=U,te=(0,he.useMemo)((()=>(0,be.pick)(U,["rankdir","ranksep","edgesep","nodesep","align"])),[U]),ae=(0,he.useRef)(!1);(0,he.useEffect)((()=>{ae.current?null==g||g(null!=c?c:null):ae.current=!0}),[n,c,g]),(0,he.useEffect)((()=>{E((e=>(0,De.T)(e,n,i,te)))}),[i,n,te]),(0,he.useEffect)((()=>{var e=(0,Te.E)({graph:y,nodesRefRepository:x,nodePadding:ee});e&&(P(e.nodes),N(e.edges))}),[y,x,C,ee]);var{renderedLines:ne,markers:ie}=(0,he.useMemo)((()=>(0,Ee.b)(A,s)),[s,A]);(0,he.useEffect)((()=>{var e=V.current;if(e&&!u){var t=e=>{var t=(0,fe.p)(e,{renderedNodes:B,renderedEdges:A,activeTarget:c});"delete-node"===(null==t?void 0:t.action)?null==Z||Z(t.node):"delete-edge"===(null==t?void 0:t.action)?null==k||k(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==m||m({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[c,B,A,u,m,Z,k]);var se=(0,he.useCallback)((e=>{e&&(L((e=>e+1)),R(e)),W((t=>t||!!e))}),[]),re=(0,he.useCallback)((e=>{e&&(T((e=>e+1)),z(e))}),[]),oe=(0,he.useMemo)((()=>null!=v?v:[Pe.oh,Pe.rN]),[v]),ce=(0,he.useMemo)((()=>(0,me.sP)()),[]);(0,he.useEffect)((()=>{var e=!1;ce.scaleExtent(h?oe:[1,1]).on("start",(()=>{e=!1,_(!0)})).on("zoom",(t=>{e=!0,X(t.transform)})).on("end",(()=>{_(!1),e||null==m||m(null)}))}),[m,oe,h,ce]),(0,he.useEffect)((()=>{var e=V.current;if(e){var t=(0,ge.Z)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||d||p)return(h||d)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),d&&(e.preventDefault(),ce.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(ce).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,d,h,ce]),(0,he.useEffect)((()=>{var e=V.current;if(0!==B.length&&e&&!$){var{k:t,x:a,y:n}=(0,ye.i)(B,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?oe:void 0});ce.transform((0,ge.Z)(e),new me.ax(t,a,n)),j(!0)}}),[$,B,oe,h,ce]);var ue=(0,he.useMemo)((()=>"".concat((0,be.uniqueId)("diagram-"),"-")),[]),pe="".concat(ue,"line-arrow-"),ve="".concat(ue,"clip-path-"),Ze="".concat(ue,"active-line-");(0,he.useEffect)((()=>{H((e=>(0,Se.K)(e,ne,Y.current)))}),[ne]);var[Be,Ae]=de().useState([]);return(0,he.useEffect)((()=>{D&&Ae((0,Re.i)(O,D))}),[S,D,O]),"dagre"!==a?de().createElement("div",null,'Diagram layout not supported: "'.concat(a,'"')):de().createElement("div",{className:ke()("diagram",{ready:M&&$,grabbing:K,pannable:p}),tabIndex:-1,ref:V},de().createElement("svg",{width:"100%",height:"100%",className:"lines"},de().createElement("defs",null,ie.map(((e,t)=>{var{strokeColor:a}=e;return de().createElement(Ce.C,{key:t,id:"".concat(pe).concat(t),strokeColor:a})})),Be.map((e=>de().createElement(Le.K,{key:e.id,clipPath:e,clipPathPrefix:ve,renderedLineLabels:O}))),de().createElement("marker",{id:"".concat(Ze,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},de().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)"})),de().createElement("marker",{id:"".concat(Ze,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},de().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)"}),de().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)"}))),de().createElement("g",{transform:"translate(".concat(I.x," ").concat(I.y,") scale(").concat(I.k,")")},ne.map((e=>de().createElement(We.y,{key:e.line.$id,line:e,linePaths:Y.current,clipPathList:Be,markerPrefix:pe,clipPathPrefix:ve,activeLineMarkerPrefix:Ze,activeEdge:"edge"===(null==c?void 0:c.type)?c.edge:null,onLineClick:b,onLineDoubleClick:w}))))),de().createElement("div",{className:"line-labels",style:{left:I.x,top:I.y,transform:"scale(".concat(I.k,")")}},de().createElement(Me.L8,{labels:O,onRendered:re})),de().createElement("div",{className:"nodes",ref:q,style:{left:I.x,top:I.y,transform:"scale(".concat(I.k,")")}},de().createElement(we.n,{nodes:n,nodeBricks:l,onRendered:se})),de().createElement(xe.f,{connectLineState:J,connectLineTo:F,markerPrefix:pe}))}ne=wt,({e:[s,o,u,d,v,m,k,w,y,M,C,x,S,D,z,B,A,N,O,K,_,I,Y,V,q,j,F,G,Q,U,ee,ae],c:[ie,n]}=(0,ue.Z)(ne,[[l,1,"layout"],[r,1,"nodes"],[c,1,"edges"],[h,1,"nodeBricks"],[p,1,"lines"],[g,1,"layoutOptions"],[Z,1,"activeTarget"],[b,1,"disableKeyboardAction"],[f,1,"nodesConnect"],[E,1,"zoomable"],[W,1,"scrollable"],[L,1,"pannable"],[R,1,"scaleRange"],[T,1,"activeTargetChangeEvent",e=>(0,ce.Z)(e,et),(e,t)=>(0,oe.Z)(e,et,t)],[P,1,"nodeDelete",e=>(0,ce.Z)(e,nt),(e,t)=>(0,oe.Z)(e,nt,t)],[H,1,"edgeDelete",e=>(0,ce.Z)(e,st),(e,t)=>(0,oe.Z)(e,st,t)],[X,1,"lineClick",e=>(0,ce.Z)(e,ct),(e,t)=>(0,oe.Z)(e,ct,t)],[$,1,"lineDoubleClick",e=>(0,ce.Z)(e,dt),(e,t)=>(0,oe.Z)(e,dt,t)],[J,1,"nodesConnect",e=>(0,ce.Z)(e,gt),(e,t)=>(0,oe.Z)(e,gt,t)],[te,2,"callOnLineLabel"]],[i],0,(e=>bt.has((0,re.Z)(e))),ve.ReactNextElement)),n()}}]);
2
+ //# sourceMappingURL=eo-diagram.322fc715.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/eo-diagram.322fc715.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx"],"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 dagre from \"@dagrejs/dagre\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { pick, uniqueId } from \"lodash\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptionsDagre,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedEdge,\n RenderedLineLabel,\n RenderedNode,\n LineTextClipPath,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n NodesConnectOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLinesAndMarkers } from \"./processors/getRenderedLinesAndMarkers\";\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 { getRenderedDiagram } from \"./processors/getRenderedDiagram\";\nimport { getDagreGraph } from \"./processors/getDagreGraph\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport styleText from \"./styles.shadow.css\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptionsDagre;\n nodesConnect?: NodesConnectOptions;\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\" | 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: LayoutOptionsDagre | 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 nodesConnect: NodesConnectOptions | 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 #nodesConnect!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#nodesConnect.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 nodesConnect={this.nodesConnect}\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 nodesConnect,\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 [graph, setGraph] = useState<dagre.graphlib.Graph<RenderedNode> | null>(\n null\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 [renderedNodes, setRenderedNodes] = useState<RenderedNode[]>([]);\n const [renderedEdges, setRenderedEdges] = useState<RenderedEdge[]>([]);\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 [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | 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 nodesConnect,\n setConnectLineState,\n setConnectLineTo,\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 nodesConnect,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const fixedOptions = useMemo(\n () => ({\n rankdir: \"TB\",\n ranksep: 50,\n edgesep: 10,\n nodesep: 50,\n // align: undefined,\n nodePadding: 0,\n ...layoutOptions,\n }),\n [layoutOptions]\n );\n\n const { nodePadding } = fixedOptions;\n const dagreGraphOptions = useMemo(\n () =>\n pick(fixedOptions, [\"rankdir\", \"ranksep\", \"edgesep\", \"nodesep\", \"align\"]),\n [fixedOptions]\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 setGraph((previousGraph) =>\n getDagreGraph(previousGraph, nodes, edges, dagreGraphOptions)\n );\n }, [edges, nodes, dagreGraphOptions]);\n\n useEffect(() => {\n const renderedDiagram = getRenderedDiagram({\n graph,\n nodesRefRepository,\n nodePadding,\n });\n if (renderedDiagram) {\n setRenderedNodes(renderedDiagram.nodes);\n setRenderedEdges(renderedDiagram.edges);\n }\n }, [graph, nodesRefRepository, nodesRenderId, nodePadding]);\n\n const { renderedLines, markers } = useMemo(\n () => getRenderedLinesAndMarkers(renderedEdges, lines),\n [lines, renderedEdges]\n );\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 setClipPathList(\n getClipPathList(renderedLineLabels, lineLabelsRefRepository)\n );\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\") {\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.id}\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=\"line-labels\"\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={renderedLineLabels}\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"],"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","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_activeTargetChangeEvent","_handleActiveTargetChange","_O","_nodeDelete","_handleNodeDelete","_P","_edgeDelete","_handleEdgeDelete","_Q","_lineClick","_handleLineClick","_R","_lineDoubleClick","_handleLineDoubleClick","_S","_nodesConnect","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_nodesConnect2","set","_set_nodesConnect2","_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_nodesConnect","_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_nodesConnect2","detail","activeTarget","createRef","layout","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","nodesConnect","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_set_activeTargetChangeEvent","_get_activeTargetChangeEvent","_set_nodeDelete","_get_nodeDelete","_set_edgeDelete","_get_edgeDelete","_set_lineClick","_get_lineClick","_set_lineDoubleClick","_get_lineDoubleClick","_set_nodesConnect","_get_nodesConnect","_ref","_scaleRange","graph","setGraph","useState","nodesReady","setNodesReady","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedNodes","setRenderedNodes","renderedEdges","setRenderedEdges","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","nodesContainer","addEventListener","removeEventListener","fixedOptions","useMemo","_objectSpread","rankdir","ranksep","edgesep","nodesep","nodePadding","dagreGraphOptions","pick","activeTargetChangeInitialized","previousGraph","getDagreGraph","renderedDiagram","getRenderedDiagram","renderedLines","markers","getRenderedLinesAndMarkers","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","concat","uniqueId","markerPrefix","clipPathPrefix","activeLineMarkerPrefix","getRenderedLineLabels","clipPathList","setClipPathList","getClipPathList","className","classNames","ready","tabIndex","width","height","map","_ref2","index","strokeColor","MarkerComponent","key","clipPath","ClipPathComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","$id","linePaths","activeEdge","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_class","c","_initClass","_applyDecs","o","_","has","_checkInRHS"],"sourceRoot":""}