@next-bricks/diagram 0.28.0 → 0.28.1

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.
Files changed (23) hide show
  1. package/dist/bricks.json +1 -1
  2. package/dist/chunks/1728.8cc54faa.js +2 -0
  3. package/dist/chunks/1728.8cc54faa.js.map +1 -0
  4. package/dist/chunks/{4054.a7e7e379.js → 8304.613a484c.js} +2 -2
  5. package/dist/chunks/8304.613a484c.js.map +1 -0
  6. package/dist/chunks/{eo-display-canvas.d8b6ac59.js → eo-display-canvas.ab282773.js} +2 -2
  7. package/dist/chunks/{eo-display-canvas.d8b6ac59.js.map → eo-display-canvas.ab282773.js.map} +1 -1
  8. package/dist/chunks/eo-draw-canvas.ef0d61bd.js +2 -0
  9. package/dist/chunks/eo-draw-canvas.ef0d61bd.js.map +1 -0
  10. package/dist/chunks/{main.2025fb50.js → main.660ee53e.js} +2 -2
  11. package/dist/chunks/{main.2025fb50.js.map → main.660ee53e.js.map} +1 -1
  12. package/dist/examples.json +3 -3
  13. package/dist/{index.0e3710fb.js → index.3e204276.js} +2 -2
  14. package/dist/{index.0e3710fb.js.map → index.3e204276.js.map} +1 -1
  15. package/dist/manifest.json +77 -77
  16. package/dist-types/draw-canvas/index.d.ts +2 -0
  17. package/dist-types/draw-canvas/processors/updateCells.d.ts +4 -2
  18. package/package.json +2 -2
  19. package/dist/chunks/1728.5cff5747.js +0 -2
  20. package/dist/chunks/1728.5cff5747.js.map +0 -1
  21. package/dist/chunks/4054.a7e7e379.js.map +0 -1
  22. package/dist/chunks/eo-draw-canvas.4963b54f.js +0 -2
  23. package/dist/chunks/eo-draw-canvas.4963b54f.js.map +0 -1
package/dist/chunks/{4054.a7e7e379.js → 8304.613a484c.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[4054],{3739:(e,t,r)=>{r.d(t,{c:()=>o});var n=r(8769),a=r.n(n);function o(e){var t,{id:r,type:n,strokeColor:o}=e;switch(n){case"0..1":t=l;break;case"0..N":t=c;break;default:t=i}return a().createElement(t,{id:r,strokeColor:o})}function i(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},a().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:r,strokeWidth:1,fill:r}))}function l(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},a().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}function c(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},a().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}},3188:(e,t,r)=>{r.d(t,{h:()=>a});var n=r(733);function a(e,t){if(e===t||(0,n.w)(e,t,0,0))return null;var r,a,o,i,l=t.x-e.x,c=t.y-e.y,d=l>0?1:-1;if(0!==c){var s=Math.abs(l/c),u=c>0?1:-1;s<e.width/e.height?(r=e.x+s*e.height/2*d,a=e.y+e.height/2*u):(r=e.x+e.width/2*d,a=e.y+e.width/2/s*u),s<t.width/t.height?(o=t.x-s*t.height/2*d,i=t.y-t.height/2*u):(o=t.x-t.width/2*d,i=t.y-t.width/2/s*u)}else r=e.x+e.width/2*d,o=t.x-t.width/2*d,a=i=e.y;return[{x:r,y:a},{x:o,y:i}]}},733:(e,t,r)=>{function n(e,t,r,n){var o=r?a(e,r):e,i=n?a(t,n):t,l=Math.min(o.x-o.width/2,i.x-i.width/2),c=Math.max(o.x+o.width/2,i.x+i.width/2),d=Math.min(o.y-o.height/2,i.y-i.height/2),s=Math.max(o.y+o.height/2,i.y+i.height/2);return c-l<o.width+i.width&&s-d<o.height+i.height}function a(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}r.d(t,{w:()=>n})},2830:(e,t,r)=>{r.d(t,{m:()=>z});var n=r(8769),a=r.n(n),o=r(3373),i=r.n(o),l=r(531),c=r(4146),d=r(3188);function s(e,t){return e.find((e=>(0,l.N)(e)&&e.id===t))}function u(e){var{edge:t,cells:r,markerEnd:o,defaultEdgeLines:l}=e,u=(0,n.useMemo)((()=>s(r,t.source)),[r,t.source]),v=(0,n.useMemo)((()=>s(r,t.target)),[r,t.target]),m=(0,n.useMemo)((()=>null==l?void 0:l.find((e=>(0,c.checkIfByTransform)(e,{edge:t})))),[l,t]),f=(0,n.useMemo)((()=>u&&v?(0,d.h)(h(u.view,5),h(v.view,5)):null),[u,v]);if(!f)return null;var g="M".concat(f[0].x," ").concat(f[0].y,"L").concat(f[1].x," ").concat(f[1].y);return a().createElement(a().Fragment,null,a().createElement("path",{d:g,fill:"none",stroke:"transparent",strokeWidth:16}),a().createElement("path",{className:i()("line",{dashed:null==m?void 0:m.dashed}),d:g,fill:"none",stroke:"gray",markerEnd:"url(#".concat(o,")")}),a().createElement("path",{className:"line-active-bg",d:g,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 v=r(1983),m=r(1030),f=r(9126);function g(e){var{node:t,defaultNodeBricks:r,onResize:o}=e,i=function(e){var[t,r]=(0,n.useState)(e);return(0,n.useEffect)((()=>{r((t=>(0,m.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),l=t.useBrick,d=(0,n.useRef)(null),s=(0,n.useMemo)((()=>{var e;return null!=l?l:null==r||null===(e=r.find((e=>(0,c.checkIfByTransform)(e,i))))||void 0===e?void 0:e.useBrick}),[r,l,i]),u=(0,n.useCallback)((e=>{var r=d.current;r&&(r.disconnect(),d.current=null),e?setTimeout((()=>{var r=new f.A((()=>{o(t.id,[e.clientWidth,e.clientHeight])}));r.observe(e),d.current=r})):o(t.id,null)}),[t.id,o]);return s?a().createElement("foreignObject",{width:9999,height:9999,className:"node"},s&&a().createElement(v.ReactUseBrick,{useBrick:s,data:i,refCallback:u})):null}function p(e){return"edge"===e.type?(0,m.pick)(e,["type","source","target","data"]):(0,m.pick)(e,["type","id","data"])}function w(e,t){var{action:r,cell:n,scale:a,onCellMoving:o,onCellMoved:i,onCellResizing:l,onCellResized:c,onSwitchActiveTarget:d}=t;if(e.stopPropagation(),null==d||d(p(n)),"edge"!==n.type){var s=[e.clientX,e.clientY],u="move"===r?[n.view.x,n.view.y]:[n.view.width,n.view.height],h=!1,v=(e,t)=>{var d,v,m=function(e){return[(e.clientX-s[0])/a,(e.clientY-s[1])/a]}(e);h||(h=m[0]**2+m[1]**2>=9),h&&("move"===r?null===(d=t?i:o)||void 0===d||d({type:n.type,id:n.id,x:u[0]+m[0],y:u[1]+m[1]}):null===(v=t?c:l)||void 0===v||v({type:n.type,id:n.id,width:u[0]+m[0],height:u[1]+m[1]}))},m=e=>{v(e)},f=e=>{v(e,!0),h=!1,document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",f)};document.addEventListener("mousemove",m),document.addEventListener("mouseup",f)}}function x(e){var{cell:t,transform:r,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c}=e,d=a().useRef(null);return(0,n.useEffect)((()=>{var e=d.current;if(e&&!o){var n=e=>{w(e,{action:"resize",cell:t,scale:r.k,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c})};return e.addEventListener("mousedown",n),()=>{e.removeEventListener("mousedown",n)}}}),[t,l,i,c,o,r.k]),a().createElement("g",{className:"decorator-area"},a().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!o&&a().createElement("g",{ref:d,className:"resize-handle",transform:"translate(".concat(t.view.width-20," ").concat(t.view.height-20,")")},a().createElement("rect",{width:20,height:20}),a().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}var y=r(9740);function k(e){var t,{cell:r,readOnly:o,onDecoratorTextEditing:l,onDecoratorTextChange:c}=e,d=null!==(t=r.view.text)&&void 0!==t?t:"",[s,u]=(0,n.useState)(d),[h,v]=(0,n.useState)(!1),m=(0,n.useRef)(!1),[f,g]=(0,n.useState)(!1),p=(0,n.useRef)(null),w=(0,n.useCallback)((e=>{o||(e.preventDefault(),e.stopPropagation(),v(!0))}),[o]);(0,n.useEffect)((()=>{var e=p.current;e&&e.textContent!==s&&(e.textContent=s)}),[s]),(0,n.useEffect)((()=>{h&&p.current&&(p.current.focus(),function(e){var t=document.createRange();t.selectNodeContents(e);var r=window.getSelection();r.removeAllRanges(),r.addRange(t)}(p.current)),null==l||l({id:r.id,editing:h})}),[r.id,h,l]),(0,n.useEffect)((()=>{m.current?null==l||l({id:r.id,editing:h}):m.current=!0}),[r.id,h,l]);var x=(0,n.useCallback)((e=>{o||u(e.target.textContent)}),[o]),k=(0,n.useCallback)((()=>{o||(v(!1),g(!0))}),[o]);return(0,n.useEffect)((()=>{f&&(null==c||c({id:r.id,view:(0,y.A)((0,y.A)({},r.view),{},{text:s})}),g(!1))}),[r,s,c,f]),a().createElement("foreignObject",{className:"decorator-text"},a().createElement("div",{className:i()("text-container",{editing:h}),onDoubleClick:w},a().createElement("div",{className:"text",contentEditable:h,ref:p,onInput:x,onBlur:k})))}function E(e){var t,{cell:r,transform:n,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c,onDecoratorTextEditing:d,onDecoratorTextChange:s}=e;switch(r.decorator){case"area":t=x;break;case"text":t=k;break;default:return console.error("Unknown decorator: ".concat(r.decorator)),null}return a().createElement(t,{cell:r,transform:n,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c,onDecoratorTextEditing:d,onDecoratorTextChange:s})}var b=r(8185);function z(e){var{cell:t,cells:r,defaultNodeBricks:o,defaultEdgeLines:c,markerEnd:d,active:s,readOnly:h,transform:v,unrelatedCells:m,onCellMoving:f,onCellMoved:x,onCellResizing:y,onCellResized:k,onSwitchActiveTarget:z,onCellContextMenu:C,onDecoratorTextEditing:A,onDecoratorTextChange:M,onNodeBrickResize:R,onCellMouseEnter:N,onCellMouseLeave:L}=e,S=(0,n.useRef)(null),T=(0,n.useMemo)((()=>m.some((e=>(0,b.c)(e,t)))),[t,m]);(0,n.useEffect)((()=>{var e=S.current;if(e&&!h){var r=e=>{w(e,{action:"move",cell:t,scale:v.k,onCellMoving:f,onCellMoved:x,onSwitchActiveTarget:z})};return e.addEventListener("mousedown",r),()=>{e.removeEventListener("mousedown",r)}}}),[t,x,f,z,h,v.k]);var H=(0,n.useCallback)((e=>{h&&"decorator"===t.type||(e.preventDefault(),z(p(t)),C({cell:t,clientX:e.clientX,clientY:e.clientY}))}),[t,C,z,h]),B=(0,n.useCallback)((()=>{null==N||N(t)}),[t,N]),D=(0,n.useCallback)((()=>{null==L||L(t)}),[t,L]);return a().createElement("g",{className:i()("cell",{active:s,faded:T,"read-only":h}),ref:S,transform:"edge"===t.type?void 0:"translate(".concat(t.view.x," ").concat(t.view.y,")"),onContextMenu:H,onMouseEnter:B,onMouseLeave:D},(0,l.N)(t)?a().createElement(g,{node:t,defaultNodeBricks:o,onResize:R}):(0,l.WW)(t)?a().createElement(u,{edge:t,defaultEdgeLines:c,cells:r,markerEnd:d}):(0,l.mH)(t)?a().createElement(E,{cell:t,transform:v,readOnly:h,onCellResizing:y,onCellResized:k,onSwitchActiveTarget:z,onDecoratorTextEditing:A,onDecoratorTextChange:M}):null)}},3033:(e,t,r)=>{r.d(t,{CV:()=>n,HP:()=>a,N8:()=>i,Yt:()=>d,sS:()=>c,sz:()=>o,w1:()=>l});var n=Symbol.for("size-initialized"),a=20,o=36,i=100,l=60,c=.5,d=2},531:(e,t,r)=>{function n(e){return"node"===e.type}function a(e){return"decorator"===e.type}function o(e){return"node"===e.type}function i(e){return"edge"===e.type}r.d(t,{N:()=>n,WW:()=>i,mH:()=>a,vC:()=>o})},227:(e,t,r)=>{r.d(t,{Y:()=>a});var n=r(8185);function a(e,t,r){var a=[];if(t){var o=new Set;for(var i of e)"edge"===i.type&&i.source===t.source.id&&o.add(i.target);for(var l of e)"node"===l.type?o.has(l.id)&&a.push(l):a.push(l)}else switch(null==r?void 0:r.type){case"node":var c=new Map,d=new Set([r.id]);for(var s of e)"node"===s.type?c.set(s.id,s):"edge"===s.type?s.source===r.id?d.add(s.target):s.target===r.id?d.add(s.source):a.push(s):a.push(s);for(var[u,h]of c)d.has(u)||a.push(h);break;case"edge":for(var v of e)("edge"===v.type?(0,n.c)(v,r):"node"===v.type&&(v.id===r.source||v.id===r.target))||a.push(v);break;case"decorator":for(var m of e)"decorator"===m.type&&m.id===r.id||a.push(m)}return a}},3783:(e,t,r)=>{r.d(t,{C:()=>o});var n=r(9740),a=r(531);function o(e,t){var{defaultNodeSize:r}=t;return(null!=e?e:[]).map((e=>{var t,o;return!(0,a.vC)(e)||void 0!==(null===(t=e.view)||void 0===t?void 0:t.width)&&void 0!==(null===(o=e.view)||void 0===o?void 0:o.height)?e:(0,n.A)((0,n.A)({},e),{},{view:(0,n.A)({width:r[0],height:r[1]},e.view)})}))}},8185:(e,t,r)=>{function n(e,t){return e?!!t&&e.type===t.type&&("node"===e.type||"decorator"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}r.d(t,{c:()=>n})},1083:(e,t,r)=>{r.d(t,{d:()=>c});var n=r(9740),a=r(531),o=r(3033);function i(e,t,r){var n=e.findLastIndex(r)+1;return[...e.slice(0,n),t,...e.slice(n)]}var l,c=(l={cells:(e,t)=>{switch(t.type){case"drop-node":return i(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:i(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":var r=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,r),...t.payload,...e.slice(r)];case"add-edge":return i(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cell":var{type:l,id:c,x:d,y:s}=t.payload,u=e.findIndex((e=>e.type===l&&e.id===c));if(-1!==u){var h=e[u];return[...e.slice(0,u),(0,n.A)((0,n.A)({},h),{},{view:(0,n.A)((0,n.A)({},h.view),{},{x:d,y:s})}),...e.slice(u+1)]}return e;case"resize-cell":var{type:v,id:m,width:f,height:g}=t.payload,p=e.findIndex((e=>e.type===v&&e.id===m));if(-1!==p){var w=e[p];return[...e.slice(0,p),(0,n.A)((0,n.A)({},w),{},{view:(0,n.A)((0,n.A)({},w.view),{},{width:f,height:g})}),...e.slice(p+1)]}return e;case"update-cells":return t.payload;case"update-node-size":return e.map((e=>(0,a.N)(e)&&e.id===t.payload.id?(0,n.A)((0,n.A)({},e),{},{[o.CV]:!0,view:t.payload.size?(0,n.A)((0,n.A)({},e.view),{},{width:t.payload.size[0],height:t.payload.size[1]}):e.view}):e))}return e}},(e,t)=>Object.fromEntries(Object.entries(l).map((r=>{var[n,a]=r;return[n,a(e[n],t)]}))))},7099:(e,t,r)=>{r.d(t,{Y:()=>m});var n=r(8769),a=r.n(n),o=r(2657),i=r(6768),l=r(198),c=r(8621),d=r(1983),s=r(9575);const u=e=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),n.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=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),n.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"}),n.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=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),n.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"}),n.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 m(e){var{shadowRoot:t,scale:r,scaleRange:s,onZoomChange:m,onReCenter:f}=e,g=(0,d.useCurrentTheme)(),p=(0,n.useMemo)((()=>(0,c.VC)()),[]),w=(0,n.useRef)(null),x=100*s[0],y=100*s[1],k=100*r,E=(0,n.useMemo)((()=>({formatter:e=>"".concat(e,"%"),placement:"left",getPopupContainer:()=>w.current})),[]),b=(0,n.useCallback)((()=>{m(Math.min(k+5,y))}),[y,m,k]),z=(0,n.useCallback)((()=>{m(Math.max(k-5,x))}),[x,m,k]);return a().createElement(o.Ay,{theme:{algorithm:"dark-v2"===g?i.A.darkAlgorithm:i.A.defaultAlgorithm}},a().createElement(c.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},a().createElement("div",{className:"zoom-bar",ref:w},a().createElement("div",{className:"center-button",onClick:f,role:"button"},a().createElement(u,null)),a().createElement("div",{className:"zoom-slider"},a().createElement("div",{className:"zoom-button",role:"button",onClick:b},a().createElement(h,null)),a().createElement(l.A,{min:x,max:y,value:k,step:5,vertical:!0,included:!1,tooltip:E,onChange:m}),a().createElement("div",{className:"zoom-button",role:"button",onClick:z},a().createElement(v,null))))))}},1819:(e,t,r)=>{r.d(t,{J:()=>o});var n=r(8769),a=r(8185);function o(e){var{cellsRef:t,activeTarget:r,onActiveTargetChange:o}=e,i=null!=r?r:null,[l,c]=(0,n.useState)(i);(0,n.useEffect)((()=>{c((e=>(0,a.c)(e,i)?e:i))}),[i]);var d=(0,n.useRef)(!1);return(0,n.useEffect)((()=>{d.current?o(l):d.current=!0}),[l,o]),(0,n.useEffect)((()=>{if(l){var e=e=>{e.composedPath().indexOf(t.current)<=0&&c(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[l,t]),l}},5185:(e,t,r)=>{r.d(t,{E:()=>c});var n=r(8769),a=r(7566),o=r(1517),i=r(3033),l=r(531);function c(e){var{rootRef:t,cells:r,zoomable:c,zoomer:d,scaleRange:s}=e,[u,h]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{var e=t.current;if(e&&!u&&r.some((e=>(0,l.N)(e)||(0,l.mH)(e)))&&!r.some((e=>(0,l.N)(e)&&!e[i.CV]))){var{k:n,x:v,y:m}=function(e,t){var{canvasWidth:r,canvasHeight:n,scaleRange:a}=t,o=1/0,i=1/0,c=-1/0,d=-1/0,s=!0;for(var u of e)if(!(0,l.WW)(u)){s=!1;var{view:h}=u,v=h.x+h.width,m=h.y+h.height;h.x<o&&(o=h.x),v>c&&(c=v),h.y<i&&(i=h.y),m>d&&(d=m)}var f=c-o,g=d-i,p=a&&!s&&(f>r||g>n)?Math.max(Math.min(r/f,n/g,a[1]),a[0]):1;return{x:s?0:(r-f*p)/2-o*p,y:s?0:(n-g*p)/2-i*p,k:p}}(r,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?s:void 0});d.transform((0,a.A)(e),new o.uV(n,v,m)),h(!0)}}),[r,u,t,s,c,d]),(0,n.useEffect)((()=>{r.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||h(!1)}),[r]),[u,h]}},8091:(e,t,r)=>{r.d(t,{f:()=>l});var n=r(8769),a=r(7566),o=r(1517),i=r(3033);function l(e){var{rootRef:t,zoomable:r,scrollable:l,pannable:c,scaleRange:d,onSwitchActiveTarget:s}=e,[u,h]=(0,n.useState)(!1),[v,m]=(0,n.useState)({k:1,x:0,y:0}),f=(0,n.useMemo)((()=>null!=d?d:[i.sS,i.Yt]),[d]),g=(0,n.useMemo)((()=>(0,o.s_)()),[]);return(0,n.useEffect)((()=>{var e=!1;g.scaleExtent(r?f:[1,1]).on("start",(()=>{e=!1,h(!0)})).on("zoom",(t=>{e=!0,m(t.transform)})).on("end",(()=>{h(!1),e||null==s||s(null)}))}),[s,f,r,g]),(0,n.useEffect)((()=>{var e=t.current;if(e){var n=(0,a.A)(e),o=()=>{n.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(r||l||c)return(r||l)&&n.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),l&&(e.preventDefault(),g.translateBy(n,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),n.call(g).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null).on("mousedown.zoom",null),c||n.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),o;o()}}),[c,t,l,r,g]),{grabbing:u,transform:v,zoomer:g,scaleRange:f}}},8618:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,'.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px}.zoom-slider,\n.center-button{width:100%;display:flex;align-items:center;border:1px solid var(--antd-background-color-base);border-radius:var(--larger-border-radius);box-shadow:var(--connected-overlay-shadow);background-color:var(--color-fill-bg-container-4)}.zoom-slider{height:140px;padding:8px 0;flex-direction:column}[role="button"]{cursor:pointer}.center-button{justify-content:center;margin-bottom:8px;height:40px}.center-button:hover{border-color:var(--antd-btn-default-hover-border-color)}.center-button path{fill:var(--antd-link-hover-color)}.center-button:hover path{fill:var(--palette-blue-7)}.zoom-button{font-size:16px;line-height:0}.zoom-button svg{width:1em;height:1em;fill:var(--antd-link-hover-color)}.zoom-slider .ant-slider-vertical{padding-inline:5px}.zoom-slider .ant-slider-vertical .ant-slider-rail{width:2px}.zoom-slider .ant-slider-vertical .ant-slider-handle{width:6px;height:6px;inset-inline-start:3px}.zoom-slider .ant-slider .ant-slider-handle:hover::before,\n.zoom-slider .ant-slider .ant-slider-handle:focus::before,\n.zoom-slider .ant-slider .ant-slider-handle::before{width:10px;height:10px;inset-inline-start:-2px}.zoom-slider .ant-slider .ant-slider-handle:hover::after,\n.zoom-slider .ant-slider .ant-slider-handle:focus::after,\n.zoom-slider .ant-slider .ant-slider-handle::after{width:6px;height:6px;inset-block-start:0;inset-inline-start:0}',""]);const l=i.toString()},3012:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,"*{box-sizing:border-box}:host{display:block;position:relative;overflow:hidden}:host,\n.root{width:100%;height:100%}:host([hidden]){display:none}.root{opacity:0}.root.ready{opacity:1}.root:focus{outline:none}.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.cell.active .line-active-bg{stroke:var(--palette-blue-5);stroke-dasharray:4;stroke-width:1}.cell:not(.read-only){-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle{cursor:nwse-resize;opacity:0}.resize-handle rect{fill:transparent;stroke:none}.resize-handle path{fill:none;stroke:var(--palette-gray-5);stroke-width:1.5}.cell.active .decorator-area .resize-handle,\n.decorator-area:hover .resize-handle{opacity:1}.connect-line{pointer-events:none}.connect-line:not(.connecting){display:none}.line.dashed{stroke-dasharray:4}.cell.active .decorator-text .text-container{outline:1px dashed var(--palette-blue-5)}.decorator-text .text-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5em}.decorator-text .text:focus{outline:none}.cell.faded{opacity:0.3}.cell .node{pointer-events:none}.cell .node > *{pointer-events:auto}",""]);const l=i.toString()}}]);
2
- //# sourceMappingURL=4054.a7e7e379.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8304],{3739:(e,t,r)=>{r.d(t,{c:()=>o});var n=r(8769),a=r.n(n);function o(e){var t,{id:r,type:n,strokeColor:o}=e;switch(n){case"0..1":t=l;break;case"0..N":t=c;break;default:t=i}return a().createElement(t,{id:r,strokeColor:o})}function i(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},a().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:r,strokeWidth:1,fill:r}))}function l(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},a().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}function c(e){var{id:t,strokeColor:r}=e;return a().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},a().createElement("path",{d:"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5",stroke:r,strokeWidth:1,fill:"none"}))}},3188:(e,t,r)=>{r.d(t,{h:()=>a});var n=r(733);function a(e,t){if(e===t||(0,n.w)(e,t,0,0))return null;var r,a,o,i,l=t.x-e.x,c=t.y-e.y,d=l>0?1:-1;if(0!==c){var s=Math.abs(l/c),u=c>0?1:-1;s<e.width/e.height?(r=e.x+s*e.height/2*d,a=e.y+e.height/2*u):(r=e.x+e.width/2*d,a=e.y+e.width/2/s*u),s<t.width/t.height?(o=t.x-s*t.height/2*d,i=t.y-t.height/2*u):(o=t.x-t.width/2*d,i=t.y-t.width/2/s*u)}else r=e.x+e.width/2*d,o=t.x-t.width/2*d,a=i=e.y;return[{x:r,y:a},{x:o,y:i}]}},733:(e,t,r)=>{function n(e,t,r,n){var o=r?a(e,r):e,i=n?a(t,n):t,l=Math.min(o.x-o.width/2,i.x-i.width/2),c=Math.max(o.x+o.width/2,i.x+i.width/2),d=Math.min(o.y-o.height/2,i.y-i.height/2),s=Math.max(o.y+o.height/2,i.y+i.height/2);return c-l<o.width+i.width&&s-d<o.height+i.height}function a(e,t){return{x:e.x-e.width/2-t,y:e.y-e.height/2-t,width:e.width+2*t,height:e.height+2*t}}r.d(t,{w:()=>n})},2830:(e,t,r)=>{r.d(t,{m:()=>z});var n=r(8769),a=r.n(n),o=r(3373),i=r.n(o),l=r(531),c=r(4146),d=r(3188);function s(e,t){return e.find((e=>(0,l.N)(e)&&e.id===t))}function u(e){var{edge:t,cells:r,markerEnd:o,defaultEdgeLines:l}=e,u=(0,n.useMemo)((()=>s(r,t.source)),[r,t.source]),v=(0,n.useMemo)((()=>s(r,t.target)),[r,t.target]),m=(0,n.useMemo)((()=>null==l?void 0:l.find((e=>(0,c.checkIfByTransform)(e,{edge:t})))),[l,t]),f=(0,n.useMemo)((()=>u&&v?(0,d.h)(h(u.view,5),h(v.view,5)):null),[u,v]);if(!f)return null;var g="M".concat(f[0].x," ").concat(f[0].y,"L").concat(f[1].x," ").concat(f[1].y);return a().createElement(a().Fragment,null,a().createElement("path",{d:g,fill:"none",stroke:"transparent",strokeWidth:16}),a().createElement("path",{className:i()("line",{dashed:null==m?void 0:m.dashed}),d:g,fill:"none",stroke:"gray",markerEnd:"url(#".concat(o,")")}),a().createElement("path",{className:"line-active-bg",d:g,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 v=r(1983),m=r(1030),f=r(9126);function g(e){var{node:t,defaultNodeBricks:r,onResize:o}=e,i=function(e){var[t,r]=(0,n.useState)(e);return(0,n.useEffect)((()=>{r((t=>(0,m.isEqual)(t,e)?t:e))}),[e]),t}({node:{id:t.id,data:t.data}}),l=t.useBrick,d=(0,n.useRef)(null),s=(0,n.useMemo)((()=>{var e;return null!=l?l:null==r||null===(e=r.find((e=>(0,c.checkIfByTransform)(e,i))))||void 0===e?void 0:e.useBrick}),[r,l,i]),u=(0,n.useCallback)((e=>{var r=d.current;r&&(r.disconnect(),d.current=null),e?setTimeout((()=>{var r=new f.A((()=>{o(t.id,[e.clientWidth,e.clientHeight])}));r.observe(e),d.current=r})):o(t.id,null)}),[t.id,o]);return s?a().createElement("foreignObject",{width:9999,height:9999,className:"node"},s&&a().createElement(v.ReactUseBrick,{useBrick:s,data:i,refCallback:u})):null}function p(e){return"edge"===e.type?(0,m.pick)(e,["type","source","target","data"]):(0,m.pick)(e,["type","id","data"])}function w(e,t){var{action:r,cell:n,scale:a,onCellMoving:o,onCellMoved:i,onCellResizing:l,onCellResized:c,onSwitchActiveTarget:d}=t;if(e.stopPropagation(),null==d||d(p(n)),"edge"!==n.type){var s=[e.clientX,e.clientY],u="move"===r?[n.view.x,n.view.y]:[n.view.width,n.view.height],h=!1,v=(e,t)=>{var d,v,m=function(e){return[(e.clientX-s[0])/a,(e.clientY-s[1])/a]}(e);h||(h=m[0]**2+m[1]**2>=9),h&&("move"===r?null===(d=t?i:o)||void 0===d||d({type:n.type,id:n.id,x:u[0]+m[0],y:u[1]+m[1]}):null===(v=t?c:l)||void 0===v||v({type:n.type,id:n.id,width:u[0]+m[0],height:u[1]+m[1]}))},m=e=>{v(e)},f=e=>{v(e,!0),h=!1,document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",f)};document.addEventListener("mousemove",m),document.addEventListener("mouseup",f)}}function x(e){var{cell:t,transform:r,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c}=e,d=a().useRef(null);return(0,n.useEffect)((()=>{var e=d.current;if(e&&!o){var n=e=>{w(e,{action:"resize",cell:t,scale:r.k,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c})};return e.addEventListener("mousedown",n),()=>{e.removeEventListener("mousedown",n)}}}),[t,l,i,c,o,r.k]),a().createElement("g",{className:"decorator-area"},a().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),!o&&a().createElement("g",{ref:d,className:"resize-handle",transform:"translate(".concat(t.view.width-20," ").concat(t.view.height-20,")")},a().createElement("rect",{width:20,height:20}),a().createElement("path",{d:"M10 18L18 10 M15 18L18 15"})))}var y=r(9740);function k(e){var t,{cell:r,readOnly:o,onDecoratorTextEditing:l,onDecoratorTextChange:c}=e,d=null!==(t=r.view.text)&&void 0!==t?t:"",[s,u]=(0,n.useState)(d),[h,v]=(0,n.useState)(!1),m=(0,n.useRef)(!1),[f,g]=(0,n.useState)(!1),p=(0,n.useRef)(null),w=(0,n.useCallback)((e=>{o||(e.preventDefault(),e.stopPropagation(),v(!0))}),[o]);(0,n.useEffect)((()=>{var e=p.current;e&&e.textContent!==s&&(e.textContent=s)}),[s]),(0,n.useEffect)((()=>{h&&p.current&&(p.current.focus(),function(e){var t=document.createRange();t.selectNodeContents(e);var r=window.getSelection();r.removeAllRanges(),r.addRange(t)}(p.current)),null==l||l({id:r.id,editing:h})}),[r.id,h,l]),(0,n.useEffect)((()=>{m.current?null==l||l({id:r.id,editing:h}):m.current=!0}),[r.id,h,l]);var x=(0,n.useCallback)((e=>{o||u(e.target.textContent)}),[o]),k=(0,n.useCallback)((()=>{o||(v(!1),g(!0))}),[o]);return(0,n.useEffect)((()=>{f&&(null==c||c({id:r.id,view:(0,y.A)((0,y.A)({},r.view),{},{text:s})}),g(!1))}),[r,s,c,f]),a().createElement("foreignObject",{className:"decorator-text"},a().createElement("div",{className:i()("text-container",{editing:h}),onDoubleClick:w},a().createElement("div",{className:"text",contentEditable:h,ref:p,onInput:x,onBlur:k})))}function E(e){var t,{cell:r,transform:n,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c,onDecoratorTextEditing:d,onDecoratorTextChange:s}=e;switch(r.decorator){case"area":t=x;break;case"text":t=k;break;default:return console.error("Unknown decorator: ".concat(r.decorator)),null}return a().createElement(t,{cell:r,transform:n,readOnly:o,onCellResizing:i,onCellResized:l,onSwitchActiveTarget:c,onDecoratorTextEditing:d,onDecoratorTextChange:s})}var b=r(8185);function z(e){var{cell:t,cells:r,defaultNodeBricks:o,defaultEdgeLines:c,markerEnd:d,active:s,readOnly:h,transform:v,unrelatedCells:m,onCellMoving:f,onCellMoved:x,onCellResizing:y,onCellResized:k,onSwitchActiveTarget:z,onCellContextMenu:C,onDecoratorTextEditing:A,onDecoratorTextChange:M,onNodeBrickResize:R,onCellMouseEnter:N,onCellMouseLeave:L}=e,S=(0,n.useRef)(null),T=(0,n.useMemo)((()=>m.some((e=>(0,b.c)(e,t)))),[t,m]);(0,n.useEffect)((()=>{var e=S.current;if(e&&!h){var r=e=>{w(e,{action:"move",cell:t,scale:v.k,onCellMoving:f,onCellMoved:x,onSwitchActiveTarget:z})};return e.addEventListener("mousedown",r),()=>{e.removeEventListener("mousedown",r)}}}),[t,x,f,z,h,v.k]);var H=(0,n.useCallback)((e=>{h&&"decorator"===t.type||(e.preventDefault(),z(p(t)),C({cell:t,clientX:e.clientX,clientY:e.clientY}))}),[t,C,z,h]),B=(0,n.useCallback)((()=>{null==N||N(t)}),[t,N]),D=(0,n.useCallback)((()=>{null==L||L(t)}),[t,L]);return a().createElement("g",{className:i()("cell",{active:s,faded:T,"read-only":h}),ref:S,transform:"edge"===t.type?void 0:"translate(".concat(t.view.x," ").concat(t.view.y,")"),onContextMenu:H,onMouseEnter:B,onMouseLeave:D},(0,l.N)(t)?a().createElement(g,{node:t,defaultNodeBricks:o,onResize:R}):(0,l.WW)(t)?a().createElement(u,{edge:t,defaultEdgeLines:c,cells:r,markerEnd:d}):(0,l.mH)(t)?a().createElement(E,{cell:t,transform:v,readOnly:h,onCellResizing:y,onCellResized:k,onSwitchActiveTarget:z,onDecoratorTextEditing:A,onDecoratorTextChange:M}):null)}},3033:(e,t,r)=>{r.d(t,{CV:()=>n,HP:()=>a,N8:()=>i,Yt:()=>d,sS:()=>c,sz:()=>o,w1:()=>l});var n=Symbol.for("size-initialized"),a=20,o=36,i=100,l=60,c=.5,d=2},531:(e,t,r)=>{function n(e){return"node"===e.type}function a(e){return"decorator"===e.type}function o(e){return"node"===e.type}function i(e){return"edge"===e.type}r.d(t,{N:()=>n,WW:()=>i,mH:()=>a,vC:()=>o})},227:(e,t,r)=>{r.d(t,{Y:()=>a});var n=r(8185);function a(e,t,r){var a=[];if(t){var o=new Set;for(var i of e)"edge"===i.type&&i.source===t.source.id&&o.add(i.target);for(var l of e)"node"===l.type?o.has(l.id)&&a.push(l):a.push(l)}else switch(null==r?void 0:r.type){case"node":var c=new Map,d=new Set([r.id]);for(var s of e)"node"===s.type?c.set(s.id,s):"edge"===s.type?s.source===r.id?d.add(s.target):s.target===r.id?d.add(s.source):a.push(s):a.push(s);for(var[u,h]of c)d.has(u)||a.push(h);break;case"edge":for(var v of e)("edge"===v.type?(0,n.c)(v,r):"node"===v.type&&(v.id===r.source||v.id===r.target))||a.push(v);break;case"decorator":for(var m of e)"decorator"===m.type&&m.id===r.id||a.push(m)}return a}},3783:(e,t,r)=>{r.d(t,{C:()=>o});var n=r(9740),a=r(531);function o(e,t){var{defaultNodeSize:r}=t;return(null!=e?e:[]).map((e=>{var t,o;return!(0,a.vC)(e)||void 0!==(null===(t=e.view)||void 0===t?void 0:t.width)&&void 0!==(null===(o=e.view)||void 0===o?void 0:o.height)?e:(0,n.A)((0,n.A)({},e),{},{view:(0,n.A)({width:r[0],height:r[1]},e.view)})}))}},8185:(e,t,r)=>{function n(e,t){return e?!!t&&e.type===t.type&&("node"===e.type||"decorator"===e.type?e.id===t.id:e.source===t.source&&e.target===t.target):!t}r.d(t,{c:()=>n})},908:(e,t,r)=>{r.d(t,{r:()=>a});var n=r(531);function a(e,t){var{canvasWidth:r,canvasHeight:a,scaleRange:o}=t,i=1/0,l=1/0,c=-1/0,d=-1/0,s=!0;for(var u of e)if(!(0,n.WW)(u)){s=!1;var{view:h}=u,v=h.x+h.width,m=h.y+h.height;h.x<i&&(i=h.x),v>c&&(c=v),h.y<l&&(l=h.y),m>d&&(d=m)}var f=c-i,g=d-l,p=o&&!s&&(f>r||g>a)?Math.max(Math.min(r/f,a/g,o[1]),o[0]):1;return{x:s?0:(r-f*p)/2-i*p,y:s?0:(a-g*p)/2-l*p,k:p}}},1083:(e,t,r)=>{r.d(t,{d:()=>c});var n=r(9740),a=r(531),o=r(3033);function i(e,t,r){var n=e.findLastIndex(r)+1;return[...e.slice(0,n),t,...e.slice(n)]}var l,c=(l={cells:(e,t)=>{switch(t.type){case"drop-node":return i(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:i(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":var r=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,r),...t.payload,...e.slice(r)];case"add-edge":return i(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cell":var{type:l,id:c,x:d,y:s}=t.payload,u=e.findIndex((e=>e.type===l&&e.id===c));if(-1!==u){var h=e[u];return[...e.slice(0,u),(0,n.A)((0,n.A)({},h),{},{view:(0,n.A)((0,n.A)({},h.view),{},{x:d,y:s})}),...e.slice(u+1)]}return e;case"resize-cell":var{type:v,id:m,width:f,height:g}=t.payload,p=e.findIndex((e=>e.type===v&&e.id===m));if(-1!==p){var w=e[p];return[...e.slice(0,p),(0,n.A)((0,n.A)({},w),{},{view:(0,n.A)((0,n.A)({},w.view),{},{width:f,height:g})}),...e.slice(p+1)]}return e;case"update-cells":return t.payload;case"update-node-size":return e.map((e=>(0,a.N)(e)&&e.id===t.payload.id?(0,n.A)((0,n.A)({},e),{},{[o.CV]:!0,view:t.payload.size?(0,n.A)((0,n.A)({},e.view),{},{width:t.payload.size[0],height:t.payload.size[1]}):e.view}):e))}return e}},(e,t)=>Object.fromEntries(Object.entries(l).map((r=>{var[n,a]=r;return[n,a(e[n],t)]}))))},7099:(e,t,r)=>{r.d(t,{Y:()=>m});var n=r(8769),a=r.n(n),o=r(2657),i=r(6768),l=r(198),c=r(8621),d=r(1983),s=r(9575);const u=e=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),n.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=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),n.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"}),n.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=>n.createElement("svg",(0,s.A)({xmlns:"http://www.w3.org/2000/svg",width:128,height:128,className:"icon",viewBox:"0 0 1024 1024"},e),n.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"}),n.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 m(e){var{shadowRoot:t,scale:r,scaleRange:s,onZoomChange:m,onReCenter:f}=e,g=(0,d.useCurrentTheme)(),p=(0,n.useMemo)((()=>(0,c.VC)()),[]),w=(0,n.useRef)(null),x=100*s[0],y=100*s[1],k=100*r,E=(0,n.useMemo)((()=>({formatter:e=>"".concat(e,"%"),placement:"left",getPopupContainer:()=>w.current})),[]),b=(0,n.useCallback)((()=>{m(Math.min(k+5,y))}),[y,m,k]),z=(0,n.useCallback)((()=>{m(Math.max(k-5,x))}),[x,m,k]);return a().createElement(o.Ay,{theme:{algorithm:"dark-v2"===g?i.A.darkAlgorithm:i.A.defaultAlgorithm}},a().createElement(c.N7,{container:t,autoClear:!0,cache:p,hashPriority:"high"},a().createElement("div",{className:"zoom-bar",ref:w},a().createElement("div",{className:"center-button",onClick:f,role:"button"},a().createElement(u,null)),a().createElement("div",{className:"zoom-slider"},a().createElement("div",{className:"zoom-button",role:"button",onClick:b},a().createElement(h,null)),a().createElement(l.A,{min:x,max:y,value:k,step:5,vertical:!0,included:!1,tooltip:E,onChange:m}),a().createElement("div",{className:"zoom-button",role:"button",onClick:z},a().createElement(v,null))))))}},1819:(e,t,r)=>{r.d(t,{J:()=>o});var n=r(8769),a=r(8185);function o(e){var{cellsRef:t,activeTarget:r,onActiveTargetChange:o}=e,i=null!=r?r:null,[l,c]=(0,n.useState)(i);(0,n.useEffect)((()=>{c((e=>(0,a.c)(e,i)?e:i))}),[i]);var d=(0,n.useRef)(!1);return(0,n.useEffect)((()=>{d.current?o(l):d.current=!0}),[l,o]),(0,n.useEffect)((()=>{if(l){var e=e=>{e.composedPath().indexOf(t.current)<=0&&c(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[l,t]),l}},2978:(e,t,r)=>{r.d(t,{E:()=>d});var n=r(8769),a=r(7566),o=r(1517),i=r(3033),l=r(531),c=r(908);function d(e){var{rootRef:t,cells:r,zoomable:d,zoomer:s,scaleRange:u}=e,[h,v]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{var e=t.current;if(e&&!h&&r.some((e=>(0,l.N)(e)||(0,l.mH)(e)))&&!r.some((e=>(0,l.N)(e)&&!e[i.CV]))){var{k:n,x:m,y:f}=(0,c.r)(r,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:d?u:void 0});s.transform((0,a.A)(e),new o.uV(n,m,f)),v(!0)}}),[r,h,t,u,d,s]),(0,n.useEffect)((()=>{r.some((e=>(0,l.N)(e)||(0,l.mH)(e)))||v(!1)}),[r]),[h,v]}},8091:(e,t,r)=>{r.d(t,{f:()=>l});var n=r(8769),a=r(7566),o=r(1517),i=r(3033);function l(e){var{rootRef:t,zoomable:r,scrollable:l,pannable:c,scaleRange:d,onSwitchActiveTarget:s}=e,[u,h]=(0,n.useState)(!1),[v,m]=(0,n.useState)({k:1,x:0,y:0}),f=(0,n.useMemo)((()=>null!=d?d:[i.sS,i.Yt]),[d]),g=(0,n.useMemo)((()=>(0,o.s_)()),[]);return(0,n.useEffect)((()=>{var e=!1;g.scaleExtent(r?f:[1,1]).on("start",(()=>{e=!1,h(!0)})).on("zoom",(t=>{e=!0,m(t.transform)})).on("end",(()=>{h(!1),e||null==s||s(null)}))}),[s,f,r,g]),(0,n.useEffect)((()=>{var e=t.current;if(e){var n=(0,a.A)(e),o=()=>{n.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(r||l||c)return(r||l)&&n.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),l&&(e.preventDefault(),g.translateBy(n,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),n.call(g).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null).on("mousedown.zoom",null),c||n.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),o;o()}}),[c,t,l,r,g]),{grabbing:u,transform:v,zoomer:g,scaleRange:f}}},8618:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,'.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px}.zoom-slider,\n.center-button{width:100%;display:flex;align-items:center;border:1px solid var(--antd-background-color-base);border-radius:var(--larger-border-radius);box-shadow:var(--connected-overlay-shadow);background-color:var(--color-fill-bg-container-4)}.zoom-slider{height:140px;padding:8px 0;flex-direction:column}[role="button"]{cursor:pointer}.center-button{justify-content:center;margin-bottom:8px;height:40px}.center-button:hover{border-color:var(--antd-btn-default-hover-border-color)}.center-button path{fill:var(--antd-link-hover-color)}.center-button:hover path{fill:var(--palette-blue-7)}.zoom-button{font-size:16px;line-height:0}.zoom-button svg{width:1em;height:1em;fill:var(--antd-link-hover-color)}.zoom-slider .ant-slider-vertical{padding-inline:5px}.zoom-slider .ant-slider-vertical .ant-slider-rail{width:2px}.zoom-slider .ant-slider-vertical .ant-slider-handle{width:6px;height:6px;inset-inline-start:3px}.zoom-slider .ant-slider .ant-slider-handle:hover::before,\n.zoom-slider .ant-slider .ant-slider-handle:focus::before,\n.zoom-slider .ant-slider .ant-slider-handle::before{width:10px;height:10px;inset-inline-start:-2px}.zoom-slider .ant-slider .ant-slider-handle:hover::after,\n.zoom-slider .ant-slider .ant-slider-handle:focus::after,\n.zoom-slider .ant-slider .ant-slider-handle::after{width:6px;height:6px;inset-block-start:0;inset-inline-start:0}',""]);const l=i.toString()},3012:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(6758),a=r.n(n),o=r(935),i=r.n(o)()(a());i.push([e.id,"*{box-sizing:border-box}:host{display:block;position:relative;overflow:hidden}:host,\n.root{width:100%;height:100%}:host([hidden]){display:none}.root{opacity:0}.root.ready{opacity:1}.root:focus{outline:none}.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.cell.active .line-active-bg{stroke:var(--palette-blue-5);stroke-dasharray:4;stroke-width:1}.cell:not(.read-only){-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle{cursor:nwse-resize;opacity:0}.resize-handle rect{fill:transparent;stroke:none}.resize-handle path{fill:none;stroke:var(--palette-gray-5);stroke-width:1.5}.cell.active .decorator-area .resize-handle,\n.decorator-area:hover .resize-handle{opacity:1}.connect-line{pointer-events:none}.connect-line:not(.connecting){display:none}.line.dashed{stroke-dasharray:4}.cell.active .decorator-text .text-container{outline:1px dashed var(--palette-blue-5)}.decorator-text .text-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5em}.decorator-text .text:focus{outline:none}.cell.faded{opacity:0.3}.cell .node{pointer-events:none}.cell .node > *{pointer-events:auto}",""]);const l=i.toString()}}]);
2
+ //# sourceMappingURL=8304.613a484c.js.map
package/dist/chunks/8304.613a484c.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chunks/8304.613a484c.js","mappings":"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","sources":["webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/doTwoNodesOverlap.ts","webpack:///./src/draw-canvas/processors/findNode.ts","webpack:///./src/draw-canvas/EdgeComponent.tsx","webpack:///./src/draw-canvas/NodeComponent.tsx","webpack:///./src/draw-canvas/processors/cellToTarget.ts","webpack:///./src/draw-canvas/processors/handleMouseDown.ts","webpack:///./src/draw-canvas/decorators/DecoratorArea.tsx","webpack:///./src/draw-canvas/decorators/DecoratorText.tsx","webpack:///./src/draw-canvas/decorators/index.tsx","webpack:///./src/draw-canvas/CellComponent.tsx","webpack:///./src/draw-canvas/constants.ts","webpack:///./src/draw-canvas/processors/asserts.ts","webpack:///./src/draw-canvas/processors/getUnrelatedCells.ts","webpack:///./src/draw-canvas/processors/initializeCells.ts","webpack:///./src/draw-canvas/processors/sameTarget.ts","webpack:///./src/draw-canvas/processors/transformToCenter.ts","webpack:///./src/draw-canvas/reducers/cells.ts","webpack:///./src/draw-canvas/reducers/index.ts","webpack:///./src/shared/canvas/icons/center.svg","webpack:///./src/shared/canvas/icons/zoom-in.svg","webpack:///./src/shared/canvas/icons/zoom-out.svg","webpack:///./src/shared/canvas/ZoomBarComponent.tsx","webpack:///./src/shared/canvas/useActiveTarget.ts","webpack:///./src/shared/canvas/useAutoCenter.ts","webpack:///./src/shared/canvas/useZoom.ts","webpack:///./src/shared/canvas/ZoomBarComponent.shadow.css","webpack:///./src/shared/canvas/styles.shadow.css"],"sourcesContent":["import React from \"react\";\nimport type { LineMarkerType } from \"./interfaces\";\n\nexport interface MarkerComponentProps extends BaseMarkerComponentProps {\n type: LineMarkerType;\n}\n\nexport interface BaseMarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n type,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n let Component: (props: BaseMarkerComponentProps) => JSX.Element;\n\n switch (type) {\n case \"0..1\":\n Component = EntityRelationZeroOrOneMarker;\n break;\n case \"0..N\":\n Component = EntityRelationZeroOrManyMarker;\n break;\n default:\n Component = ArrowMarker;\n }\n\n return <Component id={id} strokeColor={strokeColor} />;\n}\n\nfunction ArrowMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={5}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto-start-reverse\"\n strokeLinejoin=\"round\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrOneMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n 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\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrManyMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n 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\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n","import type { NodePosition, NodeRect } from \"../interfaces\";\nimport { doTwoNodesOverlap } from \"../processors/doTwoNodesOverlap\";\n\nexport function getDirectLinePoints(\n source: NodeRect,\n target: NodeRect\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n // Ignore if two nodes overlap.\n if (source === target || doTwoNodesOverlap(source, target, 0, 0)) {\n return null;\n }\n\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n\n let x0: number, y0: number, x1: number, y1: number;\n const directionX = dx > 0 ? 1 : -1;\n if (dy !== 0) {\n const deltaRadio = Math.abs(dx / dy);\n const directionY = dy > 0 ? 1 : -1;\n const sourceRadio = source.width / source.height;\n if (deltaRadio < sourceRadio) {\n x0 = source.x + ((deltaRadio * source.height) / 2) * directionX;\n y0 = source.y + (source.height / 2) * directionY;\n } else {\n x0 = source.x + (source.width / 2) * directionX;\n y0 = source.y + (source.width / 2 / deltaRadio) * directionY;\n }\n const targetRadio = target.width / target.height;\n if (deltaRadio < targetRadio) {\n x1 = target.x - ((deltaRadio * target.height) / 2) * directionX;\n y1 = target.y - (target.height / 2) * directionY;\n } else {\n x1 = target.x - (target.width / 2) * directionX;\n y1 = target.y - (target.width / 2 / deltaRadio) * directionY;\n }\n } else {\n x0 = source.x + (source.width / 2) * directionX;\n x1 = target.x - (target.width / 2) * directionX;\n y0 = y1 = source.y;\n }\n\n return [\n { x: x0, y: y0 },\n { x: x1, y: y1 },\n ];\n}\n","import type { NodeRect } from \"../interfaces\";\n\nexport function doTwoNodesOverlap(\n a: NodeRect,\n b: NodeRect,\n paddingA: number,\n paddingB: number\n): boolean {\n const A = paddingA ? getNodesWithPadding(a, paddingA) : a;\n const B = paddingB ? getNodesWithPadding(b, paddingB) : b;\n const left = Math.min(A.x - A.width / 2, B.x - B.width / 2);\n const right = Math.max(A.x + A.width / 2, B.x + B.width / 2);\n const top = Math.min(A.y - A.height / 2, B.y - B.height / 2);\n const bottom = Math.max(A.y + A.height / 2, B.y + B.height / 2);\n return right - left < A.width + B.width && bottom - top < A.height + B.height;\n}\n\nfunction getNodesWithPadding(node: NodeRect, padding: number) {\n return {\n x: node.x - node.width / 2 - padding,\n y: node.y - node.height / 2 - padding,\n width: node.width + padding * 2,\n height: node.height + padding * 2,\n };\n}\n","import type { Cell, NodeCell, NodeId } from \"../interfaces\";\nimport { isNodeCell } from \"./asserts\";\n\nexport function findNode(cells: Cell[], id: NodeId): NodeCell | undefined {\n return cells.find((cell) => isNodeCell(cell) && cell.id === id) as\n | NodeCell\n | undefined;\n}\n","import React, { useMemo } from \"react\";\nimport { checkIfByTransform } from \"@next-core/runtime\";\nimport classNames from \"classnames\";\nimport type { Cell, EdgeCell, EdgeLineConf, NodeView } from \"./interfaces\";\nimport { getDirectLinePoints } from \"../diagram/lines/getDirectLinePoints\";\nimport type { NodeRect } from \"../diagram/interfaces\";\nimport { findNode } from \"./processors/findNode\";\n\nexport interface EdgeComponentProps {\n edge: EdgeCell;\n cells: Cell[];\n markerEnd: string;\n defaultEdgeLines?: EdgeLineConf[];\n}\n\nexport function EdgeComponent({\n edge,\n cells,\n markerEnd,\n defaultEdgeLines,\n}: EdgeComponentProps): JSX.Element | null {\n const sourceNode = useMemo(\n () => findNode(cells, edge.source),\n [cells, edge.source]\n );\n const targetNode = useMemo(\n () => findNode(cells, edge.target),\n [cells, edge.target]\n );\n const lineConf = useMemo(\n () => defaultEdgeLines?.find((item) => checkIfByTransform(item, { edge })),\n [defaultEdgeLines, edge]\n );\n\n const padding = 5;\n\n const line = useMemo(\n () =>\n sourceNode && targetNode\n ? getDirectLinePoints(\n nodeViewToNodeRect(sourceNode.view, padding),\n nodeViewToNodeRect(targetNode.view, padding)\n )\n : null,\n [sourceNode, targetNode]\n );\n\n if (!line) {\n // This happens when source or target is not found\n return null;\n }\n\n const d = `M${line[0].x} ${line[0].y}L${line[1].x} ${line[1].y}`;\n\n return (\n <>\n <path\n // This `path` is made for expanding interaction area of graph lines.\n d={d}\n fill=\"none\"\n stroke=\"transparent\"\n strokeWidth={16}\n />\n <path\n className={classNames(\"line\", { dashed: lineConf?.dashed })}\n d={d}\n fill=\"none\"\n stroke=\"gray\"\n markerEnd={`url(#${markerEnd})`}\n />\n <path className=\"line-active-bg\" d={d} fill=\"none\" />\n </>\n );\n}\n\nfunction nodeViewToNodeRect(view: NodeView, padding: number): NodeRect {\n return {\n x: view.x + view.width / 2,\n y: view.y + view.height / 2,\n width: view.width + padding,\n height: view.height + padding,\n };\n}\n","import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport { checkIfByTransform } from \"@next-core/runtime\";\nimport { isEqual } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type { NodeBrickCell, NodeBrickConf, NodeCell } from \"./interfaces\";\nimport type { SizeTuple } from \"../diagram/interfaces\";\n\nexport interface NodeComponentProps {\n node: NodeCell;\n defaultNodeBricks?: NodeBrickConf[];\n onResize(id: string, size: SizeTuple | null): void;\n}\n\nexport function NodeComponent({\n node,\n defaultNodeBricks,\n onResize,\n}: NodeComponentProps): JSX.Element | null {\n const memoizedData = useDeepMemo({ node: { id: node.id, data: node.data } });\n const specifiedUseBrick = (node as NodeBrickCell).useBrick;\n const observerRef = useRef<ResizeObserver | null>(null);\n\n const useBrick = useMemo(() => {\n return (\n specifiedUseBrick ??\n defaultNodeBricks?.find((item) => checkIfByTransform(item, memoizedData))\n ?.useBrick\n );\n }, [defaultNodeBricks, specifiedUseBrick, memoizedData]);\n\n const refCallback = useCallback(\n (element: HTMLElement | null) => {\n const prevObserver = observerRef.current;\n if (prevObserver) {\n prevObserver.disconnect();\n observerRef.current = null;\n }\n if (element) {\n // Todo: correctly wait for `useBrick` in v3 to be rendered (after layout)\n // Wait a macro task to let `useBrick` to be rendered.\n setTimeout(() => {\n const observer = new ResizeObserver(() => {\n onResize(node.id, [element.clientWidth, element.clientHeight]);\n });\n observer.observe(element);\n observerRef.current = observer;\n });\n } else {\n onResize(node.id, null);\n }\n },\n [node.id, onResize]\n );\n\n return useBrick ? (\n <foreignObject\n // Make a large size to avoid the brick inside to be clipped by the foreignObject.\n width={9999}\n height={9999}\n className=\"node\"\n >\n {useBrick && (\n <ReactUseBrick\n useBrick={useBrick}\n data={memoizedData}\n refCallback={refCallback}\n />\n )}\n </foreignObject>\n ) : null;\n}\n\nfunction useDeepMemo<T>(value: T): T {\n const [memoizedValue, setMemoizedValue] = useState(value);\n\n useEffect(() => {\n setMemoizedValue((prev) => (isEqual(prev, value) ? prev : value));\n }, [value]);\n\n return memoizedValue;\n}\n","import { pick } from \"lodash\";\nimport type { ActiveTarget, Cell } from \"../interfaces\";\n\nexport function cellToTarget(cell: Cell): ActiveTarget {\n return cell.type === \"edge\"\n ? pick(cell, [\"type\", \"source\", \"target\", \"data\"])\n : pick(cell, [\"type\", \"id\", \"data\"]);\n}\n","import type { PositionTuple } from \"../../diagram/interfaces\";\nimport type { ActiveTarget, Cell } from \"../interfaces\";\nimport type {\n MoveCellPayload,\n ResizeCellPayload,\n} from \"../reducers/interfaces\";\nimport { cellToTarget } from \"./cellToTarget\";\n\nexport function handleMouseDown(\n event: MouseEvent,\n {\n action,\n cell,\n scale,\n onCellMoving,\n onCellMoved,\n onCellResizing,\n onCellResized,\n onSwitchActiveTarget,\n }: {\n action: \"move\" | \"resize\";\n cell: Cell;\n scale: number;\n onCellMoving?(info: MoveCellPayload): void;\n onCellMoved?(info: MoveCellPayload): void;\n onCellResizing?(info: ResizeCellPayload): void;\n onCellResized?(info: ResizeCellPayload): void;\n onSwitchActiveTarget?(activeTarget: ActiveTarget | null): void;\n }\n) {\n event.stopPropagation();\n // Drag node\n onSwitchActiveTarget?.(cellToTarget(cell));\n\n if (cell.type === \"edge\") {\n return;\n }\n\n const from: PositionTuple = [event.clientX, event.clientY];\n const original =\n action === \"move\"\n ? [cell.view.x, cell.view.y]\n : [cell.view.width, cell.view.height];\n\n function getMovement(e: MouseEvent): PositionTuple {\n return [(e.clientX - from[0]) / scale, (e.clientY - from[1]) / scale];\n }\n\n let moved = false;\n\n const handleMove = (e: MouseEvent, finished?: boolean) => {\n // Respect the scale\n const movement = getMovement(e);\n if (!moved) {\n moved = movement[0] ** 2 + movement[1] ** 2 >= 9;\n }\n // const [x, y] = getNewPosition(movement);\n // adjustCellPosition(x, y);\n if (moved) {\n if (action === \"move\") {\n (finished ? onCellMoved : onCellMoving)?.({\n type: cell.type,\n id: cell.id,\n x: original[0] + movement[0],\n y: original[1] + movement[1],\n });\n } else {\n (finished ? onCellResized : onCellResizing)?.({\n type: cell.type,\n id: cell.id,\n width: original[0] + movement[0],\n height: original[1] + movement[1],\n });\n }\n }\n };\n\n const onMouseMove = (e: MouseEvent) => {\n handleMove(e);\n };\n const onMouseUp = (e: MouseEvent) => {\n handleMove(e, true);\n moved = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n}\n","import React, { useEffect } from \"react\";\nimport type { BasicDecoratorProps } from \"../interfaces\";\nimport { handleMouseDown } from \"../processors/handleMouseDown\";\n\nexport function DecoratorArea({\n cell,\n transform,\n readOnly,\n onCellResizing,\n onCellResized,\n onSwitchActiveTarget,\n}: BasicDecoratorProps): JSX.Element {\n const resizeHandleRef = React.useRef<SVGGElement>(null);\n\n useEffect(() => {\n const resizeHandle = resizeHandleRef.current;\n if (!resizeHandle || readOnly) {\n return;\n }\n const onMouseDown = (event: MouseEvent) => {\n handleMouseDown(event, {\n action: \"resize\",\n cell,\n scale: transform.k,\n onCellResizing,\n onCellResized,\n onSwitchActiveTarget,\n });\n };\n resizeHandle.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n resizeHandle.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [\n cell,\n onCellResized,\n onCellResizing,\n onSwitchActiveTarget,\n readOnly,\n transform.k,\n ]);\n\n return (\n <g className=\"decorator-area\">\n <rect\n width={cell.view.width}\n height={cell.view.height}\n className=\"area\"\n />\n {!readOnly && (\n <g\n ref={resizeHandleRef}\n className=\"resize-handle\"\n transform={`translate(${cell.view.width - 20} ${cell.view.height - 20})`}\n >\n <rect width={20} height={20} />\n <path d=\"M10 18L18 10 M15 18L18 15\" />\n </g>\n )}\n </g>\n );\n}\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { BasicDecoratorProps } from \"../interfaces\";\nimport classNames from \"classnames\";\n\nexport type DecoratorTextProps = Pick<\n BasicDecoratorProps,\n \"cell\" | \"readOnly\" | \"onDecoratorTextEditing\" | \"onDecoratorTextChange\"\n>;\n\nexport function DecoratorText({\n cell,\n readOnly,\n onDecoratorTextEditing,\n onDecoratorTextChange,\n}: DecoratorTextProps): JSX.Element {\n const label = cell.view.text ?? \"\";\n const [currentLabel, setCurrentLabel] = useState<string>(label);\n const [editingLabel, setEditingLabel] = useState(false);\n const editingLabelInitialized = useRef(false);\n const [shouldEmitLabelChange, setShouldEmitLabelChange] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n const handleEnableEdit = useCallback(\n (e: React.MouseEvent) => {\n if (readOnly) {\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n setEditingLabel(true);\n },\n [readOnly]\n );\n\n useEffect(() => {\n const element = ref.current;\n if (element && element.textContent !== currentLabel) {\n element.textContent = currentLabel;\n }\n }, [currentLabel]);\n\n useEffect(() => {\n if (editingLabel && ref.current) {\n ref.current.focus();\n selectAllText(ref.current);\n }\n onDecoratorTextEditing?.({ id: cell.id, editing: editingLabel });\n }, [cell.id, editingLabel, onDecoratorTextEditing]);\n\n useEffect(() => {\n if (editingLabelInitialized.current) {\n onDecoratorTextEditing?.({ id: cell.id, editing: editingLabel });\n } else {\n editingLabelInitialized.current = true;\n }\n }, [cell.id, editingLabel, onDecoratorTextEditing]);\n\n const handleInput = useCallback(\n (event: React.FormEvent<HTMLDivElement>) => {\n if (readOnly) {\n return;\n }\n setCurrentLabel((event.target as HTMLDivElement).textContent!);\n },\n [readOnly]\n );\n\n const handleBlur = useCallback(() => {\n if (readOnly) {\n return;\n }\n setEditingLabel(false);\n setShouldEmitLabelChange(true);\n }, [readOnly]);\n\n useEffect(() => {\n if (shouldEmitLabelChange) {\n onDecoratorTextChange?.({\n id: cell.id,\n view: { ...cell.view, text: currentLabel },\n });\n setShouldEmitLabelChange(false);\n }\n }, [cell, currentLabel, onDecoratorTextChange, shouldEmitLabelChange]);\n\n return (\n <foreignObject className=\"decorator-text\">\n <div\n className={classNames(\"text-container\", { editing: editingLabel })}\n onDoubleClick={handleEnableEdit}\n >\n <div\n className=\"text\"\n contentEditable={editingLabel}\n ref={ref}\n onInput={handleInput}\n onBlur={handleBlur}\n />\n </div>\n </foreignObject>\n );\n}\n\nfunction selectAllText(element: HTMLElement) {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection()!;\n selection.removeAllRanges();\n selection.addRange(range);\n}\n","import React from \"react\";\nimport type { BasicDecoratorProps } from \"../interfaces\";\nimport { DecoratorArea } from \"./DecoratorArea\";\nimport { DecoratorText } from \"./DecoratorText\";\n\nexport function DecoratorComponent({\n cell,\n transform,\n readOnly,\n onCellResizing,\n onCellResized,\n onSwitchActiveTarget,\n onDecoratorTextEditing,\n onDecoratorTextChange,\n}: BasicDecoratorProps): JSX.Element | null {\n let SpecifiedComponent: (props: BasicDecoratorProps) => JSX.Element | null;\n\n switch (cell.decorator) {\n case \"area\":\n SpecifiedComponent = DecoratorArea;\n break;\n case \"text\":\n SpecifiedComponent = DecoratorText;\n break;\n // istanbul ignore next\n default:\n // eslint-disable-next-line no-console\n console.error(`Unknown decorator: ${cell.decorator}`);\n return null;\n }\n\n return (\n <SpecifiedComponent\n cell={cell}\n transform={transform}\n readOnly={readOnly}\n onCellResizing={onCellResizing}\n onCellResized={onCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onDecoratorTextEditing={onDecoratorTextEditing}\n onDecoratorTextChange={onDecoratorTextChange}\n />\n );\n}\n","import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport type {\n ActiveTarget,\n Cell,\n CellContextMenuDetail,\n DecoratorTextChangeDetail,\n EdgeLineConf,\n NodeBrickConf,\n} from \"./interfaces\";\nimport { isDecoratorCell, isEdgeCell, isNodeCell } from \"./processors/asserts\";\nimport { EdgeComponent } from \"./EdgeComponent\";\nimport { NodeComponent } from \"./NodeComponent\";\nimport { handleMouseDown } from \"./processors/handleMouseDown\";\nimport type { MoveCellPayload, ResizeCellPayload } from \"./reducers/interfaces\";\nimport { DecoratorComponent } from \"./decorators\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\nimport type { SizeTuple, TransformLiteral } from \"../diagram/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\n\nexport interface CellComponentProps {\n cell: Cell;\n cells: Cell[];\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n transform: TransformLiteral;\n markerEnd: string;\n active: boolean;\n readOnly?: boolean;\n unrelatedCells: Cell[];\n onCellMoving?(info: MoveCellPayload): void;\n onCellMoved?(info: MoveCellPayload): void;\n onCellResizing?(info: ResizeCellPayload): void;\n onCellResized?(info: ResizeCellPayload): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onDecoratorTextEditing?(detail: { id: string; editing: boolean }): void;\n onDecoratorTextChange?(detail: DecoratorTextChangeDetail): void;\n onNodeBrickResize(id: string, size: SizeTuple | null): void;\n onCellMouseEnter?(cell: Cell): void;\n onCellMouseLeave?(cell: Cell): void;\n}\n\nexport function CellComponent({\n cell,\n cells,\n defaultNodeBricks,\n defaultEdgeLines,\n markerEnd,\n active,\n readOnly,\n transform,\n unrelatedCells,\n onCellMoving,\n onCellMoved,\n onCellResizing,\n onCellResized,\n onSwitchActiveTarget,\n onCellContextMenu,\n onDecoratorTextEditing,\n onDecoratorTextChange,\n onNodeBrickResize,\n onCellMouseEnter,\n onCellMouseLeave,\n}: CellComponentProps): JSX.Element | null {\n const gRef = useRef<SVGGElement>(null);\n\n const unrelated = useMemo(\n () => unrelatedCells.some((item) => sameTarget(item, cell)),\n [cell, unrelatedCells]\n );\n\n useEffect(() => {\n const g = gRef.current;\n if (!g || readOnly) {\n return;\n }\n const onMouseDown = (event: MouseEvent) => {\n handleMouseDown(event, {\n action: \"move\",\n cell,\n scale: transform.k,\n onCellMoving,\n onCellMoved,\n onSwitchActiveTarget,\n });\n };\n g.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n g.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [\n cell,\n onCellMoved,\n onCellMoving,\n onSwitchActiveTarget,\n readOnly,\n transform.k,\n ]);\n\n const handleContextMenu = useCallback(\n (event: React.MouseEvent<SVGGElement>) => {\n if (readOnly && cell.type === \"decorator\") {\n return;\n }\n event.preventDefault();\n onSwitchActiveTarget(cellToTarget(cell));\n onCellContextMenu({\n cell,\n clientX: event.clientX,\n clientY: event.clientY,\n });\n },\n [cell, onCellContextMenu, onSwitchActiveTarget, readOnly]\n );\n\n const handleMouseEnter = useCallback(() => {\n onCellMouseEnter?.(cell);\n }, [cell, onCellMouseEnter]);\n\n const handleMouseLeave = useCallback(() => {\n onCellMouseLeave?.(cell);\n }, [cell, onCellMouseLeave]);\n\n return (\n <g\n className={classNames(\"cell\", {\n active,\n faded: unrelated,\n \"read-only\": readOnly,\n })}\n ref={gRef}\n transform={\n cell.type === \"edge\"\n ? undefined\n : `translate(${cell.view.x} ${cell.view.y})`\n }\n onContextMenu={handleContextMenu}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n {isNodeCell(cell) ? (\n <NodeComponent\n node={cell}\n defaultNodeBricks={defaultNodeBricks}\n onResize={onNodeBrickResize}\n />\n ) : isEdgeCell(cell) ? (\n <EdgeComponent\n edge={cell}\n defaultEdgeLines={defaultEdgeLines}\n cells={cells}\n markerEnd={markerEnd}\n />\n ) : isDecoratorCell(cell) ? (\n <DecoratorComponent\n cell={cell}\n transform={transform}\n readOnly={readOnly}\n onCellResizing={onCellResizing}\n onCellResized={onCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onDecoratorTextEditing={onDecoratorTextEditing}\n onDecoratorTextChange={onDecoratorTextChange}\n />\n ) : null}\n </g>\n );\n}\n","export const SYMBOL_FOR_SIZE_INITIALIZED = Symbol.for(\"size-initialized\");\nexport const DEFAULT_NODE_SIZE = 20;\nexport const DEFAULT_NODE_GAP = 36;\nexport const DEFAULT_AREA_WIDTH = 100;\nexport const DEFAULT_AREA_HEIGHT = 60;\nexport const DEFAULT_SCALE_RANGE_MIN = 0.5;\nexport const DEFAULT_SCALE_RANGE_MAX = 2;\n","import type {\n Cell,\n DecoratorCell,\n EdgeCell,\n InitialCell,\n InitialNodeCell,\n NodeCell,\n} from \"../interfaces\";\n\nexport function isNodeCell(cell: Cell): cell is NodeCell {\n return cell.type === \"node\";\n}\n\nexport function isDecoratorCell(cell: Cell): cell is DecoratorCell {\n return cell.type === \"decorator\";\n}\n\nexport function isInitialNodeCell(cell: InitialCell): cell is InitialNodeCell {\n return cell.type === \"node\";\n}\n\nexport function isEdgeCell(cell: Cell): cell is EdgeCell {\n return cell.type === \"edge\";\n}\n","import type { ActiveTarget, Cell, ConnectLineState } from \"../interfaces\";\nimport { sameTarget } from \"./sameTarget\";\n\nexport function getUnrelatedCells(\n cells: Cell[],\n connectLineState: ConnectLineState | null,\n activeTarget: ActiveTarget | null\n): Cell[] {\n const unrelated: Cell[] = [];\n\n if (connectLineState) {\n const existedTargets = new Set<string>();\n for (const cell of cells) {\n if (cell.type === \"edge\" && cell.source === connectLineState.source.id) {\n existedTargets.add(cell.target);\n }\n }\n for (const cell of cells) {\n switch (cell.type) {\n case \"node\":\n if (existedTargets.has(cell.id)) {\n unrelated.push(cell);\n }\n break;\n default:\n unrelated.push(cell);\n }\n }\n } else {\n switch (activeTarget?.type) {\n case \"node\": {\n const nodesMap = new Map<string, Cell>();\n const relatedNodeIds = new Set<string>([activeTarget.id]);\n for (const cell of cells) {\n if (cell.type === \"node\") {\n nodesMap.set(cell.id, cell);\n } else if (cell.type === \"edge\") {\n if (cell.source === activeTarget.id) {\n relatedNodeIds.add(cell.target);\n } else if (cell.target === activeTarget.id) {\n relatedNodeIds.add(cell.source);\n } else {\n unrelated.push(cell);\n }\n } else {\n unrelated.push(cell);\n }\n }\n for (const [id, cell] of nodesMap) {\n if (!relatedNodeIds.has(id)) {\n unrelated.push(cell);\n }\n }\n break;\n }\n\n case \"edge\":\n for (const cell of cells) {\n if (\n !(cell.type === \"edge\"\n ? sameTarget(cell, activeTarget)\n : cell.type === \"node\" &&\n (cell.id === activeTarget.source ||\n cell.id === activeTarget.target))\n ) {\n unrelated.push(cell);\n }\n }\n break;\n\n case \"decorator\":\n for (const cell of cells) {\n if (cell.type !== \"decorator\" || cell.id !== activeTarget.id) {\n unrelated.push(cell);\n }\n }\n break;\n }\n }\n\n return unrelated;\n}\n","import type { SizeTuple } from \"../../diagram/interfaces\";\nimport type { Cell, InitialCell, NodeCell } from \"../interfaces\";\nimport { isInitialNodeCell } from \"./asserts\";\n\nexport function initializeCells(\n initialCells: InitialCell[] | undefined,\n {\n defaultNodeSize,\n }: {\n defaultNodeSize: SizeTuple;\n }\n): Cell[] {\n const originalCells = initialCells ?? [];\n const finalCells: Cell[] = originalCells.map<Cell>((cell) => {\n if (\n !isInitialNodeCell(cell) ||\n (cell.view?.width !== undefined && cell.view?.height !== undefined)\n ) {\n return cell as NodeCell;\n }\n return {\n ...cell,\n view: {\n width: defaultNodeSize[0],\n height: defaultNodeSize[1],\n ...cell.view,\n },\n } as NodeCell;\n });\n return finalCells;\n}\n","import type {\n ActiveTarget,\n ActiveTargetOfEdge,\n ActiveTargetOfNode,\n} from \"../interfaces\";\n\nexport function sameTarget(\n a: ActiveTarget | null | undefined,\n b: ActiveTarget | null | undefined\n): boolean {\n return a\n ? !!b &&\n a.type === b.type &&\n (a.type === \"node\" || a.type === \"decorator\"\n ? a.id === (b as ActiveTargetOfNode).id\n : a.source === (b as ActiveTargetOfEdge).source &&\n a.target === (b as ActiveTargetOfEdge).target)\n : !b;\n}\n","import type { TransformLiteral } from \"../../diagram/interfaces\";\nimport type { Cell } from \"../interfaces\";\nimport { isEdgeCell } from \"./asserts\";\n\nexport interface TransformToCenterOptions {\n canvasWidth: number;\n canvasHeight: number;\n scaleRange?: [min: number, max: number];\n}\n\nexport function transformToCenter(\n cells: Cell[],\n { canvasWidth, canvasHeight, scaleRange }: TransformToCenterOptions\n): TransformLiteral {\n let left = Infinity;\n let top = Infinity;\n let right = -Infinity;\n let bottom = -Infinity;\n let empty = true;\n for (const cell of cells) {\n if (!isEdgeCell(cell)) {\n empty = false;\n const { view } = cell;\n const r = view.x + view.width;\n const b = view.y + view.height;\n if (view.x < left) {\n left = view.x;\n }\n if (r > right) {\n right = r;\n }\n if (view.y < top) {\n top = view.y;\n }\n if (b > bottom) {\n bottom = b;\n }\n }\n }\n\n const width = right - left;\n const height = bottom - top;\n\n const scale =\n scaleRange && !empty && (width > canvasWidth || height > canvasHeight)\n ? Math.max(\n Math.min(canvasWidth / width, canvasHeight / height, scaleRange[1]),\n scaleRange[0]\n )\n : 1;\n\n const x = empty ? 0 : (canvasWidth - width * scale) / 2 - left * scale;\n const y = empty ? 0 : (canvasHeight - height * scale) / 2 - top * scale;\n\n return { x, y, k: scale };\n}\n","import type { Reducer } from \"react\";\nimport type { DrawCanvasAction } from \"./interfaces\";\nimport type { Cell, NodeCell } from \"../interfaces\";\nimport { isNodeCell } from \"../processors/asserts\";\nimport { SYMBOL_FOR_SIZE_INITIALIZED } from \"../constants\";\n\nexport const cells: Reducer<Cell[], DrawCanvasAction> = (state, action) => {\n switch (action.type) {\n case \"drop-node\":\n return insertCellAfter(\n state,\n action.payload,\n (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n );\n case \"drop-decorator\": {\n if (action.payload.decorator === \"text\") {\n return [...state, action.payload];\n }\n return insertCellAfter(\n state,\n action.payload,\n (cell) => cell.type === \"decorator\" && cell.decorator === \"area\"\n );\n }\n case \"add-nodes\": {\n const index =\n state.findLastIndex(\n (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n ) + 1;\n return [\n ...state.slice(0, index),\n ...action.payload,\n ...state.slice(index),\n ];\n }\n case \"add-edge\":\n // Add the edge to just next to the previous last edge or area decorator.\n // If not found, append to the start.\n return insertCellAfter(\n state,\n action.payload,\n (cell) =>\n cell.type === \"edge\" ||\n (cell.type === \"decorator\" && cell.decorator === \"area\")\n );\n case \"move-cell\": {\n const { type, id, x, y } = action.payload;\n const index = state.findIndex(\n (cell) => cell.type === type && cell.id === id\n );\n if (index !== -1) {\n const node = state[index] as NodeCell;\n return [\n ...state.slice(0, index),\n { ...node, view: { ...node.view, x, y } },\n ...state.slice(index + 1),\n ];\n }\n return state;\n }\n case \"resize-cell\": {\n const { type, id, width, height } = action.payload;\n const index = state.findIndex(\n (cell) => cell.type === type && cell.id === id\n );\n if (index !== -1) {\n const node = state[index] as NodeCell;\n return [\n ...state.slice(0, index),\n { ...node, view: { ...node.view, width, height } },\n ...state.slice(index + 1),\n ];\n }\n return state;\n }\n case \"update-cells\":\n return action.payload;\n case \"update-node-size\":\n return state.map((cell) =>\n isNodeCell(cell) && cell.id === action.payload.id\n ? {\n ...cell,\n [SYMBOL_FOR_SIZE_INITIALIZED]: true,\n view: action.payload.size\n ? {\n ...cell.view,\n width: action.payload.size[0],\n height: action.payload.size[1],\n }\n : cell.view,\n }\n : cell\n );\n }\n return state;\n};\n\nfunction insertCellAfter(\n cells: Cell[],\n newCell: Cell,\n after: (cell: Cell) => boolean\n) {\n const index = cells.findLastIndex(after) + 1;\n return [...cells.slice(0, index), newCell, ...cells.slice(index)];\n}\n","import { Reducer } from \"react\";\nimport type { DrawCanvasAction, DrawCanvasState } from \"./interfaces\";\nimport { cells } from \"./cells\";\n\ntype ReducersMapObject<S, A> = {\n [K in keyof S]: Reducer<S[K], A>;\n};\n\nfunction combineReducers<S, A>(\n reducers: ReducersMapObject<S, A>\n): Reducer<S, A> {\n return ((state, action) =>\n Object.fromEntries(\n Object.entries<Reducer<any, A>>(reducers).map(([key, value]) => [\n key,\n value(state[key as keyof S], action),\n ])\n )) as Reducer<S, A>;\n}\n\nexport const rootReducer = combineReducers<DrawCanvasState, DrawCanvasAction>({\n cells,\n});\n","import * as React from \"react\";\nconst SvgCenter = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><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\" /></svg>;\nexport default SvgCenter;","import * as React from \"react\";\nconst SvgZoomIn = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} className=\"icon\" viewBox=\"0 0 1024 1024\" {...props}><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\" /><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\" /></svg>;\nexport default SvgZoomIn;","import * as React from \"react\";\nconst SvgZoomOut = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={128} height={128} className=\"icon\" viewBox=\"0 0 1024 1024\" {...props}><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\" /><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\" /></svg>;\nexport default SvgZoomOut;","import React, { useCallback, useMemo, useRef } from \"react\";\nimport { ConfigProvider, Slider, theme } from \"antd\";\nimport { StyleProvider, createCache } from \"@ant-design/cssinjs\";\nimport { useCurrentTheme } from \"@next-core/react-runtime\";\nimport type { RangeTuple } from \"../../diagram/interfaces\";\nimport CenterSVG from \"./icons/center.svg\";\nimport ZoomInSVG from \"./icons/zoom-in.svg\";\nimport ZoomOutSVG from \"./icons/zoom-out.svg\";\n\nexport interface ZoomBarComponentProps {\n shadowRoot: ShadowRoot;\n scale: number;\n scaleRange: RangeTuple;\n onZoomChange(value: number): void;\n onReCenter(): void;\n}\n\nexport function ZoomBarComponent({\n shadowRoot,\n scale,\n scaleRange,\n onZoomChange,\n onReCenter,\n}: ZoomBarComponentProps): JSX.Element | null {\n const currentTheme = useCurrentTheme();\n const cache = useMemo(() => createCache(), []);\n const zoomBarRef = useRef<HTMLDivElement | null>(null);\n const min = scaleRange[0] * 100;\n const max = scaleRange[1] * 100;\n const value = scale * 100;\n const step = 5;\n\n const tooltip = useMemo(() => {\n return {\n formatter: (value: number | undefined) => `${value}%`,\n placement: \"left\" as const,\n getPopupContainer: () => zoomBarRef.current!,\n };\n }, []);\n\n const onZoomIn = useCallback(() => {\n onZoomChange(Math.min(value + step, max));\n }, [max, onZoomChange, value]);\n\n const onZoomOut = useCallback(() => {\n onZoomChange(Math.max(value - step, min));\n }, [min, onZoomChange, value]);\n\n return (\n <ConfigProvider\n theme={{\n algorithm:\n currentTheme === \"dark-v2\"\n ? theme.darkAlgorithm\n : theme.defaultAlgorithm,\n }}\n >\n <StyleProvider\n container={shadowRoot}\n // Auto clear injected styles after unmount\n autoClear\n cache={cache}\n // Set hashPriority to \"high\" to disable `:where()` usage for compatibility\n hashPriority=\"high\"\n >\n <div className=\"zoom-bar\" ref={zoomBarRef}>\n <div className=\"center-button\" onClick={onReCenter} role=\"button\">\n <CenterSVG />\n </div>\n <div className=\"zoom-slider\">\n <div className=\"zoom-button\" role=\"button\" onClick={onZoomIn}>\n <ZoomInSVG />\n </div>\n <Slider\n min={min}\n max={max}\n value={value}\n step={step}\n vertical\n included={false}\n tooltip={tooltip}\n onChange={onZoomChange}\n />\n <div className=\"zoom-button\" role=\"button\" onClick={onZoomOut}>\n <ZoomOutSVG />\n </div>\n </div>\n </div>\n </StyleProvider>\n </ConfigProvider>\n );\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport type { ActiveTarget } from \"../../draw-canvas/interfaces\";\nimport { sameTarget } from \"../../draw-canvas/processors/sameTarget\";\n\nexport interface UseActiveTargetOptions {\n cellsRef: React.RefObject<SVGGElement>;\n activeTarget?: ActiveTarget | null;\n onActiveTargetChange(target: ActiveTarget | null): void;\n}\n\nexport type UseActiveTargetResult = ActiveTarget | null;\n\nexport function useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n}: UseActiveTargetOptions): UseActiveTargetResult {\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n if (!activeTarget) {\n return;\n }\n const resetActiveTarget = (e: MouseEvent) => {\n const path = e.composedPath();\n const cellsContainerIndex = path.indexOf(cellsRef.current!);\n // Reset active target to null when clicking outside of the cells container,\n // Or inside the cells container but not on any cell.\n if (cellsContainerIndex <= 0) {\n setActiveTarget(null);\n }\n };\n document.addEventListener(\"click\", resetActiveTarget);\n return () => {\n document.removeEventListener(\"click\", resetActiveTarget);\n };\n }, [activeTarget, cellsRef]);\n\n return activeTarget;\n}\n","import React, { useEffect, useState } from \"react\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, type ZoomBehavior } from \"d3-zoom\";\nimport type { RangeTuple } from \"../../diagram/interfaces\";\nimport { SYMBOL_FOR_SIZE_INITIALIZED } from \"../../draw-canvas/constants\";\nimport type { Cell } from \"../../draw-canvas/interfaces\";\nimport {\n isDecoratorCell,\n isNodeCell,\n} from \"../../draw-canvas/processors/asserts\";\nimport { transformToCenter } from \"../../draw-canvas/processors/transformToCenter\";\n\nexport interface UseAutoCenterOptions {\n rootRef: React.RefObject<SVGSVGElement>;\n cells: Cell[];\n zoomable?: boolean;\n zoomer: ZoomBehavior<SVGSVGElement, unknown>;\n scaleRange: RangeTuple;\n}\n\nexport type UseAutoCenterResult = [\n centered: boolean,\n setCentered: React.Dispatch<React.SetStateAction<boolean>>,\n];\n\nexport function useAutoCenter({\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n}: UseAutoCenterOptions): UseAutoCenterResult {\n const [centered, setCentered] = useState(false);\n\n useEffect(() => {\n const root = rootRef.current;\n if (\n !root ||\n centered ||\n !cells.some((cell) => isNodeCell(cell) || isDecoratorCell(cell)) ||\n cells.some(\n (cell) => isNodeCell(cell) && !cell[SYMBOL_FOR_SIZE_INITIALIZED]\n )\n ) {\n return;\n }\n const { k, x, y } = transformToCenter(cells, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n // jsdom doesn't support svg baseVal yet.\n // https://github.com/jsdom/jsdom/issues/2531\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n }\n setCentered(true);\n }, [cells, centered, rootRef, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n // Reset auto centering when nodes and decorators are all removed.\n if (!cells.some((cell) => isNodeCell(cell) || isDecoratorCell(cell))) {\n setCentered(false);\n }\n }, [cells]);\n\n return [centered, setCentered];\n}\n","import React, { useEffect, useMemo, useState } from \"react\";\nimport { select } from \"d3-selection\";\nimport { zoom, type ZoomBehavior } from \"d3-zoom\";\nimport type { RangeTuple, TransformLiteral } from \"../../diagram/interfaces\";\nimport {\n DEFAULT_SCALE_RANGE_MIN,\n DEFAULT_SCALE_RANGE_MAX,\n} from \"../../draw-canvas/constants\";\nimport type { ActiveTarget } from \"../../draw-canvas/interfaces\";\n\nexport interface UseZoomOptions {\n rootRef: React.RefObject<SVGSVGElement>;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n}\n\nexport interface UseZoomResult {\n grabbing: boolean;\n transform: TransformLiteral;\n scaleRange: RangeTuple;\n zoomer: ZoomBehavior<SVGSVGElement, unknown>;\n}\n\nexport function useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n}: UseZoomOptions): UseZoomResult {\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<SVGSVGElement, unknown>(), []);\n\n // istanbul ignore next: d3-zoom currently hard to test\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n // istanbul ignore next: d3-zoom currently hard to test\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null)\n .on(\"mousedown.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, rootRef, scrollable, zoomable, zoomer]);\n\n return { grabbing, transform, zoomer, scaleRange };\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.zoom-bar{position:absolute;bottom:20px;right:20px;width:40px}.zoom-slider,\n.center-button{width:100%;display:flex;align-items:center;border:1px solid var(--antd-background-color-base);border-radius:var(--larger-border-radius);box-shadow:var(--connected-overlay-shadow);background-color:var(--color-fill-bg-container-4)}.zoom-slider{height:140px;padding:8px 0;flex-direction:column}[role=\"button\"]{cursor:pointer}.center-button{justify-content:center;margin-bottom:8px;height:40px}.center-button:hover{border-color:var(--antd-btn-default-hover-border-color)}.center-button path{fill:var(--antd-link-hover-color)}.center-button:hover path{fill:var(--palette-blue-7)}.zoom-button{font-size:16px;line-height:0}.zoom-button svg{width:1em;height:1em;fill:var(--antd-link-hover-color)}.zoom-slider .ant-slider-vertical{padding-inline:5px}.zoom-slider .ant-slider-vertical .ant-slider-rail{width:2px}.zoom-slider .ant-slider-vertical .ant-slider-handle{width:6px;height:6px;inset-inline-start:3px}.zoom-slider .ant-slider .ant-slider-handle:hover::before,\n.zoom-slider .ant-slider .ant-slider-handle:focus::before,\n.zoom-slider .ant-slider .ant-slider-handle::before{width:10px;height:10px;inset-inline-start:-2px}.zoom-slider .ant-slider .ant-slider-handle:hover::after,\n.zoom-slider .ant-slider .ant-slider-handle:focus::after,\n.zoom-slider .ant-slider .ant-slider-handle::after{width:6px;height:6px;inset-block-start:0;inset-inline-start:0}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `*{box-sizing:border-box}:host{display:block;position:relative;overflow:hidden}:host,\n.root{width:100%;height:100%}:host([hidden]){display:none}.root{opacity:0}.root.ready{opacity:1}.root:focus{outline:none}.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.cell.active .line-active-bg{stroke:var(--palette-blue-5);stroke-dasharray:4;stroke-width:1}.cell:not(.read-only){-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle{cursor:nwse-resize;opacity:0}.resize-handle rect{fill:transparent;stroke:none}.resize-handle path{fill:none;stroke:var(--palette-gray-5);stroke-width:1.5}.cell.active .decorator-area .resize-handle,\n.decorator-area:hover .resize-handle{opacity:1}.connect-line{pointer-events:none}.connect-line:not(.connecting){display:none}.line.dashed{stroke-dasharray:4}.cell.active .decorator-text .text-container{outline:1px dashed var(--palette-blue-5)}.decorator-text .text-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5em}.decorator-text .text:focus{outline:none}.cell.faded{opacity:0.3}.cell .node{pointer-events:none}.cell .node > *{pointer-events:auto}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["MarkerComponent","_ref","Component","id","type","strokeColor","EntityRelationZeroOrOneMarker","EntityRelationZeroOrManyMarker","ArrowMarker","React","_ref2","viewBox","refX","refY","markerWidth","markerHeight","orient","strokeLinejoin","d","stroke","strokeWidth","fill","_ref3","_ref4","getDirectLinePoints","source","target","doTwoNodesOverlap","x0","y0","x1","y1","dx","x","dy","y","directionX","deltaRadio","Math","abs","directionY","width","height","a","b","paddingA","paddingB","A","getNodesWithPadding","B","left","min","right","max","top","bottom","node","padding","findNode","cells","find","cell","isNodeCell","EdgeComponent","edge","markerEnd","defaultEdgeLines","sourceNode","useMemo","targetNode","lineConf","item","checkIfByTransform","line","nodeViewToNodeRect","view","concat","className","classNames","dashed","NodeComponent","defaultNodeBricks","onResize","memoizedData","value","memoizedValue","setMemoizedValue","useState","useEffect","prev","isEqual","useDeepMemo","data","specifiedUseBrick","useBrick","observerRef","useRef","_defaultNodeBricks$fi","refCallback","useCallback","element","prevObserver","current","disconnect","setTimeout","observer","ResizeObserver","clientWidth","clientHeight","observe","ReactUseBrick","cellToTarget","pick","handleMouseDown","event","action","scale","onCellMoving","onCellMoved","onCellResizing","onCellResized","onSwitchActiveTarget","stopPropagation","from","clientX","clientY","original","moved","handleMove","e","finished","movement","getMovement","onMouseMove","onMouseUp","document","removeEventListener","addEventListener","DecoratorArea","transform","readOnly","resizeHandleRef","resizeHandle","onMouseDown","k","ref","DecoratorText","_cell$view$text","onDecoratorTextEditing","onDecoratorTextChange","label","text","currentLabel","setCurrentLabel","editingLabel","setEditingLabel","editingLabelInitialized","shouldEmitLabelChange","setShouldEmitLabelChange","handleEnableEdit","preventDefault","textContent","focus","range","createRange","selectNodeContents","selection","window","getSelection","removeAllRanges","addRange","selectAllText","editing","handleInput","handleBlur","_objectSpread","onDoubleClick","contentEditable","onInput","onBlur","DecoratorComponent","SpecifiedComponent","decorator","console","error","CellComponent","active","unrelatedCells","onCellContextMenu","onNodeBrickResize","onCellMouseEnter","onCellMouseLeave","gRef","unrelated","some","sameTarget","g","handleContextMenu","handleMouseEnter","handleMouseLeave","faded","undefined","onContextMenu","onMouseEnter","onMouseLeave","isEdgeCell","isDecoratorCell","SYMBOL_FOR_SIZE_INITIALIZED","Symbol","for","DEFAULT_NODE_SIZE","DEFAULT_NODE_GAP","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","isInitialNodeCell","getUnrelatedCells","connectLineState","activeTarget","existedTargets","Set","add","has","push","nodesMap","Map","relatedNodeIds","set","initializeCells","initialCells","defaultNodeSize","map","_cell$view","_cell$view2","transformToCenter","canvasWidth","canvasHeight","scaleRange","Infinity","empty","r","insertCellAfter","newCell","after","index","findLastIndex","slice","reducers","rootReducer","state","payload","findIndex","size","Object","fromEntries","entries","key","props","_extends","xmlns","ZoomBarComponent","shadowRoot","onZoomChange","onReCenter","currentTheme","useCurrentTheme","cache","createCache","zoomBarRef","tooltip","formatter","placement","getPopupContainer","onZoomIn","onZoomOut","ConfigProvider","theme","algorithm","darkAlgorithm","defaultAlgorithm","StyleProvider","container","autoClear","hashPriority","onClick","role","CenterSVG","ZoomInSVG","Slider","step","vertical","included","onChange","ZoomOutSVG","useActiveTarget","cellsRef","_activeTarget","onActiveTargetChange","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","resetActiveTarget","composedPath","indexOf","useAutoCenter","rootRef","zoomable","zoomer","centered","setCentered","root","select","ZoomTransform","useZoom","scrollable","pannable","_scaleRange","grabbing","setGrabbing","setTransform","zoom","scaleExtent","on","rootSelection","unsetZoom","ctrlKey","stopImmediatePropagation","translateBy","wheelDeltaX","wheelDeltaY","call","___CSS_LOADER_EXPORT___","module","toString"],"sourceRoot":""}
package/dist/chunks/{eo-display-canvas.d8b6ac59.js → eo-display-canvas.ab282773.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>ue});var n,s,r,i,l,o,c,u,h,d,f,g,p,m,b,v,w,k,y,A,C,E,R,T,z,M,N,W,S,x,B=a(4635),L=a(918),j=a(1369),U=a(8449),_=a(6902),O=a(8769),P=a.n(O),D=a(9929),I=a(9938),H=(a(330),a(1030)),Y=a(3373),q=a.n(Y),F=a(7566),J=a(3739),Z=a(8185),G=a(2830),K=a(3783),Q=a(3033),V=a(8091),X=a(5185),$=a(1819),ee=a(1083),te=a(227),ae=a(531),ne=a(7099),se=a(3012),re=a(8618);function ie(e,t,a){return a(ce(e,t))}function le(e,t,a){return e.set(ce(e,t),a),a}function oe(e,t){return e.get(ce(e,t))}function ce(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var ue,{defineElement:he,property:de,event:fe}=(0,D.createDecorators)(),ge=new WeakMap,pe=new WeakMap,me=new WeakMap,be=new WeakMap,ve=new WeakMap,we=new WeakMap,ke=new WeakMap,ye=new WeakMap,Ae=new WeakMap,Ce=new WeakMap,Ee=new WeakMap,Re=new WeakSet,Te=new WeakMap,ze=new WeakMap,Me=new WeakMap,Ne=new WeakMap;class We extends I.ReactNextElement{constructor(){super(...arguments),(0,B.A)(this,Re),(0,L.A)(this,ge,s(this)),(0,L.A)(this,pe,(r(this),i(this,[Q.HP,Q.HP]))),(0,L.A)(this,me,(l(this),o(this))),(0,L.A)(this,be,(c(this),u(this))),(0,L.A)(this,ve,(h(this),d(this))),(0,L.A)(this,we,(f(this),g(this))),(0,L.A)(this,ke,(p(this),m(this,!0))),(0,L.A)(this,ye,(b(this),v(this,!0))),(0,L.A)(this,Ae,(w(this),k(this,!0))),(0,L.A)(this,Ce,(y(this),A(this))),(0,L.A)(this,Ee,(C(this),E(this))),(0,L.A)(this,Te,(z(this),e=>{ie(Re,this,R).emit(e)})),(0,L.A)(this,ze,(e=>{(0,Z.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,L.A)(this,Me,M(this)),(0,L.A)(this,Ne,(S(this),e=>{ie(Re,this,N).emit(e)}))}get cells(){return oe(ge,this)}set cells(e){le(ge,this,e)}get defaultNodeSize(){return oe(pe,this)}set defaultNodeSize(e){le(pe,this,e)}get defaultNodeBricks(){return oe(me,this)}set defaultNodeBricks(e){le(me,this,e)}get defaultEdgeLines(){return oe(be,this)}set defaultEdgeLines(e){le(be,this,e)}get activeTarget(){return oe(ve,this)}set activeTarget(e){le(ve,this,e)}get fadeUnrelatedCells(){return oe(we,this)}set fadeUnrelatedCells(e){le(we,this,e)}get zoomable(){return oe(ke,this)}set zoomable(e){le(ke,this,e)}get scrollable(){return oe(ye,this)}set scrollable(e){le(ye,this,e)}get pannable(){return oe(Ae,this)}set pannable(e){le(Ae,this,e)}get scaleRange(){return oe(Ce,this)}set scaleRange(e){le(Ce,this,e)}render(){return P().createElement(Se,{shadowRoot:this.shadowRoot,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:oe(Te,this),onSwitchActiveTarget:oe(ze,this),onCellContextMenu:oe(Ne,this)})}}function Se(e){var{shadowRoot:t,cells:a,defaultNodeSize:n,defaultNodeBricks:s,defaultEdgeLines:r,activeTarget:i,fadeUnrelatedCells:l,zoomable:o,scrollable:c,pannable:u,scaleRange:h,onActiveTargetChange:d,onSwitchActiveTarget:f,onCellContextMenu:g}=e,[{cells:p},m]=(0,O.useReducer)(ee.d,a,(e=>({cells:(0,K.C)(e,{defaultNodeSize:n})}))),b=(0,O.useRef)(null),v=(0,O.useRef)(null),{grabbing:w,transform:k,zoomer:y,scaleRange:A}=(0,V.f)({rootRef:b,zoomable:o,scrollable:c,pannable:u,scaleRange:h,onSwitchActiveTarget:f}),[C,E]=(0,X.E)({rootRef:b,cells:p,zoomable:o,zoomer:y,scaleRange:A}),R=(0,$.J)({cellsRef:v,activeTarget:i,onActiveTargetChange:d}),T=(0,O.useMemo)((()=>"".concat((0,H.uniqueId)("diagram-"),"-")),[]),z="".concat(T,"line-arrow-"),M="".concat(z,"1"),N=(0,O.useCallback)(((e,t)=>{m({type:"update-node-size",payload:{id:e,size:t}})}),[]),[W,S]=(0,O.useState)(null),x=(0,O.useCallback)((e=>{S(e)}),[]),B=(0,O.useCallback)((e=>{S((t=>t===e?null:t))}),[]),[L,j]=(0,O.useState)([]);(0,O.useEffect)((()=>{var e=l?(0,te.Y)(p,null,W):[];j((t=>0===t.length&&0===e.length?t:e))}),[p,l,W]);var U=(0,O.useCallback)((e=>{y.scaleTo((0,F.A)(b.current),e/100)}),[y]),_=(0,O.useCallback)((()=>{E(!1)}),[E]);return P().createElement(P().Fragment,null,P().createElement("svg",{width:"100%",height:"100%",ref:b,className:q()("root",{grabbing:w,pannable:u,ready:C}),tabIndex:-1},P().createElement("defs",null,P().createElement(J.c,{id:M,type:"arrow",strokeColor:"gray"})),P().createElement("g",{transform:"translate(".concat(k.x," ").concat(k.y,") scale(").concat(k.k,")")},P().createElement("g",{className:"cells",ref:v},p.map((e=>P().createElement(G.m,{key:"".concat(e.type,":").concat((0,ae.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),cell:e,cells:p,defaultNodeBricks:s,defaultEdgeLines:r,transform:k,markerEnd:M,active:(0,Z.c)(R,e),readOnly:!0,unrelatedCells:L,onSwitchActiveTarget:f,onCellContextMenu:g,onNodeBrickResize:N,onCellMouseEnter:l&&(0,ae.N)(e)?x:void 0,onCellMouseLeave:l&&(0,ae.N)(e)?B:void 0})))))),P().createElement(ne.Y,{shadowRoot:t,scale:k.k,scaleRange:A,onZoomChange:U,onReCenter:_}))}x=We,({e:[s,r,i,l,o,c,u,h,d,f,g,p,m,b,v,w,k,y,A,C,E,R,T,z,M,N,W,S],c:[ue,n]}=function(e,t,a,n,s,r){var i,l,o,c,u,h,d,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,m=[p(null),p(null)],b=t.length;function v(t,a,n){return function(s,r){a&&(r=s,s=e);for(var i=0;i<t.length;i++)r=t[i].apply(s,n?[r]:[]);return n?r:s}}function w(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,r,o,c,u,h,d){function f(e){if(!d(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),b=t[3],k=!o,y=1===s,A=3===s,C=4===s,E=2===s;function R(t,a,n){return function(s,r){return a&&(r=s,s=e),n&&n(s),T[t].call(s,r)}}if(!k){var T={},z=[],M=A?"get":C||y?"set":"value";if(u?(h||y?T={get:(0,U.A)((function(){return b(this)}),n,"get"),set:function(e){t[4](this,e)}}:T[M]=b,h||(0,U.A)(T[M],n,E?"":M)):h||(T=Object.getOwnPropertyDescriptor(e,n)),!h&&!u){if((l=m[+c][n])&&7!=(l^s))throw new Error("Decorating two elements with the same name ("+T[M].name+") is not supported yet");m[+c][n]=s<3?1:s}}for(var N=e,W=p.length-1;W>=0;W-=a?2:1){var S=p[W],x=a?p[W-1]:void 0,B={},L={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),r.push(t)}.bind(null,B)};if(k)l=S.call(x,N,L),B.v=1,w(l,"class decorators","return")&&(N=l);else if(L.static=c,L.private=u,l=L.access={has:u?d.bind():function(e){return n in e}},C||(l.get=u?E?function(e){return f(e),T.value}:R("get",0,f):function(e){return e[n]}),E||A||(l.set=u?R("set",0,f):function(e,t){e[n]=t}),N=S.call(x,y?{get:T.get,set:T.set}:T[M],L),B.v=1,y){if("object"==typeof N&&N)(l=w(N.get,"accessor.get"))&&(T.get=l),(l=w(N.set,"accessor.set"))&&(T.set=l),(l=w(N.init,"accessor.init"))&&z.unshift(l);else if(void 0!==N)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(N,(h?"field":"method")+" decorators","return")&&(h?z.unshift(N):T[M]=N)}return s<2&&o.push(v(z,c,1),v(r,c,0)),h||k||(u?y?o.splice(-1,0,R("get",c),R("set",c)):o.push(E?T[M]:w.call.bind(T[M])):g(e,n,T)),N}function y(e){return g(e,f,{configurable:!0,enumerable:!0,value:i})}return void 0!==r&&(i=r[f]),i=p(null==i?null:i),u=[],h=function(e){e&&u.push(v(e))},(d=function(t,n){for(var r=0;r<a.length;r++){var i=a[r],l=i[1],h=7&l;if((8&l)==t&&!h==n){var d=i[2],f=!!i[3],g=16&l;k(t?e:e.prototype,i,g,f?"#"+d:(0,j.A)(d),h,h<2?[]:t?c=c||[]:o=o||[],u,!!t,f,n,t&&f?function(t){return(0,_.A)(t)===e}:s)}}})(8,0),d(0,0),d(8,1),d(0,1),h(o),h(c),l=u,b||y(e),{e:l,get c(){var a=[];return b&&[y(e=k(e,[t],0,e.name,5,a)),v(a,1)]}}}(x,[he("eo-display-canvas",{styleTexts:[se.A,re.A]})],[[de({attribute:!1}),1,"cells"],[de({attribute:!1}),1,"defaultNodeSize"],[de({attribute:!1}),1,"defaultNodeBricks"],[de({attribute:!1}),1,"defaultEdgeLines"],[de({attribute:!1}),1,"activeTarget"],[de({type:Boolean}),1,"fadeUnrelatedCells"],[de({type:Boolean}),1,"zoomable"],[de({type:Boolean}),1,"scrollable"],[de({type:Boolean}),1,"pannable"],[de({attribute:!1}),1,"scaleRange"],[fe({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>oe(Ee,e),(e,t)=>le(Ee,e,t)],[fe({type:"cell.contextmenu"}),1,"cellContextMenu",e=>oe(Me,e),(e,t)=>le(Me,e,t)]],0,(e=>Ne.has((0,_.A)(e))),I.ReactNextElement)),n()}}]);
2
- //# sourceMappingURL=eo-display-canvas.d8b6ac59.js.map
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>ue});var n,s,r,i,l,o,c,u,h,d,f,g,p,m,b,v,w,k,y,A,C,E,R,T,z,M,N,W,S,x,B=a(4635),L=a(918),j=a(1369),U=a(8449),_=a(6902),O=a(8769),P=a.n(O),D=a(9929),I=a(9938),H=(a(330),a(1030)),Y=a(3373),q=a.n(Y),F=a(7566),J=a(3739),Z=a(8185),G=a(2830),K=a(3783),Q=a(3033),V=a(8091),X=a(2978),$=a(1819),ee=a(1083),te=a(227),ae=a(531),ne=a(7099),se=a(3012),re=a(8618);function ie(e,t,a){return a(ce(e,t))}function le(e,t,a){return e.set(ce(e,t),a),a}function oe(e,t){return e.get(ce(e,t))}function ce(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var ue,{defineElement:he,property:de,event:fe}=(0,D.createDecorators)(),ge=new WeakMap,pe=new WeakMap,me=new WeakMap,be=new WeakMap,ve=new WeakMap,we=new WeakMap,ke=new WeakMap,ye=new WeakMap,Ae=new WeakMap,Ce=new WeakMap,Ee=new WeakMap,Re=new WeakSet,Te=new WeakMap,ze=new WeakMap,Me=new WeakMap,Ne=new WeakMap;class We extends I.ReactNextElement{constructor(){super(...arguments),(0,B.A)(this,Re),(0,L.A)(this,ge,s(this)),(0,L.A)(this,pe,(r(this),i(this,[Q.HP,Q.HP]))),(0,L.A)(this,me,(l(this),o(this))),(0,L.A)(this,be,(c(this),u(this))),(0,L.A)(this,ve,(h(this),d(this))),(0,L.A)(this,we,(f(this),g(this))),(0,L.A)(this,ke,(p(this),m(this,!0))),(0,L.A)(this,ye,(b(this),v(this,!0))),(0,L.A)(this,Ae,(w(this),k(this,!0))),(0,L.A)(this,Ce,(y(this),A(this))),(0,L.A)(this,Ee,(C(this),E(this))),(0,L.A)(this,Te,(z(this),e=>{ie(Re,this,R).emit(e)})),(0,L.A)(this,ze,(e=>{(0,Z.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,L.A)(this,Me,M(this)),(0,L.A)(this,Ne,(S(this),e=>{ie(Re,this,N).emit(e)}))}get cells(){return oe(ge,this)}set cells(e){le(ge,this,e)}get defaultNodeSize(){return oe(pe,this)}set defaultNodeSize(e){le(pe,this,e)}get defaultNodeBricks(){return oe(me,this)}set defaultNodeBricks(e){le(me,this,e)}get defaultEdgeLines(){return oe(be,this)}set defaultEdgeLines(e){le(be,this,e)}get activeTarget(){return oe(ve,this)}set activeTarget(e){le(ve,this,e)}get fadeUnrelatedCells(){return oe(we,this)}set fadeUnrelatedCells(e){le(we,this,e)}get zoomable(){return oe(ke,this)}set zoomable(e){le(ke,this,e)}get scrollable(){return oe(ye,this)}set scrollable(e){le(ye,this,e)}get pannable(){return oe(Ae,this)}set pannable(e){le(Ae,this,e)}get scaleRange(){return oe(Ce,this)}set scaleRange(e){le(Ce,this,e)}render(){return P().createElement(Se,{shadowRoot:this.shadowRoot,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:oe(Te,this),onSwitchActiveTarget:oe(ze,this),onCellContextMenu:oe(Ne,this)})}}function Se(e){var{shadowRoot:t,cells:a,defaultNodeSize:n,defaultNodeBricks:s,defaultEdgeLines:r,activeTarget:i,fadeUnrelatedCells:l,zoomable:o,scrollable:c,pannable:u,scaleRange:h,onActiveTargetChange:d,onSwitchActiveTarget:f,onCellContextMenu:g}=e,[{cells:p},m]=(0,O.useReducer)(ee.d,a,(e=>({cells:(0,K.C)(e,{defaultNodeSize:n})}))),b=(0,O.useRef)(null),v=(0,O.useRef)(null),{grabbing:w,transform:k,zoomer:y,scaleRange:A}=(0,V.f)({rootRef:b,zoomable:o,scrollable:c,pannable:u,scaleRange:h,onSwitchActiveTarget:f}),[C,E]=(0,X.E)({rootRef:b,cells:p,zoomable:o,zoomer:y,scaleRange:A}),R=(0,$.J)({cellsRef:v,activeTarget:i,onActiveTargetChange:d}),T=(0,O.useMemo)((()=>"".concat((0,H.uniqueId)("diagram-"),"-")),[]),z="".concat(T,"line-arrow-"),M="".concat(z,"1"),N=(0,O.useCallback)(((e,t)=>{m({type:"update-node-size",payload:{id:e,size:t}})}),[]),[W,S]=(0,O.useState)(null),x=(0,O.useCallback)((e=>{S(e)}),[]),B=(0,O.useCallback)((e=>{S((t=>t===e?null:t))}),[]),[L,j]=(0,O.useState)([]);(0,O.useEffect)((()=>{var e=l?(0,te.Y)(p,null,W):[];j((t=>0===t.length&&0===e.length?t:e))}),[p,l,W]);var U=(0,O.useCallback)((e=>{y.scaleTo((0,F.A)(b.current),e/100)}),[y]),_=(0,O.useCallback)((()=>{E(!1)}),[E]);return P().createElement(P().Fragment,null,P().createElement("svg",{width:"100%",height:"100%",ref:b,className:q()("root",{grabbing:w,pannable:u,ready:C}),tabIndex:-1},P().createElement("defs",null,P().createElement(J.c,{id:M,type:"arrow",strokeColor:"gray"})),P().createElement("g",{transform:"translate(".concat(k.x," ").concat(k.y,") scale(").concat(k.k,")")},P().createElement("g",{className:"cells",ref:v},p.map((e=>P().createElement(G.m,{key:"".concat(e.type,":").concat((0,ae.WW)(e)?"".concat(e.source,"~").concat(e.target):e.id),cell:e,cells:p,defaultNodeBricks:s,defaultEdgeLines:r,transform:k,markerEnd:M,active:(0,Z.c)(R,e),readOnly:!0,unrelatedCells:L,onSwitchActiveTarget:f,onCellContextMenu:g,onNodeBrickResize:N,onCellMouseEnter:l&&(0,ae.N)(e)?x:void 0,onCellMouseLeave:l&&(0,ae.N)(e)?B:void 0})))))),P().createElement(ne.Y,{shadowRoot:t,scale:k.k,scaleRange:A,onZoomChange:U,onReCenter:_}))}x=We,({e:[s,r,i,l,o,c,u,h,d,f,g,p,m,b,v,w,k,y,A,C,E,R,T,z,M,N,W,S],c:[ue,n]}=function(e,t,a,n,s,r){var i,l,o,c,u,h,d,f=Symbol.metadata||Symbol.for("Symbol.metadata"),g=Object.defineProperty,p=Object.create,m=[p(null),p(null)],b=t.length;function v(t,a,n){return function(s,r){a&&(r=s,s=e);for(var i=0;i<t.length;i++)r=t[i].apply(s,n?[r]:[]);return n?r:s}}function w(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,s,r,o,c,u,h,d){function f(e){if(!d(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),b=t[3],k=!o,y=1===s,A=3===s,C=4===s,E=2===s;function R(t,a,n){return function(s,r){return a&&(r=s,s=e),n&&n(s),T[t].call(s,r)}}if(!k){var T={},z=[],M=A?"get":C||y?"set":"value";if(u?(h||y?T={get:(0,U.A)((function(){return b(this)}),n,"get"),set:function(e){t[4](this,e)}}:T[M]=b,h||(0,U.A)(T[M],n,E?"":M)):h||(T=Object.getOwnPropertyDescriptor(e,n)),!h&&!u){if((l=m[+c][n])&&7!=(l^s))throw new Error("Decorating two elements with the same name ("+T[M].name+") is not supported yet");m[+c][n]=s<3?1:s}}for(var N=e,W=p.length-1;W>=0;W-=a?2:1){var S=p[W],x=a?p[W-1]:void 0,B={},L={kind:["field","accessor","method","getter","setter","class"][s],name:n,metadata:i,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");w(t,"An initializer","be",!0),r.push(t)}.bind(null,B)};if(k)l=S.call(x,N,L),B.v=1,w(l,"class decorators","return")&&(N=l);else if(L.static=c,L.private=u,l=L.access={has:u?d.bind():function(e){return n in e}},C||(l.get=u?E?function(e){return f(e),T.value}:R("get",0,f):function(e){return e[n]}),E||A||(l.set=u?R("set",0,f):function(e,t){e[n]=t}),N=S.call(x,y?{get:T.get,set:T.set}:T[M],L),B.v=1,y){if("object"==typeof N&&N)(l=w(N.get,"accessor.get"))&&(T.get=l),(l=w(N.set,"accessor.set"))&&(T.set=l),(l=w(N.init,"accessor.init"))&&z.unshift(l);else if(void 0!==N)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else w(N,(h?"field":"method")+" decorators","return")&&(h?z.unshift(N):T[M]=N)}return s<2&&o.push(v(z,c,1),v(r,c,0)),h||k||(u?y?o.splice(-1,0,R("get",c),R("set",c)):o.push(E?T[M]:w.call.bind(T[M])):g(e,n,T)),N}function y(e){return g(e,f,{configurable:!0,enumerable:!0,value:i})}return void 0!==r&&(i=r[f]),i=p(null==i?null:i),u=[],h=function(e){e&&u.push(v(e))},(d=function(t,n){for(var r=0;r<a.length;r++){var i=a[r],l=i[1],h=7&l;if((8&l)==t&&!h==n){var d=i[2],f=!!i[3],g=16&l;k(t?e:e.prototype,i,g,f?"#"+d:(0,j.A)(d),h,h<2?[]:t?c=c||[]:o=o||[],u,!!t,f,n,t&&f?function(t){return(0,_.A)(t)===e}:s)}}})(8,0),d(0,0),d(8,1),d(0,1),h(o),h(c),l=u,b||y(e),{e:l,get c(){var a=[];return b&&[y(e=k(e,[t],0,e.name,5,a)),v(a,1)]}}}(x,[he("eo-display-canvas",{styleTexts:[se.A,re.A]})],[[de({attribute:!1}),1,"cells"],[de({attribute:!1}),1,"defaultNodeSize"],[de({attribute:!1}),1,"defaultNodeBricks"],[de({attribute:!1}),1,"defaultEdgeLines"],[de({attribute:!1}),1,"activeTarget"],[de({type:Boolean}),1,"fadeUnrelatedCells"],[de({type:Boolean}),1,"zoomable"],[de({type:Boolean}),1,"scrollable"],[de({type:Boolean}),1,"pannable"],[de({attribute:!1}),1,"scaleRange"],[fe({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>oe(Ee,e),(e,t)=>le(Ee,e,t)],[fe({type:"cell.contextmenu"}),1,"cellContextMenu",e=>oe(Me,e),(e,t)=>le(Me,e,t)]],0,(e=>Ne.has((0,_.A)(e))),I.ReactNextElement)),n()}}]);
2
+ //# sourceMappingURL=eo-display-canvas.ab282773.js.map
package/dist/chunks/{eo-display-canvas.d8b6ac59.js.map → eo-display-canvas.ab282773.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"chunks/eo-display-canvas.d8b6ac59.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport { DEFAULT_NODE_SIZE } from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useAutoCenter } from \"../shared/canvas/useAutoCenter\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 仅当初始化时使用，渲染后重新设置 `cells` 将无效。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n })\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const [centered, setCentered] = useAutoCenter({\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n });\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const markerEnd = `${markerPrefix}1`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({ type: \"update-node-size\", payload: { id, size } });\n },\n []\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready: centered })}\n tabIndex={-1}\n >\n <defs>\n <MarkerComponent id={markerEnd} type=\"arrow\" strokeColor=\"gray\" />\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\" ref={cellsRef}>\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n cell={cell}\n cells={cells}\n defaultNodeBricks={defaultNodeBricks}\n defaultEdgeLines={defaultEdgeLines}\n transform={transform}\n markerEnd={markerEnd}\n active={sameTarget(activeTarget, cell)}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_L","_handleCellContextMenu","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","defaultNodeSize","defaultNodeBricks","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","_ref","initialCells","_activeTarget","_scaleRange","dispatch","useReducer","rootReducer","initializeCells","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","centered","setCentered","useAutoCenter","useActiveTarget","defPrefix","useMemo","concat","uniqueId","markerPrefix","markerEnd","handleNodeBrickResize","useCallback","id","size","type","payload","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","useEffect","nextUnrelated","getUnrelatedCells","length","handleZoomSlide","value","scaleTo","select","current","reCenter","width","height","ref","className","classNames","ready","tabIndex","MarkerComponent","strokeColor","x","y","k","map","CellComponent","key","isEdgeCell","source","active","readOnly","onNodeBrickResize","onCellMouseEnter","isNodeCell","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
1
+ {"version":3,"file":"chunks/eo-display-canvas.ab282773.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport { DEFAULT_NODE_SIZE } from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useAutoCenter } from \"../shared/canvas/useAutoCenter\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 仅当初始化时使用，渲染后重新设置 `cells` 将无效。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n })\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const [centered, setCentered] = useAutoCenter({\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n });\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const markerEnd = `${markerPrefix}1`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({ type: \"update-node-size\", payload: { id, size } });\n },\n []\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready: centered })}\n tabIndex={-1}\n >\n <defs>\n <MarkerComponent id={markerEnd} type=\"arrow\" strokeColor=\"gray\" />\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\" ref={cellsRef}>\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n cell={cell}\n cells={cells}\n defaultNodeBricks={defaultNodeBricks}\n defaultEdgeLines={defaultEdgeLines}\n transform={transform}\n markerEnd={markerEnd}\n active={sameTarget(activeTarget, cell)}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n"],"names":["_EoDisplayCanvas","defineElement","property","event","createDecorators","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_L","_handleCellContextMenu","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","defaultNodeSize","defaultNodeBricks","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","_ref","initialCells","_activeTarget","_scaleRange","dispatch","useReducer","rootReducer","initializeCells","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","centered","setCentered","useAutoCenter","useActiveTarget","defPrefix","useMemo","concat","uniqueId","markerPrefix","markerEnd","handleNodeBrickResize","useCallback","id","size","type","payload","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","useEffect","nextUnrelated","getUnrelatedCells","length","handleZoomSlide","value","scaleTo","select","current","reCenter","width","height","ref","className","classNames","ready","tabIndex","MarkerComponent","strokeColor","x","y","k","map","CellComponent","key","isEdgeCell","source","active","readOnly","onNodeBrickResize","onCellMouseEnter","isNodeCell","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
package/dist/chunks/eo-draw-canvas.ef0d61bd.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>l});var n=a(8769),r=a.n(n),i=a(3373),o=a.n(i);function l(e){var{connectLineState:t,transform:a,markerEnd:i,onConnect:l}=e,[s,c]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&c(t.from)}),[t]),(0,n.useEffect)((()=>{if(t){var e=e=>{c([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=e=>{e.stopPropagation()},r=e=>{e.stopPropagation(),i(),l(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",r,{capture:!0}),c(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",r,{capture:!0}),i}}),[t,l,a]),r().createElement("path",{className:o()("connect-line",{connecting:!!t&&s&&(s[0]-t.from[0])**2+(s[1]-t.from[1])**2>25}),d:t&&s?"M".concat(t.from.join(" "),"L").concat(s.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(i,")")})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Ve,EoDrawCanvasComponent:()=>Ke});var n,r,i,o,l,s,c,d,u,h,v,f,p,g,w,m,y,k,x,C,b,E,A,z,M,N,W,S,R,T,L,B,D,P,H,j,I,U,_,O,Y,F,V,X,q,J,Z,G,K,Q,$,ee,te,ae,ne,re,ie,oe,le,se=a(9740),ce=a(6330),de=a(4635),ue=a(918),he=a(1369),ve=a(8449),fe=a(6902),pe=a(8769),ge=a.n(pe),we=a(9929),me=a(9938),ye=a(8438),ke=(a(330),a(1030)),xe=a(3373),Ce=a.n(xe),be=a(7566),Ee=a(1083),Ae=a(3739),ze=a(531),Me=a(8185),Ne=a(5114),We=a(2830),Se=a(3639),Re=a(3783),Te=a(2098),Le=a(227),Be=a(3033),De=a(8091),Pe=a(2978),He=a(1819),je=a(7099),Ie=a(3012),Ue=a(8618);function _e(e,t,a){return a(Fe(e,t))}function Oe(e,t,a){return e.set(Fe(e,t),a),a}function Ye(e,t){return e.get(Fe(e,t))}function Fe(e,t,a){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:a;throw new TypeError("Private element is not present on this object")}var Ve,Xe=(0,ye.unwrapProvider)("basic.lock-body-scroll"),{defineElement:qe,property:Je,method:Ze,event:Ge}=(0,we.createDecorators)(),Ke=ge().forwardRef(Nt),Qe=new WeakMap,$e=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,rt=new WeakMap,it=new WeakMap,ot=new WeakMap,lt=new WeakMap,st=new WeakMap,ct=new WeakSet,dt=new WeakMap,ut=new WeakMap,ht=new WeakMap,vt=new WeakMap,ft=new WeakMap,pt=new WeakMap,gt=new WeakMap,wt=new WeakMap,mt=new WeakMap,yt=new WeakMap,kt=new WeakMap,xt=new WeakMap,Ct=new WeakMap,bt=new WeakMap,Et=new WeakMap,At=new WeakMap,zt=new WeakMap;class Mt extends me.ReactNextElement{constructor(){super(...arguments),(0,de.A)(this,ct),(0,ue.A)(this,Qe,(n(this),i(this))),(0,ue.A)(this,$e,(o(this),l(this,[Be.HP,Be.HP]))),(0,ue.A)(this,et,(s(this),c(this))),(0,ue.A)(this,tt,(d(this),u(this))),(0,ue.A)(this,at,(h(this),v(this))),(0,ue.A)(this,nt,(f(this),p(this))),(0,ue.A)(this,rt,(g(this),w(this,!0))),(0,ue.A)(this,it,(m(this),y(this,!0))),(0,ue.A)(this,ot,(k(this),x(this,!0))),(0,ue.A)(this,lt,(C(this),b(this))),(0,ue.A)(this,st,(E(this),A(this))),(0,ue.A)(this,dt,(N(this),e=>{_e(ct,this,z).emit(e)})),(0,ue.A)(this,ut,(e=>{(0,Me.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,ue.A)(this,ht,W(this)),(0,ue.A)(this,vt,(T(this),L(this))),(0,ue.A)(this,ft,(P(this),e=>{_e(ct,this,B).emit(e),"node"===e.type&&_e(ct,this,S).emit(e)})),(0,ue.A)(this,pt,H(this)),(0,ue.A)(this,gt,(U(this),e=>{_e(ct,this,j).emit(e)})),(0,ue.A)(this,wt,_(this)),(0,ue.A)(this,mt,(F(this),V(this))),(0,ue.A)(this,yt,(J(this),e=>{_e(ct,this,X).emit(e),"node"===e.type&&_e(ct,this,O).emit(e)})),(0,ue.A)(this,kt,Z(this)),(0,ue.A)(this,xt,(Q(this),e=>{_e(ct,this,G).emit(e)})),(0,ue.A)(this,Ct,$(this)),(0,ue.A)(this,bt,(ae(this),e=>{_e(ct,this,ee).emit(e)})),(0,ue.A)(this,Et,ne(this)),(0,ue.A)(this,At,(oe(this),e=>{_e(ct,this,re).emit(e)})),(0,ue.A)(this,zt,(0,pe.createRef)())}get cells(){return Ye(Qe,this)}set cells(e){Oe(Qe,this,e)}get defaultNodeSize(){return Ye($e,this)}set defaultNodeSize(e){Oe($e,this,e)}get defaultNodeBricks(){return Ye(et,this)}set defaultNodeBricks(e){Oe(et,this,e)}get defaultEdgeLines(){return Ye(tt,this)}set defaultEdgeLines(e){Oe(tt,this,e)}get activeTarget(){return Ye(at,this)}set activeTarget(e){Oe(at,this,e)}get fadeUnrelatedCells(){return Ye(nt,this)}set fadeUnrelatedCells(e){Oe(nt,this,e)}get zoomable(){return Ye(rt,this)}set zoomable(e){Oe(rt,this,e)}get scrollable(){return Ye(it,this)}set scrollable(e){Oe(it,this,e)}get pannable(){return Ye(ot,this)}set pannable(e){Oe(ot,this,e)}get scaleRange(){return Ye(lt,this)}set scaleRange(e){Oe(lt,this,e)}dropNode(e){var t=this;return(0,ce.A)((function*(){var a,n,{id:r,position:i,size:o,data:l,useBrick:s}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,i[0],i[1]))||void 0===a?void 0:a.includes(t)){var c,d,u,h=t.getBoundingClientRect(),v=Ye(zt,t).current.getTransform(),f={type:"node",id:r,view:{x:(i[0]-h.left-v.x)/v.k,y:(i[1]-h.top-v.y)/v.k,width:null!==(c=null==o?void 0:o[0])&&void 0!==c?c:t.defaultNodeSize[0],height:null!==(d=null==o?void 0:o[1])&&void 0!==d?d:t.defaultNodeSize[0]},data:l,useBrick:s};return null===(u=Ye(zt,t).current)||void 0===u||u.dropNode(f),f}return null}))()}dropDecorator(e){var t=this;return(0,ce.A)((function*(){var a,n,{position:r,decorator:i,text:o}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,r[0],r[1]))||void 0===a?void 0:a.includes(t)){var l,s=t.getBoundingClientRect(),c=Ye(zt,t).current.getTransform(),d={type:"decorator",decorator:i,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(r[0]-s.left-c.x)/c.k,y:(r[1]-s.top-c.y)/c.k,width:Be.N8,height:Be.w1,text:o}};return null===(l=Ye(zt,t).current)||void 0===l||l.dropDecorator(d),d}return null}))()}addNodes(e){var t=this;return(0,ce.A)((function*(){if(0===e.length)return[];var a=e.map((e=>{var a,n,{size:r,useBrick:i,id:o,data:l}=e;return{type:"node",id:o,data:l,view:{width:null!==(a=null==r?void 0:r[0])&&void 0!==a?a:t.defaultNodeSize[0],height:null!==(n=null==r?void 0:r[1])&&void 0!==n?n:t.defaultNodeSize[0]},useBrick:i}}));return Ye(zt,t).current.addNodes(a,{defaultNodeSize:t.defaultNodeSize,canvasWidth:t.clientWidth,canvasHeight:t.clientHeight})}))()}addEdge(e){var t=this;return(0,ce.A)((function*(){var a,{source:n,target:r,data:i}=e,o={type:"edge",source:n,target:r,data:i};return null===(a=Ye(zt,t).current)||void 0===a||a.addEdge(o),o}))()}manuallyConnectNodes(e){return Ye(zt,this).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,ce.A)((function*(){var{updated:n}=Ye(zt,a).current.updateCells(e,(0,se.A)((0,se.A)({},t),{},{defaultNodeSize:a.defaultNodeSize,canvasWidth:a.clientWidth,canvasHeight:a.clientHeight}));return{updated:n}}))()}disconnectedCallback(){super.disconnectedCallback(),Xe(this,!1)}render(){return ge().createElement(Ke,{host:this,ref:Ye(zt,this),cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:Ye(dt,this),onSwitchActiveTarget:Ye(ut,this),onCellMove:Ye(ft,this),onCellResize:Ye(gt,this),onCellDelete:Ye(yt,this),onCellContextMenu:Ye(xt,this),onDecoratorTextChange:Ye(bt,this),onScaleChange:Ye(At,this)})}}function Nt(e,t){var{host:a,cells:n,defaultNodeSize:r,defaultNodeBricks:i,defaultEdgeLines:o,activeTarget:l,fadeUnrelatedCells:s,zoomable:c,scrollable:d,pannable:u,scaleRange:h,onActiveTargetChange:v,onSwitchActiveTarget:f,onCellMove:p,onCellResize:g,onCellDelete:w,onCellContextMenu:m,onDecoratorTextChange:y,onScaleChange:k}=e,[{cells:x},C]=(0,pe.useReducer)(Ee.d,n,(e=>({cells:(0,Re.C)(e,{defaultNodeSize:r})}))),b=(0,pe.useRef)(null),E=(0,pe.useRef)(null),A=(0,pe.useRef)(null),[z,M]=(0,pe.useState)([]),{grabbing:N,transform:W,zoomer:S,scaleRange:R}=(0,De.f)({rootRef:b,zoomable:c,scrollable:d,pannable:u,scaleRange:h,onSwitchActiveTarget:f});(0,pe.useEffect)((()=>{k(W.k)}),[k,W.k]);var[T,L]=(0,pe.useState)(null),[B,D]=(0,Pe.E)({rootRef:b,cells:x,zoomable:c,zoomer:S,scaleRange:R});(0,pe.useImperativeHandle)(t,(()=>({dropNode(e){D(!0),C({type:"drop-node",payload:e})},dropDecorator(e){D(!0),C({type:"drop-decorator",payload:e})},addNodes(e,t){var{defaultNodeSize:a,canvasWidth:n,canvasHeight:r}=t,i=x.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...x.slice(0,i),...e,...x.slice(i)],{cells:l,updated:s}=(0,Te.L)({cells:o,previousCells:x,defaultNodeSize:a,canvasWidth:n,canvasHeight:r,scaleRange:R,transform:W});return C({type:"update-cells",payload:l}),s.filter((t=>e.includes(t)))},addEdge(e){C({type:"add-edge",payload:e})},updateCells(e,t){var a=(0,Te.L)((0,se.A)((0,se.A)({},t),{},{previousCells:x,cells:e,scaleRange:R,transform:W}));return C({type:"update-cells",payload:a.cells}),a},getTransform:()=>W,manuallyConnectNodes(e){var t=x.find((t=>(0,ze.N)(t)&&t.id===e));if(t){var a=b.current.getBoundingClientRect();return L({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[a.left,a.top]}),new Promise(((e,t)=>{A.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[x,R,D,W]);var P=(0,pe.useCallback)(((e,t)=>{for(var a,n=0;n<x.length;n++){var r=x[n];if((0,ze.N)(r)&&r.id!==e.source.id&&r.view.x<t[0]&&r.view.x+r.view.width>t[0]&&r.view.y<t[1]&&r.view.y+r.view.height>t[1]){var i;null===(i=A.current)||void 0===i||i.resolve({source:e.source,target:r});break}}null===(a=A.current)||void 0===a||a.reject(null),L(null)}),[x]);(0,pe.useEffect)((()=>{Xe(a,!!T)}),[T,a]);var H=(0,He.J)({cellsRef:E,activeTarget:l,onActiveTargetChange:v}),[j,I]=(0,pe.useState)([]);(0,pe.useEffect)((()=>{var e=s?(0,Le.Y)(x,T,H):[];I((t=>0===t.length&&0===e.length?t:e))}),[H,x,T,s]),(0,pe.useEffect)((()=>{var e=b.current;if(e&&!(z.length>0)){var t=e=>{var t=(0,Ne.a)(e,{cells:x,activeTarget:H});"delete-cell"===(null==t?void 0:t.action)&&w(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[H,x,z.length,w]);var U=(0,pe.useMemo)((()=>"".concat((0,ke.uniqueId)("diagram-"),"-")),[]),_="".concat(U,"line-arrow-"),O="".concat(_,"1"),Y=(0,pe.useCallback)((e=>{C({type:"move-cell",payload:e})}),[]),F=(0,pe.useCallback)((e=>{C({type:"move-cell",payload:e}),p(e)}),[p]),V=(0,pe.useCallback)((e=>{C({type:"resize-cell",payload:e})}),[]),X=(0,pe.useCallback)((e=>{C({type:"resize-cell",payload:e}),g(e)}),[g]),q=(0,pe.useCallback)((e=>{var{id:t,editing:a}=e;M(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),J=(0,pe.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t}})}),[]),Z=(0,pe.useCallback)((e=>{S.scaleTo((0,be.A)(b.current),e/100)}),[S]),G=(0,pe.useCallback)((()=>{D(!1)}),[D]);return ge().createElement(ge().Fragment,null,ge().createElement("svg",{width:"100%",height:"100%",ref:b,className:Ce()("root",{grabbing:N,pannable:u,ready:B}),tabIndex:-1},ge().createElement("defs",null,ge().createElement(Ae.c,{id:O,type:"arrow",strokeColor:"gray"})),ge().createElement("g",{transform:"translate(".concat(W.x," ").concat(W.y,") scale(").concat(W.k,")")},ge().createElement("g",{className:"cells",ref:E},x.map((e=>ge().createElement(We.m,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),cell:e,cells:x,defaultNodeBricks:i,defaultEdgeLines:o,transform:W,markerEnd:O,active:(0,Me.c)(H,e),unrelatedCells:j,onCellMoving:Y,onCellMoved:F,onCellResizing:V,onCellResized:X,onSwitchActiveTarget:f,onCellContextMenu:m,onDecoratorTextChange:y,onDecoratorTextEditing:q,onNodeBrickResize:J})))),ge().createElement(Se.w,{connectLineState:T,transform:W,markerEnd:O,onConnect:P}))),ge().createElement(je.Y,{shadowRoot:a.shadowRoot,scale:W.k,scaleRange:R,onZoomChange:Z,onReCenter:G}))}le=Mt,({e:[i,o,l,s,c,d,u,h,v,f,p,g,w,m,y,k,x,C,b,E,A,z,M,N,W,S,R,T,L,B,D,P,H,j,I,U,_,O,Y,F,V,X,q,J,Z,G,K,Q,$,ee,te,ae,ne,re,ie,oe,n],c:[Ve,r]}=function(e,t,a,n,r,i){var o,l,s,c,d,u,h,v=Symbol.metadata||Symbol.for("Symbol.metadata"),f=Object.defineProperty,p=Object.create,g=[p(null),p(null)],w=t.length;function m(t,a,n){return function(r,i){a&&(i=r,r=e);for(var o=0;o<t.length;o++)i=t[o].apply(r,n?[i]:[]);return n?i:r}}function y(e,t,a,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(a||"be")+" a function"+(n?"":" or undefined"));return e}function k(e,t,a,n,r,i,s,c,d,u,h){function v(e){if(!h(e))throw new TypeError("Attempted to access private element on non-instance")}var p=[].concat(t[0]),w=t[3],k=!s,x=1===r,C=3===r,b=4===r,E=2===r;function A(t,a,n){return function(r,i){return a&&(i=r,r=e),n&&n(r),z[t].call(r,i)}}if(!k){var z={},M=[],N=C?"get":b||x?"set":"value";if(d?(u||x?z={get:(0,ve.A)((function(){return w(this)}),n,"get"),set:function(e){t[4](this,e)}}:z[N]=w,u||(0,ve.A)(z[N],n,E?"":N)):u||(z=Object.getOwnPropertyDescriptor(e,n)),!u&&!d){if((l=g[+c][n])&&7!=(l^r))throw new Error("Decorating two elements with the same name ("+z[N].name+") is not supported yet");g[+c][n]=r<3?1:r}}for(var W=e,S=p.length-1;S>=0;S-=a?2:1){var R=p[S],T=a?p[S-1]:void 0,L={},B={kind:["field","accessor","method","getter","setter","class"][r],name:n,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");y(t,"An initializer","be",!0),i.push(t)}.bind(null,L)};if(k)l=R.call(T,W,B),L.v=1,y(l,"class decorators","return")&&(W=l);else if(B.static=c,B.private=d,l=B.access={has:d?h.bind():function(e){return n in e}},b||(l.get=d?E?function(e){return v(e),z.value}:A("get",0,v):function(e){return e[n]}),E||C||(l.set=d?A("set",0,v):function(e,t){e[n]=t}),W=R.call(T,x?{get:z.get,set:z.set}:z[N],B),L.v=1,x){if("object"==typeof W&&W)(l=y(W.get,"accessor.get"))&&(z.get=l),(l=y(W.set,"accessor.set"))&&(z.set=l),(l=y(W.init,"accessor.init"))&&M.unshift(l);else if(void 0!==W)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else y(W,(u?"field":"method")+" decorators","return")&&(u?M.unshift(W):z[N]=W)}return r<2&&s.push(m(M,c,1),m(i,c,0)),u||k||(d?x?s.splice(-1,0,A("get",c),A("set",c)):s.push(E?z[N]:y.call.bind(z[N])):f(e,n,z)),W}function x(e){return f(e,v,{configurable:!0,enumerable:!0,value:o})}return void 0!==i&&(o=i[v]),o=p(null==o?null:o),d=[],u=function(e){e&&d.push(m(e))},(h=function(t,n){for(var i=0;i<a.length;i++){var o=a[i],l=o[1],u=7&l;if((8&l)==t&&!u==n){var h=o[2],v=!!o[3],f=16&l;k(t?e:e.prototype,o,f,v?"#"+h:(0,he.A)(h),u,u<2?[]:t?c=c||[]:s=s||[],d,!!t,v,n,t&&v?function(t){return(0,fe.A)(t)===e}:r)}}})(8,0),h(0,0),h(8,1),h(0,1),u(s),u(c),l=d,w||x(e),{e:l,get c(){var a=[];return w&&[x(e=k(e,[t],0,e.name,5,a)),m(a,1)]}}}(le,[qe("eo-draw-canvas",{styleTexts:[Ie.A,Ue.A]})],[[Je({attribute:!1}),1,"cells"],[Je({attribute:!1}),1,"defaultNodeSize"],[Je({attribute:!1}),1,"defaultNodeBricks"],[Je({attribute:!1}),1,"defaultEdgeLines"],[Je({attribute:!1}),1,"activeTarget"],[Je({type:Boolean}),1,"fadeUnrelatedCells"],[Je({type:Boolean}),1,"zoomable"],[Je({type:Boolean}),1,"scrollable"],[Je({type:Boolean}),1,"pannable"],[Je({attribute:!1}),1,"scaleRange"],[Ge({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>Ye(st,e),(e,t)=>Oe(st,e,t)],[Ge({type:"node.move"}),1,"nodeMoveEvent",e=>Ye(ht,e),(e,t)=>Oe(ht,e,t)],[Ge({type:"cell.move"}),1,"cellMoveEvent",e=>Ye(vt,e),(e,t)=>Oe(vt,e,t)],[Ge({type:"cell.resize"}),1,"cellResizeEvent",e=>Ye(pt,e),(e,t)=>Oe(pt,e,t)],[Ge({type:"node.delete"}),1,"nodeDelete",e=>Ye(wt,e),(e,t)=>Oe(wt,e,t)],[Ge({type:"cell.delete"}),1,"cellDelete",e=>Ye(mt,e),(e,t)=>Oe(mt,e,t)],[Ge({type:"cell.contextmenu"}),1,"cellContextMenu",e=>Ye(kt,e),(e,t)=>Oe(kt,e,t)],[Ge({type:"decorator.text.change"}),1,"decoratorTextChange",e=>Ye(Ct,e),(e,t)=>Oe(Ct,e,t)],[Ge({type:"scale.change"}),1,"scaleChange",e=>Ye(Et,e),(e,t)=>Oe(Et,e,t)],[Ze(),2,"dropNode"],[Ze(),2,"dropDecorator"],[Ze(),2,"addNodes"],[Ze(),2,"addEdge"],[Ze(),2,"manuallyConnectNodes"],[Ze(),2,"updateCells"]],0,(e=>zt.has((0,fe.A)(e))),me.ReactNextElement)),r()},5114:(e,t,a)=>{a.d(t,{a:()=>r});var n=a(8185);function r(e,t){var{cells:a,activeTarget:r}=t,i=a.find((e=>(0,n.c)(e,r)));if(i)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:i}}}},2098:(e,t,a)=>{a.d(t,{L:()=>s});var n=a(1030),r=a(3033),i=a(531),o=a(3783),l=a(908);function s(e){var{cells:t,previousCells:a,defaultNodeSize:s,canvasWidth:c,canvasHeight:d,scaleRange:u,transform:h,reason:v,parent:f}=e,p=(0,o.C)(t,{defaultNodeSize:s}),g=[],w=new Map,m=!1;for(var y of a)(0,i.mH)(y)?m=!0:(0,i.N)(y)&&(m=!0,y[r.CV]&&w.set(y.id,y));var k=new Map;for(var x of p)if((0,i.N)(x)){k.set(x.id,x);var C=w.get(x.id);C&&(x.view.width=C.view.width,x.view.height=C.view.height,x[r.CV]=!0)}var b=!1;if("add-related-nodes"===v&&f){var E=new Set;for(var A of p)(0,i.WW)(A)&&A.source===f&&A.target!==f&&E.add(A.target);var z=k.get(f);if(void 0!==(null==z?void 0:z.view.x)&&void 0!==z.view.y){b=!0;var M=[...E].map((e=>k.get(e))).filter(Boolean),N=void 0;for(var W of M)void 0!==W.view.x&&void 0!==W.view.y?(!N||W.view.x>N.view.x)&&W.view.y>z.view.y&&(N=W):g.push(W);if(g.length>0){var S,R;if(N)S=N.view.x+N.view.width+r.sz,R=N.view.y;else{var T=g.reduce(((e,t)=>e+t.view.width+r.sz),-r.sz);S=z.view.x-T/2+z.view.width/2,R=z.view.y+z.view.height+r.sz}for(var L of g)L.view.x=S,L.view.y=R,S+=L.view.width+r.sz}}}if(!b){var B=s[0],D=s[1],P=[];for(var H of p)(0,i.N)(H)&&(H.view.width>B&&(B=H.view.width),H.view.height>D&&(D=H.view.height),void 0===H.view.x||void 0===H.view.y?g.push(H):P.push(H.view));m||(h=(0,l.r)((0,n.without)(p,...g),{canvasWidth:c,canvasHeight:d,scaleRange:u}));var j=B+r.sz,I=D+r.sz,U=new Set;for(var _ of P)for(var O=Math.floor((_.x+h.x/h.k)/j),Y=Math.floor((_.y+h.y/h.k)/I),F=Math.floor((_.x+h.x/h.k+_.width)/j),V=Math.floor((_.y+h.y/h.k+_.height)/I),X=O;X<=F;X++)for(var q=Y;q<=V;q++)U.add("".concat(X,",").concat(q));var J=j*h.k,Z=I*h.k,G=Math.max(1,Math.floor(d/Z)),K=0;for(var Q of g){var $=void 0,ee=void 0;do{$=Math.floor(K/G),ee=K%G,K++}while(U.has("".concat($,",").concat(ee)));Q.view.x=($*J-h.x)/h.k+r.sz/2,Q.view.y=(ee*Z-h.y)/h.k+r.sz/2}}return{cells:p,updated:g}}},6330:(e,t,a)=>{function n(e,t,a,n,r,i,o){try{var l=e[i](o),s=l.value}catch(e){return void a(e)}l.done?t(s):Promise.resolve(s).then(n,r)}function r(e){return function(){var t=this,a=arguments;return new Promise((function(r,i){var o=e.apply(t,a);function l(e){n(o,r,i,l,s,"next",e)}function s(e){n(o,r,i,l,s,"throw",e)}l(void 0)}))}}a.d(t,{A:()=>r})}}]);
2
+ //# sourceMappingURL=eo-draw-canvas.ef0d61bd.js.map