@next-bricks/diagram 0.37.1 → 0.37.3
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 +1 -1
- package/dist/chunks/2416.9ed3caf0.js +2 -0
- package/dist/chunks/{2416.e962852c.js.map → 2416.9ed3caf0.js.map} +1 -1
- package/dist/chunks/2440.3212f723.js +2 -0
- package/dist/chunks/2440.3212f723.js.map +1 -0
- package/dist/chunks/{3171.30c1054f.js → 3171.52cb8db8.js} +2 -2
- package/dist/chunks/{3171.30c1054f.js.map → 3171.52cb8db8.js.map} +1 -1
- package/dist/chunks/{3933.e29c5532.js → 3933.1ccc0611.js} +2 -2
- package/dist/chunks/{3933.e29c5532.js.map → 3933.1ccc0611.js.map} +1 -1
- package/dist/chunks/4937.72b810f9.js +3 -0
- package/dist/chunks/4937.72b810f9.js.map +1 -0
- package/dist/chunks/{5552.e37efc64.js → 5552.d0a13736.js} +2 -2
- package/dist/chunks/{5552.e37efc64.js.map → 5552.d0a13736.js.map} +1 -1
- package/dist/chunks/{6314.82052e2f.js → 6314.09012e54.js} +2 -2
- package/dist/chunks/{6314.82052e2f.js.map → 6314.09012e54.js.map} +1 -1
- package/dist/chunks/{7115.12bc8e5b.js → 7115.0faa8e1b.js} +2 -2
- package/dist/chunks/{7115.12bc8e5b.js.map → 7115.0faa8e1b.js.map} +1 -1
- package/dist/chunks/871.125da900.js +2 -0
- package/dist/chunks/871.125da900.js.map +1 -0
- package/dist/chunks/{9248.95d826ce.js → 9248.13ee3062.js} +2 -2
- package/dist/chunks/{9248.95d826ce.js.map → 9248.13ee3062.js.map} +1 -1
- package/dist/chunks/{9496.8b89552e.js → 9496.5547a85d.js} +2 -2
- package/dist/chunks/{9496.8b89552e.js.map → 9496.5547a85d.js.map} +1 -1
- package/dist/chunks/eo-draw-canvas.776ddfba.js +2 -0
- package/dist/chunks/eo-draw-canvas.776ddfba.js.map +1 -0
- package/dist/chunks/main.c9387943.js +2 -0
- package/dist/chunks/{main.b6ad0b65.js.map → main.c9387943.js.map} +1 -1
- package/dist/examples.json +3 -3
- package/dist/index.c09079bf.js +2 -0
- package/dist/{index.71951716.js.map → index.c09079bf.js.map} +1 -1
- package/dist/manifest.json +36 -36
- package/dist-types/draw-canvas/processors/updateCells.d.ts +2 -1
- package/dist-types/shared/canvas/dagreLayout.d.ts +2 -1
- package/dist-types/shared/canvas/forceLayout.d.ts +2 -1
- package/dist-types/shared/canvas/useLayout.d.ts +2 -1
- package/package.json +2 -2
- package/dist/chunks/2416.e962852c.js +0 -2
- package/dist/chunks/2440.a945e833.js +0 -2
- package/dist/chunks/2440.a945e833.js.map +0 -1
- package/dist/chunks/4937.3ca3b9c1.js +0 -3
- package/dist/chunks/4937.3ca3b9c1.js.map +0 -1
- package/dist/chunks/871.60de2741.js +0 -2
- package/dist/chunks/871.60de2741.js.map +0 -1
- package/dist/chunks/eo-draw-canvas.329d80f7.js +0 -2
- package/dist/chunks/eo-draw-canvas.329d80f7.js.map +0 -1
- package/dist/chunks/main.b6ad0b65.js +0 -2
- package/dist/index.71951716.js +0 -2
- /package/dist/chunks/{4937.3ca3b9c1.js.LICENSE.txt → 4937.72b810f9.js.LICENSE.txt} +0 -0
package/dist/bricks.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[2416],{6671:(e,t,n)=>{n.d(t,{w:()=>d});var a=n(8769),r=n.n(a),o=n(3373),i=n.n(o),l=n(3739);function d(e){var{connectLineState:t,connectLineTo:n,markerPrefix:a}=e;return r().createElement("svg",{width:"100%",height:"100%",className:i()("connect-line",{connecting:!!t&&(n[0]-t.from[0])**2+(n[1]-t.from[1])**2>25})},r().createElement("defs",null,r().createElement(l.c,{type:"arrow",id:"".concat(a,"connect-line"),strokeColor:null==t?void 0:t.options.strokeColor})),r().createElement("path",{d:t?"M".concat(t.from.join(" "),"L").concat(n.join(" ")):"",fill:"none",stroke:null==t?void 0:t.options.strokeColor,strokeWidth:null==t?void 0:t.options.strokeWidth,markerEnd:null!=t&&t.options.arrow?"url(#".concat(a,"connect-line)"):void 0}))}},1803:(e,t,n)=>{n.d(t,{m:()=>d});var a=n(9740),r=n(8769),o=n.n(r),i=n(3373),l=n.n(i);function d(e){var t,n,r,i,{line:{line:d,edge:s,d:c,markers:u},linePaths:f,lineMaskRects:v,maskPrefix:p,markerPrefix:m,activeLineMarkerPrefix:h,active:g,activeRelated:y,onLineClick:k,onLineDoubleClick:b}=e,x=v.has(d.$id)?"url(#".concat(p).concat(d.$id,")"):void 0,{strokeColor:w,strokeWidth:M,interactStrokeWidth:R}=(0,a.A)((0,a.A)({},d),g?null===(t=d.overrides)||void 0===t?void 0:t.active:y?null===(n=d.overrides)||void 0===n?void 0:n.activeRelated:null),E=g?"active":y?"active-related":"default";for(var L of u)L.variant===E&&("start"===L.placement?r="url(#".concat(m).concat(L.index,")"):i="url(#".concat(m).concat(L.index,")"));return o().createElement("g",{className:l()("line",{interactable:d.interactable,active:g,"active-related":y}),onClick:d.interactable?()=>{null==k||k({id:d.$id,edge:s})}:void 0,onDoubleClick:d.interactable?e=>{e.preventDefault(),e.stopPropagation(),null==b||b({id:d.$id,edge:s})}:void 0,style:{cursor:d.cursor}},d.interactable&&o().createElement("path",{d:c,fill:"none",stroke:"transparent",strokeWidth:R}),o().createElement("path",{ref:e=>f.set(d.$id,e),stroke:w,strokeWidth:M,d:c,fill:"none",markerStart:r,markerEnd:i,mask:x}),o().createElement("path",{stroke:"var(--palette-blue-3)",strokeWidth:M,d:c,fill:"none",className:"active-bg",markerStart:"url(#".concat(h,"start)"),markerEnd:"url(#".concat(h,"end)"),mask:x}))}},2547:(e,t,n)=>{n.d(t,{d2:()=>l});var a=n(8769),r=n.n(a),o=n(781),i=n(2630);function l(e){var{labels:t,onRendered:n}=e,[o,i]=(0,a.useState)(!1),[l,c]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),c((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{c((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{i(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,a.useEffect)((()=>{null==n||n(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,id:a,edge:o}=e;return n?r().createElement("div",{key:a,className:"line-label"},r().createElement(s,{id:a,edge:o,label:n,onRendered:f,onUnmount:v})):r().createElement(d,{key:a,id:a,text:t,onRendered:f})})))}function d(e){var{id:t,text:n,onRendered:o}=e,i=(0,a.useCallback)((e=>{null==o||o(t,e)}),[t,o]);return r().createElement("div",{className:"line-label",ref:i,style:n.style},n.content)}function s(e){var{id:t,edge:n,label:l,onRendered:d,onUnmount:s}=e,c=(0,a.useMemo)((()=>(0,i.checkIfByTransform)(l,{edge:n})?l.useBrick:null),[n,l]),u=(0,a.useMemo)((()=>({edge:n})),[n]);(0,a.useEffect)((()=>{c||setTimeout((()=>{null==d||d(t,null)}))}),[t,d,c]),(0,a.useEffect)((()=>()=>{null==s||s(t)}),[]);var f=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==d||d(t,e.parentElement)}))}),[t,d]),v=(0,a.useCallback)((()=>{setTimeout((()=>{null==d||d(t,null)}))}),[t,d]);return c?r().createElement(o.ReactUseBrick,{refCallback:f,ignoredCallback:v,useBrick:c,data:u}):null}},9191:(e,t,n)=>{n.d(t,{y:()=>o});var a=n(8769),r=n.n(a);function o(e){var{lineId:t,rects:n,maskPrefix:a,renderedLineLabels:o}=e,i=o.find((e=>e.lineId===t&&"center"===e.placement));if(!i)return null;var l,d,{lineRect:s}=i,c=(d=1e3,{left:(l=s).left-d,top:l.top-d,width:l.width+2e3,height:l.height+2e3});return r().createElement("mask",{id:"".concat(a).concat(t),x:c.left,y:c.top,width:c.width,height:c.height},r().createElement("rect",{x:c.left,y:c.top,width:c.width,height:c.height,fill:"white"}),n.map(((e,t)=>r().createElement("rect",{key:t,x:e.left,y:e.top,width:e.width,height:e.height,fill:"black"}))))}},8892:(e,t,n)=>{n.d(t,{p:()=>l});var a=n(8769),r=n.n(a),o=n(781),i=n(2630);function l(e){var{nodes:t,nodeBricks:n,onRendered:o}=e,[i,l]=(0,a.useState)(!1),[s,c]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),f=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),c((t=>t.includes(e)?t:t.concat(e)))}),[u]),v=(0,a.useCallback)((e=>{c((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{l(!(null!=t&&t.some((e=>!s.includes(e.id)))))}),[t,s]),(0,a.useEffect)((()=>{null==o||o(i?u:null)}),[u,i]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>r().createElement("div",{key:e.id,className:"node"},r().createElement(d,{nodeBricks:n,node:e,onRendered:f,onUnmount:v})))))}function d(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:d}=e,s=(0,a.useMemo)((()=>{var e;return null===(e=function(e,t){return null==t?void 0:t.find((t=>t.nodeType?[].concat(t.nodeType).includes(e.type):(0,i.checkIfByTransform)(t,{node:e})))}(t,n))||void 0===e?void 0:e.useBrick}),[t,n]),c=(0,a.useMemo)((()=>({node:t})),[t]);(0,a.useEffect)((()=>{s||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,s]),(0,a.useEffect)((()=>()=>{null==d||d(t.id)}),[]);var u=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),f=(0,a.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return s?r().createElement(o.ReactUseBrick,{refCallback:u,ignoredCallback:f,useBrick:s,data:c}):null}},8657:(e,t,n)=>{n.d(t,{Ie:()=>i,KP:()=>o,VO:()=>r,Yt:()=>d,mF:()=>a,sS:()=>l});var a="var(--palette-gray-5)",r=1,o="curveBasis",i=20,l=.5,d=2},8069:(e,t,n)=>{n.d(t,{o:()=>w});var a=n(8769),r=n(9740),o=n(4223),i=n(7586),l=n.n(i),d=n(1030);function s(e,t,n){for(var a of e){var r,o,i=t.get(a.id);a.width=Math.max(null!==(r=null==i?void 0:i.offsetWidth)&&void 0!==r?r:0,10)+n[1]+n[3],a.height=Math.max(null!==(o=null==i?void 0:i.offsetHeight)&&void 0!==o?o:0,10)+n[0]+n[2]}}function c(e,t,n){for(var a of e){var r,o=a.x-a.width/2+n[3],i=a.y-a.height/2+n[0],l=null===(r=t.get(a.id))||void 0===r?void 0:r.parentElement;l&&(l.style.left="".concat(o,"px"),l.style.top="".concat(i,"px"),l.style.visibility="visible")}}var u=n(8802),f=["nodePadding"],v=n(6149),p=n(4842),m=n(1945),h=n(9418),g=n(3854),y=n(7931);function k(e,t){var n,{normalizedLinesMap:a,lineLabelsRefRepository:r}=t;return null!==(n=null==e?void 0:e.map((e=>{var t=a.get(e),n={};if(t)for(var o of["start","end"]){var i=r.get("".concat(t,"-").concat(o));i&&(n[o]=[i.offsetWidth,i.offsetHeight])}return{data:e,labelSize:n}})))&&void 0!==n?n:[]}function b(e,t){return new Array(t).fill(null).map(((t,n)=>({dummy:!0,id:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(n)})))}function x(e,t){return new Array(t+1).fill(null).map(((n,a)=>({dummy:!0,source:0===a?e.source:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a-1),target:a===t?e.target:"$dummy-".concat(e.source,"-").concat(e.target,"-").concat(a)})))}function w(e){var{layout:t,nodes:n,edges:i,manualLayoutStatus:w,userViewReady:M,userViewNodesMap:R,nodeMovement:E,nodesRefRepository:L,lineLabelsRefRepository:A,normalizedLinesMap:C,nodesRenderId:P,lineLabelsRenderId:S,layoutOptions:I}=e,N="initial"===w?t:"manual",[T,B]=(0,a.useState)(null),[z,W]=(0,a.useState)({nodes:[],edges:[]});return(0,a.useEffect)((()=>{M&&B((e=>"dagre"===N?function(e,t,n,a){var i=(0,r.A)({nodePadding:0,rankdir:"TB",ranksep:50,edgesep:10,nodesep:50},(0,d.pick)(a,["nodePadding","rankdir","ranksep","edgesep","nodesep","align"])),{nodePadding:v}=i,p=(0,o.A)(i,f),m=(0,u.D)(v),h=new(l().graphlib.Graph);for(var g of(h.setGraph(p),h.setDefaultEdgeLabel((function(){return{}})),null!=t?t:[])){var y=null==e?void 0:e.getNode(g.id);h.setNode(g.id,(null==y?void 0:y.data)===g?y:{id:g.id,data:g})}for(var k of null!=n?n:[])h.setEdge(k.source,k.target,{data:k});return{layout:"dagre",getNode:e=>h.node(e),applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:n,normalizedLinesMap:a}=e,r=[];for(var o of h.nodes()){var i=h.node(o);i?r.push(i):console.error("Diagram node not found: %s",o)}if(0===r.length)return null;s(r,t,m);var d=h.edges().map((e=>h.edge(e)));for(var u of d){var f=a.get(u.data);if(f)for(var v of["center","start","end"]){var p=n.get("".concat(f,"-").concat(v));if(p){var g,{offsetWidth:y,offsetHeight:k}=p;"center"===v&&(u.labelpos="c",u.width=y,u.height=k),null!==(g=u.labelSize)&&void 0!==g||(u.labelSize={}),u.labelSize[v]=[y,k]}}}return l().layout(h),c(r,t,m),{nodes:r,edges:d}}}}(e,n,i,I):"force"===N?function(e,t,n,a,o){var{nodePadding:i,dummyNodesOnEdges:l,collide:f}=(0,r.A)((0,r.A)({nodePadding:0,dummyNodesOnEdges:0},(0,d.pick)(o,["nodePadding","dummyNodesOnEdges"])),{},{collide:!1!==(null==o?void 0:o.collide)&&(0,r.A)({dummyRadius:1,radiusDiff:5,strength:1,iterations:1},!0===(null==o?void 0:o.collide)?null:null==o?void 0:o.collide)}),w=(0,u.D)(i),M=[];for(var R of null!=t?t:[]){var E=null==e?void 0:e.getNode(R.id);if((null==E?void 0:E.data)===R)M.push(E);else{var L={id:R.id,data:R},A=null==a?void 0:a.get(R.id);A&&(L.fx=A.x,L.fy=A.y),M.push(L)}}return{layout:"force",getNode:function(e){return M.find((t=>t.data.id===e))},applyLayout(e){var{nodesRefRepository:t,lineLabelsRefRepository:a,normalizedLinesMap:o}=e;if(0===M.length)return null;s(M,t,w);var i=M.slice(),d=[];for(var u of null!=n?n:[])d.push((0,r.A)({},u)),l>0&&(i.push(...b(u,l)),d.push(...x(u,l)));var R=(0,v.A)(d).id((e=>e.id));l>0&&R.distance((e=>e.dummy?30/(l+1):30)).strength((e=>e.dummy?.5:1));var E=(0,p.A)(i).force("link",R).force("x",(0,m.A)()).force("y",(0,h.A)()).force("charge",(0,g.A)());f&&E.force("collide",(0,y.A)().radius((e=>e.dummy?f.dummyRadius:Math.sqrt(e.width**2+e.height**2)/2+f.radiusDiff)).strength(f.strength).iterations(f.iterations)),E.stop(),function(e){e.tick(Math.ceil(Math.log(e.alphaMin())/Math.log(1-e.alphaDecay())))}(E),c(M,t,w);var L=k(n,{normalizedLinesMap:o,lineLabelsRefRepository:a});return{nodes:M,edges:L}}}}(e,n,i,R,I):"manual"===N?function(e,t,n,a){var o,{nodePadding:i}=(0,r.A)({nodePadding:0},(0,d.pick)(a,["nodePadding"])),l=(0,u.D)(i),f=[];for(var v of null!=t?t:[]){var p=null==e?void 0:e.getNode(v.id);(null==p?void 0:p.data)===v?(f.push(p),p.x0=p.x,p.y0=p.y):f.push({id:v.id,data:v})}return{layout:"manual",getNode:function(e){return f.find((t=>t.data.id===e))},applyLayout(e){var t,a,{manualLayoutStatus:r,nodesRefRepository:i,lineLabelsRefRepository:d,normalizedLinesMap:u,nodeMovement:v}=e;if(0===f.length)return null;s(f,i,l),v&&(o=f.find((e=>e.id===v.id)),o&&(o.x=(null!==(t=o.x0)&&void 0!==t?t:0)+v.move[0],o.y=(null!==(a=o.y0)&&void 0!==a?a:0)+v.move[1])),"finished"===r&&o&&(o.x0=o.x,o.y0=o.y),c(f,i,l);var p=k(n,{normalizedLinesMap:u,lineLabelsRefRepository:d});return{nodes:f,edges:p}}}}(e,n,i,I):null))}),[i,n,N,I,M,R]),(0,a.useEffect)((()=>{if(L&&A&&N===(null==T?void 0:T.layout)){var e=null==T?void 0:T.applyLayout({manualLayoutStatus:w,nodesRefRepository:L,lineLabelsRefRepository:A,normalizedLinesMap:C,nodeMovement:E});e&&W(e)}}),[N,w,T,E,L,A,P,S,C]),z}},9741:(e,t,n)=>{n.d(t,{_:()=>c});var a=n(6330),r=n(8769),o=n(2630),i=n(8406),l=n(6841),d=n(780),s="GRAPH_USER_VIEW@EASYOPS";function c(e){var[t,n]=(0,r.useState)(!e),c=(0,r.useRef)(),[u,f]=(0,r.useState)(null),v=(0,r.useMemo)((()=>{return e=!1,t=[],function(){var n=(0,a.A)((function*(n){if(t.push(n),!e){var a;for(e=!0;a=t.shift();)try{yield a()}catch(e){console.error(e)}e=!1}}));return function(e){return n.apply(this,arguments)}}();var e,t}),[]);return(0,r.useEffect)((()=>{function t(){return(t=(0,a.A)((function*(){if(e){var{namespace:t,key:a}=e;if(!t||!a)return console.error("Namespace and key are required to save graph user view"),void n(!0);try{var r=(yield(0,i.y)(s,{fields:["nodes"],query:{namespace:{$eq:t},key:{$eq:a}},page:1,page_size:30})).list;if(r.length>0){var l,d=r[0],u=new Map(null===(l=d.nodes)||void 0===l?void 0:l.map((e=>[e.id,e])));c.current=d.instanceId,f(u)}else f(null)}catch(e){(0,o.handleHttpError)(e)}finally{n(!0)}}else n(!0)}))).apply(this,arguments)}!function(){t.apply(this,arguments)}()}),[e]),{userViewReady:t,userViewNodesMap:u,saveUserView:(0,r.useCallback)((t=>{var{namespace:n,key:r}=null!=e?e:{};n&&r&&v((0,a.A)((function*(){var e={namespace:n,key:r,nodes:t};try{if(c.current)yield(0,l.x)(s,c.current,e,{interceptorParams:{ignoreLoadingBar:!0}});else{var a=yield(0,d._)(s,e,{interceptorParams:{ignoreLoadingBar:!0}});c.current=a.instanceId}}catch(e){(0,o.handleHttpError)(e)}})))}),[e,v])}}},1324:(e,t,n)=>{function a(e,t){for(var{id:n,position:a,placement:r,angle:o,size:i}of e){var l=t.get(n);if(l&&(l.style.left="".concat(a[0],"px"),l.style.top="".concat(a[1],"px"),l.style.visibility="visible","center"!==r&&void 0!==o)){var[d,s]=null!=i?i:[0,0],c=Math.floor((o<0?2*Math.PI+o:o)/Math.PI*4),u="start"===r?c:(c+4)%8,f=Math.tan(o),v=o+("start"===r?1:-1)*Math.PI/2,p=2*Math.sin(v),m=2*Math.cos(v),h=void 0;switch(u){case 0:h="translate(0,".concat(d*f+p,"px)");break;case 1:h="translate(".concat(s/f-m,"px,0)");break;case 2:h="translate(calc(".concat(s/f+m,"px - 100%),0)");break;case 3:h="translate(-100%,".concat(-d*f-p,"px)");break;case 4:h="translate(-100%,calc(".concat(-d*f+p,"px - 100%))");break;case 5:h="translate(calc(".concat(-s/f-m,"px - 100%),-100%)");break;case 6:h="translate(".concat(-s/f+m,"px,-100%)");break;default:h="translate(0,calc(".concat(d*f-p,"px - 100%))")}l.style.transform=h}}}n.d(t,{F:()=>a})},5987:(e,t,n)=>{function a(e,t){var n=new Map;for(var{id:a,lineId:r,placement:o}of e)if(t&&"center"===o){var i=t.get(a);if(i){var{offsetWidth:l,offsetHeight:d}=i;0!==l&&0!==d&&n.set(r,[{left:i.offsetLeft-l/2-3,top:i.offsetTop-d/2-3,width:l+6,height:d+6}])}}return n}n.d(t,{G:()=>a})},8060:(e,t,n)=>{function a(e,t,n){return 0===e.length&&0===t.length?e:t.flatMap((e=>{var t,a,{line:{text:r,label:o,$id:i},edge:l,labelSize:d,angle:s}=e,c=n.get(i);if(!r&&!o||!c||!c.getAttribute("d"))return[];o?(t="label",a=[].concat(o)):(t="text",a=[].concat(r));var{x:u,y:f,width:v,height:p}=c.getBBox(),m=c.getTotalLength();return a.map((e=>{var n,a=null!==(n=e.placement)&&void 0!==n?n:"center",r=c.getPointAtLength("start"===a?Math.min(0,m/2):"end"===a?Math.max(m-0,m/2):m/2);return{[t]:e,edge:l,position:[r.x,r.y],lineRect:{left:u,top:f,width:v,height:p},id:"".concat(i,"-").concat(a),lineId:i,placement:a,angle:s,size:null==d?void 0:d[a]}}))}))}n.d(t,{z:()=>a})},9576:(e,t,n)=>{n.d(t,{R:()=>g});var a=n(9740),r=n(4223),o=n(482),i=n(4643),l=n(3488),d=n(6066),s=n(4993),c=n(3269);function u(e,t,n,a){if(!Array.isArray(e))return"";var r;switch(t){case"curveLinear":r=o.A;break;case"curveBumpX":r=i.dJ;break;case"curveBumpY":r=i.kl;break;case"curveMonotoneX":r=l.G;break;case"curveMonotoneY":r=l.N;break;case"curveNatural":r=d.A;break;default:r=s.Ay}var u=f(e[1],e[0],n),v=f(e[e.length-2],e[e.length-1],a);return(0,c.A)().x(((t,n)=>t.x-(0===n?u.x:n===e.length-1?v.x:0))).y(((t,n)=>t.y-(0===n?u.y:n===e.length-1?v.y:0))).curve(r)(e)}function f(e,t,n){if(!n)return{x:0,y:0};var{x:a,y:r}=e,{x:o,y:i}=t,l=n/Math.sqrt(Math.pow(o-a,2)+Math.pow(i-r,2));return{x:(o-a)*l,y:(i-r)*l}}var v=n(3188);function p(e,t,n){var{x:a,y:r,width:o,height:i}=e;switch(t){case"top":return{x:a-o/2+o*n,y:r-i/2};case"bottom":return{x:a-o/2+o*n,y:r+i/2};case"left":return{x:a-o/2,y:r-i/2+i*n};case"right":return{x:a+o/2,y:r-i/2+i*n}}}var m=n(733),h=["line","edge","markers"];function g(e,t,n){var o=new WeakMap,i=new Map,l=new Map;for(var d of t)i.set(d.id,d);for(var s of e){var{data:c}=s;o.set(c,s)}var f=!1;return n.map((t=>{var n,d,s,c,{line:g,edge:b,markers:x}=t,w=(0,r.A)(t,h),M=o.get(b);if(M){var R,E=null!==(n=null===(d=x.find((e=>"default"===e.variant&&"start"===e.placement)))||void 0===d?void 0:d.offset)&&void 0!==n?n:0,L=null!==(s=null===(c=x.find((e=>"default"===e.variant&&"end"===e.placement)))||void 0===c?void 0:c.offset)&&void 0!==s?s:0,{points:A}=M;if(!A){var C=i.get(b.source),P=i.get(b.target);if(C&&P&&C!==P){if("polyline"===g.type){if(!(0,m.w)(C,P,E,L)){var S,I;(()=>{if(!f){f=!0;var t=(e,t)=>{var n=l.get(e);n||l.set(e,n=new Set);var a=i.get(t);a&&n.add(a)};for(var{data:{source:n,target:a}}of e)n!==a&&(t(n,a),t(a,n))}})();var N=y(C,P,E),T=y(P,C,L),B=k(null!==(S=l.get(b.source))&&void 0!==S?S:[],C,N,E),z=k(null!==(I=l.get(b.target))&&void 0!==I?I:[],P,T,L);A=function(e,t,n,a,r,o){var i,l,d=p(e,n,r),s=p(t,a,o);switch(n){case"top":case"bottom":i={x:d.x,y:(d.y+s.y)/2},l={x:s.x,y:i.y};break;default:l={x:(i={x:(d.x+s.x)/2,y:d.y}).x,y:s.y}}return[d,i,l,s]}(C,P,N,T,(B.indexOf(P)+1)/(B.length+1),(z.indexOf(C)+1)/(z.length+1))}}else A=(0,v.h)(C,P);if(A){var W=A[0],_=A[A.length-1];R=Math.atan2(_.y-W.y,_.x-W.x)}}}var D=u(A,g.curveType,E,L);return(0,a.A)((0,a.A)({},w),{},{markers:x,line:g,edge:b,d:D,angle:R,labelSize:M.labelSize})}})).filter(Boolean)}function y(e,t,n){var a=Math.atan2(e.height+2*n,e.width+2*n),{x:r,y:o}=e,{x:i,y:l}=t,d=Math.atan2(l-o,i-r),s=d<0?2*Math.PI+d:d;switch(Math.floor(s/Math.PI*2)){case 0:return s<a?"right":"bottom";case 1:return s<Math.PI-a?"bottom":"left";case 2:return s<Math.PI+a?"left":"top";default:return s<2*Math.PI-a?"top":"right"}}function k(e,t,n,a){return[...e].filter((e=>y(t,e,a)===n)).sort(((e,t)=>{var{x:a,y:r}=e,{x:o,y:i}=t;return"top"===n||"bottom"===n?a-o:r-i}))}},5157:(e,t,n)=>{n.d(t,{a:()=>r});var a=n(1030);function r(e,t){var{renderedNodes:n,activeTarget:a}=t,r="node"===(null==a?void 0:a.type)?n.find((e=>e.id===a.nodeId)):void 0,i="edge"===(null==a?void 0:a.type)?a.edge:void 0;if(r||i){var l,d,s,c,u=e.key||e.keyCode||e.which;switch(u){case"Backspace":case 8:case"Delete":case 46:r?(l="delete-node",d=r):(l="delete-edge",s=i);break;default:if(!r)return;switch(u){case"ArrowLeft":case 37:d=o("x",n,r,-1),l="switch-active-node";break;case"ArrowUp":case 38:d=o("y",n,r,-1),l="switch-active-node";break;case"ArrowRight":case 39:d=o("x",n,r,1),l="switch-active-node";break;case"ArrowDown":case 40:d=o("y",n,r,1),l="switch-active-node"}}if(l)return e.preventDefault(),e.stopPropagation(),{action:l,node:null===(c=d)||void 0===c?void 0:c.data,edge:s}}}function o(e,t,n,r){var o,i="x"===e?"y":"x",l=t.filter((t=>t!==n&&(o=(t[e]-n[e])*r)>0&&o>Math.abs(n[i]-t[i])));return(0,a.minBy)(l,(t=>(n[i]-t[i])**2+(n[e]-t[e])**2))}},2448:(e,t,n)=>{n.d(t,{P:()=>i});var a=n(9740),r=n(2630),o=n(8657);function i(e,t){var{nodes:n,nodesRefRepository:i,connectNodes:l,dragNodes:d,scale:s,setConnectLineState:c,setConnectLineTo:u,setManualLayoutStatus:f,setNodeMovement:v,onSwitchActiveTarget:p,onNodesConnect:m}=t;function h(e){if(i){var t,a=function(t){if(e(o))return{v:null==n?void 0:n.find((e=>e.id===t))}};for(var[r,o]of i)if(t=a(r))return t.v}}if(l||d){var g=h((t=>t.contains(e.target)));if(g&&function(e,t){return e.sourceType?[].concat(e.sourceType).includes(t.type):(0,r.checkIfByTransform)(e,{source:t})}(l||d,g)){e.stopPropagation();var y=[e.clientX,e.clientY];if(l){c({from:y,options:(0,a.A)({strokeColor:o.mF,strokeWidth:o.VO},r.__secret_internals.legacyDoTransform({source:g},l))}),u(y),null==p||p({type:"node",nodeId:g.id});var k=e=>{u([e.clientX,e.clientY])},b=e=>{document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",b),c(null);var t=e.composedPath(),n=h((e=>t.includes(e)));n&&g!==n&&(null==m||m({source:g,target:n}))};return document.addEventListener("mousemove",k),void document.addEventListener("mouseup",b)}null==p||p({type:"node",nodeId:g.id});var x=!1,w=e=>{var t=[(e.clientX-y[0])/s,(e.clientY-y[1])/s];x||(x=t[0]**2+t[1]**2>=9)&&f("started"),x&&v({id:g.id,move:t})},M=()=>{x=!1,document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",M),v(null),f("finished")};document.addEventListener("mousemove",w),document.addEventListener("mouseup",M)}}}},9137:(e,t,n)=>{n.d(t,{t:()=>s});var a=n(9740),r=n(4223),o=n(1030),i=n(2630),l=n(8657),d=["label"];function s(e,t){var n=[],s=new WeakMap,u=[],f=function(e){var f,v,p=null!==(f=null==t?void 0:t.find((t=>function(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,i.checkIfByTransform)(t,{edge:e}))}(e,t))))&&void 0!==f?f:{},{label:m}=p,h=(0,r.A)(p,d),g=i.__secret_internals.legacyDoTransform({edge:e},h);if(!1===(null==g?void 0:g.draw))return 1;var y=(0,o.uniqueId)("line-"),k=(0,a.A)((0,a.A)({strokeColor:l.mF,strokeWidth:l.VO,curveType:"polyline"===(null==g?void 0:g.type)?"curveLinear":l.KP,interactStrokeWidth:l.Ie,type:"auto"},g),{},{label:m,$id:y});s.set(e,y);var b=[],x=null!==(v=k.markers)&&void 0!==v?v:k.arrow?[{placement:"end",type:"arrow"}]:[];for(var w of x){var M,R,E,L,{placement:A,type:C}=w,P=null!=A?A:"end",S=void 0,I=void 0;switch(C){case"0..1":case"0..N":I=21,S=C;break;default:I=1,S="arrow"}var N=I*k.strokeWidth,T=c({type:S,strokeColor:k.strokeColor},u);b.push({index:T,placement:P,type:S,variant:"default",offset:N});var B=c({type:S,strokeColor:null!==(M=null===(R=k.overrides)||void 0===R||null===(R=R.active)||void 0===R?void 0:R.strokeColor)&&void 0!==M?M:k.strokeColor},u);b.push({index:B,placement:P,type:S,variant:"active",offset:N});var z=c({type:S,strokeColor:null!==(E=null===(L=k.overrides)||void 0===L||null===(L=L.activeRelated)||void 0===L?void 0:L.strokeColor)&&void 0!==E?E:k.strokeColor},u);b.push({index:z,placement:P,type:S,variant:"active-related",offset:N})}n.push({line:k,markers:b,edge:e})};for(var v of null!=e?e:[])f(v);return{normalizedLines:n,normalizedLinesMap:s,markers:u}}function c(e,t){var n=(0,o.findIndex)(t,e);return-1===n&&(n=t.push(e)-1),n}},2673:(e,t,n)=>{function a(e,t){return e?!!t&&e.type===t.type&&("node"===e.type?e.nodeId===t.nodeId:e.edge.source===t.edge.source&&e.edge.target===t.edge.target):!t}n.d(t,{c:()=>a})},8308:(e,t,n)=>{function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:r}=t,o=1/0,i=1/0,l=-1/0,d=-1/0;for(var s of e){var c=s.width/2,u=s.height/2,f=s.x-c,v=s.x+c,p=s.y-u,m=s.y+u;f<o&&(o=f),v>l&&(l=v),p<i&&(i=p),m>d&&(d=m)}var h=l-o,g=d-i,y=r&&(h>n||g>a)?Math.max(Math.min(n/h,a/g,r[1]),r[0]):1;return{x:(n-h*y)/2-o*y,y:(a-g*y)/2-i*y,k:y}}n.d(t,{r:()=>a})},821:(e,t,n)=>{n.d(t,{A:()=>l});var a=n(6758),r=n.n(a),o=n(935),i=n.n(o)()(r());i.push([e.id,":host{display:block;width:100%;height:100%;overflow:hidden}:host([hidden]){display:none}*{box-sizing:border-box}.diagram{width:100%;height:100%;position:relative;opacity:0}.diagram:focus{outline:none}.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.line-labels{opacity:0}.ready{opacity:1}.diagram.ready.pannable{cursor:-webkit-grab;cursor:grab}.diagram.pannable.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.nodes,\n.lines{transform-origin:0 0}.node,\n.line-label{position:absolute;visibility:hidden}.line-label{transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;line-height:1}.lines{pointer-events:none}.line.interactable{pointer-events:auto;cursor:default}.connect-line{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.connect-line:not(.connecting){display:none}.line:not(.active) .active-bg{display:none}",""]);const l=i.toString()}}]);
|
|
2
|
+
//# sourceMappingURL=2416.9ed3caf0.js.map
|