@next-bricks/diagram 0.43.0 → 0.43.2

package/dist/chunks/3252.d94ce52c.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[3252],{3739:(e,t,n)=>{n.d(t,{c:()=>i});var o=n(8769),r=n.n(o);function i(e){let t,{id:n,type:o,strokeColor:i}=e;switch(o){case"0..1":t=l;break;case"0..N":t=c;break;default:t=a}return r().createElement(t,{id:n,strokeColor:i})}function a(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 c(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"}))}},8653:(e,t,n)=>{n.d(t,{S:()=>s});var o=n(482),r=n(4643),i=n(3488),a=n(6066),l=n(4993),c=n(3269);function s(e,t,n,s){if(!Array.isArray(e))return"";let u;switch(t){case"curveLinear":u=o.A;break;case"curveBumpX":u=r.dJ;break;case"curveBumpY":u=r.kl;break;case"curveMonotoneX":u=i.G;break;case"curveMonotoneY":u=i.N;break;case"curveNatural":u=a.A;break;default:u=l.Ay}const h=d(e[1],e[0],n),v=d(e[e.length-2],e[e.length-1],s);return(0,c.A)().x(((t,n)=>t.x-(0===n?h.x:n===e.length-1?v.x:0))).y(((t,n)=>t.y-(0===n?h.y:n===e.length-1?v.y:0))).curve(u)(e)}function d(e,t,n){if(!n)return{x:0,y:0};const{x:o,y:r}=e,{x:i,y:a}=t,l=n/Math.sqrt(Math.pow(i-o,2)+Math.pow(a-r,2));return{x:(i-o)*l,y:(a-r)*l}}},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,a,l=0,c=0;if(n){const o=t.x-e.x,r=t.y-e.y,i=Math.atan2(r,o);l=n/2*Math.cos(i+Math.PI/2),c=n/2*Math.sin(i+Math.PI/2)}const s=[[e.x+l,e.y+c],[t.x+l,t.y+c]],d=i(e,s),u=i(t,s);return r=d.length>0?d[0]:[e.x,e.y],a=u.length>0?u[0]:[t.x,t.y],[{x:r[0],y:r[1]},{x:a[0],y:a[1]}]}function i(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=a(t[0],t[1],e[0],e[1]);n&&r.push(n)}return r}function a(e,t,n,o){let[r,i]=e,[a,l]=t,[c,s]=n,[d,u]=o;if(r===a&&i===l||c===d&&s===u)return null;const h=(u-s)*(a-r)-(d-c)*(l-i);if(0===h)return null;const v=((d-c)*(i-s)-(u-s)*(r-c))/h,f=((a-r)*(i-s)-(l-i)*(r-c))/h;return v<0||v>1||f<0||f>1?null:[r+v*(a-r),i+v*(l-i)]}},4059:(e,t,n)=>{function o(e,t,n,o,i,a){const l=r(e,n,i),c=r(t,o,a);let s,d;switch(n){case"top":case"bottom":switch(o){case"left":case"right":s={x:l.x,y:c.y};break;default:s={x:l.x,y:(l.y+c.y)/2},d={x:c.x,y:s.y}}break;default:switch(o){case"top":case"bottom":s={x:c.x,y:l.y};break;default:s={x:(l.x+c.x)/2,y:l.y},d={x:s.x,y:c.y}}}return[l,s,d,c].filter(Boolean)}function r(e,t,n){const{x:o,y:r,width:i,height:a}=e;switch(t){case"top":return{x:o-i/2+i*n,y:r-a/2};case"bottom":return{x:o-i/2+i*n,y:r+a/2};case"left":return{x:o-i/2,y:r-a/2+a*n};case"right":return{x:o+i/2,y:r-a/2+a*n}}}n.d(t,{o:()=>o})},733:(e,t,n)=>{function o(e,t,n,o){const i=n?r(e,n):e,a=o?r(t,o):t,l=Math.min(i.x-i.width/2,a.x-a.width/2),c=Math.max(i.x+i.width/2,a.x+a.width/2),s=Math.min(i.y-i.height/2,a.y-a.height/2),d=Math.max(i.y+i.height/2,a.y+a.height/2);return c-l<i.width+a.width&&d-s<i.height+a.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})},4932:(e,t,n)=>{n.d(t,{m:()=>T});var o=n(8769),r=n.n(o),i=n(3373),a=n.n(i),l=n(531),c=n(1030),s=n(3188),d=n(3033),u=n(8653),h=n(3239),v=n(693);function f(e,t){return e.find((e=>(0,l.o6)(e)&&e.id===t))}function m(e){var t,n;let{edge:i,cells:m,lineConfMap:g}=e;const p=(0,o.useRef)(null),w=(0,o.useMemo)((()=>f(m,i.source)),[m,i.source]),y=(0,o.useMemo)((()=>f(m,i.target)),[m,i.target]),x=(0,o.useMemo)((()=>({...g.get(i),...(0,c.omitBy)(i.view,((e,t)=>void 0===e||"$markerUrl"===t))})),[i,g]),k=(0,o.useMemo)((()=>m.some((e=>{var t;return(0,l.WW)(e)&&e.source===i.target&&e.target===i.source&&!(null!==(t=i.view)&&void 0!==t&&t.exitPosition&&i.view.entryPosition)}))?x.parallelGap:0),[m,i,x.parallelGap]),E=(0,o.useMemo)((()=>{var e;const t=w&&y&&null!=w.view.x&&null!=y.view.x?null!==(e=i.view)&&void 0!==e&&e.exitPosition&&i.view.entryPosition?(0,v.V)(w.view,y.view,i.view):(0,s.h)((0,h.T)(w.view,5),(0,h.T)(y.view,5),k):null,n="auto"===x.type?"polyline":x.type;return(0,u.S)(t,"curve"===n?x.curveType:"curveLinear",0,1)}),[i.view,x,k,w,y]);return E?r().createElement(r().Fragment,null,r().createElement("path",{d:E,fill:"none",stroke:"transparent",strokeWidth:x.interactStrokeWidth}),r().createElement("path",{ref:p,className:a()("line",{dashed:x.dashed,[(x.dashed?"dashed":"solid")+"-animation"]:x.animate.useAnimate}),style:{"--time":`${x.animate.duration??d.Be}s`,"--solid-length":null===(t=p.current)||void 0===t||null===(n=t.getTotalLength)||void 0===n?void 0:n.call(t)},d:E,fill:"none",stroke:x.strokeColor,strokeWidth:x.strokeWidth,markerStart:x.showStartArrow?x.$markerUrl:"",markerEnd:x.showEndArrow?x.$markerUrl:""}),r().createElement("path",{className:"line-active-bg",d:E,fill:"none"})):null}var g=n(564),p=n(3204),w=n(9126);function y(e){let{node:t,degraded:n,degradedNodeLabel:i,defaultNodeBricks:a,onResize:l}=e;const s=function(e){const[t,n]=(0,o.useState)(e);return(0,o.useEffect)((()=>{n((t=>(0,c.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),d=t.useBrick,u=(0,o.useRef)(null),h=(0,o.useMemo)((()=>{var e;return n?null:d??(null==a||null===(e=a.find((e=>(0,p.checkIfByTransform)(e,s))))||void 0===e?void 0:e.useBrick)}),[n,d,a,s]),v=(0,o.useMemo)((()=>n?String(p.__secret_internals.legacyDoTransform(s,i??"<% DATA.node.id %>")):""),[n,i,s]),f=(0,o.useCallback)((e=>{const n=u.current;n&&(n.disconnect(),u.current=null),e?setTimeout((()=>{const n=new w.A((()=>{l(t.id,[e.offsetWidth,e.offsetHeight])}));n.observe(e),u.current=n})):l(t.id,null)}),[t.id,l]),m=(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 h?r().createElement("foreignObject",{width:9999,height:9999,className:"node"},h&&r().createElement(g.ReactUseBrick,{useBrick:h,data:s,refCallback:f})):n?r().createElement("g",{className:"degraded",ref:m},r().createElement("circle",{cx:8,cy:8,r:8}),r().createElement("text",{x:8,y:32},v)):null}var x=n(9386),k=n(4197);function E(e,t){let{action:n,cell:o,scale:r,layout:i,layoutOptions:a,activeTarget:c,cells:s,onCellsMoving:u,onCellsMoved:h,onCellResizing:v,onCellResized:f,onSwitchActiveTarget:m}=t;e.stopPropagation(),"resize"!==n&&(0,k.Q)(o,c)||null==m||m((0,x.P)(o));const g="force"===i||"dagre"===i;if((0,l.WW)(o))return;const p=[],w="multi"===(null==c?void 0:c.type)&&"move"===n?s.filter((e=>(0,k.Q)(e,c))):[o];w.forEach((e=>{p.push(e),"move"===n&&(0,l.t2)(e)&&p.push(...s.filter((t=>(0,l.N)(t)&&t.containerId===e.id&&!w.includes(t))))}));const y=p.filter((e=>(0,l.N)(e)&&!g||(0,l.mH)(e)));if(0===y.length)return;const E=function(e){const t=e?!0===e?{grid:!0,object:!0}:e:null,n=null!=t&&t.grid?!0===t.grid?{}:t.grid:null,o=null!=t&&t.object?!0===t.object?{}:t.object:null;return{grid:n?{size:n.size??d.gx}:null,object:o?{distance:o.distance??d.ld}:null}}(null==a?void 0:a.snap),C=[e.clientX,e.clientY],z=y.map((e=>({cell:e,position:"move"===n?[e.view.x,e.view.y]:[e.view.width,e.view.height],center:"move"!==n||(0,l.WW)(e)?null:b(e.view)}))),M=z[0].position;let L=z.map((e=>{let{position:t}=e;return t})),A=[];if("move"===n&&E.object){const e=s.filter((e=>!(0,l.WW)(e)&&!p.includes(e)));A=e.map((e=>({cell:e,center:b(e.view)})))}let S=!1;const N=(e,t)=>{const i=function(e){return[(e.clientX-C[0])/r,(e.clientY-C[1])/r]}(e);let a,c,s,d,m;if(!E.grid&&!E.object||e.altKey)a=z.map((e=>{let{position:t}=e;return[t[0]+i[0],t[1]+i[1]]})),S||(S=i[0]**2+i[1]**2>=9);else{let e=1/0,t=1/0;const n=[...i];if(E.object){const o=E.object.distance;let r,a,l,u,h=0,v=0;for(const{cell:c,center:[s,f]}of A)for(const{cell:g,center:p}of z){const[w,y]=p,x=Math.abs(w+i[0]-s),k=Math.abs(y+i[1]-f),E=k<o&&k<t;x<o&&x<e&&(e=x,n[0]=s-w,d=g,l=c,r=[s,f],h=y),E&&(t=k,n[1]=f-y,m=g,u=c,a=[s,f],v=w)}if(l&&l===u){const e=l.view.height/2,t=l.view.width/2;c=[[r[0],r[1]-e],[r[0],r[1]+e]],s=[[a[0]-t,a[1]],[a[0]+t,a[1]]]}else r&&(c=[r,[r[0],h+n[1]]]),a&&(s=[a,[v+n[0],a[1]]])}if(E.grid){const o=E.grid.size,r=[Math.round((M[0]+i[0])/o)*o,Math.round((M[1]+i[1])/o)*o],a=[r[0]-M[0],r[1]-M[1]],l=Math.abs(a[0]-i[0]),u=Math.abs(a[1]-i[1]);l<e&&(e=l,n[0]=a[0],c=void 0,d=void 0),u<t&&(t=u,n[1]=a[1],s=void 0,m=void 0)}a=z.map((e=>{let{position:t}=e;return[Math.round(t[0]+n[0]),Math.round(t[1]+n[1])]})),(a[0][0]!==L[0][0]||a[0][1]!==L[0][1])&&(L=a,S=!0)}if(S)if("move"===n){var g;const e=z.map(((e,n)=>{let{cell:o}=e;return{type:o.type,id:o.id,x:a[n][0],y:a[n][1],width:o.view.width,height:o.view.height,decorator:(0,l.mH)(o)?o.decorator:void 0,guideLines:t?void 0:[...d===o?[c]:[],...m===o?[s]:[]]}}));null===(g=t?h:u)||void 0===g||g(e)}else{var p;null===(p=t?f:v)||void 0===p||p({type:o.type,id:o.id,width:a[0][0],height:a[0][1]})}},P=e=>{N(e)},T=e=>{N(e,!0),S=!1,document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",T)};document.addEventListener("mousemove",P),document.addEventListener("mouseup",T)}function b(e){return[e.x+e.width/2,e.y+e.height/2]}function C(e){let{cell:t,transform:n,readOnly:i,layoutOptions:a,activeTarget:l,cells:c,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:u}=e;const h=r().useRef(null);return(0,o.useEffect)((()=>{const e=h.current;if(!e||i)return;const o=e=>{E(e,{action:"resize",cell:t,scale:n.k,layoutOptions:a,activeTarget:l,cells:c,onCellResizing:s,onCellResized:d,onSwitchActiveTarget:u})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[l,t,c,a,d,s,u,i,n.k]),r().createElement("g",{className:"decorator-area"},r().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!i&&r().createElement("g",{ref:h,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 z(e){let{cell:t,readOnly:n,onDecoratorTextEditing:i,onDecoratorTextChange:l}=e;const c=t.view.text??"",[s,d]=(0,o.useState)(c),[u,h]=(0,o.useState)(!1),v=(0,o.useRef)(!1),[f,m]=(0,o.useState)(!1),g=(0,o.useRef)(null),p=(0,o.useCallback)((e=>{n||(e.preventDefault(),e.stopPropagation(),h(!0))}),[n]);(0,o.useEffect)((()=>{const e=g.current;e&&e.textContent!==s&&(e.textContent=s)}),[s]),(0,o.useEffect)((()=>{var e;const n=null===(e=g.current)||void 0===e?void 0:e.parentElement;n&&(t.view.width=n.clientWidth,t.view.height=n.clientHeight)}),[s,t.id]),(0,o.useEffect)((()=>{u&&g.current&&(g.current.focus(),M(g.current)),null==i||i({id:t.id,editing:u})}),[t.id,u,i]),(0,o.useEffect)((()=>{v.current?null==i||i({id:t.id,editing:u}):v.current=!0}),[t.id,u,i]);const w=(0,o.useCallback)((e=>{n||d(e.target.textContent)}),[n]),y=(0,o.useCallback)((()=>{n||(h(!1),m(!0))}),[n]);return(0,o.useEffect)((()=>{f&&(null==l||l({id:t.id,view:{...t.view,text:s}}),m(!1))}),[t,s,l,f]),r().createElement("foreignObject",{className:"decorator-text"},r().createElement("div",{className:a()("text-container",{editing:u}),onDoubleClick:p},r().createElement("div",{className:"text",contentEditable:u,ref:g,onInput:w,onBlur:y})))}function M(e){const t=document.createRange();t.selectNodeContents(e);const n=window.getSelection();n.removeAllRanges(),n.addRange(t)}var L=n(9068);function A(e){let{cell:t,transform:n,readOnly:i,layout:s,view:d,activeTarget:u,cells:h,onCellResizing:v,onCellResized:f,onSwitchActiveTarget:m,onDecoratorTextEditing:g,onDecoratorTextChange:p}=e;const w=(0,c.get)(t.view,"text",""),y=(0,c.get)(t.view,"direction","top"),x=(0,o.useRef)(null),k=r().useRef(null),[b,C]=(0,o.useState)(!1),[z,A]=(0,o.useState)(w),[S,N]=(0,o.useState)(!1),[P,T]=(0,o.useState)(),[R,I]=(0,o.useState)({x:0,y:0,width:t.view.width,height:t.view.height}),W=(0,o.useCallback)((e=>{i||(e.preventDefault(),e.stopPropagation(),C(!0))}),[i]),H=(0,o.useCallback)((e=>{i||A(e.target.textContent)}),[i]),D=(0,o.useCallback)((()=>{i||(C(!1),N(!0),T((0,L.uuidV4)()))}),[i]);return(0,o.useEffect)((()=>{A(w)}),[w]),(0,o.useEffect)((()=>{const e=x.current;e&&e.textContent!==z&&(e.textContent=z)}),[z]),(0,o.useEffect)((()=>{var e;const t=null===(e=x.current)||void 0===e?void 0:e.parentElement;if(t){const{clientWidth:e,clientHeight:n}=t;if(["left","right"].includes(y)){const t={width:e,height:d.height,x:"left"===y?-e:d.width,y:0};I(t)}else{const e={width:d.width,height:n,x:0,y:"top"===y?-n:d.height};I(e)}}}),[d,z,y,P]),(0,o.useEffect)((()=>{b&&x.current&&(x.current.focus(),M(x.current)),null==g||g({id:t.id,editing:b})}),[t.id,b,g]),(0,o.useEffect)((()=>{S&&(null==p||p({id:t.id,view:{...d,text:z}}),N(!1))}),[t,d,z,p,S]),(0,o.useEffect)((()=>{const e=k.current;if(!e||i)return;const o=e=>{E(e,{action:"resize",cell:t,scale:n.k,activeTarget:u,cells:h,onCellResizing:v,onCellResized:f,onSwitchActiveTarget:m})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[u,t,h,f,v,m,i,n.k]),r().createElement("g",{className:"decorator-container"},r().createElement("foreignObject",R,r().createElement("div",{className:a()("text-container",{editing:b,[["left","right"].includes(y)?"vertical":"horizontal"]:!0}),onDoubleClick:W},r().createElement("div",{className:"text",contentEditable:b,ref:x,onInput:H,onBlur:D}))),r().createElement("rect",{width:d.width,height:d.height,className:"container"}),!i&&!(0,l.OD)(s)&&r().createElement("g",{ref:k,className:"resize-handle",transform:`translate(${d.width-20} ${d.height-20})`},r().createElement("rect",{width:20,height:20}),r().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}function S(e){let t,{cell:n,view:o,transform:i,readOnly:a,layout:l,layoutOptions:c,activeTarget:s,cells:d,onCellResizing:u,onCellResized:h,onSwitchActiveTarget:v,onDecoratorTextEditing:f,onDecoratorTextChange:m}=e;switch(n.decorator){case"container":t=A;break;case"area":t=C;break;case"text":t=z;break;default:return console.error(`Unknown decorator: ${n.decorator}`),null}return r().createElement(t,{cell:n,view:o,transform:i,readOnly:a,layout:l,layoutOptions:c,activeTarget:s,cells:d,onCellResizing:u,onCellResized:h,onSwitchActiveTarget:v,onDecoratorTextEditing:f,onDecoratorTextChange:m})}var N=n(8185);function P(e){let t=1/0,n=1/0,o=-1/0,r=-1/0;return e.forEach((e=>{const{x:i,y:a,width:l,height:c}=e.view;i<t&&(t=i),a<n&&(n=a),i+l>o&&(o=i+l),a+c>r&&(r=a+c)})),[t,o,n,r].some((e=>isFinite(e)))?{x:t-20,y:n-20,width:o-t+40,height:r-n+40}:{}}function T(e){let{layout:t,layoutOptions:n,cell:i,cells:s,degraded:d,degradedNodeLabel:u,defaultNodeBricks:h,lineConfMap:v,activeTarget:f,dragNodeToContainerActive:g,readOnly:p,transform:w,unrelatedCells:b,onCellsMoving:C,onCellsMoved:z,onCellResizing:M,onCellResized:L,onSwitchActiveTarget:A,onCellContextMenu:T,onCellClick:R,onDecoratorTextEditing:I,onDecoratorTextChange:W,onNodeBrickResize:H,onCellMouseEnter:D,onCellMouseLeave:B}=e;const O=(0,o.useRef)(null),V=(0,o.useMemo)((()=>b.some((e=>(0,N.c)(e,i)))),[i,b]),j=(0,o.useMemo)((()=>{if((0,l.t2)(i)&&(0,l.OD)(t)){const e=s.filter((e=>(0,l.N)(e)&&e.containerId===i.id)),t={...i.view,...P(e)};return i.view=t,t}return(0,l.WW)(i)?void 0:(0,c.get)(i,"view",{x:0,y:0,width:0,height:0})}),[t,i,s]);(0,o.useEffect)((()=>{const e=O.current;if(!e)return;const o=e=>{p||(0,l.t2)(i)&&(0,l.OD)(t)?e.stopPropagation():E(e,{layout:t,layoutOptions:n,action:"move",cell:i,scale:w.k,activeTarget:f,cells:s,onCellsMoving:C,onCellsMoved:z,onSwitchActiveTarget:A})};return e.addEventListener("mousedown",o),()=>{e.removeEventListener("mousedown",o)}}),[t,n,i,f,s,z,C,A,p,w.k]);const Y=(0,o.useCallback)((e=>{p&&"decorator"===i.type||(e.preventDefault(),A((0,x.P)(i)),T({cell:i,clientX:e.clientX,clientY:e.clientY}))}),[i,T,A,p]),X=(0,o.useCallback)((e=>{R&&"decorator"!==i.type&&R({cell:i,clientX:e.clientX,clientY:e.clientY})}),[i,R]),$=(0,o.useCallback)((()=>{null==D||D(i)}),[i,D]),U=(0,o.useCallback)((()=>{null==B||B(i)}),[i,B]);return r().createElement("g",{className:a()("cell",{active:(0,k.Q)(i,f),faded:V,"read-only":p,"container-active":g}),ref:O,transform:"edge"===i.type||null==i.view.x?void 0:`translate(${j.x} ${j.y})`,onContextMenu:Y,onClick:X,onMouseEnter:$,onMouseLeave:U},(0,l.N)(i)?r().createElement(y,{node:i,degraded:d,degradedNodeLabel:u,defaultNodeBricks:h,onResize:H}):(0,l.WW)(i)?r().createElement(m,{edge:i,cells:s,lineConfMap:v}):(0,l.mH)(i)?r().createElement(S,{cell:i,view:j,transform:w,readOnly:p,layout:t,layoutOptions:n,activeTarget:f,cells:s,onCellResizing:M,onCellResized:L,onSwitchActiveTarget:A,onDecoratorTextEditing:I,onDecoratorTextChange:W}):null)}},3639:(e,t,n)=>{n.d(t,{w:()=>l});var o=n(8769),r=n.n(o),i=n(3373),a=n.n(i);function l(e){let{connectLineState:t,transform:n,markerEnd:i,onConnect:l}=e;const[c,s]=(0,o.useState)(null);return(0,o.useEffect)((()=>{t&&s(t.from)}),[t]),(0,o.useEffect)((()=>{if(t){const e=e=>{s([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},o=e=>{e.stopPropagation()},r=e=>{e.stopPropagation(),i(),l(t,[(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",o,{capture:!0}),document.removeEventListener("click",r,{capture:!0}),s(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",o,{capture:!0}),document.addEventListener("click",r,{capture:!0}),i}}),[t,l,n]),r().createElement("path",{className:a()("connect-line",{connecting:!!t&&c&&(c[0]-t.from[0])**2+(c[1]-t.from[1])**2>25}),d:t&&c?`M${t.from.join(" ")}L${c.join(" ")}`:"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:`url(#${i})`})}},9978:(e,t,n)=>{n.d(t,{H:()=>i,s:()=>a});var o=n(8769),r=n.n(o);const i=r().createContext({rootRef:{current:null},smartConnectLineState:null,unsetHoverStateTimeoutRef:{current:null},hoverState:null,setHoverState:()=>{},setSmartConnectLineState:()=>{}});function a(){return r().useContext(i)}},2722:(e,t,n)=>{n.d(t,{T:()=>u});var o=n(8769),r=n.n(o),i=n(9978),a=n(4197);const l="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1cHgiIGhlaWdodD0iNXB4IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2Utd2lkdGg9IjIiIHN0eWxlPSJzdHJva2Utb3BhY2l0eTowLjQiIHN0cm9rZT0iI2ZmZmZmZiIvPjxwYXRoIGQ9Im0gMCAwIEwgNSA1IE0gMCA1IEwgNSAwIiBzdHJva2U9IiMyOWI2ZjIiLz48L3N2Zz4=",c=5,s=8,d=c/2;function u(e){let{activeTarget:t,transform:n,smartConnectLineState:l,disabled:c}=e;const{unsetHoverStateTimeoutRef:d,hoverState:u,setHoverState:v}=(0,i.s)(),f=(0,o.useCallback)((()=>{null!==d.current&&(clearTimeout(d.current),d.current=null)}),[d]),m=(0,o.useCallback)((()=>{f(),v((e=>void 0===(null==e?void 0:e.activePointIndex)?e:{...u,activePointIndex:void 0}))}),[u,v,f]),g=(0,o.useCallback)((()=>{d.current=setTimeout((()=>{v(null)}))}),[v,d]),p=!c&&u&&(!!l||!(0,a.Q)(u.cell,t)),w=(0,o.useMemo)((()=>p?u.points.map((e=>({x:e.x*n.k+n.x,y:e.y*n.k+n.y}))):null),[p,null==u?void 0:u.points,n]);return r().createElement("g",{onMouseEnter:m,onMouseLeave:g},p&&r().createElement(r().Fragment,null,r().createElement("rect",{x:u.cell.view.x,y:u.cell.view.y,width:u.cell.view.width,height:u.cell.view.height,fill:"none",stroke:"transparent",strokeWidth:2*s,pointerEvents:"stroke"}),r().createElement("rect",{x:u.cell.view.x,y:u.cell.view.y,width:u.cell.view.width,height:u.cell.view.height,fill:"none",stroke:"transparent"}),void 0!==(null==u?void 0:u.activePointIndex)&&r().createElement("circle",{cx:w[u.activePointIndex].x,cy:w[u.activePointIndex].y,r:s,fill:"lightgreen",fillOpacity:.5,pointerEvents:"none"}),w.map(((e,t)=>r().createElement(h,{key:t,index:t,point:e,unsetTimeout:f,unsetActivePointIndex:m})))))}function h(e){let{index:t,point:n,unsetTimeout:a,unsetActivePointIndex:u}=e;const{rootRef:h,smartConnectLineState:v,hoverState:f,setHoverState:m,setSmartConnectLineState:g,onConnect:p}=(0,i.s)(),w=(0,o.useRef)(null);return(0,o.useEffect)((()=>{const e=()=>{a(),m({...f,activePointIndex:t})},n=w.current;return null==n||n.addEventListener("mouseenter",e),()=>{null==n||n.removeEventListener("mouseenter",e)}}),[f,t,m,a]),(0,o.useEffect)((()=>{const e=e=>{e.preventDefault(),e.stopPropagation();const n=h.current.getBoundingClientRect(),o=f.points[t];g({source:f.cell,from:[o.x,o.y],offset:[n.left,n.top],exitPosition:f.relativePoints[t]})},n=w.current;return null==n||n.addEventListener("mousedown",e),()=>{null==n||n.removeEventListener("mousedown",e)}}),[f,t,h,g]),(0,o.useEffect)((()=>{const e=e=>{e.preventDefault(),e.stopPropagation(),v&&(v.source!==(null==f?void 0:f.cell)&&(null==p||p(v.source,f.cell,v.exitPosition,f.relativePoints[f.activePointIndex])),g(null))},t=w.current;return null==t||t.addEventListener("mouseup",e),()=>{null==t||t.removeEventListener("mouseup",e)}}),[v,f,p,g]),(0,o.useEffect)((()=>{const e=w.current;return null==e||e.addEventListener("mouseleave",u),()=>{null==e||e.removeEventListener("mouseleave",u)}}),[u]),r().createElement("g",{ref:w},r().createElement("circle",{cx:n.x,cy:n.y,r:s,fill:"transparent"}),r().createElement("image",{x:n.x-d,y:n.y-d,width:c,height:c,xlinkHref:l,preserveAspectRatio:"none"}))}},1103:(e,t,n)=>{n.d(t,{X:()=>d});var o=n(8769),r=n.n(o),i=n(3373),a=n.n(i),l=n(8653),c=n(9978),s=n(693);function d(e){let{smartConnectLineState:t,transform:n,options:i}=e;const[d,u]=(0,o.useState)(null),{hoverState:h,setSmartConnectLineState:v}=(0,c.s)();(0,o.useEffect)((()=>{if(t)return document.addEventListener("mousemove",e),document.addEventListener("mouseup",o),r;function e(e){u([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])}function o(e){e.preventDefault(),r()}function r(){document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",o),u(null),v(null)}}),[v,t,n]);const f=(0,o.useMemo)((()=>{const e="auto"===i.type?"polyline":i.type,n=function(e,t,n){if(!e||!t&&void 0===(null==n?void 0:n.activePointIndex))return null;const o=e.source.view;if(void 0!==(null==n?void 0:n.activePointIndex))return(0,s.V)(o,n.cell.view,{exitPosition:e.exitPosition,entryPosition:n.relativePoints[n.activePointIndex]});const[r,i]=t;return i<o.y?(0,s.V)(o,{x:r,y:i,width:0,height:0},{exitPosition:e.exitPosition,entryPosition:{x:.5,y:1}}):i>o.y+o.height?(0,s.V)(o,{x:r,y:i,width:0,height:0},{exitPosition:e.exitPosition,entryPosition:{x:.5,y:0}}):r<o.x?(0,s.V)(o,{x:r,y:i,width:0,height:0},{exitPosition:e.exitPosition,entryPosition:{x:1,y:.5}}):(0,s.V)(o,{x:r,y:i,width:0,height:0},{exitPosition:e.exitPosition,entryPosition:{x:0,y:.5}})}(t,d,h);return(0,l.S)(n,"curve"===e?i.curveType:"curveLinear",0,1)}),[d,h,t,i]);return r().createElement("path",{className:a()("connect-line",{connecting:!(!t||!d)}),d:f,fill:"none",stroke:i.strokeColor,strokeWidth:i.strokeWidth,markerStart:i.showStartArrow?i.$markerUrl:"",markerEnd:i.showEndArrow?i.$markerUrl:""})}},3033:(e,t,n)=>{n.d(t,{Be:()=>g,CV:()=>o,HP:()=>i,Ie:()=>v,N8:()=>l,Ub:()=>m,VO:()=>h,XV:()=>f,Yt:()=>d,gx:()=>w,ld:()=>y,mF:()=>u,pC:()=>p,sS:()=>s,sz:()=>a,w1:()=>c,xc:()=>r});const o=Symbol.for("size-initialized"),r=Symbol.for("layout-initialized"),i=20,a=36,l=180,c=120,s=.5,d=2,u="gray",h=1,v=15,f=!1,m=!0,g=1,p=500,w=10,y=5},531:(e,t,n)=>{function o(e){return"node"===e.type}function r(e){return"decorator"===e.type}function i(e){return"node"===e.type}function a(e){return"edge"===e.type}function l(e){return"node"===e.type||"edge"===e.type}function c(e){return"node"===e.type||"decorator"===e.type&&"area"===e.decorator}function s(e){return"decorator"===e.type&&"text"===e.decorator}function d(e){return"decorator"===e.type&&"container"===e.decorator}function u(e){return!["manual",void 0].includes(e)}n.d(t,{Hs:()=>s,N:()=>o,OD:()=>u,WW:()=>a,mH:()=>r,nv:()=>l,o6:()=>c,t2:()=>d,vC:()=>i})},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 i=[];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)&&i.push(t);break;case"decorator":r&&"text"!=t.decorator&&!n.has(t.id)||i.push(t);break;default:i.push(t)}}else switch(null==n?void 0:n.type){case"multi":{const t=new Map,r=new Set,a=new Set;for(const e of n.targets)"node"===e.type&&(r.add(e.id),a.add(e.id));for(const l of e)"node"===l.type?t.set(l.id,l):"edge"===l.type?r.has(l.source)?a.add(l.target):r.has(l.target)?a.add(l.source):(0,o.Q)(l,n)||i.push(l):(0,o.Q)(l,n)||i.push(l);for(const[e,n]of t)a.has(e)||i.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):i.push(r):i.push(r);for(const[e,n]of t)o.has(e)||i.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))||i.push(t)}return i}},5114:(e,t,n)=>{n.d(t,{a:()=>r});var o=n(4197);function r(e,t){let{cells:n,activeTarget:r}=t;const i=n.filter((e=>(0,o.Q)(e,r)));if(0!==i.length)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cells",cells:i}}}},2219:(e,t,n)=>{function o(e,t){let{transform:n,offset:o,onLassoing:r,onLassoed:i}=t;if(e.ctrlKey||e.button)return;e.stopPropagation();const a=[e.clientX,e.clientY],l=(e.clientX-o[0]-n.x)/n.k,c=(e.clientY-o[1]-n.y)/n.k;let s=!1;const d=(e,t)=>{const o=function(e){return[(e.clientX-a[0])/n.k,(e.clientY-a[1])/n.k]}(e);if(s||(s=o[0]**2+o[1]**2>=9),s){let[e,n]=o,a=l,s=c;e<0&&(a=l+e,e=-e),n<0&&(s=c+n,n=-n),(t?i:r)({x:a,y:s,width:e,height:n})}},u=e=>{d(e)},h=e=>{d(e,!0),s=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",h)}n.d(t,{F:()=>o})},1991:(e,t,n)=>{n.d(t,{_:()=>r});var o=n(531);function r(e,t,n){const r=t.filter((e=>(0,o.N)(e))),i=e.filter((e=>(0,o.t2)(e))).map((e=>e.id)),a=e.filter((e=>{const t=r.find((t=>t.id===e.id)),n=(null==t?void 0:t.containerId)&&i.includes(t.containerId);return(0,o.N)(e)&&!n}));a.forEach((e=>{const n=e.x,r=e.x+e.width,i=e.y,a=e.y+e.height,l=t.filter((e=>(0,o.t2)(e)));for(const t of l){const o=t.view.x,l=t.view.x+t.view.width,c=t.view.y,s=t.view.y+t.view.height;if(n>=o&&r<=l&&i>=c&&a<=s){e.containerCell=t;break}}}));let l=[];return l=a.filter((e=>{var t;const n=r.find((t=>t.id===e.id));return(null==n?void 0:n.containerId)!==(null===(t=e.containerCell)||void 0===t?void 0:t.id)})),l.length>0&&(null==n||n(l)),l}},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)))}},908:(e,t,n)=>{n.d(t,{r:()=>r});var o=n(531);function r(e,t){let{canvasWidth:n,canvasHeight:r,scaleRange:i}=t,a=1/0,l=1/0,c=-1/0,s=-1/0,d=!0;for(const t of e)if(!(0,o.WW)(t)){d=!1;const{view:e}=t,n=e.x+e.width,o=e.y+e.height;e.x<a&&(a=e.x),n>c&&(c=n),e.y<l&&(l=e.y),o>s&&(s=o)}const u=c-a,h=s-l,v=i&&!d&&(u>n||h>r)?Math.max(Math.min(n/u,r/h,i[1]),i[0]):1;return{x:d?0:(n-u*v)/2-a*v,y:d?0:(r-h*v)/2-l*v,k:v}}},2098:(e,t,n)=>{n.d(t,{L:()=>u});var o=n(1030),r=n(3033),i=n(531),a=n(3783),l=n(908),c=n(6170),s=n(9127),d=n(8185);function u(e){let{cells:t,layout:n,previousCells:u,defaultNodeSize:h,canvasWidth:v,canvasHeight:f,scaleRange:m,transform:g,reason:p,parent:w,allowEdgeToArea:y}=e;const x="force"!==n&&"dagre"!==n,k=(0,a.C)(t,{defaultNodeSize:h}),E=[];let b=!1;const C=new Map;let z=!1;for(const e of u)(0,i.mH)(e)?z=!0:(0,i.N)(e)&&(z=!0,e[r.CV]&&C.set(e.id,e));const M=new Map;for(const e of k)if((0,i.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 L=!1;if("add-related-nodes"===p&&w){const e=new Set;for(const t of k)(0,i.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(L=!0,x)for(const t of k)((0,i.N)(t)&&void 0===t.view.x||(0,i.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):E.push(e);if(E.length>0&&x){let e,n;if(o)e=o.view.x+o.view.width+r.sz,n=o.view.y;else{const o=E.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 E)t.view.x=e,t.view.y=n,e+=t.view.width+r.sz}}}if(!L){let e=h[0],t=h[1];const n=[];let r=!1;for(const o of k)(0,i.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?E.push(o):n.push(o)):(0,i.mH)(o)&&(r=!0);if(x){let e;z||(g=(0,l.r)((0,o.without)(k,...E),{canvasWidth:v,canvasHeight:f,scaleRange:m})),0===n.length||1===n.length&&!r?(E.push(...n),({getNodeView:e}=(0,s.C)({cells:k,allowEdgeToArea:y})),b=0===u.length||u.length===k.length&&u.every(((e,t)=>(0,d.c)(e,k[t])))):({getNodeView:e}=(0,c.k)({cells:k,fixedPosition:!0,allowEdgeToArea:y,center:[(v/2-g.x)/g.k,(f/2-g.y)/g.k]}));for(const t of k)if((0,i.N)(t)){const n=e(t.id);t.view.x=n.x,t.view.y=n.y}}}return{cells:k,updated:E,shouldReCenter:b}}},5748:(e,t,n)=>{n.d(t,{d:()=>a});var o=n(531),r=n(3033);function i(e,t,n){const o=e.findLastIndex(n)+1;return[...e.slice(0,o),t,...e.slice(o)]}const a=(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":{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 i(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:i}=t.payload,a=e.findIndex((e=>e.type===n&&e.id===o));if(-1!==a){const t=e[a];return[...e.slice(0,a),{...t,view:{...t.view,width:r,height:i}},...e.slice(a+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:()=>f});var o=n(8769),r=n.n(o),i=n(2588),a=n(6768),l=n(6308),c=n(6257),s=n(564),d=n(9575);const u=e=>o.createElement("svg",(0,d.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,d.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"})),v=e=>o.createElement("svg",(0,d.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 f(e){let{shadowRoot:t,scale:n,scaleRange:d,onZoomChange:f,onReCenter:m}=e;const g=(0,s.useCurrentTheme)(),p=(0,o.useMemo)((()=>(0,c.VC)()),[]),w=(0,o.useRef)(null),y=100*d[0],x=100*d[1],k=100*n,E=(0,o.useMemo)((()=>({formatter:e=>`${e}%`,placement:"left",getPopupContainer:()=>w.current})),[]),b=(0,o.useCallback)((()=>{f(Math.min(k+5,x))}),[x,f,k]),C=(0,o.useCallback)((()=>{f(Math.max(k-5,y))}),[y,f,k]);return r().createElement(i.Ay,{theme:{algorithm:"dark-v2"===g?a.A.darkAlgorithm:a.A.defaultAlgorithm}},r().createElement(c.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},r().createElement("div",{className:"zoom-bar",ref:w},r().createElement("div",{className:"center-button",onClick:m,role:"button"},r().createElement(u,null)),r().createElement("div",{className:"zoom-slider"},r().createElement("div",{className:"zoom-button",role:"button",onClick:b},r().createElement(h,null)),r().createElement(l.A,{min:y,max:x,value:k,step:5,vertical:!0,included:!1,tooltip:E,onChange:f}),r().createElement("div",{className:"zoom-button",role:"button",onClick:C},r().createElement(v,null))))))}},9127:(e,t,n)=>{n.d(t,{C:()=>c});var o=n(1030),r=n(7586),i=n.n(r),a=n(8802),l=n(531);function c(e){let{cells:t,layoutOptions:n,allowEdgeToArea:r}=e;const{nodePadding:c,...s}={nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,...(0,o.pick)(n,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])},d=(0,a.D)(c);if(!t.some(l.N))return{getNodeView:()=>null,nodePaddings:d};const u=new(i().graphlib.Graph);u.setGraph(s),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+d[1]+d[3],height:e.view.height+d[0]+d[2]}):(0,l.WW)(e)&&u.setEdge(e.source,e.target);return i().layout(u),{getNodeView:e=>u.node(e),nodePaddings:d}}},6170:(e,t,n)=>{n.d(t,{k:()=>h});var o=n(1030),r=n(6149),i=n(4842),a=n(1945),l=n(9418),c=n(3854),s=n(7931),d=n(531),u=n(8802);function h(e){let{cells:t,layoutOptions:n,center:h,fixedPosition:v,allowEdgeToArea:f}=e;const{nodePadding:m,collide:g}={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)(m),w=[],y=[],x=new Map;for(const e of t)if(f&&(0,d.o6)(e)||(0,d.N)(e)){const t={id:e.id,width:e.view.width+p[1]+p[3],height:e.view.height+p[0]+p[2],...v?{fx:e.view.x,fy:e.view.y}:null};w.push(t),x.set(t.id,t)}else(0,d.WW)(e)&&y.push({source:e.source,target:e.target});const k=(0,r.A)(y).id((e=>e.id)),E=(0,i.A)(w).force("link",k).force("x",(0,a.A)(null==h?void 0:h[0])).force("y",(0,l.A)(null==h?void 0:h[1])).force("charge",(0,c.A)());return g&&E.force("collide",(0,s.A)().radius((e=>Math.sqrt(e.width**2+e.height**2)/2+g.radiusDiff)).strength(g.strength).iterations(g.iterations)),E.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(E),{getNodeView:e=>x.get(e),nodePaddings:p}}},693:(e,t,n)=>{n.d(t,{V:()=>c});var o=n(1030),r=n(8875),i=n(4059),a=n(3239);const l=["right","top","left","bottom"];function c(e,t,n){var c,s;let{exitPosition:d,entryPosition:u}=n;const h=(0,r.G)(),v=(null===(c=h.find((e=>e.x===d.x&&e.y===d.y)))||void 0===c?void 0:c.d)??l,f=(null===(s=h.find((e=>e.x===u.x&&e.y===u.y)))||void 0===s?void 0:s.d)??l,m=[...v],g=[...f],p=e.x+d.x*e.width,w=e.y+d.y*e.height,y=t.x+u.x*t.width,x=t.y+u.y*t.height;p<y?((0,o.pull)(m,"left"),(0,o.pull)(g,"right")):((0,o.pull)(m,"right"),(0,o.pull)(g,"left")),w<x?((0,o.pull)(m,"top"),(0,o.pull)(g,"bottom")):((0,o.pull)(m,"bottom"),(0,o.pull)(g,"top"));const k=m[0]??v[0],E=g[0]??f[0],b="left"===k||"right"===k?d.y:d.x,C="left"===E||"right"===E?u.y:u.x;return(0,i.o)((0,a.T)(e,0),(0,a.T)(t,0),k,E,b,C)}},3239:(e,t,n)=>{function o(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}n.d(t,{T:()=>o})},8875:(e,t,n)=>{n.d(t,{G:()=>r});const o=[{x:0,y:0,d:["top","left"]},{x:.5,y:0,d:["top"]},{x:1,y:0,d:["top","right"]},{x:0,y:.5,d:["left"]},{x:1,y:.5,d:["right"]},{x:0,y:1,d:["bottom","left"]},{x:.5,y:1,d:["bottom"]},{x:1,y:1,d:["bottom","right"]}];function r(){return o}},1819:(e,t,n)=>{n.d(t,{J:()=>i});var o=n(8769),r=n(8185);function i(e){let{cellsRef:t,activeTarget:n,onActiveTargetChange:i}=e;const a=n??null,[l,c]=(0,o.useState)(a);(0,o.useEffect)((()=>{c((e=>(0,r.c)(e,a)?e:a))}),[a]);const s=(0,o.useRef)(!1);return(0,o.useEffect)((()=>{s.current?i(l):s.current=!0}),[l,i]),(0,o.useEffect)((()=>{if(!l)return;const e=e=>{e.composedPath().indexOf(t.current)<=0&&c(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[l,t]),l}},1484:(e,t,n)=>{n.d(t,{g:()=>v});var o=n(8769),r=n(7566),i=n(9047),a=n(3033),l=n(531),c=n(908),s=n(6170),d=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 v(e){let{layout:t,layoutOptions:n,rootRef:u,cells:v,zoomable:f,zoomer:m,scaleRange:g,layoutKey:p,allowEdgeToArea:w,dispatch:y}=e;const[x,k]=(0,o.useState)("force"!==t&&"dagre"!==t),E=(0,o.useRef)(p),b=(0,o.useCallback)((()=>++E.current),[]),[C,z]=function(e){let{rootRef:t,cells:n,layoutInitialized:s,zoomable:d,zoomer:u,scaleRange:h}=e;const[v,f]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{const e=t.current;if(!e||!s||v||!n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||n.some((e=>(0,l.N)(e)&&!e[a.CV])))return;const{k:o,x:m,y:g}=(0,c.r)(n,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:d?h:void 0});u.transform((0,r.A)(e),new i.uV(o,m,g)),f(!0)}),[n,v,s,t,h,d,u]),(0,o.useEffect)((()=>{n.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||f(!1)}),[n]),[v,f]}({rootRef:u,layoutInitialized:x,cells:v,zoomable:f,zoomer:m,scaleRange:g}),M=(0,o.useRef)(null);return(0,o.useEffect)((()=>{if(v.some((e=>(0,l.N)(e)&&!e[a.CV]))||0===v.length)return;if("force"!==t&&"dagre"!==t)return void k(!0);if(E.current!==p||(e=M.current,o=v.filter(l.nv),(null==e?void 0:e.length)===o.length&&e.every(((e,t)=>e===o[t]))))return;var e,o;let r,i;({getNodeView:r,nodePaddings:i}="force"===t?(0,s.k)({cells:v,layoutOptions:n,allowEdgeToArea:w}):(0,d.C)({cells:v,layoutOptions:n,allowEdgeToArea:w}));const c=function(e){const t=e??[.5,.5];return[h(t[0],"x"),h(t[1],"y")]}(null==n?void 0:n.alignOrigin),u=v.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*c[0]+i[3],y:t.y-t.height*c[1]+i[0]},[a.xc]:!0}}return e}));M.current=u.filter(l.nv),y({type:"update-cells",payload:u}),k(!0)}),[v,y,t,p,n]),{centered:C,setCentered:z,getNextLayoutKey:b}}},7531:(e,t,n)=>{n.d(t,{d:()=>c});var o=n(8769),r=n(3204),i=n(1030),a=n(531),l=n(3033);function c(e){let{cells:t,defaultEdgeLines:n,markerPrefix:c,lineConnector:u}=e;return(0,o.useMemo)((()=>{const e=[{strokeColor:l.mF}];let o=null;if(u){o={...d(),...(0,i.omitBy)(!0===u?{}:u,i.isUndefined)};const t=s({strokeColor:o.strokeColor},e);o.$markerUrl=`url(#${c}${t})`}const h=new WeakMap;for(const o of t)if((0,a.WW)(o)){const t=r.__secret_internals.legacyDoTransform({edge:o},null==n?void 0:n.find((e=>(0,r.checkIfByTransform)(e,{edge:o}))))??{},a={...d(),...(0,i.omitBy)(t,i.isUndefined),...(0,i.omitBy)(o.view,i.isUndefined)};void 0===a.parallelGap&&(a.parallelGap=a.interactStrokeWidth);const l=s({strokeColor:a.strokeColor},e);a.$markerUrl=`url(#${c}${l})`,h.set(o,a)}return{lineConfMap:h,lineConnectorConf:o,markers:e}}),[t,n,u,c])}function s(e,t){let n=(0,i.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}function d(){return{type:"auto",dashed:!1,strokeColor:l.mF,strokeWidth:l.VO,interactStrokeWidth:l.Ie,showStartArrow:l.XV,showEndArrow:l.Ub,animate:{useAnimate:!1,duration:l.Be}}}},8197:(e,t,n)=>{n.d(t,{H:()=>a});var o=n(8769),r=n(531),i=n(3033);function a(e){let{cells:t,layout:n,centered:a}=e;return(0,o.useMemo)((()=>a&&t.every((e=>!(0,r.N)(e)||e[i.CV]&&("force"!==n&&"dagre"!==n||e[i.xc])))),[t,a,n])}},8091:(e,t,n)=>{n.d(t,{f:()=>l});var o=n(8769),r=n(7566),i=n(9047),a=n(3033);function l(e){let{rootRef:t,zoomable:n,scrollable:l,pannable:c,draggable:s,ctrlDraggable:d,scaleRange:u,onSwitchActiveTarget:h}=e;const[v,f]=(0,o.useState)(!1),[m,g]=(0,o.useState)({k:1,x:0,y:0}),p=(0,o.useMemo)((()=>u??[a.sS,a.Yt]),[u]),w=(0,o.useMemo)((()=>(0,i.s_)()),[]);return(0,o.useEffect)((()=>{let e=!1;w.scaleExtent(n?p:[1,1]).on("start",(()=>{e=!1,f(!0)})).on("zoom",(t=>{e=!0,g(t.transform)})).on("end",(()=>{f(!1),e||null==h||h(null)})).filter((e=>("wheel"===e.type||(d?s||e.ctrlKey:!e.ctrlKey))&&!e.button))}),[h,p,n,w,d,s]),(0,o.useEffect)((()=>{if(d){const e=e=>{e.ctrlKey&&e.preventDefault()};return document.addEventListener("contextmenu",e,!0),()=>{document.removeEventListener("contextmenu",e,!0)}}}),[d]),(0,o.useEffect)((()=>{const e=t.current;if(!e)return;const o=(0,r.A)(e),i=()=>{o.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(n||l||c)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),(s||d)&&c||o.on("mousedown.zoom",null),c||o.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),i;i()}),[d,s,c,t,l,n,w]),{grabbing:v,transform:m,zoomer:w,scaleRange:p}}},6237:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),i=n(935),a=n.n(i)()(r());a.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=a.toString()},3012:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(6758),r=n.n(o),i=n(935),a=n.n(i)()(r());a.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,\n.decorator-container .container{fill:rgba(119,141,195,0.1);stroke:none;stroke-width:0}.node,\n.decorator-text{overflow:visible}.cell.active .decorator-area .area,\n.cell.active .decorator-container .container,\n.cell:not(.read-only) .decorator-container .container:hover,\n.allowEdgeToArea .decorator-area .area:hover,\n.cell.active .line-active-bg{stroke:var(--palette-blue-5);stroke-dasharray:var(--dasharray);stroke-width:1}.container-active .decorator-container .container{stroke:var(--palette-blue-5);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,\n.decorator-container: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.container-active{opacity:1}.cell .node{pointer-events:none}.cell .node > *{position:fixed;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)}.decorator-container{--defaultSize:24px}.decorator-container .text-container{display:flex;align-items:center;justify-content:center;padding:0.5em;text-align:center;font-size:16px;background-color:rgba(119,141,195,0.6);overflow:hidden}.decorator-container .horizontal{height:max-content;width:100%}:is(.decorator-container .horizontal) .text{min-height:var(--defaultSize)}.decorator-container .vertical{width:max-content;height:100%;writing-mode:vertical-lr;text-orientation:upright;letter-spacing:4px}:is(.decorator-container .vertical) .text{min-width:var(--defaultSize)}",""]);const l=a.toString()}}]);
+//# sourceMappingURL=3252.d94ce52c.js.map