@next-bricks/diagram 0.37.16 → 0.37.17

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
@@ -16,5 +16,5 @@
16
16
  "basic.lock-body-scroll"
17
17
  ]
18
18
  },
19
- "filePath": "bricks/diagram/dist/index.5c520413.js"
19
+ "filePath": "bricks/diagram/dist/index.d33d7418.js"
20
20
  }
@@ -1,2 +1,2 @@
1
- "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[2272],{3739:(e,t,n)=>{n.d(t,{c:()=>a});var o=n(8769),r=n.n(o);function a(e){let t,{id:n,type:o,strokeColor:a}=e;switch(o){case"0..1":t=l;break;case"0..N":t=s;break;default:t=i}return r().createElement(t,{id:n,strokeColor:a})}function i(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},r().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:n,strokeWidth:1,fill:n}))}function l(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}function s(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}},3188:(e,t,n)=>{n.d(t,{h:()=>r});var o=n(733);function r(e,t,n){if(e===t||(0,o.w)(e,t,0,0))return null;let r,i,l=0,s=0;if(n){const o=t.x-e.x,r=t.y-e.y,a=Math.atan2(r,o);l=n/2*Math.cos(a+Math.PI/2),s=n/2*Math.sin(a+Math.PI/2)}const d=[[e.x+l,e.y+s],[t.x+l,t.y+s]],c=a(e,d),u=a(t,d);return r=c.length>0?c[0]:[e.x,e.y],i=u.length>0?u[0]:[t.x,t.y],[{x:r[0],y:r[1]},{x:i[0],y:i[1]}]}function a(e,t){const n=[[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]],o=[];for(let e=0;e<4;e++)o.push([n[e],n[(e+1)%4]]);const r=[];for(const e of o){const n=i(t[0],t[1],e[0],e[1]);n&&r.push(n)}return r}function i(e,t,n,o){let[r,a]=e,[i,l]=t,[s,d]=n,[c,u]=o;if(r===i&&a===l||s===c&&d===u)return null;const h=(u-d)*(i-r)-(c-s)*(l-a);if(0===h)return null;const f=((c-s)*(a-d)-(u-d)*(r-s))/h,g=((i-r)*(a-d)-(l-a)*(r-s))/h;return f<0||f>1||g<0||g>1?null:[r+f*(i-r),a+f*(l-a)]}},733:(e,t,n)=>{function o(e,t,n,o){const a=n?r(e,n):e,i=o?r(t,o):t,l=Math.min(a.x-a.width/2,i.x-i.width/2),s=Math.max(a.x+a.width/2,i.x+i.width/2),d=Math.min(a.y-a.height/2,i.y-i.height/2),c=Math.max(a.y+a.height/2,i.y+i.height/2);return s-l<a.width+i.width&&c-d<a.height+i.height}function r(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}n.d(t,{w:()=>o})},8802:(e,t,n)=>{function o(e){if(Array.isArray(e)){const 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)}n.d(t,{D:()=>o})},908:(e,t,n)=>{n.d(t,{m:()=>z});var o=n(8769),r=n.n(o),a=n(3373),i=n.n(a),l=n(531),s=n(3188),d=n(3033);function c(e,t){return e.find((e=>(0,l.o6)(e)&&e.id===t))}function u(e){var t,n;let{edge:a,cells:u,lineConfMap:f}=e;const g=(0,o.useRef)(null),v=(0,o.useMemo)((()=>c(u,a.source)),[u,a.source]),m=(0,o.useMemo)((()=>c(u,a.target)),[u,a.target]),p=(0,o.useMemo)((()=>f.get(a)),[a,f]),w=(0,o.useMemo)((()=>u.some((e=>(0,l.WW)(e)&&e.source===a.target&&e.target===a.source))?p.parallelGap:0),[u,a,p.parallelGap]),y=(0,o.useMemo)((()=>v&&m&&null!=v.view.x&&null!=m.view.x?(0,s.h)(h(v.view,5),h(m.view,5),w):null),[w,v,m]);if(!y)return null;const x=`M${y[0].x} ${y[0].y}L${y[1].x} ${y[1].y}`;return r().createElement(r().Fragment,null,r().createElement("path",{d:x,fill:"none",stroke:"transparent",strokeWidth:p.interactStrokeWidth}),r().createElement("path",{ref:g,className:i()("line",{dashed:p.dashed,[(p.dashed?"dashed":"solid")+"-animation"]:p.animate.useAnimate}),style:{"--time":`${p.animate.duration??d.Be}s`,"--solid-length":null===(t=g.current)||void 0===t||null===(n=t.getTotalLength)||void 0===n?void 0:n.call(t)},d:x,fill:"none",stroke:p.strokeColor,strokeWidth:p.strokeWidth,markerStart:p.showStartArrow?p.markerArrow:"",markerEnd:p.showEndArrow?p.markerArrow:""}),r().createElement("path",{className:"line-active-bg",d:x,fill:"none"}))}function h(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}var f=n(8563),g=n(2391),v=n(1030),m=n(9126);function p(e){let{node:t,degraded:n,degradedNodeLabel:a,defaultNodeBricks:i,onResize:l}=e;const s=function(e){const[t,n]=(0,o.useState)(e);return(0,o.useEffect)((()=>{n((t=>(0,v.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),d=t.useBrick,c=(0,o.useRef)(null),u=(0,o.useMemo)((()=>{var e;return n?null:d??(null==i||null===(e=i.find((e=>(0,g.checkIfByTransform)(e,s))))||void 0===e?void 0:e.useBrick)}),[n,d,i,s]),h=(0,o.useMemo)((()=>n?String(g.__secret_internals.legacyDoTransform(s,a??"<% DATA.node.id %>")):""),[n,a,s]),p=(0,o.useCallback)((e=>{const n=c.current;n&&(n.disconnect(),c.current=null),e?setTimeout((()=>{const n=new m.A((()=>{l(t.id,[e.offsetWidth,e.offsetHeight])}));n.observe(e),c.current=n})):l(t.id,null)}),[t.id,l]),w=(0,o.useCallback)((e=>{if(e){const n=e.getBBox();l(t.id,[n.width,n.height])}else l(t.id,null)}),[t.id,l]);return u?r().createElement("foreignObject",{width:9999,height:9999,className:"node"},u&&r().createElement(f.ReactUseBrick,{useBrick:u,data:s,refCallback:p})):n?r().createElement("g",{className:"degraded",ref:w},r().createElement("circle",{cx:8,cy:8,r:8}),r().createElement("text",{x:8,y:32},h)):null}var w=n(9386),y=n(4197);function x(e,t){let{action:n,cell:o,scale:r,layout:a,activeTarget:i,cells:s,onCellsMoving:d,onCellsMoved:c,onCellResizing:u,onCellResized:h,onSwitchActiveTarget:f}=t;e.stopPropagation(),"resize"!==n&&(0,y.Q)(o,i)||null==f||f((0,w.P)(o));const g="force"===a||"dagre"===a;if((0,l.WW)(o))return;const v=("multi"===(null==i?void 0:i.type)&&"move"===n?s.filter((e=>(0,y.Q)(e,i))):[o]).filter((e=>(0,l.N)(e)&&!g||(0,l.mH)(e)));if(0===v.length)return;const m=[e.clientX,e.clientY],p=v.map((e=>({cell:e,position:"move"===n?[e.view.x,e.view.y]:[e.view.width,e.view.height]})));let x=!1;const k=(e,t)=>{const a=function(e){return[(e.clientX-m[0])/r,(e.clientY-m[1])/r]}(e);if(x||(x=a[0]**2+a[1]**2>=9),x)if("move"===n){var i;const e=p.map((e=>{let{cell:t,position:n}=e;return{type:t.type,id:t.id,x:n[0]+a[0],y:n[1]+a[1]}}));null===(i=t?c:d)||void 0===i||i(e)}else{var l;null===(l=t?h:u)||void 0===l||l({type:o.type,id:o.id,width:p[0].position[0]+a[0],height:p[0].position[1]+a[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){let{cell:t,transform:n,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c}=e;const u=r().useRef(null);return(0,o.useEffect)((()=>{const e=u.current;if(!e||a)return;const o=e=>{x(e,{action:"resize",cell:t,scale:n.k,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[i,t,l,d,s,c,a,n.k]),r().createElement("g",{className:"decorator-area"},r().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!a&&r().createElement("g",{ref:u,className:"resize-handle",transform:`translate(${t.view.width-20} ${t.view.height-20})`},r().createElement("rect",{width:20,height:20}),r().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}function b(e){let{cell:t,readOnly:n,onDecoratorTextEditing:a,onDecoratorTextChange:l}=e;const s=t.view.text??"",[d,c]=(0,o.useState)(s),[u,h]=(0,o.useState)(!1),f=(0,o.useRef)(!1),[g,v]=(0,o.useState)(!1),m=(0,o.useRef)(null),p=(0,o.useCallback)((e=>{n||(e.preventDefault(),e.stopPropagation(),h(!0))}),[n]);(0,o.useEffect)((()=>{const e=m.current;e&&e.textContent!==d&&(e.textContent=d)}),[d]),(0,o.useEffect)((()=>{u&&m.current&&(m.current.focus(),function(e){const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();n.removeAllRanges(),n.addRange(t)}(m.current)),null==a||a({id:t.id,editing:u})}),[t.id,u,a]),(0,o.useEffect)((()=>{f.current?null==a||a({id:t.id,editing:u}):f.current=!0}),[t.id,u,a]);const w=(0,o.useCallback)((e=>{n||c(e.target.textContent)}),[n]),y=(0,o.useCallback)((()=>{n||(h(!1),v(!0))}),[n]);return(0,o.useEffect)((()=>{g&&(null==l||l({id:t.id,view:{...t.view,text:d}}),v(!1))}),[t,d,l,g]),r().createElement("foreignObject",{className:"decorator-text"},r().createElement("div",{className:i()("text-container",{editing:u}),onDoubleClick:p},r().createElement("div",{className:"text",contentEditable:u,ref:m,onInput:w,onBlur:y})))}function E(e){let t,{cell:n,transform:o,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:h}=e;switch(n.decorator){case"area":t=k;break;case"text":t=b;break;default:return console.error(`Unknown decorator: ${n.decorator}`),null}return r().createElement(t,{cell:n,transform:o,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:h})}var C=n(8185);function z(e){let{layout:t,cell:n,cells:a,degraded:s,degradedNodeLabel:d,defaultNodeBricks:c,lineConfMap:h,activeTarget:f,readOnly:g,transform:v,unrelatedCells:m,onCellsMoving:k,onCellsMoved:b,onCellResizing:z,onCellResized:M,onSwitchActiveTarget:A,onCellContextMenu:N,onCellClick:R,onDecoratorTextEditing:T,onDecoratorTextChange:S,onNodeBrickResize:W,onCellMouseEnter:L,onCellMouseLeave:D}=e;const B=(0,o.useRef)(null),P=(0,o.useMemo)((()=>m.some((e=>(0,C.c)(e,n)))),[n,m]);(0,o.useEffect)((()=>{const e=B.current;if(!e)return;const o=e=>{g?e.stopPropagation():x(e,{layout:t,action:"move",cell:n,scale:v.k,activeTarget:f,cells:a,onCellsMoving:k,onCellsMoved:b,onSwitchActiveTarget:A})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[t,n,f,a,b,k,A,g,v.k]);const V=(0,o.useCallback)((e=>{g&&"decorator"===n.type||(e.preventDefault(),A((0,w.P)(n)),N({cell:n,clientX:e.clientX,clientY:e.clientY}))}),[n,N,A,g]),H=(0,o.useCallback)((e=>{R&&"decorator"!==n.type&&R({cell:n,clientX:e.clientX,clientY:e.clientY})}),[n,R]),O=(0,o.useCallback)((()=>{null==L||L(n)}),[n,L]),I=(0,o.useCallback)((()=>{null==D||D(n)}),[n,D]);return r().createElement("g",{className:i()("cell",{active:(0,y.Q)(n,f),faded:P,"read-only":g}),ref:B,transform:"edge"===n.type||null==n.view.x?void 0:`translate(${n.view.x} ${n.view.y})`,onContextMenu:V,onClick:H,onMouseEnter:O,onMouseLeave:I},(0,l.N)(n)?r().createElement(p,{node:n,degraded:s,degradedNodeLabel:d,defaultNodeBricks:c,onResize:W}):(0,l.WW)(n)?r().createElement(u,{edge:n,cells:a,lineConfMap:h}):(0,l.mH)(n)?r().createElement(E,{cell:n,transform:v,readOnly:g,activeTarget:f,cells:a,onCellResizing:z,onCellResized:M,onSwitchActiveTarget:A,onDecoratorTextEditing:T,onDecoratorTextChange:S}):null)}},3033:(e,t,n)=>{n.d(t,{Be:()=>m,CV:()=>o,HP:()=>a,Ie:()=>f,N8:()=>l,Ub:()=>v,VO:()=>h,XV:()=>g,Yt:()=>c,mF:()=>u,pC:()=>p,sS:()=>d,sz:()=>i,w1:()=>s,xc:()=>r});const o=Symbol.for("size-initialized"),r=Symbol.for("layout-initialized"),a=20,i=36,l=100,s=60,d=.5,c=2,u="gray",h=1,f=15,g=!1,v=!0,m=1,p=500},531:(e,t,n)=>{function o(e){return"node"===e.type}function r(e){return"decorator"===e.type}function a(e){return"node"===e.type}function i(e){return"edge"===e.type}function l(e){return"node"===e.type||"edge"===e.type}function s(e){return"node"===e.type||"decorator"===e.type&&"area"===e.decorator}n.d(t,{N:()=>o,WW:()=>i,mH:()=>r,nv:()=>l,o6:()=>s,vC:()=>a})},9386:(e,t,n)=>{n.d(t,{P:()=>r});var o=n(1030);function r(e){return"edge"===e.type?(0,o.pick)(e,["type","source","target","data"]):(0,o.pick)(e,["type","id","data"])}},227:(e,t,n)=>{n.d(t,{Y:()=>r});var o=n(4197);function r(e,t,n,r){const a=[];if(t){const n=new Set;for(const o of e)"edge"===o.type&&o.source===t.source.id&&n.add(o.target);for(const t of e)switch(t.type){case"node":n.has(t.id)&&a.push(t);break;case"decorator":r&&"text"!=t.decorator&&!n.has(t.id)||a.push(t);break;default:a.push(t)}}else switch(null==n?void 0:n.type){case"multi":{const t=new Map,r=new Set,i=new Set;for(const e of n.targets)"node"===e.type&&(r.add(e.id),i.add(e.id));for(const l of e)"node"===l.type?t.set(l.id,l):"edge"===l.type?r.has(l.source)?i.add(l.target):r.has(l.target)?i.add(l.source):(0,o.Q)(l,n)||a.push(l):(0,o.Q)(l,n)||a.push(l);for(const[e,n]of t)i.has(e)||a.push(n);break}case"node":{const t=new Map,o=new Set([n.id]);for(const r of e)"node"===r.type?t.set(r.id,r):"edge"===r.type?r.source===n.id?o.add(r.target):r.target===n.id?o.add(r.source):a.push(r):a.push(r);for(const[e,n]of t)o.has(e)||a.push(n);break}case"edge":for(const t of e)("edge"===t.type?(0,o.Q)(t,n):"node"===t.type&&(t.id===n.source||t.id===n.target))||a.push(t)}return a}},3783:(e,t,n)=>{n.d(t,{C:()=>r});var o=n(531);function r(e,t){let{defaultNodeSize:n}=t;return(e??[]).map((e=>{var t,r;return!(0,o.vC)(e)||void 0!==(null===(t=e.view)||void 0===t?void 0:t.width)&&void 0!==(null===(r=e.view)||void 0===r?void 0:r.height)?e:{...e,view:{width:n[0],height:n[1],...e.view}}}))}},8185:(e,t,n)=>{function o(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=>o(e,t))))):"node"===e.type||"decorator"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}n.d(t,{c:()=>o})},4197:(e,t,n)=>{n.d(t,{Q:()=>r});var o=n(8185);function r(e,t){return!!t&&("multi"===t.type?t.targets:[t]).some((t=>(0,o.c)(t,e)))}},8527:(e,t,n)=>{n.d(t,{r:()=>r});var o=n(531);function r(e,t){let{canvasWidth:n,canvasHeight:r,scaleRange:a}=t,i=1/0,l=1/0,s=-1/0,d=-1/0,c=!0;for(const t of e)if(!(0,o.WW)(t)){c=!1;const{view:e}=t,n=e.x+e.width,o=e.y+e.height;e.x<i&&(i=e.x),n>s&&(s=n),e.y<l&&(l=e.y),o>d&&(d=o)}const u=s-i,h=d-l,f=a&&!c&&(u>n||h>r)?Math.max(Math.min(n/u,r/h,a[1]),a[0]):1;return{x:c?0:(n-u*f)/2-i*f,y:c?0:(r-h*f)/2-l*f,k:f}}},2098:(e,t,n)=>{n.d(t,{L:()=>u});var o=n(1030),r=n(3033),a=n(531),i=n(3783),l=n(8527),s=n(6170),d=n(9127),c=n(8185);function u(e){let{cells:t,layout:n,previousCells:u,defaultNodeSize:h,canvasWidth:f,canvasHeight:g,scaleRange:v,transform:m,reason:p,parent:w,allowEdgeToArea:y}=e;const x="force"!==n&&"dagre"!==n,k=(0,i.C)(t,{defaultNodeSize:h}),b=[];let E=!1;const C=new Map;let z=!1;for(const e of u)(0,a.mH)(e)?z=!0:(0,a.N)(e)&&(z=!0,e[r.CV]&&C.set(e.id,e));const M=new Map;for(const e of k)if((0,a.N)(e)){M.set(e.id,e);const t=C.get(e.id);t&&(e.view.width=t.view.width,e.view.height=t.view.height,e[r.CV]=!0)}let A=!1;if("add-related-nodes"===p&&w){const e=new Set;for(const t of k)(0,a.WW)(t)&&t.source===w&&t.target!==w&&e.add(t.target);const t=M.get(w);if(void 0!==(null==t?void 0:t.view.x)&&void 0!==t.view.y){if(A=!0,x)for(const t of k)((0,a.N)(t)&&void 0===t.view.x||(0,a.N)(t)&&void 0===t.view.y)&&e.add(t.id);const n=[...e].map((e=>M.get(e))).filter(Boolean);let o;for(const e of n)void 0!==e.view.x&&void 0!==e.view.y?(!o||e.view.x>o.view.x)&&e.view.y>t.view.y&&(o=e):b.push(e);if(b.length>0&&x){let e,n;if(o)e=o.view.x+o.view.width+r.sz,n=o.view.y;else{const o=b.reduce(((e,t)=>e+t.view.width+r.sz),-r.sz);e=t.view.x-o/2+t.view.width/2,n=t.view.y+t.view.height+r.sz}for(const t of b)t.view.x=e,t.view.y=n,e+=t.view.width+r.sz}}}if(!A){let e=h[0],t=h[1];const n=[];let r=!1;for(const o of k)(0,a.N)(o)?(o.view.width>e&&(e=o.view.width),o.view.height>t&&(t=o.view.height),void 0===o.view.x||void 0===o.view.y?b.push(o):n.push(o)):(0,a.mH)(o)&&(r=!0);if(x){let e;z||(m=(0,l.r)((0,o.without)(k,...b),{canvasWidth:f,canvasHeight:g,scaleRange:v})),0===n.length||1===n.length&&!r?(b.push(...n),({getNodeView:e}=(0,d.C)({cells:k,allowEdgeToArea:y})),E=0===u.length||u.length===k.length&&u.every(((e,t)=>(0,c.c)(e,k[t])))):({getNodeView:e}=(0,s.k)({cells:k,fixedPosition:!0,allowEdgeToArea:y,center:[(f/2-m.x)/m.k,(g/2-m.y)/m.k]}));for(const t of k)if((0,a.N)(t)){const n=e(t.id);t.view.x=n.x,t.view.y=n.y}}}return{cells:k,updated:b,shouldReCenter:E}}},5748:(e,t,n)=>{n.d(t,{d:()=>i});var o=n(531),r=n(3033);function a(e,t,n){const o=e.findLastIndex(n)+1;return[...e.slice(0,o),t,...e.slice(o)]}const i=(l={cells:(e,t)=>{switch(t.type){case"drop-node":return a(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:a(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":{const n=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,n),...t.payload,...e.slice(n)]}case"add-edge":return a(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cells":{let n=!1;const o=e.map((e=>{const o=t.payload.find((t=>e.type===t.type&&e.id===t.id));return o?(n=!0,{...e,view:{...e.view,x:o.x,y:o.y}}):e}));return n?o:e}case"resize-cell":{const{type:n,id:o,width:r,height:a}=t.payload,i=e.findIndex((e=>e.type===n&&e.id===o));if(-1!==i){const t=e[i];return[...e.slice(0,i),{...t,view:{...t.view,width:r,height:a}},...e.slice(i+1)]}return e}case"update-cells":return t.payload;case"update-node-size":return e.map((e=>(0,o.N)(e)&&e.id===t.payload.id?{...e,[r.CV]:!0,view:t.payload.size?{...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((n=>{let[o,r]=n;return[o,r(e[o],t)]}))));var l},7099:(e,t,n)=>{n.d(t,{Y:()=>g});var o=n(8769),r=n.n(o),a=n(2657),i=n(6768),l=n(7507),s=n(8621),d=n(8563),c=n(9575);const u=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),o.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"})),h=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),o.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"}),o.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"})),f=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),o.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"}),o.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 g(e){let{shadowRoot:t,scale:n,scaleRange:c,onZoomChange:g,onReCenter:v}=e;const m=(0,d.useCurrentTheme)(),p=(0,o.useMemo)((()=>(0,s.VC)()),[]),w=(0,o.useRef)(null),y=100*c[0],x=100*c[1],k=100*n,b=(0,o.useMemo)((()=>({formatter:e=>`${e}%`,placement:"left",getPopupContainer:()=>w.current})),[]),E=(0,o.useCallback)((()=>{g(Math.min(k+5,x))}),[x,g,k]),C=(0,o.useCallback)((()=>{g(Math.max(k-5,y))}),[y,g,k]);return r().createElement(a.Ay,{theme:{algorithm:"dark-v2"===m?i.A.darkAlgorithm:i.A.defaultAlgorithm}},r().createElement(s.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},r().createElement("div",{className:"zoom-bar",ref:w},r().createElement("div",{className:"center-button",onClick:v,role:"button"},r().createElement(u,null)),r().createElement("div",{className:"zoom-slider"},r().createElement("div",{className:"zoom-button",role:"button",onClick:E},r().createElement(h,null)),r().createElement(l.A,{min:y,max:x,value:k,step:5,vertical:!0,included:!1,tooltip:b,onChange:g}),r().createElement("div",{className:"zoom-button",role:"button",onClick:C},r().createElement(f,null))))))}},9127:(e,t,n)=>{n.d(t,{C:()=>s});var o=n(1030),r=n(7586),a=n.n(r),i=n(8802),l=n(531);function s(e){let{cells:t,layoutOptions:n,allowEdgeToArea:r}=e;const{nodePadding:s,...d}={nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,...(0,o.pick)(n,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])},c=(0,i.D)(s);if(!t.some(l.N))return{getNodeView:()=>null,nodePaddings:c};const u=new(a().graphlib.Graph);u.setGraph(d),u.setDefaultEdgeLabel((function(){return{}}));for(const e of t)r&&(0,l.o6)(e)||(0,l.N)(e)?u.setNode(e.id,{id:e.id,width:e.view.width+c[1]+c[3],height:e.view.height+c[0]+c[2]}):(0,l.WW)(e)&&u.setEdge(e.source,e.target);return a().layout(u),{getNodeView:e=>u.node(e),nodePaddings:c}}},6170:(e,t,n)=>{n.d(t,{k:()=>h});var o=n(1030),r=n(6149),a=n(4842),i=n(1945),l=n(9418),s=n(3854),d=n(7931),c=n(531),u=n(8802);function h(e){let{cells:t,layoutOptions:n,center:h,fixedPosition:f,allowEdgeToArea:g}=e;const{nodePadding:v,collide:m}={nodePadding:0,...(0,o.pick)(n,["nodePadding"]),collide:!1!==(null==n?void 0:n.collide)&&{radiusDiff:18,strength:1,iterations:1,...!0===(null==n?void 0:n.collide)?null:null==n?void 0:n.collide}},p=(0,u.D)(v),w=[],y=[],x=new Map;for(const e of t)if(g&&(0,c.o6)(e)||(0,c.N)(e)){const t={id:e.id,width:e.view.width+p[1]+p[3],height:e.view.height+p[0]+p[2],...f?{fx:e.view.x,fy:e.view.y}:null};w.push(t),x.set(t.id,t)}else(0,c.WW)(e)&&y.push({source:e.source,target:e.target});const k=(0,r.A)(y).id((e=>e.id)),b=(0,a.A)(w).force("link",k).force("x",(0,i.A)(null==h?void 0:h[0])).force("y",(0,l.A)(null==h?void 0:h[1])).force("charge",(0,s.A)());return m&&b.force("collide",(0,d.A)().radius((e=>Math.sqrt(e.width**2+e.height**2)/2+m.radiusDiff)).strength(m.strength).iterations(m.iterations)),b.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(b),{getNodeView:e=>x.get(e),nodePaddings:p}}},1819:(e,t,n)=>{n.d(t,{J:()=>a});var o=n(8769),r=n(8185);function a(e){let{cellsRef:t,activeTarget:n,onActiveTargetChange:a}=e;const i=n??null,[l,s]=(0,o.useState)(i);(0,o.useEffect)((()=>{s((e=>(0,r.c)(e,i)?e:i))}),[i]);const d=(0,o.useRef)(!1);return(0,o.useEffect)((()=>{d.current?a(l):d.current=!0}),[l,a]),(0,o.useEffect)((()=>{if(!l)return;const e=e=>{e.composedPath().indexOf(t.current)<=0&&s(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[l,t]),l}},1484:(e,t,n)=>{n.d(t,{g:()=>f});var o=n(8769),r=n(7566),a=n(1517),i=n(3033),l=n(531),s=n(8527),d=n(6170),c=n(9127);const u=new Map([["center",.5],["left",0],["right",1],["top",0],["bottom",1]]);function h(e,t){if("string"==typeof e){const n=u.get(e);if(void 0!==n)return n;const o=e.match(/^(-?\d+(?:\.\d+)?)%$/);if(o)return Number(o[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){let{layout:t,layoutOptions:n,rootRef:u,cells:f,zoomable:g,zoomer:v,scaleRange:m,layoutKey:p,allowEdgeToArea:w,dispatch:y}=e;const[x,k]=(0,o.useState)("force"!==t&&"dagre"!==t),b=(0,o.useRef)(p),E=(0,o.useCallback)((()=>++b.current),[]),[C,z]=function(e){let{rootRef:t,cells:n,layoutInitialized:d,zoomable:c,zoomer:u,scaleRange:h}=e;const[f,g]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=t.current;if(!e||!d||f||!n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||n.some((e=>(0,l.N)(e)&&!e[i.CV])))return;const{k:o,x:v,y:m}=(0,s.r)(n,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?h:void 0});u.transform((0,r.A)(e),new a.uV(o,v,m)),g(!0)}),[n,f,d,t,h,c,u]),(0,o.useEffect)((()=>{n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||g(!1)}),[n]),[f,g]}({rootRef:u,layoutInitialized:x,cells:f,zoomable:g,zoomer:v,scaleRange:m}),M=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(f.some((e=>(0,l.N)(e)&&!e[i.CV]))||0===f.length)return;if("force"!==t&&"dagre"!==t)return void k(!0);if(b.current!==p||(e=M.current,o=f.filter(l.nv),(null==e?void 0:e.length)===o.length&&e.every(((e,t)=>e===o[t]))))return;var e,o;let r,a;({getNodeView:r,nodePaddings:a}="force"===t?(0,d.k)({cells:f,layoutOptions:n,allowEdgeToArea:w}):(0,c.C)({cells:f,layoutOptions:n,allowEdgeToArea:w}));const s=function(e){const t=e??[.5,.5];return[h(t[0],"x"),h(t[1],"y")]}(null==n?void 0:n.alignOrigin),u=f.map((e=>{if(w&&(0,l.o6)(e)||(0,l.N)(e)){const t=r(e.id);return{...e,view:{...e.view,x:t.x-t.width*s[0]+a[3],y:t.y-t.height*s[1]+a[0]},[i.xc]:!0}}return e}));M.current=u.filter(l.nv),y({type:"update-cells",payload:u}),k(!0)}),[f,y,t,p,n]),{centered:C,setCentered:z,getNextLayoutKey:E}}},7531:(e,t,n)=>{n.d(t,{d:()=>s});var o=n(8769),r=n(2391),a=n(1030),i=n(531),l=n(3033);function s(e){let{cells:t,defaultEdgeLines:n,markerPrefix:s}=e;return(0,o.useMemo)((()=>{const e=[{strokeColor:l.mF}],o=new WeakMap;for(const c of t)if((0,i.WW)(c)){const t=r.__secret_internals.legacyDoTransform({edge:c},null==n?void 0:n.find((e=>(0,r.checkIfByTransform)(e,{edge:c}))))??{},i={dashed:!1,strokeColor:l.mF,strokeWidth:l.VO,interactStrokeWidth:l.Ie,showStartArrow:l.XV,showEndArrow:l.Ub,animate:{useAnimate:!1,duration:l.Be},...(0,a.omitBy)(t,a.isUndefined)};void 0===i.parallelGap&&(i.parallelGap=i.interactStrokeWidth);const u=d({strokeColor:i.strokeColor},e);i.markerArrow=`url(#${s}${u})`,o.set(c,i)}return[o,e]}),[t,n,s])}function d(e,t){let n=(0,a.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}},8197:(e,t,n)=>{n.d(t,{H:()=>i});var o=n(8769),r=n(531),a=n(3033);function i(e){let{cells:t,layout:n,centered:i}=e;return(0,o.useMemo)((()=>i&&t.every((e=>!(0,r.N)(e)||e[a.CV]&&("force"!==n&&"dagre"!==n||e[a.xc])))),[t,i,n])}},8091:(e,t,n)=>{n.d(t,{f:()=>l});var o=n(8769),r=n(7566),a=n(1517),i=n(3033);function l(e){let{rootRef:t,zoomable:n,scrollable:l,pannable:s,draggable:d,ctrlDraggable:c,scaleRange:u,onSwitchActiveTarget:h}=e;const[f,g]=(0,o.useState)(!1),[v,m]=(0,o.useState)({k:1,x:0,y:0}),p=(0,o.useMemo)((()=>u??[i.sS,i.Yt]),[u]),w=(0,o.useMemo)((()=>(0,a.s_)()),[]);return(0,o.useEffect)((()=>{let e=!1;w.scaleExtent(n?p:[1,1]).on("start",(()=>{e=!1,g(!0)})).on("zoom",(t=>{e=!0,m(t.transform)})).on("end",(()=>{g(!1),e||null==h||h(null)})).filter((e=>("wheel"===e.type||(c?d||e.ctrlKey:!e.ctrlKey))&&!e.button))}),[h,p,n,w,c,d]),(0,o.useEffect)((()=>{if(c){const e=e=>{e.ctrlKey&&e.preventDefault()};return document.addEventListener("contextmenu",e,!0),()=>{document.removeEventListener("contextmenu",e,!0)}}}),[c]),(0,o.useEffect)((()=>{const e=t.current;if(!e)return;const o=(0,r.A)(e),a=()=>{o.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(n||l||s)return(n||l)&&o.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),l&&(e.preventDefault(),w.translateBy(o,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),o.call(w).on("wheel",(e=>{e.preventDefault()})).on("dblclick.zoom",null),(d||c)&&s||o.on("mousedown.zoom",null),s||o.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}),[c,d,s,t,l,n,w]),{grabbing:f,transform:v,zoomer:w,scaleRange:p}}},6237:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),a=n(935),i=n.n(a)()(r());i.push([e.id,'.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px;scale:0.8}.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,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),a=n(935),i=n.n(a)()(r());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;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: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()}}]);
2
- //# sourceMappingURL=2272.72f034fa.js.map
1
+ "use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[2272],{3739:(e,t,n)=>{n.d(t,{c:()=>a});var o=n(8769),r=n.n(o);function a(e){let t,{id:n,type:o,strokeColor:a}=e;switch(o){case"0..1":t=l;break;case"0..N":t=s;break;default:t=i}return r().createElement(t,{id:n,strokeColor:a})}function i(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},r().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:n,strokeWidth:1,fill:n}))}function l(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}function s(e){let{id:t,strokeColor:n}=e;return r().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},r().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:n,strokeWidth:1,fill:"none"}))}},3188:(e,t,n)=>{n.d(t,{h:()=>r});var o=n(733);function r(e,t,n){if(e===t||(0,o.w)(e,t,0,0))return null;let r,i,l=0,s=0;if(n){const o=t.x-e.x,r=t.y-e.y,a=Math.atan2(r,o);l=n/2*Math.cos(a+Math.PI/2),s=n/2*Math.sin(a+Math.PI/2)}const d=[[e.x+l,e.y+s],[t.x+l,t.y+s]],c=a(e,d),u=a(t,d);return r=c.length>0?c[0]:[e.x,e.y],i=u.length>0?u[0]:[t.x,t.y],[{x:r[0],y:r[1]},{x:i[0],y:i[1]}]}function a(e,t){const n=[[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]],o=[];for(let e=0;e<4;e++)o.push([n[e],n[(e+1)%4]]);const r=[];for(const e of o){const n=i(t[0],t[1],e[0],e[1]);n&&r.push(n)}return r}function i(e,t,n,o){let[r,a]=e,[i,l]=t,[s,d]=n,[c,u]=o;if(r===i&&a===l||s===c&&d===u)return null;const h=(u-d)*(i-r)-(c-s)*(l-a);if(0===h)return null;const f=((c-s)*(a-d)-(u-d)*(r-s))/h,g=((i-r)*(a-d)-(l-a)*(r-s))/h;return f<0||f>1||g<0||g>1?null:[r+f*(i-r),a+f*(l-a)]}},733:(e,t,n)=>{function o(e,t,n,o){const a=n?r(e,n):e,i=o?r(t,o):t,l=Math.min(a.x-a.width/2,i.x-i.width/2),s=Math.max(a.x+a.width/2,i.x+i.width/2),d=Math.min(a.y-a.height/2,i.y-i.height/2),c=Math.max(a.y+a.height/2,i.y+i.height/2);return s-l<a.width+i.width&&c-d<a.height+i.height}function r(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}n.d(t,{w:()=>o})},8802:(e,t,n)=>{function o(e){if(Array.isArray(e)){const 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)}n.d(t,{D:()=>o})},908:(e,t,n)=>{n.d(t,{m:()=>z});var o=n(8769),r=n.n(o),a=n(3373),i=n.n(a),l=n(531),s=n(3188),d=n(3033);function c(e,t){return e.find((e=>(0,l.o6)(e)&&e.id===t))}function u(e){var t,n;let{edge:a,cells:u,lineConfMap:f}=e;const g=(0,o.useRef)(null),v=(0,o.useMemo)((()=>c(u,a.source)),[u,a.source]),m=(0,o.useMemo)((()=>c(u,a.target)),[u,a.target]),p=(0,o.useMemo)((()=>f.get(a)),[a,f]),w=(0,o.useMemo)((()=>u.some((e=>(0,l.WW)(e)&&e.source===a.target&&e.target===a.source))?p.parallelGap:0),[u,a,p.parallelGap]),y=(0,o.useMemo)((()=>v&&m&&null!=v.view.x&&null!=m.view.x?(0,s.h)(h(v.view,5),h(m.view,5),w):null),[w,v,m]);if(!y)return null;const x=`M${y[0].x} ${y[0].y}L${y[1].x} ${y[1].y}`;return r().createElement(r().Fragment,null,r().createElement("path",{d:x,fill:"none",stroke:"transparent",strokeWidth:p.interactStrokeWidth}),r().createElement("path",{ref:g,className:i()("line",{dashed:p.dashed,[(p.dashed?"dashed":"solid")+"-animation"]:p.animate.useAnimate}),style:{"--time":`${p.animate.duration??d.Be}s`,"--solid-length":null===(t=g.current)||void 0===t||null===(n=t.getTotalLength)||void 0===n?void 0:n.call(t)},d:x,fill:"none",stroke:p.strokeColor,strokeWidth:p.strokeWidth,markerStart:p.showStartArrow?p.markerArrow:"",markerEnd:p.showEndArrow?p.markerArrow:""}),r().createElement("path",{className:"line-active-bg",d:x,fill:"none"}))}function h(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}var f=n(6484),g=n(6916),v=n(1030),m=n(9126);function p(e){let{node:t,degraded:n,degradedNodeLabel:a,defaultNodeBricks:i,onResize:l}=e;const s=function(e){const[t,n]=(0,o.useState)(e);return(0,o.useEffect)((()=>{n((t=>(0,v.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),d=t.useBrick,c=(0,o.useRef)(null),u=(0,o.useMemo)((()=>{var e;return n?null:d??(null==i||null===(e=i.find((e=>(0,g.checkIfByTransform)(e,s))))||void 0===e?void 0:e.useBrick)}),[n,d,i,s]),h=(0,o.useMemo)((()=>n?String(g.__secret_internals.legacyDoTransform(s,a??"<% DATA.node.id %>")):""),[n,a,s]),p=(0,o.useCallback)((e=>{const n=c.current;n&&(n.disconnect(),c.current=null),e?setTimeout((()=>{const n=new m.A((()=>{l(t.id,[e.offsetWidth,e.offsetHeight])}));n.observe(e),c.current=n})):l(t.id,null)}),[t.id,l]),w=(0,o.useCallback)((e=>{if(e){const n=e.getBBox();l(t.id,[n.width,n.height])}else l(t.id,null)}),[t.id,l]);return u?r().createElement("foreignObject",{width:9999,height:9999,className:"node"},u&&r().createElement(f.ReactUseBrick,{useBrick:u,data:s,refCallback:p})):n?r().createElement("g",{className:"degraded",ref:w},r().createElement("circle",{cx:8,cy:8,r:8}),r().createElement("text",{x:8,y:32},h)):null}var w=n(9386),y=n(4197);function x(e,t){let{action:n,cell:o,scale:r,layout:a,activeTarget:i,cells:s,onCellsMoving:d,onCellsMoved:c,onCellResizing:u,onCellResized:h,onSwitchActiveTarget:f}=t;e.stopPropagation(),"resize"!==n&&(0,y.Q)(o,i)||null==f||f((0,w.P)(o));const g="force"===a||"dagre"===a;if((0,l.WW)(o))return;const v=("multi"===(null==i?void 0:i.type)&&"move"===n?s.filter((e=>(0,y.Q)(e,i))):[o]).filter((e=>(0,l.N)(e)&&!g||(0,l.mH)(e)));if(0===v.length)return;const m=[e.clientX,e.clientY],p=v.map((e=>({cell:e,position:"move"===n?[e.view.x,e.view.y]:[e.view.width,e.view.height]})));let x=!1;const k=(e,t)=>{const a=function(e){return[(e.clientX-m[0])/r,(e.clientY-m[1])/r]}(e);if(x||(x=a[0]**2+a[1]**2>=9),x)if("move"===n){var i;const e=p.map((e=>{let{cell:t,position:n}=e;return{type:t.type,id:t.id,x:n[0]+a[0],y:n[1]+a[1]}}));null===(i=t?c:d)||void 0===i||i(e)}else{var l;null===(l=t?h:u)||void 0===l||l({type:o.type,id:o.id,width:p[0].position[0]+a[0],height:p[0].position[1]+a[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){let{cell:t,transform:n,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c}=e;const u=r().useRef(null);return(0,o.useEffect)((()=>{const e=u.current;if(!e||a)return;const o=e=>{x(e,{action:"resize",cell:t,scale:n.k,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[i,t,l,d,s,c,a,n.k]),r().createElement("g",{className:"decorator-area"},r().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!a&&r().createElement("g",{ref:u,className:"resize-handle",transform:`translate(${t.view.width-20} ${t.view.height-20})`},r().createElement("rect",{width:20,height:20}),r().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}function b(e){let{cell:t,readOnly:n,onDecoratorTextEditing:a,onDecoratorTextChange:l}=e;const s=t.view.text??"",[d,c]=(0,o.useState)(s),[u,h]=(0,o.useState)(!1),f=(0,o.useRef)(!1),[g,v]=(0,o.useState)(!1),m=(0,o.useRef)(null),p=(0,o.useCallback)((e=>{n||(e.preventDefault(),e.stopPropagation(),h(!0))}),[n]);(0,o.useEffect)((()=>{const e=m.current;e&&e.textContent!==d&&(e.textContent=d)}),[d]),(0,o.useEffect)((()=>{u&&m.current&&(m.current.focus(),function(e){const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();n.removeAllRanges(),n.addRange(t)}(m.current)),null==a||a({id:t.id,editing:u})}),[t.id,u,a]),(0,o.useEffect)((()=>{f.current?null==a||a({id:t.id,editing:u}):f.current=!0}),[t.id,u,a]);const w=(0,o.useCallback)((e=>{n||c(e.target.textContent)}),[n]),y=(0,o.useCallback)((()=>{n||(h(!1),v(!0))}),[n]);return(0,o.useEffect)((()=>{g&&(null==l||l({id:t.id,view:{...t.view,text:d}}),v(!1))}),[t,d,l,g]),r().createElement("foreignObject",{className:"decorator-text"},r().createElement("div",{className:i()("text-container",{editing:u}),onDoubleClick:p},r().createElement("div",{className:"text",contentEditable:u,ref:m,onInput:w,onBlur:y})))}function E(e){let t,{cell:n,transform:o,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:h}=e;switch(n.decorator){case"area":t=k;break;case"text":t=b;break;default:return console.error(`Unknown decorator: ${n.decorator}`),null}return r().createElement(t,{cell:n,transform:o,readOnly:a,activeTarget:i,cells:l,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:c,onDecoratorTextEditing:u,onDecoratorTextChange:h})}var C=n(8185);function z(e){let{layout:t,cell:n,cells:a,degraded:s,degradedNodeLabel:d,defaultNodeBricks:c,lineConfMap:h,activeTarget:f,readOnly:g,transform:v,unrelatedCells:m,onCellsMoving:k,onCellsMoved:b,onCellResizing:z,onCellResized:M,onSwitchActiveTarget:A,onCellContextMenu:N,onCellClick:R,onDecoratorTextEditing:T,onDecoratorTextChange:S,onNodeBrickResize:W,onCellMouseEnter:L,onCellMouseLeave:D}=e;const B=(0,o.useRef)(null),P=(0,o.useMemo)((()=>m.some((e=>(0,C.c)(e,n)))),[n,m]);(0,o.useEffect)((()=>{const e=B.current;if(!e)return;const o=e=>{g?e.stopPropagation():x(e,{layout:t,action:"move",cell:n,scale:v.k,activeTarget:f,cells:a,onCellsMoving:k,onCellsMoved:b,onSwitchActiveTarget:A})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[t,n,f,a,b,k,A,g,v.k]);const V=(0,o.useCallback)((e=>{g&&"decorator"===n.type||(e.preventDefault(),A((0,w.P)(n)),N({cell:n,clientX:e.clientX,clientY:e.clientY}))}),[n,N,A,g]),H=(0,o.useCallback)((e=>{R&&"decorator"!==n.type&&R({cell:n,clientX:e.clientX,clientY:e.clientY})}),[n,R]),O=(0,o.useCallback)((()=>{null==L||L(n)}),[n,L]),I=(0,o.useCallback)((()=>{null==D||D(n)}),[n,D]);return r().createElement("g",{className:i()("cell",{active:(0,y.Q)(n,f),faded:P,"read-only":g}),ref:B,transform:"edge"===n.type||null==n.view.x?void 0:`translate(${n.view.x} ${n.view.y})`,onContextMenu:V,onClick:H,onMouseEnter:O,onMouseLeave:I},(0,l.N)(n)?r().createElement(p,{node:n,degraded:s,degradedNodeLabel:d,defaultNodeBricks:c,onResize:W}):(0,l.WW)(n)?r().createElement(u,{edge:n,cells:a,lineConfMap:h}):(0,l.mH)(n)?r().createElement(E,{cell:n,transform:v,readOnly:g,activeTarget:f,cells:a,onCellResizing:z,onCellResized:M,onSwitchActiveTarget:A,onDecoratorTextEditing:T,onDecoratorTextChange:S}):null)}},3033:(e,t,n)=>{n.d(t,{Be:()=>m,CV:()=>o,HP:()=>a,Ie:()=>f,N8:()=>l,Ub:()=>v,VO:()=>h,XV:()=>g,Yt:()=>c,mF:()=>u,pC:()=>p,sS:()=>d,sz:()=>i,w1:()=>s,xc:()=>r});const o=Symbol.for("size-initialized"),r=Symbol.for("layout-initialized"),a=20,i=36,l=100,s=60,d=.5,c=2,u="gray",h=1,f=15,g=!1,v=!0,m=1,p=500},531:(e,t,n)=>{function o(e){return"node"===e.type}function r(e){return"decorator"===e.type}function a(e){return"node"===e.type}function i(e){return"edge"===e.type}function l(e){return"node"===e.type||"edge"===e.type}function s(e){return"node"===e.type||"decorator"===e.type&&"area"===e.decorator}n.d(t,{N:()=>o,WW:()=>i,mH:()=>r,nv:()=>l,o6:()=>s,vC:()=>a})},9386:(e,t,n)=>{n.d(t,{P:()=>r});var o=n(1030);function r(e){return"edge"===e.type?(0,o.pick)(e,["type","source","target","data"]):(0,o.pick)(e,["type","id","data"])}},227:(e,t,n)=>{n.d(t,{Y:()=>r});var o=n(4197);function r(e,t,n,r){const a=[];if(t){const n=new Set;for(const o of e)"edge"===o.type&&o.source===t.source.id&&n.add(o.target);for(const t of e)switch(t.type){case"node":n.has(t.id)&&a.push(t);break;case"decorator":r&&"text"!=t.decorator&&!n.has(t.id)||a.push(t);break;default:a.push(t)}}else switch(null==n?void 0:n.type){case"multi":{const t=new Map,r=new Set,i=new Set;for(const e of n.targets)"node"===e.type&&(r.add(e.id),i.add(e.id));for(const l of e)"node"===l.type?t.set(l.id,l):"edge"===l.type?r.has(l.source)?i.add(l.target):r.has(l.target)?i.add(l.source):(0,o.Q)(l,n)||a.push(l):(0,o.Q)(l,n)||a.push(l);for(const[e,n]of t)i.has(e)||a.push(n);break}case"node":{const t=new Map,o=new Set([n.id]);for(const r of e)"node"===r.type?t.set(r.id,r):"edge"===r.type?r.source===n.id?o.add(r.target):r.target===n.id?o.add(r.source):a.push(r):a.push(r);for(const[e,n]of t)o.has(e)||a.push(n);break}case"edge":for(const t of e)("edge"===t.type?(0,o.Q)(t,n):"node"===t.type&&(t.id===n.source||t.id===n.target))||a.push(t)}return a}},3783:(e,t,n)=>{n.d(t,{C:()=>r});var o=n(531);function r(e,t){let{defaultNodeSize:n}=t;return(e??[]).map((e=>{var t,r;return!(0,o.vC)(e)||void 0!==(null===(t=e.view)||void 0===t?void 0:t.width)&&void 0!==(null===(r=e.view)||void 0===r?void 0:r.height)?e:{...e,view:{width:n[0],height:n[1],...e.view}}}))}},8185:(e,t,n)=>{function o(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=>o(e,t))))):"node"===e.type||"decorator"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}n.d(t,{c:()=>o})},4197:(e,t,n)=>{n.d(t,{Q:()=>r});var o=n(8185);function r(e,t){return!!t&&("multi"===t.type?t.targets:[t]).some((t=>(0,o.c)(t,e)))}},8527:(e,t,n)=>{n.d(t,{r:()=>r});var o=n(531);function r(e,t){let{canvasWidth:n,canvasHeight:r,scaleRange:a}=t,i=1/0,l=1/0,s=-1/0,d=-1/0,c=!0;for(const t of e)if(!(0,o.WW)(t)){c=!1;const{view:e}=t,n=e.x+e.width,o=e.y+e.height;e.x<i&&(i=e.x),n>s&&(s=n),e.y<l&&(l=e.y),o>d&&(d=o)}const u=s-i,h=d-l,f=a&&!c&&(u>n||h>r)?Math.max(Math.min(n/u,r/h,a[1]),a[0]):1;return{x:c?0:(n-u*f)/2-i*f,y:c?0:(r-h*f)/2-l*f,k:f}}},2098:(e,t,n)=>{n.d(t,{L:()=>u});var o=n(1030),r=n(3033),a=n(531),i=n(3783),l=n(8527),s=n(6170),d=n(9127),c=n(8185);function u(e){let{cells:t,layout:n,previousCells:u,defaultNodeSize:h,canvasWidth:f,canvasHeight:g,scaleRange:v,transform:m,reason:p,parent:w,allowEdgeToArea:y}=e;const x="force"!==n&&"dagre"!==n,k=(0,i.C)(t,{defaultNodeSize:h}),b=[];let E=!1;const C=new Map;let z=!1;for(const e of u)(0,a.mH)(e)?z=!0:(0,a.N)(e)&&(z=!0,e[r.CV]&&C.set(e.id,e));const M=new Map;for(const e of k)if((0,a.N)(e)){M.set(e.id,e);const t=C.get(e.id);t&&(e.view.width=t.view.width,e.view.height=t.view.height,e[r.CV]=!0)}let A=!1;if("add-related-nodes"===p&&w){const e=new Set;for(const t of k)(0,a.WW)(t)&&t.source===w&&t.target!==w&&e.add(t.target);const t=M.get(w);if(void 0!==(null==t?void 0:t.view.x)&&void 0!==t.view.y){if(A=!0,x)for(const t of k)((0,a.N)(t)&&void 0===t.view.x||(0,a.N)(t)&&void 0===t.view.y)&&e.add(t.id);const n=[...e].map((e=>M.get(e))).filter(Boolean);let o;for(const e of n)void 0!==e.view.x&&void 0!==e.view.y?(!o||e.view.x>o.view.x)&&e.view.y>t.view.y&&(o=e):b.push(e);if(b.length>0&&x){let e,n;if(o)e=o.view.x+o.view.width+r.sz,n=o.view.y;else{const o=b.reduce(((e,t)=>e+t.view.width+r.sz),-r.sz);e=t.view.x-o/2+t.view.width/2,n=t.view.y+t.view.height+r.sz}for(const t of b)t.view.x=e,t.view.y=n,e+=t.view.width+r.sz}}}if(!A){let e=h[0],t=h[1];const n=[];let r=!1;for(const o of k)(0,a.N)(o)?(o.view.width>e&&(e=o.view.width),o.view.height>t&&(t=o.view.height),void 0===o.view.x||void 0===o.view.y?b.push(o):n.push(o)):(0,a.mH)(o)&&(r=!0);if(x){let e;z||(m=(0,l.r)((0,o.without)(k,...b),{canvasWidth:f,canvasHeight:g,scaleRange:v})),0===n.length||1===n.length&&!r?(b.push(...n),({getNodeView:e}=(0,d.C)({cells:k,allowEdgeToArea:y})),E=0===u.length||u.length===k.length&&u.every(((e,t)=>(0,c.c)(e,k[t])))):({getNodeView:e}=(0,s.k)({cells:k,fixedPosition:!0,allowEdgeToArea:y,center:[(f/2-m.x)/m.k,(g/2-m.y)/m.k]}));for(const t of k)if((0,a.N)(t)){const n=e(t.id);t.view.x=n.x,t.view.y=n.y}}}return{cells:k,updated:b,shouldReCenter:E}}},5748:(e,t,n)=>{n.d(t,{d:()=>i});var o=n(531),r=n(3033);function a(e,t,n){const o=e.findLastIndex(n)+1;return[...e.slice(0,o),t,...e.slice(o)]}const i=(l={cells:(e,t)=>{switch(t.type){case"drop-node":return a(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:a(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":{const n=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,n),...t.payload,...e.slice(n)]}case"add-edge":return a(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cells":{let n=!1;const o=e.map((e=>{const o=t.payload.find((t=>e.type===t.type&&e.id===t.id));return o?(n=!0,{...e,view:{...e.view,x:o.x,y:o.y}}):e}));return n?o:e}case"resize-cell":{const{type:n,id:o,width:r,height:a}=t.payload,i=e.findIndex((e=>e.type===n&&e.id===o));if(-1!==i){const t=e[i];return[...e.slice(0,i),{...t,view:{...t.view,width:r,height:a}},...e.slice(i+1)]}return e}case"update-cells":return t.payload;case"update-node-size":return e.map((e=>(0,o.N)(e)&&e.id===t.payload.id?{...e,[r.CV]:!0,view:t.payload.size?{...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((n=>{let[o,r]=n;return[o,r(e[o],t)]}))));var l},7099:(e,t,n)=>{n.d(t,{Y:()=>g});var o=n(8769),r=n.n(o),a=n(2657),i=n(6768),l=n(7507),s=n(8621),d=n(6484),c=n(9575);const u=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),o.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"})),h=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),o.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"}),o.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"})),f=e=>o.createElement("svg",(0,c.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),o.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"}),o.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 g(e){let{shadowRoot:t,scale:n,scaleRange:c,onZoomChange:g,onReCenter:v}=e;const m=(0,d.useCurrentTheme)(),p=(0,o.useMemo)((()=>(0,s.VC)()),[]),w=(0,o.useRef)(null),y=100*c[0],x=100*c[1],k=100*n,b=(0,o.useMemo)((()=>({formatter:e=>`${e}%`,placement:"left",getPopupContainer:()=>w.current})),[]),E=(0,o.useCallback)((()=>{g(Math.min(k+5,x))}),[x,g,k]),C=(0,o.useCallback)((()=>{g(Math.max(k-5,y))}),[y,g,k]);return r().createElement(a.Ay,{theme:{algorithm:"dark-v2"===m?i.A.darkAlgorithm:i.A.defaultAlgorithm}},r().createElement(s.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},r().createElement("div",{className:"zoom-bar",ref:w},r().createElement("div",{className:"center-button",onClick:v,role:"button"},r().createElement(u,null)),r().createElement("div",{className:"zoom-slider"},r().createElement("div",{className:"zoom-button",role:"button",onClick:E},r().createElement(h,null)),r().createElement(l.A,{min:y,max:x,value:k,step:5,vertical:!0,included:!1,tooltip:b,onChange:g}),r().createElement("div",{className:"zoom-button",role:"button",onClick:C},r().createElement(f,null))))))}},9127:(e,t,n)=>{n.d(t,{C:()=>s});var o=n(1030),r=n(7586),a=n.n(r),i=n(8802),l=n(531);function s(e){let{cells:t,layoutOptions:n,allowEdgeToArea:r}=e;const{nodePadding:s,...d}={nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,...(0,o.pick)(n,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])},c=(0,i.D)(s);if(!t.some(l.N))return{getNodeView:()=>null,nodePaddings:c};const u=new(a().graphlib.Graph);u.setGraph(d),u.setDefaultEdgeLabel((function(){return{}}));for(const e of t)r&&(0,l.o6)(e)||(0,l.N)(e)?u.setNode(e.id,{id:e.id,width:e.view.width+c[1]+c[3],height:e.view.height+c[0]+c[2]}):(0,l.WW)(e)&&u.setEdge(e.source,e.target);return a().layout(u),{getNodeView:e=>u.node(e),nodePaddings:c}}},6170:(e,t,n)=>{n.d(t,{k:()=>h});var o=n(1030),r=n(6149),a=n(4842),i=n(1945),l=n(9418),s=n(3854),d=n(7931),c=n(531),u=n(8802);function h(e){let{cells:t,layoutOptions:n,center:h,fixedPosition:f,allowEdgeToArea:g}=e;const{nodePadding:v,collide:m}={nodePadding:0,...(0,o.pick)(n,["nodePadding"]),collide:!1!==(null==n?void 0:n.collide)&&{radiusDiff:18,strength:1,iterations:1,...!0===(null==n?void 0:n.collide)?null:null==n?void 0:n.collide}},p=(0,u.D)(v),w=[],y=[],x=new Map;for(const e of t)if(g&&(0,c.o6)(e)||(0,c.N)(e)){const t={id:e.id,width:e.view.width+p[1]+p[3],height:e.view.height+p[0]+p[2],...f?{fx:e.view.x,fy:e.view.y}:null};w.push(t),x.set(t.id,t)}else(0,c.WW)(e)&&y.push({source:e.source,target:e.target});const k=(0,r.A)(y).id((e=>e.id)),b=(0,a.A)(w).force("link",k).force("x",(0,i.A)(null==h?void 0:h[0])).force("y",(0,l.A)(null==h?void 0:h[1])).force("charge",(0,s.A)());return m&&b.force("collide",(0,d.A)().radius((e=>Math.sqrt(e.width**2+e.height**2)/2+m.radiusDiff)).strength(m.strength).iterations(m.iterations)),b.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(b),{getNodeView:e=>x.get(e),nodePaddings:p}}},1819:(e,t,n)=>{n.d(t,{J:()=>a});var o=n(8769),r=n(8185);function a(e){let{cellsRef:t,activeTarget:n,onActiveTargetChange:a}=e;const i=n??null,[l,s]=(0,o.useState)(i);(0,o.useEffect)((()=>{s((e=>(0,r.c)(e,i)?e:i))}),[i]);const d=(0,o.useRef)(!1);return(0,o.useEffect)((()=>{d.current?a(l):d.current=!0}),[l,a]),(0,o.useEffect)((()=>{if(!l)return;const e=e=>{e.composedPath().indexOf(t.current)<=0&&s(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[l,t]),l}},1484:(e,t,n)=>{n.d(t,{g:()=>f});var o=n(8769),r=n(7566),a=n(1517),i=n(3033),l=n(531),s=n(8527),d=n(6170),c=n(9127);const u=new Map([["center",.5],["left",0],["right",1],["top",0],["bottom",1]]);function h(e,t){if("string"==typeof e){const n=u.get(e);if(void 0!==n)return n;const o=e.match(/^(-?\d+(?:\.\d+)?)%$/);if(o)return Number(o[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){let{layout:t,layoutOptions:n,rootRef:u,cells:f,zoomable:g,zoomer:v,scaleRange:m,layoutKey:p,allowEdgeToArea:w,dispatch:y}=e;const[x,k]=(0,o.useState)("force"!==t&&"dagre"!==t),b=(0,o.useRef)(p),E=(0,o.useCallback)((()=>++b.current),[]),[C,z]=function(e){let{rootRef:t,cells:n,layoutInitialized:d,zoomable:c,zoomer:u,scaleRange:h}=e;const[f,g]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=t.current;if(!e||!d||f||!n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||n.some((e=>(0,l.N)(e)&&!e[i.CV])))return;const{k:o,x:v,y:m}=(0,s.r)(n,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?h:void 0});u.transform((0,r.A)(e),new a.uV(o,v,m)),g(!0)}),[n,f,d,t,h,c,u]),(0,o.useEffect)((()=>{n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||g(!1)}),[n]),[f,g]}({rootRef:u,layoutInitialized:x,cells:f,zoomable:g,zoomer:v,scaleRange:m}),M=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(f.some((e=>(0,l.N)(e)&&!e[i.CV]))||0===f.length)return;if("force"!==t&&"dagre"!==t)return void k(!0);if(b.current!==p||(e=M.current,o=f.filter(l.nv),(null==e?void 0:e.length)===o.length&&e.every(((e,t)=>e===o[t]))))return;var e,o;let r,a;({getNodeView:r,nodePaddings:a}="force"===t?(0,d.k)({cells:f,layoutOptions:n,allowEdgeToArea:w}):(0,c.C)({cells:f,layoutOptions:n,allowEdgeToArea:w}));const s=function(e){const t=e??[.5,.5];return[h(t[0],"x"),h(t[1],"y")]}(null==n?void 0:n.alignOrigin),u=f.map((e=>{if(w&&(0,l.o6)(e)||(0,l.N)(e)){const t=r(e.id);return{...e,view:{...e.view,x:t.x-t.width*s[0]+a[3],y:t.y-t.height*s[1]+a[0]},[i.xc]:!0}}return e}));M.current=u.filter(l.nv),y({type:"update-cells",payload:u}),k(!0)}),[f,y,t,p,n]),{centered:C,setCentered:z,getNextLayoutKey:E}}},7531:(e,t,n)=>{n.d(t,{d:()=>s});var o=n(8769),r=n(6916),a=n(1030),i=n(531),l=n(3033);function s(e){let{cells:t,defaultEdgeLines:n,markerPrefix:s}=e;return(0,o.useMemo)((()=>{const e=[{strokeColor:l.mF}],o=new WeakMap;for(const c of t)if((0,i.WW)(c)){const t=r.__secret_internals.legacyDoTransform({edge:c},null==n?void 0:n.find((e=>(0,r.checkIfByTransform)(e,{edge:c}))))??{},i={dashed:!1,strokeColor:l.mF,strokeWidth:l.VO,interactStrokeWidth:l.Ie,showStartArrow:l.XV,showEndArrow:l.Ub,animate:{useAnimate:!1,duration:l.Be},...(0,a.omitBy)(t,a.isUndefined)};void 0===i.parallelGap&&(i.parallelGap=i.interactStrokeWidth);const u=d({strokeColor:i.strokeColor},e);i.markerArrow=`url(#${s}${u})`,o.set(c,i)}return[o,e]}),[t,n,s])}function d(e,t){let n=(0,a.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}},8197:(e,t,n)=>{n.d(t,{H:()=>i});var o=n(8769),r=n(531),a=n(3033);function i(e){let{cells:t,layout:n,centered:i}=e;return(0,o.useMemo)((()=>i&&t.every((e=>!(0,r.N)(e)||e[a.CV]&&("force"!==n&&"dagre"!==n||e[a.xc])))),[t,i,n])}},8091:(e,t,n)=>{n.d(t,{f:()=>l});var o=n(8769),r=n(7566),a=n(1517),i=n(3033);function l(e){let{rootRef:t,zoomable:n,scrollable:l,pannable:s,draggable:d,ctrlDraggable:c,scaleRange:u,onSwitchActiveTarget:h}=e;const[f,g]=(0,o.useState)(!1),[v,m]=(0,o.useState)({k:1,x:0,y:0}),p=(0,o.useMemo)((()=>u??[i.sS,i.Yt]),[u]),w=(0,o.useMemo)((()=>(0,a.s_)()),[]);return(0,o.useEffect)((()=>{let e=!1;w.scaleExtent(n?p:[1,1]).on("start",(()=>{e=!1,g(!0)})).on("zoom",(t=>{e=!0,m(t.transform)})).on("end",(()=>{g(!1),e||null==h||h(null)})).filter((e=>("wheel"===e.type||(c?d||e.ctrlKey:!e.ctrlKey))&&!e.button))}),[h,p,n,w,c,d]),(0,o.useEffect)((()=>{if(c){const e=e=>{e.ctrlKey&&e.preventDefault()};return document.addEventListener("contextmenu",e,!0),()=>{document.removeEventListener("contextmenu",e,!0)}}}),[c]),(0,o.useEffect)((()=>{const e=t.current;if(!e)return;const o=(0,r.A)(e),a=()=>{o.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(n||l||s)return(n||l)&&o.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),l&&(e.preventDefault(),w.translateBy(o,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),o.call(w).on("wheel",(e=>{e.preventDefault()})).on("dblclick.zoom",null),(d||c)&&s||o.on("mousedown.zoom",null),s||o.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}),[c,d,s,t,l,n,w]),{grabbing:f,transform:v,zoomer:w,scaleRange:p}}},6237:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),a=n(935),i=n.n(a)()(r());i.push([e.id,'.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px;scale:0.8}.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,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),a=n(935),i=n.n(a)()(r());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;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: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()}}]);
2
+ //# sourceMappingURL=2272.b3f7db69.js.map