@next-bricks/diagram 0.37.4 → 0.37.5

package/dist/bricks.json

@@ -1,13 +1,13 @@
 {
   "id": "bricks/diagram",
   "bricks": [
-    "diagram.experimental-node",
-    "diagram.editable-label"
+    "diagram.editable-label",
+    "diagram.experimental-node"
   ],
   "elements": [
-    "eo-display-canvas",
     "eo-diagram",
-    "eo-draw-canvas"
+    "eo-draw-canvas",
+    "eo-display-canvas"
   ],
   "processors": [],
   "dependencies": {
@@ -15,5 +15,5 @@
       "basic.lock-body-scroll"
     ]
   },
-  "filePath": "bricks/diagram/dist/index.0351064b.js"
+  "filePath": "bricks/diagram/dist/index.f9359d66.js"
 }

package/dist/chunks/2272.31714f3f.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[2272],{3739:(e,t,r)=>{r.d(t,{c:()=>o});var a=r(8769),n=r.n(a);function o(e){var t,{id:r,type:a,strokeColor:o}=e;switch(a){case"0..1":t=l;break;case"0..N":t=d;break;default:t=i}return n().createElement(t,{id:r,strokeColor:o})}function i(e){var{id:t,strokeColor:r}=e;return n().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},n().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:r,strokeWidth:1,fill:r}))}function l(e){var{id:t,strokeColor:r}=e;return n().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},n().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}function d(e){var{id:t,strokeColor:r}=e;return n().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},n().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}},3188:(e,t,r)=>{r.d(t,{h:()=>n});var a=r(733);function n(e,t,r){if(e===t||(0,a.w)(e,t,0,0))return null;var n,i,l=0,d=0;if(r){var s=t.x-e.x,c=t.y-e.y,u=Math.atan2(c,s);l=r/2*Math.cos(u+Math.PI/2),d=r/2*Math.sin(u+Math.PI/2)}var v=[[e.x+l,e.y+d],[t.x+l,t.y+d]],h=o(e,v),f=o(t,v);return n=h.length>0?h[0]:[e.x,e.y],i=f.length>0?f[0]:[t.x,t.y],[{x:n[0],y:n[1]},{x:i[0],y:i[1]}]}function o(e,t){for(var r=[[e.x-e.width/2,e.y-e.height/2],[e.x+e.width/2,e.y-e.height/2],[e.x+e.width/2,e.y+e.height/2],[e.x-e.width/2,e.y+e.height/2]],a=[],n=0;n<4;n++)a.push([r[n],r[(n+1)%4]]);var o=[];for(var l of a){var d=i(t[0],t[1],l[0],l[1]);d&&o.push(d)}return o}function i(e,t,r,a){var[n,o]=e,[i,l]=t,[d,s]=r,[c,u]=a;if(n===i&&o===l||d===c&&s===u)return null;var v=(u-s)*(i-n)-(c-d)*(l-o);if(0===v)return null;var h=((c-d)*(o-s)-(u-s)*(n-d))/v,f=((i-n)*(o-s)-(l-o)*(n-d))/v;return h<0||h>1||f<0||f>1?null:[n+h*(i-n),o+h*(l-o)]}},733:(e,t,r)=>{function a(e,t,r,a){var o=r?n(e,r):e,i=a?n(t,a):t,l=Math.min(o.x-o.width/2,i.x-i.width/2),d=Math.max(o.x+o.width/2,i.x+i.width/2),s=Math.min(o.y-o.height/2,i.y-i.height/2),c=Math.max(o.y+o.height/2,i.y+i.height/2);return d-l<o.width+i.width&&c-s<o.height+i.height}function n(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}r.d(t,{w:()=>a})},8802:(e,t,r)=>{function a(e){if(Array.isArray(e)){var t=e[0],r=e.length>1?e[1]:t;return[t,r,e.length>2?e[2]:t,e.length>3?e[3]:r]}return new Array(4).fill(e)}r.d(t,{D:()=>a})},908:(e,t,r)=>{r.d(t,{m:()=>z});var a=r(8769),n=r.n(a),o=r(3373),i=r.n(o),l=r(531),d=r(3188),s=r(3033);function c(e,t){return e.find((e=>(0,l.o6)(e)&&e.id===t))}function u(e){var t,r,o,{edge:u,cells:h,lineConfMap:f}=e,g=(0,a.useRef)(null),m=(0,a.useMemo)((()=>c(h,u.source)),[h,u.source]),p=(0,a.useMemo)((()=>c(h,u.target)),[h,u.target]),w=(0,a.useMemo)((()=>f.get(u)),[u,f]),y=(0,a.useMemo)((()=>h.some((e=>(0,l.WW)(e)&&e.source===u.target&&e.target===u.source))?w.parallelGap:0),[h,u,w.parallelGap]),x=(0,a.useMemo)((()=>m&&p&&null!=m.view.x&&null!=p.view.x?(0,d.h)(v(m.view,5),v(p.view,5),y):null),[y,m,p]);if(!x)return null;var k="M".concat(x[0].x," ").concat(x[0].y,"L").concat(x[1].x," ").concat(x[1].y);return n().createElement(n().Fragment,null,n().createElement("path",{d:k,fill:"none",stroke:"transparent",strokeWidth:w.interactStrokeWidth}),n().createElement("path",{ref:g,className:i()("line",{dashed:w.dashed,["".concat(w.dashed?"dashed":"solid","-animation")]:w.animate.useAnimate}),style:{"--time":"".concat(null!==(t=w.animate.duration)&&void 0!==t?t:s.Be,"s"),"--solid-length":null===(r=g.current)||void 0===r||null===(o=r.getTotalLength)||void 0===o?void 0:o.call(r)},d:k,fill:"none",stroke:w.strokeColor,strokeWidth:w.strokeWidth,markerStart:w.showStartArrow?w.markerArrow:"",markerEnd:w.showEndArrow?w.markerArrow:""}),n().createElement("path",{className:"line-active-bg",d:k,fill:"none"}))}function v(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}var h=r(8945),f=r(7860),g=r(1030),m=r(9126);function p(e){var{node:t,degraded:r,degradedNodeLabel:o,defaultNodeBricks:i,onResize:l}=e,d=function(e){var[t,r]=(0,a.useState)(e);return(0,a.useEffect)((()=>{r((t=>(0,g.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),s=t.useBrick,c=(0,a.useRef)(null),u=(0,a.useMemo)((()=>{var e;return r?null:null!=s?s:null==i||null===(e=i.find((e=>(0,f.checkIfByTransform)(e,d))))||void 0===e?void 0:e.useBrick}),[r,s,i,d]),v=(0,a.useMemo)((()=>r?String(f.__secret_internals.legacyDoTransform(d,null!=o?o:"<% DATA.node.id %>")):""),[r,o,d]),p=(0,a.useCallback)((e=>{var r=c.current;r&&(r.disconnect(),c.current=null),e?setTimeout((()=>{var r=new m.A((()=>{l(t.id,[e.offsetWidth,e.offsetHeight])}));r.observe(e),c.current=r})):l(t.id,null)}),[t.id,l]),w=(0,a.useCallback)((e=>{if(e){var r=e.getBBox();l(t.id,[r.width,r.height])}else l(t.id,null)}),[t.id,l]);return u?n().createElement("foreignObject",{width:9999,height:9999,className:"node"},u&&n().createElement(h.ReactUseBrick,{useBrick:u,data:d,refCallback:p})):r?n().createElement("g",{className:"degraded",ref:w},n().createElement("circle",{cx:8,cy:8,r:8}),n().createElement("text",{x:8,y:32},v)):null}var w=r(9386),y=r(4197);function x(e,t){var{action:r,cell:a,scale:n,layout:o,activeTarget:i,cells:d,onCellsMoving:s,onCellsMoved:c,onCellResizing:u,onCellResized:v,onSwitchActiveTarget:h}=t;e.stopPropagation(),"resize"!==r&&(0,y.Q)(a,i)||null==h||h((0,w.P)(a));var f="force"===o||"dagre"===o;if(!(0,l.WW)(a)){var g=("multi"===(null==i?void 0:i.type)&&"move"===r?d.filter((e=>(0,y.Q)(e,i))):[a]).filter((e=>(0,l.N)(e)&&!f||(0,l.mH)(e)));if(0!==g.length){var m=[e.clientX,e.clientY],p=g.map((e=>({cell:e,position:"move"===r?[e.view.x,e.view.y]:[e.view.width,e.view.height]}))),x=!1,k=(e,t)=>{var o=function(e){return[(e.clientX-m[0])/n,(e.clientY-m[1])/n]}(e);if(x||(x=o[0]**2+o[1]**2>=9),x)if("move"===r){var i,l=p.map((e=>{var{cell:t,position:r}=e;return{type:t.type,id:t.id,x:r[0]+o[0],y:r[1]+o[1]}}));null===(i=t?c:s)||void 0===i||i(l)}else{var d;null===(d=t?v:u)||void 0===d||d({type:a.type,id:a.id,width:p[0].position[0]+o[0],height:p[0].position[1]+o[1]})}},b=e=>{k(e)},E=e=>{k(e,!0),x=!1,document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",E)};document.addEventListener("mousemove",b),document.addEventListener("mouseup",E)}}}function k(e){var{cell:t,transform:r,readOnly:o,activeTarget:i,cells:l,onCellResizing:d,onCellResized:s,onSwitchActiveTarget:c}=e,u=n().useRef(null);return(0,a.useEffect)((()=>{var e=u.current;if(e&&!o){var a=e=>{x(e,{action:"resize",cell:t,scale:r.k,activeTarget:i,cells:l,onCellResizing:d,onCellResized:s,onSwitchActiveTarget:c})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}}),[i,t,l,s,d,c,o,r.k]),n().createElement("g",{className:"decorator-area"},n().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!o&&n().createElement("g",{ref:u,className:"resize-handle",transform:"translate(".concat(t.view.width-20," ").concat(t.view.height-20,")")},n().createElement("rect",{width:20,height:20}),n().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}var b=r(9740);function E(e){var t,{cell:r,readOnly:o,onDecoratorTextEditing:l,onDecoratorTextChange:d}=e,s=null!==(t=r.view.text)&&void 0!==t?t:"",[c,u]=(0,a.useState)(s),[v,h]=(0,a.useState)(!1),f=(0,a.useRef)(!1),[g,m]=(0,a.useState)(!1),p=(0,a.useRef)(null),w=(0,a.useCallback)((e=>{o||(e.preventDefault(),e.stopPropagation(),h(!0))}),[o]);(0,a.useEffect)((()=>{var e=p.current;e&&e.textContent!==c&&(e.textContent=c)}),[c]),(0,a.useEffect)((()=>{v&&p.current&&(p.current.focus(),function(e){var t=document.createRange();t.selectNodeContents(e);var r=window.getSelection();r.removeAllRanges(),r.addRange(t)}(p.current)),null==l||l({id:r.id,editing:v})}),[r.id,v,l]),(0,a.useEffect)((()=>{f.current?null==l||l({id:r.id,editing:v}):f.current=!0}),[r.id,v,l]);var y=(0,a.useCallback)((e=>{o||u(e.target.textContent)}),[o]),x=(0,a.useCallback)((()=>{o||(h(!1),m(!0))}),[o]);return(0,a.useEffect)((()=>{g&&(null==d||d({id:r.id,view:(0,b.A)((0,b.A)({},r.view),{},{text:c})}),m(!1))}),[r,c,d,g]),n().createElement("foreignObject",{className:"decorator-text"},n().createElement("div",{className:i()("text-container",{editing:v}),onDoubleClick:w},n().createElement("div",{className:"text",contentEditable:v,ref:p,onInput:y,onBlur:x})))}function C(e){var t,{cell:r,transform:a,readOnly:o,activeTarget:i,cells:l,onCellResizing:d,onCellResized:s,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:v}=e;switch(r.decorator){case"area":t=k;break;case"text":t=E;break;default:return console.error("Unknown decorator: ".concat(r.decorator)),null}return n().createElement(t,{cell:r,transform:a,readOnly:o,activeTarget:i,cells:l,onCellResizing:d,onCellResized:s,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:v})}var A=r(8185);function z(e){var{layout:t,cell:r,cells:o,degraded:d,degradedNodeLabel:s,defaultNodeBricks:c,lineConfMap:v,activeTarget:h,readOnly:f,transform:g,unrelatedCells:m,onCellsMoving:k,onCellsMoved:b,onCellResizing:E,onCellResized:z,onSwitchActiveTarget:M,onCellContextMenu:N,onCellClick:R,onDecoratorTextEditing:T,onDecoratorTextChange:S,onNodeBrickResize:W,onCellMouseEnter:L,onCellMouseLeave:D}=e,P=(0,a.useRef)(null),B=(0,a.useMemo)((()=>m.some((e=>(0,A.c)(e,r)))),[r,m]);(0,a.useEffect)((()=>{var e=P.current;if(e){var a=e=>{f?e.stopPropagation():x(e,{layout:t,action:"move",cell:r,scale:g.k,activeTarget:h,cells:o,onCellsMoving:k,onCellsMoved:b,onSwitchActiveTarget:M})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}}),[t,r,h,o,b,k,M,f,g.k]);var V=(0,a.useCallback)((e=>{f&&"decorator"===r.type||(e.preventDefault(),M((0,w.P)(r)),N({cell:r,clientX:e.clientX,clientY:e.clientY}))}),[r,N,M,f]),H=(0,a.useCallback)((e=>{R&&"decorator"!==r.type&&R({cell:r,clientX:e.clientX,clientY:e.clientY})}),[r,R]),O=(0,a.useCallback)((()=>{null==L||L(r)}),[r,L]),I=(0,a.useCallback)((()=>{null==D||D(r)}),[r,D]);return n().createElement("g",{className:i()("cell",{active:(0,y.Q)(r,h),faded:B,"read-only":f}),ref:P,transform:"edge"===r.type||null==r.view.x?void 0:"translate(".concat(r.view.x," ").concat(r.view.y,")"),onContextMenu:V,onClick:H,onMouseEnter:O,onMouseLeave:I},(0,l.N)(r)?n().createElement(p,{node:r,degraded:d,degradedNodeLabel:s,defaultNodeBricks:c,onResize:W}):(0,l.WW)(r)?n().createElement(u,{edge:r,cells:o,lineConfMap:v}):(0,l.mH)(r)?n().createElement(C,{cell:r,transform:g,readOnly:f,activeTarget:h,cells:o,onCellResizing:E,onCellResized:z,onSwitchActiveTarget:M,onDecoratorTextEditing:T,onDecoratorTextChange:S}):null)}},3033:(e,t,r)=>{r.d(t,{Be:()=>m,CV:()=>a,HP:()=>o,Ie:()=>h,N8:()=>l,Ub:()=>g,VO:()=>v,XV:()=>f,Yt:()=>c,mF:()=>u,pC:()=>p,sS:()=>s,sz:()=>i,w1:()=>d,xc:()=>n});var a=Symbol.for("size-initialized"),n=Symbol.for("layout-initialized"),o=20,i=36,l=100,d=60,s=.5,c=2,u="gray",v=1,h=15,f=!1,g=!0,m=1,p=500},531:(e,t,r)=>{function a(e){return"node"===e.type}function n(e){return"decorator"===e.type}function o(e){return"node"===e.type}function i(e){return"edge"===e.type}function l(e){return"node"===e.type||"edge"===e.type}function d(e){return"node"===e.type||"decorator"===e.type&&"area"===e.decorator}r.d(t,{N:()=>a,WW:()=>i,mH:()=>n,nv:()=>l,o6:()=>d,vC:()=>o})},9386:(e,t,r)=>{r.d(t,{P:()=>n});var a=r(1030);function n(e){return"edge"===e.type?(0,a.pick)(e,["type","source","target","data"]):(0,a.pick)(e,["type","id","data"])}},227:(e,t,r)=>{r.d(t,{Y:()=>n});var a=r(4197);function n(e,t,r,n){var o=[];if(t){var i=new Set;for(var l of e)"edge"===l.type&&l.source===t.source.id&&i.add(l.target);for(var d of e)switch(d.type){case"node":i.has(d.id)&&o.push(d);break;case"decorator":n&&"text"!=d.decorator&&!i.has(d.id)||o.push(d);break;default:o.push(d)}}else switch(null==r?void 0:r.type){case"multi":var s=new Map,c=new Set,u=new Set;for(var v of r.targets)"node"===v.type&&(c.add(v.id),u.add(v.id));for(var h of e)"node"===h.type?s.set(h.id,h):"edge"===h.type?c.has(h.source)?u.add(h.target):c.has(h.target)?u.add(h.source):(0,a.Q)(h,r)||o.push(h):(0,a.Q)(h,r)||o.push(h);for(var[f,g]of s)u.has(f)||o.push(g);break;case"node":var m=new Map,p=new Set([r.id]);for(var w of e)"node"===w.type?m.set(w.id,w):"edge"===w.type?w.source===r.id?p.add(w.target):w.target===r.id?p.add(w.source):o.push(w):o.push(w);for(var[y,x]of m)p.has(y)||o.push(x);break;case"edge":for(var k of e)("edge"===k.type?(0,a.Q)(k,r):"node"===k.type&&(k.id===r.source||k.id===r.target))||o.push(k)}return o}},3783:(e,t,r)=>{r.d(t,{C:()=>o});var a=r(9740),n=r(531);function o(e,t){var{defaultNodeSize:r}=t;return(null!=e?e:[]).map((e=>{var t,o;return!(0,n.vC)(e)||void 0!==(null===(t=e.view)||void 0===t?void 0:t.width)&&void 0!==(null===(o=e.view)||void 0===o?void 0:o.height)?e:(0,a.A)((0,a.A)({},e),{},{view:(0,a.A)({width:r[0],height:r[1]},e.view)})}))}},8185:(e,t,r)=>{function a(e,t){return e?!!t&&e.type===t.type&&("multi"===e.type?e.targets.length===t.targets.length&&e.targets.every((e=>t.targets.some((t=>a(e,t))))):"node"===e.type||"decorator"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}r.d(t,{c:()=>a})},4197:(e,t,r)=>{r.d(t,{Q:()=>n});var a=r(8185);function n(e,t){return!!t&&("multi"===t.type?t.targets:[t]).some((t=>(0,a.c)(t,e)))}},8527:(e,t,r)=>{r.d(t,{r:()=>n});var a=r(531);function n(e,t){var{canvasWidth:r,canvasHeight:n,scaleRange:o}=t,i=1/0,l=1/0,d=-1/0,s=-1/0,c=!0;for(var u of e)if(!(0,a.WW)(u)){c=!1;var{view:v}=u,h=v.x+v.width,f=v.y+v.height;v.x<i&&(i=v.x),h>d&&(d=h),v.y<l&&(l=v.y),f>s&&(s=f)}var g=d-i,m=s-l,p=o&&!c&&(g>r||m>n)?Math.max(Math.min(r/g,n/m,o[1]),o[0]):1;return{x:c?0:(r-g*p)/2-i*p,y:c?0:(n-m*p)/2-l*p,k:p}}},2098:(e,t,r)=>{r.d(t,{L:()=>u});var a=r(1030),n=r(3033),o=r(531),i=r(3783),l=r(8527),d=r(6170),s=r(9127),c=r(8185);function u(e){var{cells:t,layout:r,previousCells:u,defaultNodeSize:v,canvasWidth:h,canvasHeight:f,scaleRange:g,transform:m,reason:p,parent:w,allowEdgeToArea:y}=e,x="force"!==r&&"dagre"!==r,k=(0,i.C)(t,{defaultNodeSize:v}),b=[],E=!1,C=new Map,A=!1;for(var z of u)(0,o.mH)(z)?A=!0:(0,o.N)(z)&&(A=!0,z[n.CV]&&C.set(z.id,z));var M=new Map;for(var N of k)if((0,o.N)(N)){M.set(N.id,N);var R=C.get(N.id);R&&(N.view.width=R.view.width,N.view.height=R.view.height,N[n.CV]=!0)}var T=!1;if("add-related-nodes"===p&&w){var S=new Set;for(var W of k)(0,o.WW)(W)&&W.source===w&&W.target!==w&&S.add(W.target);var L=M.get(w);if(void 0!==(null==L?void 0:L.view.x)&&void 0!==L.view.y){T=!0;var D=[...S].map((e=>M.get(e))).filter(Boolean),P=void 0;for(var B of D)void 0!==B.view.x&&void 0!==B.view.y?(!P||B.view.x>P.view.x)&&B.view.y>L.view.y&&(P=B):b.push(B);if(b.length>0&&x){var V,H;if(P)V=P.view.x+P.view.width+n.sz,H=P.view.y;else{var O=b.reduce(((e,t)=>e+t.view.width+n.sz),-n.sz);V=L.view.x-O/2+L.view.width/2,H=L.view.y+L.view.height+n.sz}for(var I of b)I.view.x=V,I.view.y=H,V+=I.view.width+n.sz}}}if(!T){var Y,_=v[0],X=v[1],K=[],Q=!1;for(var U of k)(0,o.N)(U)?(U.view.width>_&&(_=U.view.width),U.view.height>X&&(X=U.view.height),void 0===U.view.x||void 0===U.view.y?b.push(U):K.push(U)):(0,o.mH)(U)&&(Q=!0);if(x)for(var j of(A||(m=(0,l.r)((0,a.without)(k,...b),{canvasWidth:h,canvasHeight:f,scaleRange:g})),0===K.length||1===K.length&&!Q?(b.push(...K),({getNodeView:Y}=(0,s.C)({cells:k,allowEdgeToArea:y})),E=0===u.length||u.length===k.length&&u.every(((e,t)=>(0,c.c)(e,k[t])))):({getNodeView:Y}=(0,d.k)({cells:k,fixedPosition:!0,allowEdgeToArea:y,center:[(h/2-m.x)/m.k,(f/2-m.y)/m.k]})),k))if((0,o.N)(j)){var G=Y(j.id);j.view.x=G.x,j.view.y=G.y}}return{cells:k,updated:b,shouldReCenter:E}}},5748:(e,t,r)=>{r.d(t,{d:()=>d});var a=r(9740),n=r(531),o=r(3033);function i(e,t,r){var a=e.findLastIndex(r)+1;return[...e.slice(0,a),t,...e.slice(a)]}var l,d=(l={cells:(e,t)=>{switch(t.type){case"drop-node":return i(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:i(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":var r=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,r),...t.payload,...e.slice(r)];case"add-edge":return i(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cells":var l=!1,d=e.map((e=>{var r=t.payload.find((t=>e.type===t.type&&e.id===t.id));return r?(l=!0,(0,a.A)((0,a.A)({},e),{},{view:(0,a.A)((0,a.A)({},e.view),{},{x:r.x,y:r.y})})):e}));return l?d:e;case"resize-cell":var{type:s,id:c,width:u,height:v}=t.payload,h=e.findIndex((e=>e.type===s&&e.id===c));if(-1!==h){var f=e[h];return[...e.slice(0,h),(0,a.A)((0,a.A)({},f),{},{view:(0,a.A)((0,a.A)({},f.view),{},{width:u,height:v})}),...e.slice(h+1)]}return e;case"update-cells":return t.payload;case"update-node-size":return e.map((e=>(0,n.N)(e)&&e.id===t.payload.id?(0,a.A)((0,a.A)({},e),{},{[o.CV]:!0,view:t.payload.size?(0,a.A)((0,a.A)({},e.view),{},{width:t.payload.size[0],height:t.payload.size[1]}):e.view}):e))}return e},layoutKey:(e,t)=>"update-node-size"===t.type?t.layoutKey:e},(e,t)=>Object.fromEntries(Object.entries(l).map((r=>{var[a,n]=r;return[a,n(e[a],t)]}))))},7099:(e,t,r)=>{r.d(t,{Y:()=>f});var a=r(8769),n=r.n(a),o=r(2657),i=r(6768),l=r(7507),d=r(8621),s=r(8945),c=r(9575);const u=e=>a.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),a.createElement("path",{d:"M12 0a.5.5 0 0 1 .5.5v2.013a9.5 9.5 0 0 1 8.987 8.988L23.5 11.5a.5.5 0 0 1 0 1h-2.013a9.5 9.5 0 0 1-8.987 8.987V23.5a.5.5 0 0 1-1 0v-2.013A9.5 9.5 0 0 1 2.514 12.5H.5a.5.5 0 0 1 0-1h2.013A9.5 9.5 0 0 1 11.5 2.514V.5A.5.5 0 0 1 12 0M3.514 11.5H7.5a.5.5 0 0 1 0 1H3.514a8.5 8.5 0 0 0 7.987 7.986L11.5 16.5a.5.5 0 0 1 1 0v3.986a8.5 8.5 0 0 0 7.986-7.986H16.5a.5.5 0 0 1 0-1h3.986A8.5 8.5 0 0 0 12.5 3.515V7.5a.5.5 0 0 1-1 0V3.514a8.5 8.5 0 0 0-7.986 7.987zm8.486-1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"})),v=e=>a.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),a.createElement("path",{d:"M512 76.8A435.2 435.2 0 1 0 947.2 512 435.71 435.71 0 0 0 512 76.8m0 819.2a384 384 0 1 1 384-384 384 384 0 0 1-384 384"}),a.createElement("path",{d:"M744.448 486.4h-204.8V281.6a25.6 25.6 0 1 0-51.2 0v204.8h-204.8a25.6 25.6 0 0 0 0 51.2h204.8v204.8a25.6 25.6 0 0 0 51.2 0V537.6h204.8a25.6 25.6 0 0 0 0-51.2"})),h=e=>a.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),a.createElement("path",{d:"M512 76.8A435.2 435.2 0 1 0 947.2 512 435.71 435.71 0 0 0 512 76.8m0 819.2a384 384 0 1 1 384-384 384 384 0 0 1-384 384"}),a.createElement("path",{d:"M744.448 486.4H280.064a25.6 25.6 0 1 0 0 51.2h464.384a25.6 25.6 0 0 0 0-51.2"}));function f(e){var{shadowRoot:t,scale:r,scaleRange:c,onZoomChange:f,onReCenter:g}=e,m=(0,s.useCurrentTheme)(),p=(0,a.useMemo)((()=>(0,d.VC)()),[]),w=(0,a.useRef)(null),y=100*c[0],x=100*c[1],k=100*r,b=(0,a.useMemo)((()=>({formatter:e=>"".concat(e,"%"),placement:"left",getPopupContainer:()=>w.current})),[]),E=(0,a.useCallback)((()=>{f(Math.min(k+5,x))}),[x,f,k]),C=(0,a.useCallback)((()=>{f(Math.max(k-5,y))}),[y,f,k]);return n().createElement(o.Ay,{theme:{algorithm:"dark-v2"===m?i.A.darkAlgorithm:i.A.defaultAlgorithm}},n().createElement(d.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},n().createElement("div",{className:"zoom-bar",ref:w},n().createElement("div",{className:"center-button",onClick:g,role:"button"},n().createElement(u,null)),n().createElement("div",{className:"zoom-slider"},n().createElement("div",{className:"zoom-button",role:"button",onClick:E},n().createElement(v,null)),n().createElement(l.A,{min:y,max:x,value:k,step:5,vertical:!0,included:!1,tooltip:b,onChange:f}),n().createElement("div",{className:"zoom-button",role:"button",onClick:C},n().createElement(h,null))))))}},9127:(e,t,r)=>{r.d(t,{C:()=>u});var a=r(9740),n=r(4223),o=r(1030),i=r(7586),l=r.n(i),d=r(8802),s=r(531),c=["nodePadding"];function u(e){var{cells:t,layoutOptions:r,allowEdgeToArea:i}=e,u=(0,a.A)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,o.pick)(r,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=u,h=(0,n.A)(u,c),f=(0,d.D)(v);if(!t.some(s.N))return{getNodeView:()=>null,nodePaddings:f};var g=new(l().graphlib.Graph);for(var m of(g.setGraph(h),g.setDefaultEdgeLabel((function(){return{}})),t))i&&(0,s.o6)(m)||(0,s.N)(m)?g.setNode(m.id,{id:m.id,width:m.view.width+f[1]+f[3],height:m.view.height+f[0]+f[2]}):(0,s.WW)(m)&&g.setEdge(m.source,m.target);return l().layout(g),{getNodeView:e=>g.node(e),nodePaddings:f}}},6170:(e,t,r)=>{r.d(t,{k:()=>h});var a=r(9740),n=r(1030),o=r(6149),i=r(4842),l=r(1945),d=r(9418),s=r(3854),c=r(7931),u=r(531),v=r(8802);function h(e){var{cells:t,layoutOptions:r,center:h,fixedPosition:f,allowEdgeToArea:g}=e,{nodePadding:m,collide:p}=(0,a.A)((0,a.A)({nodePadding:0},(0,n.pick)(r,["nodePadding"])),{},{collide:!1!==(null==r?void 0:r.collide)&&(0,a.A)({radiusDiff:18,strength:1,iterations:1},!0===(null==r?void 0:r.collide)?null:null==r?void 0:r.collide)}),w=(0,v.D)(m),y=[],x=[],k=new Map;for(var b of t)if(g&&(0,u.o6)(b)||(0,u.N)(b)){var E=(0,a.A)({id:b.id,width:b.view.width+w[1]+w[3],height:b.view.height+w[0]+w[2]},f?{fx:b.view.x,fy:b.view.y}:null);y.push(E),k.set(E.id,E)}else(0,u.WW)(b)&&x.push({source:b.source,target:b.target});var C=(0,o.A)(x).id((e=>e.id)),A=(0,i.A)(y).force("link",C).force("x",(0,l.A)(null==h?void 0:h[0])).force("y",(0,d.A)(null==h?void 0:h[1])).force("charge",(0,s.A)());return p&&A.force("collide",(0,c.A)().radius((e=>Math.sqrt(e.width**2+e.height**2)/2+p.radiusDiff)).strength(p.strength).iterations(p.iterations)),A.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(A),{getNodeView:e=>k.get(e),nodePaddings:w}}},1819:(e,t,r)=>{r.d(t,{J:()=>o});var a=r(8769),n=r(8185);function o(e){var{cellsRef:t,activeTarget:r,onActiveTargetChange:o}=e,i=null!=r?r:null,[l,d]=(0,a.useState)(i);(0,a.useEffect)((()=>{d((e=>(0,n.c)(e,i)?e:i))}),[i]);var s=(0,a.useRef)(!1);return(0,a.useEffect)((()=>{s.current?o(l):s.current=!0}),[l,o]),(0,a.useEffect)((()=>{if(l){var e=e=>{e.composedPath().indexOf(t.current)<=0&&d(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[l,t]),l}},1484:(e,t,r)=>{r.d(t,{g:()=>f});var a=r(9740),n=r(8769),o=r(7566),i=r(1517),l=r(3033),d=r(531),s=r(8527),c=r(6170),u=r(9127),v=new Map([["center",.5],["left",0],["right",1],["top",0],["bottom",1]]);function h(e,t){if("string"==typeof e){var r=v.get(e);if(void 0!==r)return r;var a=e.match(/^(-?\d+(?:\.\d+)?)%$/);if(a)return Number(a[1])/100;console.error("Unexpected align origin %s:",t,e)}else{if("number"==typeof e)return e;console.error("Unexpected align origin %s, expected %s, received %s:",t,"string | number",typeof e,e)}return.5}function f(e){var{layout:t,layoutOptions:r,rootRef:v,cells:f,zoomable:g,zoomer:m,scaleRange:p,layoutKey:w,allowEdgeToArea:y,dispatch:x}=e,[k,b]=(0,n.useState)("force"!==t&&"dagre"!==t),E=(0,n.useRef)(w),C=(0,n.useCallback)((()=>++E.current),[]),[A,z]=function(e){var{rootRef:t,cells:r,layoutInitialized:a,zoomable:c,zoomer:u,scaleRange:v}=e,[h,f]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{var e=t.current;if(e&&a&&!h&&r.some((e=>(0,d.N)(e)||(0,d.mH)(e)))&&!r.some((e=>(0,d.N)(e)&&!e[l.CV]))){var{k:n,x:g,y:m}=(0,s.r)(r,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?v:void 0});u.transform((0,o.A)(e),new i.uV(n,g,m)),f(!0)}}),[r,h,a,t,v,c,u]),(0,n.useEffect)((()=>{r.some((e=>(0,d.N)(e)||(0,d.mH)(e)))||f(!1)}),[r]),[h,f]}({rootRef:v,layoutInitialized:k,cells:f,zoomable:g,zoomer:m,scaleRange:p}),M=(0,n.useRef)(null);return(0,n.useEffect)((()=>{if(!f.some((e=>(0,d.N)(e)&&!e[l.CV]))&&0!==f.length)if("force"===t||"dagre"===t){if(E.current===w&&(e=M.current,n=f.filter(d.nv),(null==e?void 0:e.length)!==n.length||!e.every(((e,t)=>e===n[t])))){var e,n,o,i;({getNodeView:o,nodePaddings:i}="force"===t?(0,c.k)({cells:f,layoutOptions:r,allowEdgeToArea:y}):(0,u.C)({cells:f,layoutOptions:r,allowEdgeToArea:y}));var s=function(e){var t=null!=e?e:[.5,.5];return[h(t[0],"x"),h(t[1],"y")]}(null==r?void 0:r.alignOrigin),v=f.map((e=>{if(y&&(0,d.o6)(e)||(0,d.N)(e)){var t=o(e.id);return(0,a.A)((0,a.A)({},e),{},{view:(0,a.A)((0,a.A)({},e.view),{},{x:t.x-t.width*s[0]+i[3],y:t.y-t.height*s[1]+i[0]}),[l.xc]:!0})}return e}));M.current=v.filter(d.nv),x({type:"update-cells",payload:v}),b(!0)}}else b(!0)}),[f,x,t,w,r]),{centered:A,setCentered:z,getNextLayoutKey:C}}},7531:(e,t,r)=>{r.d(t,{d:()=>s});var a=r(9740),n=r(8769),o=r(7860),i=r(1030),l=r(531),d=r(3033);function s(e){var{cells:t,defaultEdgeLines:r,markerPrefix:s}=e;return(0,n.useMemo)((()=>{var e=[{strokeColor:d.mF}],n=new WeakMap,c=function(t){if((0,l.WW)(t)){var c,u=null!==(c=o.__secret_internals.legacyDoTransform({edge:t},null==r?void 0:r.find((e=>(0,o.checkIfByTransform)(e,{edge:t})))))&&void 0!==c?c:{},v=(0,a.A)({dashed:!1,strokeColor:d.mF,strokeWidth:d.VO,interactStrokeWidth:d.Ie,showStartArrow:d.XV,showEndArrow:d.Ub,animate:{useAnimate:!1,duration:d.Be}},(0,i.omitBy)(u,i.isUndefined));void 0===v.parallelGap&&(v.parallelGap=v.interactStrokeWidth);var h=function(e,t){var r=(0,i.findIndex)(t,e);return-1===r&&(r=t.push(e)-1),r}({strokeColor:v.strokeColor},e);v.markerArrow="url(#".concat(s).concat(h,")"),n.set(t,v)}};for(var u of t)c(u);return[n,e]}),[t,r,s])}},8197:(e,t,r)=>{r.d(t,{H:()=>i});var a=r(8769),n=r(531),o=r(3033);function i(e){var{cells:t,layout:r,centered:i}=e;return(0,a.useMemo)((()=>i&&t.every((e=>!(0,n.N)(e)||e[o.CV]&&("force"!==r&&"dagre"!==r||e[o.xc])))),[t,i,r])}},8091:(e,t,r)=>{r.d(t,{f:()=>l});var a=r(8769),n=r(7566),o=r(1517),i=r(3033);function l(e){var{rootRef:t,zoomable:r,scrollable:l,pannable:d,draggable:s,ctrlDraggable:c,scaleRange:u,onSwitchActiveTarget:v}=e,[h,f]=(0,a.useState)(!1),[g,m]=(0,a.useState)({k:1,x:0,y:0}),p=(0,a.useMemo)((()=>null!=u?u:[i.sS,i.Yt]),[u]),w=(0,a.useMemo)((()=>(0,o.s_)()),[]);return(0,a.useEffect)((()=>{var e=!1;w.scaleExtent(r?p:[1,1]).on("start",(()=>{e=!1,f(!0)})).on("zoom",(t=>{e=!0,m(t.transform)})).on("end",(()=>{f(!1),e||null==v||v(null)})).filter((e=>("wheel"===e.type||(c?s||e.ctrlKey:!e.ctrlKey))&&!e.button))}),[v,p,r,w,c,s]),(0,a.useEffect)((()=>{if(c){var e=e=>{e.ctrlKey&&e.preventDefault()};return document.addEventListener("contextmenu",e,!0),()=>{document.removeEventListener("contextmenu",e,!0)}}}),[c]),(0,a.useEffect)((()=>{var e=t.current;if(e){var a=(0,n.A)(e),o=()=>{a.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(r||l||d)return(r||l)&&a.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),l&&(e.preventDefault(),w.translateBy(a,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),a.call(w).on("wheel",(e=>{e.preventDefault()})).on("dblclick.zoom",null),(s||c)&&d||a.on("mousedown.zoom",null),d||a.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),o;o()}}),[c,s,d,t,l,r,w]),{grabbing:h,transform:g,zoomer:w,scaleRange:p}}},6237:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(6758),n=r.n(a),o=r(935),i=r.n(o)()(n());i.push([e.id,'.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px}.zoom-slider,\n.center-button{width:100%;display:flex;align-items:center;border:1px solid var(--antd-background-color-base);border-radius:var(--larger-border-radius);box-shadow:var(--connected-overlay-shadow);background-color:var(--color-fill-bg-container-4)}.zoom-slider{height:140px;padding:8px 0;flex-direction:column}[role="button"]{cursor:pointer}.center-button{justify-content:center;margin-bottom:8px;height:40px}.center-button:hover{border-color:var(--antd-btn-default-hover-border-color)}.center-button path{fill:var(--antd-link-hover-color)}.center-button:hover path{fill:var(--palette-blue-7)}.zoom-button{font-size:16px;line-height:0}.zoom-button svg{width:1em;height:1em;fill:var(--antd-link-hover-color)}.zoom-slider .ant-slider-vertical{padding-inline:5px}.zoom-slider .ant-slider-vertical .ant-slider-rail{width:2px}.zoom-slider .ant-slider-vertical .ant-slider-handle{width:6px;height:6px;inset-inline-start:3px}.zoom-slider .ant-slider .ant-slider-handle:hover::before,\n.zoom-slider .ant-slider .ant-slider-handle:focus::before,\n.zoom-slider .ant-slider .ant-slider-handle::before{width:10px;height:10px;inset-inline-start:-2px}.zoom-slider .ant-slider .ant-slider-handle:hover::after,\n.zoom-slider .ant-slider .ant-slider-handle:focus::after,\n.zoom-slider .ant-slider .ant-slider-handle::after{width:6px;height:6px;inset-block-start:0;inset-inline-start:0}',""]);const l=i.toString()},3012:(e,t,r)=>{r.d(t,{A:()=>l});var a=r(6758),n=r.n(a),o=r(935),i=r.n(o)()(n());i.push([e.id,"*{box-sizing:border-box}:host{display:block;position:relative;overflow:hidden;--animation-dasharray:48;--stroke-dashoffset:96;--dasharray:4}:host,\n.root{width:100%;height:100%}:host([hidden]){display:none}.root{opacity:0}.root.ready{opacity:1}.root:focus{outline:none}@keyframes dashedAnimation{0%{stroke-dashoffset:var(--stroke-dashoffset)}to{stroke-dashoffset:0}}@keyframes solidAnimation{to{stroke-dashoffset:0}}.solid-animation{stroke-dasharray:var(--solid-length);stroke-dashoffset:var(--solid-length);animation:solidAnimation var(--time) linear infinite}.dashed-animation{animation:dashedAnimation var(--time) linear infinite}.decorator-area .area{fill:rgba(119,141,195,0.1);stroke:none;stroke-width:0}.node,\n.decorator-text{overflow:visible}.cell.active .decorator-area .area,\n.allowEdgeToArea .decorator-area .area:hover,\n.cell.active .line-active-bg{stroke:var(--palette-blue-5);stroke-dasharray:var(--dasharray);stroke-width:1}.cell:not(.read-only){-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle{cursor:nwse-resize;opacity:0}.resize-handle rect{fill:transparent;stroke:none}.resize-handle path{fill:none;stroke:var(--palette-gray-5);stroke-width:1.5}.cell.active .decorator-area .resize-handle,\n.decorator-area:hover .resize-handle{opacity:1}.connect-line{pointer-events:none}.connect-line:not(.connecting){display:none}.line.dashed{stroke-dasharray:var(--dasharray)}.cell.active .decorator-text .text-container{outline:1px dashed var(--palette-blue-5)}.decorator-text .text-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5em}.decorator-text .text:focus{outline:none}.cell.faded{opacity:0.3}.cell .node{pointer-events:none}.cell .node > *{pointer-events:auto}.degraded{pointer-events:bounding-box}.degraded circle{fill:rgb(119,141,195)}.degraded text{text-anchor:middle;fill:var(--antd-text-color)}.cell.active .degraded circle,\n.cell.active .degraded text,\n.degraded:hover circle,\n.degraded:hover text{fill:var(--color-brand)}",""]);const l=i.toString()}}]);
+//# sourceMappingURL=2272.31714f3f.js.map