@next-bricks/diagram 0.21.0 → 0.23.0

package/dist/bricks.json

@@ -14,5 +14,5 @@
       "basic.lock-body-scroll"
     ]
   },
-  "filePath": "bricks/diagram/dist/index.d551bc1c.js"
+  "filePath": "bricks/diagram/dist/index.0306757d.js"
 }

package/dist/chunks/2696.b9434f42.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[2696],{5776:(e,t,n)=>{n.d(t,{s:()=>E});var r=n(5600),a=n.n(r),o=n(1252),i=n.n(o),c=n(7181),l=n(6960),d=n(960);function s(e,t){return e.find((e=>(0,c.G4)(e)&&e.id===t))}function u(e){var{edge:t,cells:n,markerEnd:o,defaultEdgeLines:c}=e,u=(0,r.useMemo)((()=>s(n,t.source)),[n,t.source]),f=(0,r.useMemo)((()=>s(n,t.target)),[n,t.target]),h=(0,r.useMemo)((()=>null==c?void 0:c.find((e=>(0,l.checkIfByTransform)(e,{edge:t})))),[c,t]),m=(0,r.useMemo)((()=>u&&f?(0,d.g)(v(u.view,5),v(f.view,5)):null),[u,f]);if(!m)return null;var g="M".concat(m[0].x," ").concat(m[0].y,"L").concat(m[1].x," ").concat(m[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==h?void 0:h.dashed}),d:g,fill:"none",stroke:"gray",markerEnd:"url(#".concat(o,")")}),a().createElement("path",{className:"line-active-bg",d:g,fill:"none"}))}function v(e,t){return{x:e.x+e.width/2,y:e.y+e.height/2,width:e.width+t,height:e.height+t}}var f=n(6196);function h(e){var{node:t,defaultNodeBricks:n}=e,o=(0,r.useMemo)((()=>({node:{id:t.id,data:t.data}})),[t.id,t.data]),i=t.useBrick,c=(0,r.useMemo)((()=>{var e;return null!=i?i:null==n||null===(e=n.find((e=>(0,l.checkIfByTransform)(e,o))))||void 0===e?void 0:e.useBrick}),[n,i,o]);return c?a().createElement("foreignObject",{width:t.view.width,height:t.view.height,className:"node"},c&&a().createElement(f.ReactUseBrick,{useBrick:c,data:o})):null}var m=n(7568);function g(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:n,cell:r,scale:a,onCellMoving:o,onCellMoved:i,onCellResizing:c,onCellResized:l,onSwitchActiveTarget:d}=t;if(e.stopPropagation(),d(g(r)),"edge"!==r.type){var s=[e.clientX,e.clientY],u="move"===n?[r.view.x,r.view.y]:[r.view.width,r.view.height],v=!1,f=(e,t)=>{var d,f,h=function(e){return[(e.clientX-s[0])/a,(e.clientY-s[1])/a]}(e);v||(v=h[0]**2+h[1]**2>=9),v&&("move"===n?null===(d=t?i:o)||void 0===d||d({type:r.type,id:r.id,x:u[0]+h[0],y:u[1]+h[1]}):null===(f=t?l:c)||void 0===f||f({type:r.type,id:r.id,width:u[0]+h[0],height:u[1]+h[1]}))},h=e=>{f(e)},m=e=>{f(e,!0),v=!1,document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",m)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",m)}}function p(e){var{cell:t,transform:n,onCellResizing:o,onCellResized:i,onSwitchActiveTarget:c}=e,l=a().useRef(null);return(0,r.useEffect)((()=>{var e=l.current,r=e=>{w(e,{action:"resize",cell:t,scale:n.k,onCellResizing:o,onCellResized:i,onSwitchActiveTarget:c})};return null==e||e.addEventListener("mousedown",r),()=>{null==e||e.removeEventListener("mousedown",r)}}),[t,i,o,c,n.k]),a().createElement("g",{className:"decorator-area"},a().createElement("rect",{width:t.view.width,height:t.view.height,className:"area"}),a().createElement("g",{ref:l,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=n(4412);function k(e){var t,{cell:n,onDecoratorTextEditing:o,onDecoratorTextChange:c}=e,l=null!==(t=n.view.text)&&void 0!==t?t:"",[d,s]=(0,r.useState)(l),[u,v]=(0,r.useState)(!1),f=(0,r.useRef)(!1),[h,m]=(0,r.useState)(!1),g=(0,r.useRef)(null),w=(0,r.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),v(!0)}),[]);(0,r.useEffect)((()=>{var e=g.current;e&&e.textContent!==d&&(e.textContent=d)}),[d]),(0,r.useEffect)((()=>{u&&g.current&&(g.current.focus(),function(e){var t=document.createRange();t.selectNodeContents(e);var n=window.getSelection();n.removeAllRanges(),n.addRange(t)}(g.current)),o({id:n.id,editing:u})}),[n.id,u,o]),(0,r.useEffect)((()=>{f.current?null==o||o({id:n.id,editing:u}):f.current=!0}),[n.id,u,o]);var p=(0,r.useCallback)((e=>{s(e.target.textContent)}),[]),k=(0,r.useCallback)((()=>{v(!1),m(!0)}),[]);return(0,r.useEffect)((()=>{h&&(null==c||c({id:n.id,view:(0,y.c)((0,y.c)({},n.view),{},{text:d})}),m(!1))}),[n,d,c,h]),a().createElement("foreignObject",{className:"decorator-text"},a().createElement("div",{className:i()("text-container",{editing:u}),onDoubleClick:w},a().createElement("div",{className:"text",contentEditable:u,ref:g,onInput:p,onBlur:k})))}function x(e){var t,{cell:n,transform:r,onCellResizing:o,onCellResized:i,onSwitchActiveTarget:c,onDecoratorTextEditing:l,onDecoratorTextChange:d}=e;switch(n.decorator){case"area":t=p;break;case"text":t=k;break;default:return console.error("Unknown decorator: ".concat(n.decorator)),null}return a().createElement(t,{cell:n,transform:r,onCellResizing:o,onCellResized:i,onSwitchActiveTarget:c,onDecoratorTextEditing:l,onDecoratorTextChange:d})}function E(e){var{cell:t,cells:n,defaultNodeBricks:o,defaultEdgeLines:l,markerEnd:d,active:s,transform:v,onCellMoving:f,onCellMoved:m,onCellResizing:p,onCellResized:y,onSwitchActiveTarget:k,onCellContextMenu:E,onDecoratorTextEditing:C,onDecoratorTextChange:z}=e,b=(0,r.useRef)(null);(0,r.useEffect)((()=>{var e=b.current,n=e=>{w(e,{action:"move",cell:t,scale:v.k,onCellMoving:f,onCellMoved:m,onSwitchActiveTarget:k})};return null==e||e.addEventListener("mousedown",n),()=>{null==e||e.removeEventListener("mousedown",n)}}),[t,m,f,k,v.k]);var L=(0,r.useCallback)((e=>{e.preventDefault(),k(g(t)),E({cell:t,clientX:e.clientX,clientY:e.clientY})}),[t,E,k]);return a().createElement("g",{className:i()("cell",{active:s}),ref:b,transform:"edge"===t.type?void 0:"translate(".concat(t.view.x," ").concat(t.view.y,")"),onContextMenu:L},(0,c.G4)(t)?a().createElement(h,{node:t,defaultNodeBricks:o}):(0,c.Wk)(t)?a().createElement(u,{edge:t,defaultEdgeLines:l,cells:n,markerEnd:d}):(0,c.c1)(t)?a().createElement(x,{cell:t,transform:v,onCellResizing:p,onCellResized:y,onSwitchActiveTarget:k,onDecoratorTextEditing:C,onDecoratorTextChange:z}):null)}},8044:(e,t,n)=>{n.d(t,{E:()=>c});var r=n(5600),a=n.n(r),o=n(1252),i=n.n(o);function c(e){var{connectLineState:t,transform:n,markerEnd:o,onConnect:c}=e,[l,d]=(0,r.useState)(null);return(0,r.useEffect)((()=>{t&&d(t.from)}),[t]),(0,r.useEffect)((()=>{if(t){var e=e=>{d([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},r=e=>{e.stopPropagation()},a=e=>{e.stopPropagation(),o(),c(t,[(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},o=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",r,{capture:!0}),document.removeEventListener("click",a,{capture:!0}),d(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",r,{capture:!0}),document.addEventListener("click",a,{capture:!0}),o}}),[t,c,n]),a().createElement("path",{className:i()("connect-line",{connecting:!!t&&l&&(l[0]-t.from[0])**2+(l[1]-t.from[1])**2>25}),d:t&&l?"M".concat(t.from.join(" "),"L").concat(l.join(" ")):"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:"url(#".concat(o,")")})}},7181:(e,t,n)=>{function r(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}n.d(t,{Cy:()=>o,G4:()=>r,Wk:()=>i,c1:()=>a})},6876:(e,t,n)=>{n.d(t,{Y:()=>a});var r=n(4552);function a(e,t){var{cells:n,activeTarget:a}=t,o=n.find((e=>(0,r.M)(e,a)));if(o)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cell",cell:o}}}},7876:(e,t,n)=>{n.d(t,{S:()=>o});var r=n(4412),a=n(7181);function o(e,t){var{defaultNodeSize:n}=t;return(null!=e?e:[]).map((e=>{var t,o;return!(0,a.Cy)(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,r.c)((0,r.c)({},e),{},{view:(0,r.c)({width:n[0],height:n[1]},e.view)})}))}},4552:(e,t,n)=>{function r(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}n.d(t,{M:()=>r})},3788:(e,t,n)=>{n.d(t,{c:()=>a});var r=n(7181);function a(e,t){var{canvasWidth:n,canvasHeight:a,scaleRange:o}=t,i=1/0,c=1/0,l=-1/0,d=-1/0,s=!0;for(var u of e)if(!(0,r.Wk)(u)){s=!1;var{view:v}=u,f=v.x+v.width,h=v.y+v.height;v.x<i&&(i=v.x),f>l&&(l=f),v.y<c&&(c=v.y),h>d&&(d=h)}var m=l-i,g=d-c,w=o&&!s&&(m>n||g>a)?Math.max(Math.min(n/m,a/g,o[1]),o[0]):1;return{x:s?0:(n-m*w)/2-i*w,y:s?0:(a-g*w)/2-c*w,k:w}}},2872:(e,t,n)=>{n.d(t,{s:()=>o});var r=n(7181),a=n(7876);function o(e){var{cells:t,defaultNodeSize:n,reason:o,parent:i}=e,c=(0,a.S)(t,{defaultNodeSize:n}),l=[];if("add-related-nodes"===o&&i){var d=new Map,s=new Set;for(var u of c)(0,r.G4)(u)?d.set(u.id,u):(0,r.Wk)(u)&&u.source===i&&u.target!==i&&s.add(u.target);var v=d.get(i);if(void 0!==(null==v?void 0:v.view.x)&&void 0!==v.view.y){var f=[...s].map((e=>d.get(e))).filter(Boolean),h=void 0;for(var m of f)void 0!==m.view.x&&void 0!==m.view.y?(!h||m.view.x>h.view.x)&&(h=m):l.push(m);if(l.length>0){var g,w;if(h)g=h.view.x+h.view.width+20,w=h.view.y;else{var p=l.reduce(((e,t)=>e+t.view.width+20),-20);g=v.view.x-p/2+v.view.width/2,w=v.view.y+v.view.height+20}for(var y of l)y.view.x=g,y.view.y=w,g+=y.view.width+20}}}return{cells:c,updated:l}}},3876:(e,t,n)=>{n.d(t,{M:()=>i});var r=n(4412);function a(e,t,n){var r=e.findLastIndex(n)+1;return[...e.slice(0,r),t,...e.slice(r)]}var o,i=(o={cells:(e,t)=>{switch(t.type){case"drop-node":return a(e,t.payload,(e=>!("decorator"===e.type&&"text"===e.decorator)));case"drop-decorator":return"text"===t.payload.decorator?[...e,t.payload]:a(e,t.payload,(e=>"decorator"===e.type&&"area"===e.decorator));case"add-nodes":var n=e.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1;return[...e.slice(0,n),...t.payload,...e.slice(n)];case"add-edge":return a(e,t.payload,(e=>"edge"===e.type||"decorator"===e.type&&"area"===e.decorator));case"move-cell":var{type:o,id:i,x:c,y:l}=t.payload,d=e.findIndex((e=>e.type===o&&e.id===i));if(-1!==d){var s=e[d];return[...e.slice(0,d),(0,r.c)((0,r.c)({},s),{},{view:(0,r.c)((0,r.c)({},s.view),{},{x:c,y:l})}),...e.slice(d+1)]}return e;case"resize-cell":var{type:u,id:v,width:f,height:h}=t.payload,m=e.findIndex((e=>e.type===u&&e.id===v));if(-1!==m){var g=e[m];return[...e.slice(0,m),(0,r.c)((0,r.c)({},g),{},{view:(0,r.c)((0,r.c)({},g.view),{},{width:f,height:h})}),...e.slice(m+1)]}return e;case"update-cells":return t.payload}return e}},(e,t)=>Object.fromEntries(Object.entries(o).map((n=>{var[r,a]=n;return[r,a(e[r],t)]}))))},7584:(e,t,n)=>{n.d(t,{c:()=>c});var r=n(8304),a=n.n(r),o=n(1849),i=n.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: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{-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: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}",""]);const c=i.toString()}}]);
+//# sourceMappingURL=2696.b9434f42.js.map

package/dist/chunks/2696.b9434f42.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/2696.b9434f42.js","mappings":"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","sources":["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/ConnectLineComponent.tsx","webpack:///./src/draw-canvas/processors/asserts.ts","webpack:///./src/draw-canvas/processors/handleKeyboard.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/processors/updateCells.ts","webpack:///./src/draw-canvas/reducers/cells.ts","webpack:///./src/draw-canvas/reducers/index.ts","webpack:///./src/draw-canvas/styles.shadow.css"],"sourcesContent":["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, { useMemo } from \"react\";\nimport { ReactUseBrick } from \"@next-core/react-runtime\";\nimport { checkIfByTransform } from \"@next-core/runtime\";\nimport type { NodeBrickCell, NodeBrickConf, NodeCell } from \"./interfaces\";\n\nexport interface NodeComponentProps {\n  node: NodeCell;\n  defaultNodeBricks?: NodeBrickConf[];\n}\n\nexport function NodeComponent({\n  node,\n  defaultNodeBricks,\n}: NodeComponentProps): JSX.Element | null {\n  const memoizedData = useMemo(\n    () => ({ node: { id: node.id, data: node.data } }),\n    [node.id, node.data]\n  );\n  const specifiedUseBrick = (node as NodeBrickCell).useBrick;\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  return useBrick ? (\n    <foreignObject\n      // x={node.view.x}\n      // y={node.view.y}\n      width={node.view.width}\n      height={node.view.height}\n      className=\"node\"\n    >\n      {useBrick && <ReactUseBrick useBrick={useBrick} data={memoizedData} />}\n    </foreignObject>\n  ) : null;\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  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    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  }, [cell, onCellResized, onCellResizing, onSwitchActiveTarget, transform.k]);\n\n  return (\n    <g className=\"decorator-area\">\n      <rect\n        // x={cell.view.x}\n        // y={cell.view.y}\n        width={cell.view.width}\n        height={cell.view.height}\n        className=\"area\"\n      />\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    </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\" | \"onDecoratorTextEditing\" | \"onDecoratorTextChange\"\n>;\n\nexport function DecoratorText({\n  cell,\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((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setEditingLabel(true);\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((event: React.FormEvent<HTMLDivElement>) => {\n    setCurrentLabel((event.target as HTMLDivElement).textContent!);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setEditingLabel(false);\n    setShouldEmitLabelChange(true);\n  }, []);\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  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      onCellResizing={onCellResizing}\n      onCellResized={onCellResized}\n      onSwitchActiveTarget={onSwitchActiveTarget}\n      onDecoratorTextEditing={onDecoratorTextEditing}\n      onDecoratorTextChange={onDecoratorTextChange}\n    />\n  );\n}\n","import React, { useCallback, useEffect, 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 { TransformLiteral } from \"../diagram/interfaces\";\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  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}\n\nexport function CellComponent({\n  cell,\n  cells,\n  defaultNodeBricks,\n  defaultEdgeLines,\n  markerEnd,\n  active,\n  transform,\n  onCellMoving,\n  onCellMoved,\n  onCellResizing,\n  onCellResized,\n  onSwitchActiveTarget,\n  onCellContextMenu,\n  onDecoratorTextEditing,\n  onDecoratorTextChange,\n}: CellComponentProps): JSX.Element | null {\n  const gRef = useRef<SVGGElement>(null);\n\n  useEffect(() => {\n    const g = gRef.current;\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  }, [cell, onCellMoved, onCellMoving, onSwitchActiveTarget, transform.k]);\n\n  const handleContextMenu = useCallback(\n    (event: React.MouseEvent<SVGGElement>) => {\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]\n  );\n\n  return (\n    <g\n      className={classNames(\"cell\", { active })}\n      ref={gRef}\n      transform={\n        cell.type === \"edge\"\n          ? undefined\n          : `translate(${cell.view.x} ${cell.view.y})`\n      }\n      onContextMenu={handleContextMenu}\n    >\n      {isNodeCell(cell) ? (\n        <NodeComponent node={cell} defaultNodeBricks={defaultNodeBricks} />\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          onCellResizing={onCellResizing}\n          onCellResized={onCellResized}\n          onSwitchActiveTarget={onSwitchActiveTarget}\n          onDecoratorTextEditing={onDecoratorTextEditing}\n          onDecoratorTextChange={onDecoratorTextChange}\n        />\n      ) : null}\n    </g>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState } from \"./interfaces\";\nimport type { PositionTuple, TransformLiteral } from \"../diagram/interfaces\";\n\nexport interface ConnectLineComponentProps {\n  connectLineState: ConnectLineState | null;\n  transform: TransformLiteral;\n  markerEnd: string;\n  onConnect(state: ConnectLineState, to: PositionTuple): void;\n}\n\nexport function ConnectLineComponent({\n  connectLineState,\n  transform,\n  markerEnd,\n  onConnect,\n}: ConnectLineComponentProps): JSX.Element {\n  const [connectLineTo, setConnectLineTo] = useState<PositionTuple | null>(\n    null\n  );\n\n  useEffect(() => {\n    if (connectLineState) {\n      setConnectLineTo(connectLineState.from);\n    }\n  }, [connectLineState]);\n\n  useEffect(() => {\n    if (connectLineState) {\n      const onMouseMove = (e: MouseEvent) => {\n        // Set connect line to based on the mouse position and the transform\n        setConnectLineTo([\n          (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n          (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n        ]);\n      };\n      const onMouseDown = (e: MouseEvent) => {\n        e.stopPropagation();\n      };\n      const onClick = (e: MouseEvent) => {\n        e.stopPropagation();\n        // eslint-disable-next-line @typescript-eslint/no-use-before-define\n        reset();\n        onConnect(connectLineState, [\n          (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n          (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n        ]);\n      };\n      const reset = () => {\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mousedown\", onMouseDown, {\n          capture: true,\n        });\n        document.removeEventListener(\"click\", onClick, { capture: true });\n        setConnectLineTo(null);\n      };\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mousedown\", onMouseDown, { capture: true });\n      document.addEventListener(\"click\", onClick, { capture: true });\n\n      return reset;\n    }\n  }, [connectLineState, onConnect, transform]);\n\n  return (\n    <path\n      className={classNames(\"connect-line\", {\n        connecting:\n          !!connectLineState &&\n          connectLineTo &&\n          // Do not show when the distance of mouse move is less than 5px\n          (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n            (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n            25,\n      })}\n      d={\n        connectLineState && connectLineTo\n          ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n          : \"\"\n      }\n      fill=\"none\"\n      stroke=\"gray\"\n      strokeWidth={1}\n      markerEnd={`url(#${markerEnd})`}\n    />\n  );\n}\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 } from \"../interfaces\";\nimport { sameTarget } from \"./sameTarget\";\n\nexport type KeyboardAction = KeyboardActionDeleteCell;\n\nexport interface KeyboardActionDeleteCell {\n  action: \"delete-cell\";\n  cell: Cell;\n}\n\nexport function handleKeyboard(\n  event: KeyboardEvent,\n  {\n    cells,\n    activeTarget,\n  }: {\n    cells: Cell[];\n    activeTarget: ActiveTarget | null | undefined;\n  }\n): KeyboardAction | undefined {\n  const activeCell = cells.find((cell) => sameTarget(cell, activeTarget));\n\n  if (!activeCell) {\n    return;\n  }\n\n  const key =\n    event.key ||\n    /* istanbul ignore next: compatibility */ event.keyCode ||\n    /* istanbul ignore next: compatibility */ event.which;\n\n  switch (key) {\n    case \"Backspace\":\n    case 8:\n    case \"Delete\":\n    case 46: {\n      event.preventDefault();\n      event.stopPropagation();\n      return {\n        action: \"delete-cell\",\n        cell: activeCell,\n      };\n    }\n  }\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 { SizeTuple } from \"../../diagram/interfaces\";\nimport type { Cell, InitialCell, NodeCell, NodeId } from \"../interfaces\";\nimport { isEdgeCell, isNodeCell } from \"./asserts\";\nimport { initializeCells } from \"./initializeCells\";\n\nexport function updateCells({\n  cells,\n  defaultNodeSize,\n  reason,\n  parent,\n}: {\n  cells: InitialCell[];\n  defaultNodeSize: SizeTuple;\n  reason?: \"add-related-nodes\";\n  parent?: NodeId;\n}): {\n  cells: Cell[];\n  updated: Cell[];\n} {\n  const newCells = initializeCells(cells, { defaultNodeSize });\n  const updateCandidates: NodeCell[] = [];\n  if (reason === \"add-related-nodes\" && parent) {\n    // Place these unpositioned downstream nodes below the parent node, and\n    // on the right side of the positioned siblings.\n    const nodesMap = new Map<string, NodeCell>();\n    const downstreamNodeIds = new Set<string>();\n    for (const cell of newCells) {\n      if (isNodeCell(cell)) {\n        nodesMap.set(cell.id, cell);\n      } else if (isEdgeCell(cell)) {\n        if (cell.source === parent && cell.target !== parent) {\n          downstreamNodeIds.add(cell.target);\n        }\n      }\n    }\n    const parentNode = nodesMap.get(parent);\n    if (parentNode?.view.x !== undefined && parentNode.view.y !== undefined) {\n      const downstreamNodes = [...downstreamNodeIds]\n        .map((id) => nodesMap.get(id))\n        .filter(Boolean) as NodeCell[];\n      let rightMostNode: NodeCell | undefined = undefined;\n      for (const node of downstreamNodes) {\n        if (node.view.x !== undefined && node.view.y !== undefined) {\n          // Positioned nodes\n          if (!rightMostNode || node.view.x > rightMostNode.view.x) {\n            rightMostNode = node;\n          }\n        } else {\n          // Unpositioned nodes\n          updateCandidates.push(node);\n        }\n      }\n      if (updateCandidates.length > 0) {\n        const gap = 20;\n        let nextX: number;\n        let nextY: number;\n        if (rightMostNode) {\n          // Place unpositioned nodes on the right side of the rightmost positioned siblings.\n          nextX = rightMostNode.view.x + rightMostNode.view.width + gap;\n          nextY = rightMostNode.view.y;\n        } else {\n          // If there are no positioned siblings, just place them below the parent.\n          const totalWidth = updateCandidates.reduce(\n            (acc, node) => acc + node.view.width + gap,\n            -gap\n          );\n          nextX =\n            parentNode.view.x - totalWidth / 2 + parentNode.view.width / 2;\n          nextY = parentNode.view.y + parentNode.view.height + gap;\n        }\n        for (const node of updateCandidates) {\n          node.view.x = nextX;\n          node.view.y = nextY;\n          nextX += node.view.width + gap;\n        }\n      }\n    }\n  }\n  return { cells: newCells, updated: updateCandidates };\n}\n","import type { Reducer } from \"react\";\nimport type { DrawCanvasAction } from \"./interfaces\";\nimport type { Cell, NodeCell } from \"../interfaces\";\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  }\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","// 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: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{-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: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}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["findNode","cells","id","find","cell","isNodeCell","EdgeComponent","_ref","edge","markerEnd","defaultEdgeLines","sourceNode","useMemo","source","targetNode","target","lineConf","item","checkIfByTransform","line","getDirectLinePoints","nodeViewToNodeRect","view","d","concat","x","y","React","fill","stroke","strokeWidth","className","classNames","dashed","padding","width","height","NodeComponent","node","defaultNodeBricks","memoizedData","data","specifiedUseBrick","useBrick","_defaultNodeBricks$fi","ReactUseBrick","cellToTarget","type","pick","handleMouseDown","event","action","scale","onCellMoving","onCellMoved","onCellResizing","onCellResized","onSwitchActiveTarget","stopPropagation","from","clientX","clientY","original","moved","handleMove","e","finished","_ref2","_ref3","movement","getMovement","onMouseMove","onMouseUp","document","removeEventListener","addEventListener","DecoratorArea","transform","resizeHandleRef","useEffect","resizeHandle","current","onMouseDown","k","ref","DecoratorText","_cell$view$text","onDecoratorTextEditing","onDecoratorTextChange","label","text","currentLabel","setCurrentLabel","useState","editingLabel","setEditingLabel","editingLabelInitialized","useRef","shouldEmitLabelChange","setShouldEmitLabelChange","handleEnableEdit","useCallback","preventDefault","element","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","onCellContextMenu","gRef","g","handleContextMenu","undefined","onContextMenu","isEdgeCell","isDecoratorCell","ConnectLineComponent","connectLineState","onConnect","connectLineTo","setConnectLineTo","offset","onClick","reset","capture","connecting","join","isInitialNodeCell","handleKeyboard","activeTarget","activeCell","sameTarget","key","keyCode","which","initializeCells","initialCells","defaultNodeSize","map","_cell$view","_cell$view2","a","b","transformToCenter","canvasWidth","canvasHeight","scaleRange","left","Infinity","top","right","bottom","empty","r","Math","max","min","updateCells","reason","parent","newCells","updateCandidates","nodesMap","Map","downstreamNodeIds","Set","set","add","parentNode","get","downstreamNodes","filter","Boolean","rightMostNode","push","length","nextX","nextY","totalWidth","reduce","acc","updated","insertCellAfter","newCell","after","index","findLastIndex","slice","reducers","rootReducer","state","payload","findIndex","Object","fromEntries","entries","value","___CSS_LOADER_EXPORT___","module","toString"],"sourceRoot":""}

package/dist/chunks/5676.25458ec2.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[5676],{5676:(e,t,a)=>{a.r(t);var n,l,i,r,s,c,o,u,d,h,v,p,g,b,w,f,m,k,y,M,x,E,W,C,N,z,S,R,L,D,T,B,A,P,I,O,H,Y,K,X,V,_,j,q,F,G,Z,$,U,J,Q,ee,te,ae,ne,le,ie,re,se=a(123),ce=a(592),oe=a(5866),ue=a(1412),de=a(8644),he=a(5600),ve=a.n(he),pe=a(7672),ge=a(8160),be=(a(48),a(5248)),we=a(1920),fe=a(1252),me=a.n(fe),ke=a(7568),ye=a(2504),Me=a(8996),xe=a(9140),Ee=a(3600),We=a(3904),Ce=a(4378),Ne=a(8276),ze=a(2092),Se=a(8752),Re=a(4092),Le=a(3784),De=a(3732),Te=a(636),Be=a(6932),Ae=a(4580),Pe=a(9900),Ie=a(6152),Oe=a(3888),He=a(4588),Ye=a(3256),{defineElement:Ke,property:Xe,event:Ve,method:_e}=(0,pe.createDecorators)(),je=(0,he.forwardRef)(Ht);i=[Ke("eo-diagram",{styleTexts:[Ie.c]})],r=Xe({type:String}),c=Xe({attribute:!1}),u=Xe({attribute:!1}),h=Xe({attribute:!1}),p=Xe({attribute:!1}),b=Xe({attribute:!1}),f=Xe({attribute:!1}),k=Xe({type:Boolean}),M=Xe({attribute:!1}),E=Xe({attribute:!1}),C=Xe({type:Boolean}),z=Xe({type:Boolean}),R=Xe({type:Boolean}),D=Xe({attribute:!1}),B=Ve({type:"activeTarget.change"}),O=Ve({type:"node.delete"}),X=Ve({type:"edge.delete"}),q=Ve({type:"line.click"}),$=Ve({type:"line.dblclick"}),ee=Ve({type:"nodes.connect"}),le=_e();var qe=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,Ze=new WeakMap,$e=new WeakMap,Ue=new WeakMap,Je=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,lt=new WeakMap,it=new WeakMap,rt=new WeakMap,st=new WeakMap,ct=new WeakMap,ot=new WeakMap,ut=new WeakMap,dt=new WeakMap,ht=new WeakMap,vt=new WeakMap,pt=new WeakMap,gt=new WeakMap,bt=new WeakMap,wt=new WeakMap,ft=new WeakMap,mt=new WeakMap,kt=new WeakMap,yt=new WeakMap,Mt=new WeakMap,xt=new WeakMap,Et=new WeakMap,Wt=new WeakMap;class Ct extends ge.ReactNextElement{constructor(){super(...arguments),(0,se.c)(this,Mt,{get:Ot,set:It}),(0,se.c)(this,mt,{get:Pt,set:At}),(0,se.c)(this,bt,{get:Bt,set:Tt}),(0,se.c)(this,vt,{get:Dt,set:Lt}),(0,se.c)(this,ut,{get:Rt,set:St}),(0,se.c)(this,st,{get:zt,set:Nt}),(0,se.c)(this,qe,{writable:!0,value:(n(this),s(this))}),(0,se.c)(this,Fe,{writable:!0,value:o(this)}),(0,se.c)(this,Ge,{writable:!0,value:d(this)}),(0,se.c)(this,Ze,{writable:!0,value:v(this)}),(0,se.c)(this,$e,{writable:!0,value:g(this)}),(0,se.c)(this,Ue,{writable:!0,value:w(this)}),(0,se.c)(this,Je,{writable:!0,value:m(this)}),(0,se.c)(this,Qe,{writable:!0,value:y(this)}),(0,se.c)(this,et,{writable:!0,value:x(this)}),(0,se.c)(this,tt,{writable:!0,value:W(this)}),(0,se.c)(this,at,{writable:!0,value:N(this,!0)}),(0,se.c)(this,nt,{writable:!0,value:S(this,!0)}),(0,se.c)(this,lt,{writable:!0,value:L(this,!0)}),(0,se.c)(this,it,{writable:!0,value:T(this)}),(0,se.c)(this,rt,{writable:!0,value:A(this)}),(0,se.c)(this,ct,{writable:!0,value:e=>{(0,ue.c)(this,st).emit(e)}}),(0,se.c)(this,ot,{writable:!0,value:H(this)}),(0,se.c)(this,dt,{writable:!0,value:e=>{(0,ue.c)(this,ut).emit(e)}}),(0,se.c)(this,ht,{writable:!0,value:V(this)}),(0,se.c)(this,pt,{writable:!0,value:e=>{(0,ue.c)(this,vt).emit(e)}}),(0,se.c)(this,gt,{writable:!0,value:F(this)}),(0,se.c)(this,wt,{writable:!0,value:e=>{(0,ue.c)(this,bt).emit(e)}}),(0,se.c)(this,ft,{writable:!0,value:U(this)}),(0,se.c)(this,kt,{writable:!0,value:e=>{(0,ue.c)(this,mt).emit(e)}}),(0,se.c)(this,yt,{writable:!0,value:te(this)}),(0,se.c)(this,xt,{writable:!0,value:e=>{(0,ue.c)(this,Mt).emit(e)}}),(0,se.c)(this,Et,{writable:!0,value:e=>{(0,He.M)(e,this.activeTarget)||(this.activeTarget=e)}}),(0,se.c)(this,Wt,{writable:!0,value:(0,he.createRef)()})}get layout(){return(0,ue.c)(this,qe)}set layout(e){(0,oe.c)(this,qe,e)}get nodes(){return(0,ue.c)(this,Fe)}set nodes(e){(0,oe.c)(this,Fe,e)}get edges(){return(0,ue.c)(this,Ge)}set edges(e){(0,oe.c)(this,Ge,e)}get nodeBricks(){return(0,ue.c)(this,Ze)}set nodeBricks(e){(0,oe.c)(this,Ze,e)}get lines(){return(0,ue.c)(this,$e)}set lines(e){(0,oe.c)(this,$e,e)}get layoutOptions(){return(0,ue.c)(this,Ue)}set layoutOptions(e){(0,oe.c)(this,Ue,e)}get activeTarget(){return(0,ue.c)(this,Je)}set activeTarget(e){(0,oe.c)(this,Je,e)}get disableKeyboardAction(){return(0,ue.c)(this,Qe)}set disableKeyboardAction(e){(0,oe.c)(this,Qe,e)}get connectNodes(){return(0,ue.c)(this,et)}set connectNodes(e){(0,oe.c)(this,et,e)}get dragNodes(){return(0,ue.c)(this,tt)}set dragNodes(e){(0,oe.c)(this,tt,e)}get zoomable(){return(0,ue.c)(this,at)}set zoomable(e){(0,oe.c)(this,at,e)}get scrollable(){return(0,ue.c)(this,nt)}set scrollable(e){(0,oe.c)(this,nt,e)}get pannable(){return(0,ue.c)(this,lt)}set pannable(e){(0,oe.c)(this,lt,e)}get scaleRange(){return(0,ue.c)(this,it)}set scaleRange(e){(0,oe.c)(this,it,e)}callOnLineLabel(e,t){for(var a,n=arguments.length,l=new Array(n>2?n-2:0),i=2;i<n;i++)l[i-2]=arguments[i];null===(a=(0,ue.c)(this,Wt).current)||void 0===a||a.callOnLineLabel(e,t,...l)}render(){return ve().createElement(je,{ref:(0,ue.c)(this,Wt),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:this.connectNodes,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,ue.c)(this,ct),onSwitchActiveTarget:(0,ue.c)(this,Et),onNodeDelete:(0,ue.c)(this,dt),onEdgeDelete:(0,ue.c)(this,pt),onLineClick:(0,ue.c)(this,wt),onLineDoubleClick:(0,ue.c)(this,kt),onNodesConnect:(0,ue.c)(this,xt)})}}function Nt(e){I(this,e)}function zt(){return P(this)}function St(e){K(this,e)}function Rt(){return Y(this)}function Lt(e){j(this,e)}function Dt(){return _(this)}function Tt(e){Z(this,e)}function Bt(){return G(this)}function At(e){Q(this,e)}function Pt(){return J(this)}function It(e){ne(this,e)}function Ot(){return ae(this)}function Ht(e,t){var{layout:a,nodes:n,edges:l,nodeBricks:i,lines:r,layoutOptions:s,connectNodes:c,dragNodes:o,activeTarget:u,disableKeyboardAction:d,zoomable:h,scrollable:v,pannable:p,scaleRange:g,onActiveTargetChange:b,onSwitchActiveTarget:w,onNodeDelete:f,onEdgeDelete:m,onLineClick:k,onLineDoubleClick:y,onNodesConnect:M}=e,[x,E]=(0,he.useState)(!1),[W,C]=(0,he.useState)(0),[N,z]=(0,he.useState)(null),[S,R]=(0,he.useState)(!1),[L,D]=(0,he.useState)(0),[T,B]=(0,he.useState)(null),[A,P]=(0,he.useState)([]),[I,O]=(0,he.useState)(!1),[H,Y]=(0,he.useState)({k:1,x:0,y:0}),K=(0,he.useRef)(new Map),X=(0,he.useRef)(null),V=(0,he.useRef)(null),[_,j]=(0,he.useState)(!1),{userViewReady:q,userViewNodesMap:F,saveUserView:G}=(0,Oe.y)(null==o?void 0:o.save),[Z,$]=(0,he.useState)([0,0]),[U,J]=(0,he.useState)(null),[Q,ee]=(0,he.useState)("initial"),[te,ae]=(0,he.useState)(null);(0,he.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var a,n=arguments.length,l=new Array(n>2?n-2:0),i=2;i<n;i++)l[i-2]=arguments[i];null==T||null===(a=T.get(e))||void 0===a||null===(a=a.firstElementChild)||void 0===a||a[t](...l)}}))),(0,he.useEffect)((()=>{var e=e=>{(0,Te.w)(e,{nodes:n,nodesRefRepository:N,connectNodes:c,dragNodes:o,scale:H.k,setConnectLineState:J,setConnectLineTo:$,setManualLayoutStatus:ee,setNodeMovement:ae,onSwitchActiveTarget:w,onNodesConnect:M})},t=V.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[n,c,o,H.k,N,M,w]);var{normalizedLines:ne,normalizedLinesMap:le,markers:ie}=(0,he.useMemo)((()=>(0,Ce.K)(l,r)),[l,r]),re=(0,he.useMemo)((()=>ne.flatMap((e=>{var t,a,{line:{text:n,label:l,$id:i},edge:r}=e;return n||l?(l?(t="label",a=[].concat(l)):(t="text",a=[].concat(n)),a.map((e=>{var a;return{[t]:e,id:"".concat(i,"-").concat(null!==(a=e.placement)&&void 0!==a?a:"center"),edge:r}}))):[]}))),[ne]),{nodes:se,edges:ce}=(0,Ae.C)({layout:a,nodes:n,edges:l,manualLayoutStatus:Q,userViewReady:q,userViewNodesMap:F,nodeMovement:te,nodesRefRepository:N,lineLabelsRefRepository:T,normalizedLinesMap:le,layoutOptions:s,nodesRenderId:W,lineLabelsRenderId:L});(0,he.useEffect)((()=>{"finished"===Q&&G(se.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[Q]);var oe=(0,he.useMemo)((()=>(0,We.e)(ce,se,ne)),[ne,se,ce]),ue=null!=u?u:null,[de,pe]=(0,he.useState)(ue);(0,he.useEffect)((()=>{pe((e=>(0,He.M)(e,ue)?e:ue))}),[ue]);var ge=(0,he.useRef)(!1);(0,he.useEffect)((()=>{ge.current?null==b||b(de):ge.current=!0}),[de,b]),(0,he.useEffect)((()=>{var e=X.current;if(e&&!d){var t=e=>{var t=(0,xe.Y)(e,{renderedNodes:se,activeTarget:de});"delete-node"===(null==t?void 0:t.action)?null==f||f(t.node):"delete-edge"===(null==t?void 0:t.action)?null==m||m(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==w||w({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[de,se,d,w,f,m]);var fe=(0,he.useCallback)((e=>{e&&(C((e=>e+1)),z(e)),E((t=>t||!!e))}),[]),Ie=(0,he.useCallback)((e=>{e&&(D((e=>e+1)),B(e)),R((t=>t||!!e))}),[]),Ke=(0,he.useMemo)((()=>null!=g?g:[Be.WH,Be.Oi]),[g]),Xe=(0,he.useMemo)((()=>(0,we.AT)()),[]);(0,he.useEffect)((()=>{var e=!1;Xe.scaleExtent(h?Ke:[1,1]).on("start",(()=>{e=!1,O(!0)})).on("zoom",(t=>{e=!0,Y(t.transform)})).on("end",(()=>{O(!1),e||null==w||w(null)}))}),[w,Ke,h,Xe]),(0,he.useEffect)((()=>{var e=X.current;if(e){var t=(0,be.c)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(h||v||p)return(h||v)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),v&&(e.preventDefault(),Xe.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Xe).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),p||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[p,v,h,Xe]),(0,he.useEffect)((()=>{var e=X.current;if(0!==se.length&&e&&!_){var{k:t,x:a,y:n}=(0,Ee.c)(se,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:h?Ke:void 0});Xe.transform((0,be.c)(e),new we.O(t,a,n)),j(!0)}}),[_,se,Ke,h,Xe]);var Ve=(0,he.useMemo)((()=>"".concat((0,ke.uniqueId)("diagram-"),"-")),[]),_e="".concat(Ve,"line-arrow-"),je="".concat(Ve,"mask-"),qe="".concat(Ve,"active-line-");(0,he.useEffect)((()=>{P((e=>(0,De.c)(e,oe,K.current)))}),[oe]);var[Fe,Ge]=ve().useState(new Map);return(0,he.useEffect)((()=>{if(T){(0,Pe.c)(A,T);var e=new ye.c((()=>{Ge((0,Ye.E)(A,T))}));for(var t of T.values())e.observe(t);return()=>{e.disconnect()}}}),[L,T,A]),"dagre"!==a&&"force"!==a?ve().createElement("div",null,'Diagram layout not supported: "'.concat(a,'"')):ve().createElement("div",{className:me()("diagram",{ready:x&&_,grabbing:I,pannable:p}),tabIndex:-1,ref:X},ve().createElement("svg",{width:"100%",height:"100%",className:"lines"},ve().createElement("defs",null,ie.map(((e,t)=>{var{type:a,strokeColor:n}=e;return ve().createElement(Se.y,{key:t,id:"".concat(_e).concat(t),type:a,strokeColor:n})})),[...Fe].map((e=>{var[t,a]=e;return ve().createElement(Re.g,{key:t,lineId:t,rects:a,maskPrefix:je,renderedLineLabels:A})})),ve().createElement("marker",{id:"".concat(qe,"start"),viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},ve().createElement("path",{d:"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"})),ve().createElement("marker",{id:"".concat(qe,"end"),viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},ve().createElement("path",{d:"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z",stroke:"var(--palette-blue-3)",strokeWidth:1,fill:"var(--palette-blue-3)"}),ve().createElement("path",{d:"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"}))),ve().createElement("g",{transform:"translate(".concat(H.x," ").concat(H.y,") scale(").concat(H.k,")")},oe.map((e=>ve().createElement(ze.k,{key:e.line.$id,line:e,linePaths:K.current,lineMaskRects:Fe,maskPrefix:je,markerPrefix:_e,activeLineMarkerPrefix:qe,active:"edge"===(null==de?void 0:de.type)&&de.edge.source===e.edge.source&&de.edge.target===e.edge.target,activeRelated:"node"===(null==de?void 0:de.type)&&(e.edge.source===de.nodeId||e.edge.target===de.nodeId),onLineClick:k,onLineDoubleClick:y}))))),ve().createElement("div",{className:me()("line-labels",{ready:S}),style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ve().createElement(Ne.Ar,{labels:re,onRendered:Ie})),ve().createElement("div",{className:"nodes",ref:V,style:{left:H.x,top:H.y,transform:"scale(".concat(H.k,")")}},ve().createElement(Me._,{nodes:n,nodeBricks:i,onRendered:fe})),ve().createElement(Le.E,{connectLineState:U,connectLineTo:Z,markerPrefix:_e}))}ie=Ct,({e:[s,o,d,v,g,w,m,y,x,W,N,S,L,T,A,P,I,H,Y,K,V,_,j,F,G,Z,U,J,Q,te,ae,ne,n],c:[re,l]}=(0,de.c)(ie,[[r,1,"layout"],[c,1,"nodes"],[u,1,"edges"],[h,1,"nodeBricks"],[p,1,"lines"],[b,1,"layoutOptions"],[f,1,"activeTarget"],[k,1,"disableKeyboardAction"],[M,1,"connectNodes"],[E,1,"dragNodes"],[C,1,"zoomable"],[z,1,"scrollable"],[R,1,"pannable"],[D,1,"scaleRange"],[B,1,"activeTargetChangeEvent",e=>(0,ue.c)(e,rt),(e,t)=>(0,oe.c)(e,rt,t)],[O,1,"nodeDelete",e=>(0,ue.c)(e,ot),(e,t)=>(0,oe.c)(e,ot,t)],[X,1,"edgeDelete",e=>(0,ue.c)(e,ht),(e,t)=>(0,oe.c)(e,ht,t)],[q,1,"lineClick",e=>(0,ue.c)(e,gt),(e,t)=>(0,oe.c)(e,gt,t)],[$,1,"lineDoubleClick",e=>(0,ue.c)(e,ft),(e,t)=>(0,oe.c)(e,ft,t)],[ee,1,"connectNodes",e=>(0,ue.c)(e,yt),(e,t)=>(0,oe.c)(e,yt,t)],[le,2,"callOnLineLabel"]],i,0,(e=>Wt.has((0,ce.c)(e))),ge.ReactNextElement)),l();var Yt,Kt,Xt,Vt,_t,jt,qt,Ft,Gt,Zt,$t,Ut,Jt,Qt,ea,ta,aa,na,la=a(7518),{defineElement:ia,property:ra,event:sa,method:ca}=(0,pe.createDecorators)(),oa=(0,he.forwardRef)(Ea);Xt=[ia("diagram.editable-label",{styleTexts:[la.c]})],Vt=ra(),jt=ra({render:!1}),Ft=sa({type:"label.editing.change"}),Ut=sa({type:"label.change"}),ta=ca();var ua=new WeakMap,da=new WeakMap,ha=new WeakMap,va=new WeakMap,pa=new WeakMap,ga=new WeakMap,ba=new WeakMap,wa=new WeakMap,fa=new WeakMap;class ma extends ge.ReactNextElement{constructor(){super(...arguments),(0,se.c)(this,ba,{get:xa,set:Ma}),(0,se.c)(this,va,{get:ya,set:ka}),(0,se.c)(this,ua,{writable:!0,value:(Yt(this),_t(this))}),(0,se.c)(this,da,{writable:!0,value:qt(this)}),(0,se.c)(this,ha,{writable:!0,value:Gt(this)}),(0,se.c)(this,pa,{writable:!0,value:e=>{(0,ue.c)(this,va).emit(e)}}),(0,se.c)(this,ga,{writable:!0,value:Jt(this)}),(0,se.c)(this,wa,{writable:!0,value:e=>{(0,ue.c)(this,ba).emit(e)}}),(0,se.c)(this,fa,{writable:!0,value:(0,he.createRef)()})}get label(){return(0,ue.c)(this,ua)}set label(e){(0,oe.c)(this,ua,e)}get type(){return(0,ue.c)(this,da)}set type(e){(0,oe.c)(this,da,e)}enableEditing(){var e;null===(e=(0,ue.c)(this,fa).current)||void 0===e||e.enableEditing()}render(){return ve().createElement(oa,{ref:(0,ue.c)(this,fa),label:this.label,onLabelEditingChange:(0,ue.c)(this,pa),onLabelChange:(0,ue.c)(this,wa)})}}function ka(e){$t(this,e)}function ya(){return Zt(this)}function Ma(e){ea(this,e)}function xa(){return Qt(this)}function Ea(e,t){var{label:a,onLabelChange:n,onLabelEditingChange:l}=e,i=null!=a?a:"",[r,s]=(0,he.useState)(i),[c,o]=(0,he.useState)(!1),u=(0,he.useRef)(!1),[d,h]=(0,he.useState)(!1),v=(0,he.useRef)(null);(0,he.useImperativeHandle)(t,(()=>({enableEditing(){o(!0)}}))),(0,he.useEffect)((()=>{s(i)}),[i]);var p=(0,he.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),o(!0)}),[]);(0,he.useEffect)((()=>{var e,t;c&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[c]),(0,he.useEffect)((()=>{u.current?null==l||l(c):u.current=!0}),[c,l]);var g=(0,he.useCallback)((e=>{s(e.target.value)}),[]),b=(0,he.useCallback)((e=>{var t,a=e.key||e.keyCode||e.which;"Enter"!==a&&13!==a||null===(t=v.current)||void 0===t||t.blur()}),[]),w=(0,he.useCallback)((()=>{o(!1),h(!0)}),[]);(0,he.useEffect)((()=>{d&&(null==n||n(r),h(!1))}),[r,n,d]);var f=(0,he.useCallback)((e=>{e.stopPropagation()}),[]);return ve().createElement("div",{className:me()("label",{editing:c,empty:!r}),onDoubleClick:f,onMouseDown:f},ve().createElement("input",{className:"label-input",value:r,ref:v,onChange:g,onKeyDown:b,onBlur:w}),ve().createElement("div",{className:"label-text",onDoubleClick:p},r))}aa=ma,({e:[_t,qt,Gt,Zt,$t,Jt,Qt,ea,Yt],c:[na,Kt]}=(0,de.c)(aa,[[Vt,1,"label"],[jt,1,"type"],[Ft,1,"labelEditingChange",e=>(0,ue.c)(e,ha),(e,t)=>(0,oe.c)(e,ha,t)],[Ut,1,"labelChange",e=>(0,ue.c)(e,ga),(e,t)=>(0,oe.c)(e,ga,t)],[ta,2,"enableEditing"]],Xt,0,(e=>fa.has((0,ce.c)(e))),ge.ReactNextElement)),Kt();var Wa,Ca,Na,za,Sa,Ra,La,Da,Ta,Ba,Aa,Pa,Ia,Oa,Ha,Ya,Ka,Xa,Va,_a,ja,qa,Fa,Ga,Za,$a,Ua,Ja,Qa,en,tn,an,nn,ln,rn,sn,cn,on,un,dn,hn,vn,pn,gn,bn,wn,fn,mn,kn,yn,Mn,xn,En,Wn,Cn,Nn,zn,Sn,Rn,Ln,Dn,Tn,Bn,An,Pn,In=a(4412),On=a(640),Hn=a(8944),Yn=a(4516),Kn=a(3876),Xn=a(7181),Vn=a(4552),_n=a(6876),jn=a(5776),qn=a(7584),Fn=a(8044),Gn=a(7876),Zn=a(3788),$n=a(2872),Un=["size","useBrick"],Jn=(0,Yn.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Qn,property:el,method:tl,event:al}=(0,pe.createDecorators)(),nl=ve().forwardRef(ii);Na=[Qn("eo-draw-canvas",{styleTexts:[qn.c]})],za=el({attribute:!1}),Ra=el({attribute:!1}),Da=el({attribute:!1}),Ba=el({attribute:!1}),Pa=el({attribute:!1}),Oa=el({type:Boolean}),Ya=el({type:Boolean}),Xa=el({type:Boolean}),_a=el({attribute:!1}),qa=al({type:"activeTarget.change"}),$a=al({type:"node.move"}),en=al({type:"cell.move"}),ln=al({type:"cell.resize"}),on=al({type:"node.delete"}),vn=al({type:"cell.delete"}),wn=al({type:"cell.contextmenu"}),yn=al({type:"decorator.text.change"}),Wn=al({type:"scale.change"}),Sn=tl(),Rn=tl(),Ln=tl(),Dn=tl(),Tn=tl(),Bn=tl();var ll=new WeakMap,il=new WeakMap,rl=new WeakMap,sl=new WeakMap,cl=new WeakMap,ol=new WeakMap,ul=new WeakMap,dl=new WeakMap,hl=new WeakMap,vl=new WeakMap,pl=new WeakMap,gl=new WeakMap,bl=new WeakMap,wl=new WeakMap,fl=new WeakMap,ml=new WeakMap,kl=new WeakMap,yl=new WeakMap,Ml=new WeakMap,xl=new WeakMap,El=new WeakMap,Wl=new WeakMap,Cl=new WeakMap,Nl=new WeakMap,zl=new WeakMap,Sl=new WeakMap,Rl=new WeakMap,Ll=new WeakMap,Dl=new WeakMap,Tl=new WeakMap,Bl=new WeakMap,Al=new WeakMap,Pl=new WeakMap,Il=new WeakMap,Ol=new WeakMap,Hl=new WeakMap;class Yl extends ge.ReactNextElement{constructor(){super(...arguments),(0,se.c)(this,Il,{get:li,set:ni}),(0,se.c)(this,Bl,{get:ai,set:ti}),(0,se.c)(this,Ll,{get:ei,set:Ql}),(0,se.c)(this,zl,{get:Jl,set:Ul}),(0,se.c)(this,Cl,{get:$l,set:Zl}),(0,se.c)(this,xl,{get:Gl,set:Fl}),(0,se.c)(this,kl,{get:ql,set:jl}),(0,se.c)(this,fl,{get:_l,set:Vl}),(0,se.c)(this,pl,{get:Xl,set:Kl}),(0,se.c)(this,ll,{writable:!0,value:(Wa(this),Sa(this))}),(0,se.c)(this,il,{writable:!0,value:La(this,[20,20])}),(0,se.c)(this,rl,{writable:!0,value:Ta(this)}),(0,se.c)(this,sl,{writable:!0,value:Aa(this)}),(0,se.c)(this,cl,{writable:!0,value:Ia(this)}),(0,se.c)(this,ol,{writable:!0,value:Ha(this,!0)}),(0,se.c)(this,ul,{writable:!0,value:Ka(this,!0)}),(0,se.c)(this,dl,{writable:!0,value:Va(this,!0)}),(0,se.c)(this,hl,{writable:!0,value:ja(this)}),(0,se.c)(this,vl,{writable:!0,value:Fa(this)}),(0,se.c)(this,gl,{writable:!0,value:e=>{(0,ue.c)(this,pl).emit(e)}}),(0,se.c)(this,bl,{writable:!0,value:e=>{(0,Vn.M)(e,this.activeTarget)||(this.activeTarget=e)}}),(0,se.c)(this,wl,{writable:!0,value:Ua(this)}),(0,se.c)(this,ml,{writable:!0,value:tn(this)}),(0,se.c)(this,yl,{writable:!0,value:e=>{(0,ue.c)(this,kl).emit(e),"node"===e.type&&(0,ue.c)(this,fl).emit(e)}}),(0,se.c)(this,Ml,{writable:!0,value:rn(this)}),(0,se.c)(this,El,{writable:!0,value:e=>{(0,ue.c)(this,xl).emit(e)}}),(0,se.c)(this,Wl,{writable:!0,value:un(this)}),(0,se.c)(this,Nl,{writable:!0,value:pn(this)}),(0,se.c)(this,Sl,{writable:!0,value:e=>{(0,ue.c)(this,zl).emit(e),"node"===e.type&&(0,ue.c)(this,Cl).emit(e)}}),(0,se.c)(this,Rl,{writable:!0,value:fn(this)}),(0,se.c)(this,Dl,{writable:!0,value:e=>{(0,ue.c)(this,Ll).emit(e)}}),(0,se.c)(this,Tl,{writable:!0,value:Mn(this)}),(0,se.c)(this,Al,{writable:!0,value:e=>{(0,ue.c)(this,Bl).emit(e)}}),(0,se.c)(this,Pl,{writable:!0,value:Cn(this)}),(0,se.c)(this,Ol,{writable:!0,value:e=>{(0,ue.c)(this,Il).emit(e)}}),(0,se.c)(this,Hl,{writable:!0,value:(0,he.createRef)()})}get cells(){return(0,ue.c)(this,ll)}set cells(e){(0,oe.c)(this,ll,e)}get defaultNodeSize(){return(0,ue.c)(this,il)}set defaultNodeSize(e){(0,oe.c)(this,il,e)}get defaultNodeBricks(){return(0,ue.c)(this,rl)}set defaultNodeBricks(e){(0,oe.c)(this,rl,e)}get defaultEdgeLines(){return(0,ue.c)(this,sl)}set defaultEdgeLines(e){(0,oe.c)(this,sl,e)}get activeTarget(){return(0,ue.c)(this,cl)}set activeTarget(e){(0,oe.c)(this,cl,e)}get zoomable(){return(0,ue.c)(this,ol)}set zoomable(e){(0,oe.c)(this,ol,e)}get scrollable(){return(0,ue.c)(this,ul)}set scrollable(e){(0,oe.c)(this,ul,e)}get pannable(){return(0,ue.c)(this,dl)}set pannable(e){(0,oe.c)(this,dl,e)}get scaleRange(){return(0,ue.c)(this,hl)}set scaleRange(e){(0,oe.c)(this,hl,e)}dropNode(e){var t=this;return(0,Hn.c)((function*(){var a,n,{id:l,position:i,size:r,data:s,useBrick:c}=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 o,u,d,h=t.getBoundingClientRect(),v=(0,ue.c)(t,Hl).current.getTransform(),p={type:"node",id:l,view:{x:(i[0]-h.left-v.x)/v.k,y:(i[1]-h.top-v.y)/v.k,width:null!==(o=null==r?void 0:r[0])&&void 0!==o?o:t.defaultNodeSize[0],height:null!==(u=null==r?void 0:r[1])&&void 0!==u?u:t.defaultNodeSize[0]},data:s,useBrick:c};return null===(d=(0,ue.c)(t,Hl).current)||void 0===d||d.dropNode(p),p}return null}))()}dropDecorator(e){var t=this;return(0,Hn.c)((function*(){var a,n,{position:l,decorator:i,text:r}=e;if(null===(a=(n=document).elementsFromPoint)||void 0===a||null===(a=a.call(n,l[0],l[1]))||void 0===a?void 0:a.includes(t)){var s,c=t.getBoundingClientRect(),o=(0,ue.c)(t,Hl).current.getTransform(),u={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:(l[0]-c.left-o.x)/o.k,y:(l[1]-c.top-o.y)/o.k,width:100,height:60,text:r}};return null===(s=(0,ue.c)(t,Hl).current)||void 0===s||s.dropDecorator(u),u}return null}))()}addNodes(e){var t=this;return(0,Hn.c)((function*(){var a,n,l,i,r,s,c;if(0===e.length)return[];var o=e[0],u=null!==(a=null===(n=o.size)||void 0===n?void 0:n[0])&&void 0!==a?a:null===(l=t.defaultNodeSize)||void 0===l?void 0:l[0],d=null!==(i=null===(r=o.size)||void 0===r?void 0:r[1])&&void 0!==i?i:null===(s=t.defaultNodeSize)||void 0===s?void 0:s[1],h=Math.floor(600/(d+20)),v=e.map(((e,a)=>{var n,l,i,r,{size:s,useBrick:c}=e,o=(0,On.c)(e,Un);return(0,In.c)((0,In.c)({},o),{},{type:"node",view:{x:Math.floor(a/h)*(u+20)+20,y:a%h*(d+20)+20,width:null!==(n=null==s?void 0:s[0])&&void 0!==n?n:null===(l=t.defaultNodeSize)||void 0===l?void 0:l[0],height:null!==(i=null==s?void 0:s[1])&&void 0!==i?i:null===(r=t.defaultNodeSize)||void 0===r?void 0:r[0]},useBrick:c})}));return null===(c=(0,ue.c)(t,Hl).current)||void 0===c||c.addNodes(v),v}))()}addEdge(e){var t=this;return(0,Hn.c)((function*(){var a,{source:n,target:l,data:i}=e,r={type:"edge",source:n,target:l,data:i};return null===(a=(0,ue.c)(t,Hl).current)||void 0===a||a.addEdge(r),r}))()}manuallyConnectNodes(e){return(0,ue.c)(this,Hl).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,Hn.c)((function*(){var{cells:n,updated:l}=(0,$n.s)((0,In.c)((0,In.c)({},t),{},{cells:e,defaultNodeSize:a.defaultNodeSize}));return(0,ue.c)(a,Hl).current.updateCells(n),{updated:l}}))()}disconnectedCallback(){super.disconnectedCallback(),Jn(this,!1)}render(){return ve().createElement(nl,{host:this,ref:(0,ue.c)(this,Hl),cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,activeTarget:this.activeTarget,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,ue.c)(this,gl),onSwitchActiveTarget:(0,ue.c)(this,bl),onCellMove:(0,ue.c)(this,yl),onCellResize:(0,ue.c)(this,El),onCellDelete:(0,ue.c)(this,Sl),onCellContextMenu:(0,ue.c)(this,Dl),onDecoratorTextChange:(0,ue.c)(this,Al),onScaleChange:(0,ue.c)(this,Ol)})}}function Kl(e){Za(this,e)}function Xl(){return Ga(this)}function Vl(e){Qa(this,e)}function _l(){return Ja(this)}function jl(e){nn(this,e)}function ql(){return an(this)}function Fl(e){cn(this,e)}function Gl(){return sn(this)}function Zl(e){hn(this,e)}function $l(){return dn(this)}function Ul(e){bn(this,e)}function Jl(){return gn(this)}function Ql(e){kn(this,e)}function ei(){return mn(this)}function ti(e){En(this,e)}function ai(){return xn(this)}function ni(e){zn(this,e)}function li(){return Nn(this)}function ii(e,t){var{host:a,cells:n,defaultNodeSize:l,defaultNodeBricks:i,defaultEdgeLines:r,activeTarget:s,zoomable:c,scrollable:o,pannable:u,scaleRange:d,onActiveTargetChange:h,onSwitchActiveTarget:v,onCellMove:p,onCellResize:g,onCellDelete:b,onCellContextMenu:w,onDecoratorTextChange:f,onScaleChange:m}=e,[{cells:k},y]=(0,he.useReducer)(Kn.M,n,(e=>({cells:(0,Gn.S)(e,{defaultNodeSize:l})}))),M=(0,he.useRef)(null),x=(0,he.useRef)(null),E=(0,he.useRef)(null),[W,C]=(0,he.useState)([]),[N,z]=(0,he.useState)(!1),[S,R]=(0,he.useState)({k:1,x:0,y:0}),[L,D]=(0,he.useState)(!1);(0,he.useEffect)((()=>{m(S.k)}),[m,S.k]);var[T,B]=(0,he.useState)(null),A=(0,he.useMemo)((()=>null!=d?d:[.5,2]),[d]),P=(0,he.useMemo)((()=>(0,we.AT)()),[]);(0,he.useEffect)((()=>{var e=!1;P.scaleExtent(c?A:[1,1]).on("start",(()=>{e=!1,z(!0)})).on("zoom",(t=>{e=!0,R(t.transform)})).on("end",(()=>{z(!1),e||null==v||v(null)}))}),[v,A,c,P]),(0,he.useEffect)((()=>{var e=M.current;if(e){var t=(0,be.c)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(c||o||u)return(c||o)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),o&&(e.preventDefault(),P.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(P).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null).on("mousedown.zoom",null),u||t.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[u,o,c,P]),(0,he.useEffect)((()=>{var e=M.current;if(e&&!L){var{k:t,x:a,y:n}=(0,Zn.c)(k,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?A:void 0});P.transform((0,be.c)(e),new we.O(t,a,n)),D(!0)}}),[k,L,A,c,P]),(0,he.useImperativeHandle)(t,(()=>({dropNode(e){y({type:"drop-node",payload:e})},dropDecorator(e){y({type:"drop-decorator",payload:e})},addNodes(e){y({type:"add-nodes",payload:e})},addEdge(e){y({type:"add-edge",payload:e})},updateCells(e){y({type:"update-cells",payload:e})},getTransform:()=>S,manuallyConnectNodes(e){var t=k.find((t=>(0,Xn.G4)(t)&&t.id===e));if(t){var a=M.current.getBoundingClientRect();return B({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)=>{E.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[k,S]);var I=(0,he.useCallback)(((e,t)=>{for(var a,n=0;n<k.length;n++){var l=k[n];if((0,Xn.G4)(l)&&l.id!==e.source.id&&l.view.x<t[0]&&l.view.x+l.view.width>t[0]&&l.view.y<t[1]&&l.view.y+l.view.height>t[1]){var i;null===(i=E.current)||void 0===i||i.resolve({source:e.source,target:l});break}}null===(a=E.current)||void 0===a||a.reject(null),B(null)}),[k]);(0,he.useEffect)((()=>{Jn(a,!!T)}),[T,a]);var O=null!=s?s:null,[H,Y]=(0,he.useState)(O);(0,he.useEffect)((()=>{Y((e=>(0,Vn.M)(e,O)?e:O))}),[O]);var K=(0,he.useRef)(!1);(0,he.useEffect)((()=>{K.current?h(H):K.current=!0}),[H,h]),(0,he.useEffect)((()=>{if(H){var e=e=>{e.composedPath().indexOf(x.current)<=0&&Y(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[H]),(0,he.useEffect)((()=>{var e=M.current;if(e&&!(W.length>0)){var t=e=>{var t=(0,_n.Y)(e,{cells:k,activeTarget:H});"delete-cell"===(null==t?void 0:t.action)&&b(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[H,k,W.length,b]);var X=(0,he.useMemo)((()=>"".concat((0,ke.uniqueId)("diagram-"),"-")),[]),V="".concat(X,"line-arrow-"),_="".concat(V,"1"),j=(0,he.useCallback)((e=>{y({type:"move-cell",payload:e})}),[]),q=(0,he.useCallback)((e=>{y({type:"move-cell",payload:e}),p(e)}),[p]),F=(0,he.useCallback)((e=>{y({type:"resize-cell",payload:e})}),[]),G=(0,he.useCallback)((e=>{y({type:"resize-cell",payload:e}),g(e)}),[g]),Z=(0,he.useCallback)((e=>{var{id:t,editing:a}=e;C(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]);return ve().createElement("svg",{width:"100%",height:"100%",ref:M,className:me()("root",{grabbing:N,pannable:u}),tabIndex:-1},ve().createElement("defs",null,ve().createElement(Se.y,{id:_,type:"arrow",strokeColor:"gray"})),ve().createElement("g",{transform:"translate(".concat(S.x," ").concat(S.y,") scale(").concat(S.k,")")},ve().createElement("g",{className:"cells",ref:x},k.map((e=>ve().createElement(jn.s,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),cell:e,cells:k,defaultNodeBricks:i,defaultEdgeLines:r,transform:S,markerEnd:_,active:(0,Vn.M)(H,e),onCellMoving:j,onCellMoved:q,onCellResizing:F,onCellResized:G,onSwitchActiveTarget:v,onCellContextMenu:w,onDecoratorTextChange:f,onDecoratorTextEditing:Z})))),ve().createElement(Fn.E,{connectLineState:T,transform:S,markerEnd:_,onConnect:I})))}An=Yl,({e:[Sa,La,Ta,Aa,Ia,Ha,Ka,Va,ja,Fa,Ga,Za,Ua,Ja,Qa,tn,an,nn,rn,sn,cn,un,dn,hn,pn,gn,bn,fn,mn,kn,Mn,xn,En,Cn,Nn,zn,Wa],c:[Pn,Ca]}=(0,de.c)(An,[[za,1,"cells"],[Ra,1,"defaultNodeSize"],[Da,1,"defaultNodeBricks"],[Ba,1,"defaultEdgeLines"],[Pa,1,"activeTarget"],[Oa,1,"zoomable"],[Ya,1,"scrollable"],[Xa,1,"pannable"],[_a,1,"scaleRange"],[qa,1,"activeTargetChangeEvent",e=>(0,ue.c)(e,vl),(e,t)=>(0,oe.c)(e,vl,t)],[$a,1,"nodeMoveEvent",e=>(0,ue.c)(e,wl),(e,t)=>(0,oe.c)(e,wl,t)],[en,1,"cellMoveEvent",e=>(0,ue.c)(e,ml),(e,t)=>(0,oe.c)(e,ml,t)],[ln,1,"cellResizeEvent",e=>(0,ue.c)(e,Ml),(e,t)=>(0,oe.c)(e,Ml,t)],[on,1,"nodeDelete",e=>(0,ue.c)(e,Wl),(e,t)=>(0,oe.c)(e,Wl,t)],[vn,1,"cellDelete",e=>(0,ue.c)(e,Nl),(e,t)=>(0,oe.c)(e,Nl,t)],[wn,1,"cellContextMenu",e=>(0,ue.c)(e,Rl),(e,t)=>(0,oe.c)(e,Rl,t)],[yn,1,"decoratorTextChange",e=>(0,ue.c)(e,Tl),(e,t)=>(0,oe.c)(e,Tl,t)],[Wn,1,"scaleChange",e=>(0,ue.c)(e,Pl),(e,t)=>(0,oe.c)(e,Pl,t)],[Sn,2,"dropNode"],[Rn,2,"dropDecorator"],[Ln,2,"addNodes"],[Dn,2,"addEdge"],[Tn,2,"manuallyConnectNodes"],[Bn,2,"updateCells"]],Na,0,(e=>Hl.has((0,ce.c)(e))),ge.ReactNextElement)),Ca();var ri,si,ci,oi,ui,di,hi,vi,pi,gi,bi,wi,fi,mi,ki,yi,Mi,xi,Ei,Wi,Ci,Ni,zi,Si=a(3704),{defineElement:Ri,property:Li,event:Di}=(0,pe.createDecorators)();ci=[Ri("diagram.experimental-node",{styleTexts:[Si.c]})],oi=Li(),di=Li({type:String,render:!1}),vi=Li({type:String}),gi=Di({type:"drag.start"}),mi=Di({type:"drag.move"}),xi=Di({type:"drag.end"});var Ti=new WeakMap,Bi=new WeakMap,Ai=new WeakMap,Pi=new WeakMap,Ii=new WeakMap,Oi=new WeakMap,Hi=new WeakMap,Yi=new WeakMap,Ki=new WeakMap,Xi=new WeakMap,Vi=new WeakMap,_i=new WeakMap;class ji extends ge.ReactNextElement{constructor(){super(...arguments),(0,se.c)(this,Vi,{get:Ui,set:$i}),(0,se.c)(this,Yi,{get:Zi,set:Gi}),(0,se.c)(this,Ii,{get:Fi,set:qi}),(0,se.c)(this,Ti,{writable:!0,value:(ri(this),ui(this))}),(0,se.c)(this,Bi,{writable:!0,value:hi(this)}),(0,se.c)(this,Ai,{writable:!0,value:pi(this)}),(0,se.c)(this,Pi,{writable:!0,value:bi(this)}),(0,se.c)(this,Oi,{writable:!0,value:e=>{(0,ue.c)(this,Ii).emit(e)}}),(0,se.c)(this,Hi,{writable:!0,value:ki(this)}),(0,se.c)(this,Ki,{writable:!0,value:e=>{(0,ue.c)(this,Yi).emit(e)}}),(0,se.c)(this,Xi,{writable:!0,value:Ei(this)}),(0,se.c)(this,_i,{writable:!0,value:e=>{(0,ue.c)(this,Vi).emit(e)}})}get usage(){return(0,ue.c)(this,Ti)}set usage(e){(0,oe.c)(this,Ti,e)}get status(){return(0,ue.c)(this,Bi)}set status(e){(0,oe.c)(this,Bi,e)}get decorator(){return(0,ue.c)(this,Ai)}set decorator(e){(0,oe.c)(this,Ai,e)}render(){return ve().createElement(Ji,{usage:this.usage,onDragStart:(0,ue.c)(this,Oi),onDragMove:(0,ue.c)(this,Ki),onDragEnd:(0,ue.c)(this,_i)})}}function qi(e){fi(this,e)}function Fi(){return wi(this)}function Gi(e){Mi(this,e)}function Zi(){return yi(this)}function $i(e){Ci(this,e)}function Ui(){return Wi(this)}function Ji(e){var{usage:t,onDragStart:a,onDragMove:n,onDragEnd:l}=e,i=(0,he.useCallback)((e=>{if("library"===t){e.stopPropagation(),e.preventDefault();var i=[e.clientX,e.clientY],r=!1,s=e=>{r||(r=(e.clientX-i[0])**2+(e.clientY-i[1])**2>=9)&&(null==a||a([e.clientX,e.clientY])),r&&(null==n||n([e.clientX,e.clientY]))},c=e=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",c),r&&(null==l||l([e.clientX,e.clientY]))};document.addEventListener("mousemove",s),document.addEventListener("mouseup",c)}}),[l,n,a,t]);return ve().createElement("div",{onMouseDown:i},ve().createElement("slot",null))}Ni=ji,({e:[ui,hi,pi,bi,wi,fi,ki,yi,Mi,Ei,Wi,Ci,ri],c:[zi,si]}=(0,de.c)(Ni,[[oi,1,"usage"],[di,1,"status"],[vi,1,"decorator"],[gi,1,"dragStartEvent",e=>(0,ue.c)(e,Pi),(e,t)=>(0,oe.c)(e,Pi,t)],[mi,1,"dragMoveEvent",e=>(0,ue.c)(e,Hi),(e,t)=>(0,oe.c)(e,Hi,t)],[xi,1,"dragEndEvent",e=>(0,ue.c)(e,Xi),(e,t)=>(0,oe.c)(e,Xi,t)]],ci,0,(e=>_i.has((0,ce.c)(e))),ge.ReactNextElement)),si()},7518:(e,t,a)=>{a.d(t,{c:()=>s});var n=a(8304),l=a.n(n),i=a(1849),r=a.n(i)()(l());r.push([e.id,':host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type="line"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const s=r.toString()},3704:(e,t,a)=>{a.d(t,{c:()=>s});var n=a(8304),l=a.n(n),i=a(1849),r=a.n(i)()(l());r.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const s=r.toString()}}]);
+//# sourceMappingURL=5676.25458ec2.js.map

package/dist/chunks/5676.25458ec2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/5676.25458ec2.js","mappings":"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","sources":["webpack:///./src/diagram/index.tsx","webpack:///./src/editable-label/index.tsx","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/experimental-node/index.tsx","webpack:///./src/editable-label/styles.shadow.css","webpack:///./src/experimental-node/styles.shadow.css"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n  DiagramEdge,\n  DiagramNode,\n  LayoutOptions,\n  LineConf,\n  NodeBrickConf,\n  PositionTuple,\n  RefRepository,\n  RenderedLineLabel,\n  TransformLiteral,\n  LineTarget,\n  ConnectLineDetail,\n  ConnectNodesOptions,\n  ConnectLineState,\n  ActiveTarget,\n  RangeTuple,\n  LineLabel,\n  LineLabelConf,\n  TextOptions,\n  DragNodesOptions,\n  NodeMovement,\n  ManualLayoutStatus,\n  LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n  layout?: \"dagre\" | \"force\";\n  nodes?: DiagramNode[];\n  edges?: DiagramEdge[];\n  nodeBricks?: NodeBrickConf[];\n  lines?: LineConf[];\n  layoutOptions?: LayoutOptions;\n  connectNodes?: ConnectNodesOptions;\n  dragNodes?: DragNodesOptions;\n  activeTarget?: ActiveTarget | null;\n  disableKeyboardAction?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n  callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n  styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n  /**\n   * @required\n   */\n  @property({ type: String })\n  accessor layout: \"dagre\" | \"force\" | undefined;\n\n  @property({ attribute: false })\n  accessor nodes: DiagramNode[] | undefined;\n\n  @property({ attribute: false })\n  accessor edges: DiagramEdge[] | undefined;\n\n  @property({ attribute: false })\n  accessor nodeBricks: NodeBrickConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor lines: LineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  @property({ type: Boolean })\n  accessor disableKeyboardAction: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor connectNodes: ConnectNodesOptions | undefined;\n\n  @property({ attribute: false })\n  accessor dragNodes: DragNodesOptions | 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  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n  #handleNodeDelete = (node: DiagramNode) => {\n    this.#nodeDelete.emit(node);\n  };\n\n  @event({ type: \"edge.delete\" })\n  accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n  #handleEdgeDelete = (edge: DiagramEdge) => {\n    this.#edgeDelete.emit(edge);\n  };\n\n  @event({ type: \"line.click\" })\n  accessor #lineClick!: EventEmitter<LineTarget>;\n\n  #handleLineClick = (line: LineTarget) => {\n    this.#lineClick.emit(line);\n  };\n\n  @event({ type: \"line.dblclick\" })\n  accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n  #handleLineDoubleClick = (line: LineTarget) => {\n    this.#lineDoubleClick.emit(line);\n  };\n\n  @event({ type: \"nodes.connect\" })\n  accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n  #handleNodesConnect = (detail: ConnectLineDetail) => {\n    this.#connectNodes.emit(detail);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  #diagramRef = createRef<DiagramRef>();\n\n  @method()\n  callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n    this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n  }\n\n  render() {\n    return (\n      <EoDiagramComponent\n        ref={this.#diagramRef}\n        layout={this.layout}\n        nodes={this.nodes}\n        edges={this.edges}\n        nodeBricks={this.nodeBricks}\n        lines={this.lines}\n        layoutOptions={this.layoutOptions}\n        connectNodes={this.connectNodes}\n        dragNodes={this.dragNodes}\n        activeTarget={this.activeTarget}\n        disableKeyboardAction={this.disableKeyboardAction}\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        onNodeDelete={this.#handleNodeDelete}\n        onEdgeDelete={this.#handleEdgeDelete}\n        onLineClick={this.#handleLineClick}\n        onLineDoubleClick={this.#handleLineDoubleClick}\n        onNodesConnect={this.#handleNodesConnect}\n      />\n    );\n  }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n  onActiveTargetChange?(target: ActiveTarget | null): void;\n  onSwitchActiveTarget?(target: ActiveTarget | null): void;\n  onNodeDelete?(node: DiagramNode): void;\n  onEdgeDelete?(edge: DiagramEdge): void;\n  onLineClick?(line: LineTarget): void;\n  onLineDoubleClick?(line: LineTarget): void;\n  onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n  {\n    layout,\n    nodes,\n    edges,\n    nodeBricks,\n    lines,\n    layoutOptions,\n    connectNodes,\n    dragNodes,\n    activeTarget: _activeTarget,\n    disableKeyboardAction,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n    onLineClick,\n    onLineDoubleClick,\n    onNodesConnect,\n  }: EoDiagramComponentProps,\n  ref: React.Ref<DiagramRef>\n) {\n  const [nodesReady, setNodesReady] = useState(false);\n  const [nodesRenderId, setNodesRenderId] = useState(0);\n  const [nodesRefRepository, setNodesRefRepository] =\n    useState<RefRepository | null>(null);\n  const [lineLabelsReady, setLineLabelsReady] = useState(false);\n  const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n  const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n    useState<RefRepository | null>(null);\n  const [renderedLineLabels, setRenderedLineLabels] = useState<\n    RenderedLineLabel[]\n  >([]);\n\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 linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<HTMLDivElement>(null);\n  const [centered, setCentered] = useState(false);\n\n  const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n    dragNodes?.save\n  );\n\n  const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\n  const [manualLayoutStatus, setManualLayoutStatus] =\n    useState<ManualLayoutStatus>(\"initial\");\n  const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n  useImperativeHandle(ref, () => ({\n    callOnLineLabel(id, method, ...args) {\n      (\n        lineLabelsRefRepository?.get(id)\n          ?.firstElementChild as unknown as Record<string, Function>\n      )?.[method](...args);\n    },\n  }));\n\n  useEffect(() => {\n    const onNodesMouseDown = (event: MouseEvent) => {\n      handleNodesMouseDown(event, {\n        nodes,\n        nodesRefRepository,\n        connectNodes,\n        dragNodes,\n        scale: transform.k,\n        setConnectLineState,\n        setConnectLineTo,\n        setManualLayoutStatus,\n        setNodeMovement,\n        onSwitchActiveTarget,\n        onNodesConnect,\n      });\n    };\n    // Bind mousedown event manually, since the React event handler can't work with\n    // d3-zoom inside shadow DOM.\n    const nodesContainer = nodesRef.current;\n    nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n    return () => {\n      nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n    };\n  }, [\n    nodes,\n    connectNodes,\n    dragNodes,\n    transform.k,\n    nodesRefRepository,\n    onNodesConnect,\n    onSwitchActiveTarget,\n  ]);\n\n  const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n    () => normalizeLinesAndMarkers(edges, lines),\n    [edges, lines]\n  );\n\n  const lineLabels = useMemo(() => {\n    return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n      if (!text && !label) {\n        return [] as LineLabel[];\n      }\n\n      let key: \"label\" | \"text\";\n      let list: LineLabelConf[] | TextOptions[];\n      if (label) {\n        key = \"label\";\n        list = ([] as LineLabelConf[]).concat(label);\n      } else {\n        key = \"text\";\n        list = ([] as TextOptions[]).concat(text!);\n      }\n\n      return list.map<LineLabel>((item) => ({\n        [key as \"label\"]: item as LineLabelConf,\n        id: `${$id}-${item.placement ?? \"center\"}`,\n        edge,\n      }));\n    });\n  }, [normalizedLines]);\n\n  const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n    layout,\n    nodes,\n    edges,\n    manualLayoutStatus,\n    userViewReady,\n    userViewNodesMap,\n    nodeMovement,\n    nodesRefRepository,\n    lineLabelsRefRepository,\n    normalizedLinesMap,\n    layoutOptions,\n    nodesRenderId,\n    lineLabelsRenderId,\n  });\n\n  useEffect(\n    () => {\n      if (manualLayoutStatus === \"finished\") {\n        saveUserView(\n          renderedNodes.map((node) => ({\n            id: node.id,\n            x: node.x,\n            y: node.y,\n          }))\n        );\n      }\n    },\n    // Only save user view when manual layout is just finished.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [manualLayoutStatus]\n  );\n\n  const renderedLines = useMemo(\n    () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n    [normalizedLines, renderedNodes, renderedEdges]\n  );\n\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    const root = rootRef.current;\n    if (!root || disableKeyboardAction) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        renderedNodes,\n        activeTarget,\n      });\n\n      if (action?.action === \"delete-node\") {\n        onNodeDelete?.(action.node);\n      } else if (action?.action === \"delete-edge\") {\n        onEdgeDelete?.(action.edge);\n      } else if (action?.action === \"switch-active-node\" && action.node) {\n        onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [\n    activeTarget,\n    renderedNodes,\n    disableKeyboardAction,\n    onSwitchActiveTarget,\n    onNodeDelete,\n    onEdgeDelete,\n  ]);\n\n  const handleNodesRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setNodesRenderId((previous) => previous + 1);\n        setNodesRefRepository(refRepository);\n      }\n      setNodesReady((previous) => previous || !!refRepository);\n    },\n    []\n  );\n\n  const handleLineLabelsRendered = useCallback(\n    (refRepository: RefRepository | null) => {\n      if (refRepository) {\n        setLineLabelsRenderId((previous) => previous + 1);\n        setLineLabelsRefRepository(refRepository);\n      }\n      setLineLabelsReady((previous) => previous || !!refRepository);\n    },\n    []\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<HTMLDivElement, unknown>(), []);\n\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  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\n    if (!pannable) {\n      rootSelection\n        .on(\"mousedown.zoom\", null)\n        .on(\"touchstart.zoom\", null)\n        .on(\"touchmove.zoom\", null)\n        .on(\"touchend.zoom\", null);\n    }\n\n    return unsetZoom;\n  }, [pannable, scrollable, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (renderedNodes.length === 0 || !root || centered) {\n      return;\n    }\n    const { k, x, y } = transformToCenter(renderedNodes, {\n      canvasWidth: root.clientWidth,\n      canvasHeight: root.clientHeight,\n      scaleRange: zoomable ? scaleRange : undefined,\n    });\n    zoomer.transform(select(root), new ZoomTransform(k, x, y));\n    setCentered(true);\n  }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n  const maskPrefix = `${defPrefix}mask-`;\n  const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n  useEffect(() => {\n    setRenderedLineLabels((previous) =>\n      getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n    );\n  }, [renderedLines]);\n\n  const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n    new Map()\n  );\n\n  useEffect(() => {\n    if (!lineLabelsRefRepository) {\n      return;\n    }\n    const updateLineMaskRects = () => {\n      setLineMaskRects(\n        getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n      );\n    };\n\n    adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n    const observer = new ResizeObserver(updateLineMaskRects);\n    for (const lineLabel of lineLabelsRefRepository.values()) {\n      observer.observe(lineLabel);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n  if (layout !== \"dagre\" && layout !== \"force\") {\n    return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n  }\n\n  return (\n    <div\n      className={classNames(\"diagram\", {\n        ready: nodesReady && centered,\n        grabbing,\n        pannable,\n      })}\n      tabIndex={-1}\n      ref={rootRef}\n    >\n      <svg width=\"100%\" height=\"100%\" className=\"lines\">\n        <defs>\n          {markers.map(({ type, strokeColor }, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={type}\n              strokeColor={strokeColor}\n            />\n          ))}\n          {[...lineMaskRects].map(([lineId, rects]) => (\n            <LineMaskComponent\n              key={lineId}\n              lineId={lineId}\n              rects={rects}\n              maskPrefix={maskPrefix}\n              renderedLineLabels={renderedLineLabels}\n            />\n          ))}\n          <marker\n            id={`${activeLineMarkerPrefix}start`}\n            viewBox=\"0 0 8 8\"\n            refX={4}\n            refY={4}\n            markerWidth={8}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n          <marker\n            id={`${activeLineMarkerPrefix}end`}\n            viewBox=\"0 0 14 8\"\n            refX={3}\n            refY={4}\n            markerWidth={14}\n            markerHeight={8}\n            orient=\"auto\"\n          >\n            <path\n              d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n              stroke=\"var(--palette-blue-3)\"\n              strokeWidth={1}\n              fill=\"var(--palette-blue-3)\"\n            />\n            <path\n              d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n              stroke=\"var(--palette-gray-7)\"\n              strokeWidth={1}\n              fill=\"var(--palette-gray-1)\"\n            />\n          </marker>\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          {renderedLines.map((line) => (\n            <LineComponent\n              key={line.line.$id}\n              line={line}\n              linePaths={linePathsRef.current}\n              lineMaskRects={lineMaskRects}\n              maskPrefix={maskPrefix}\n              markerPrefix={markerPrefix}\n              activeLineMarkerPrefix={activeLineMarkerPrefix}\n              active={\n                activeTarget?.type === \"edge\" &&\n                activeTarget.edge.source === line.edge.source &&\n                activeTarget.edge.target === line.edge.target\n              }\n              activeRelated={\n                activeTarget?.type === \"node\" &&\n                (line.edge.source === activeTarget.nodeId ||\n                  line.edge.target === activeTarget.nodeId)\n              }\n              onLineClick={onLineClick}\n              onLineDoubleClick={onLineDoubleClick}\n            />\n          ))}\n        </g>\n      </svg>\n      <div\n        className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <LineLabelComponentGroup\n          labels={lineLabels}\n          onRendered={handleLineLabelsRendered}\n        />\n      </div>\n      <div\n        className=\"nodes\"\n        ref={nodesRef}\n        style={{\n          left: transform.x,\n          top: transform.y,\n          transform: `scale(${transform.k})`,\n        }}\n      >\n        <NodeComponentGroup\n          nodes={nodes}\n          nodeBricks={nodeBricks}\n          // nodePositions={nodePositions}\n          onRendered={handleNodesRendered}\n        />\n      </div>\n      <ConnectLineComponent\n        connectLineState={connectLineState}\n        connectLineTo={connectLineTo}\n        markerPrefix={markerPrefix}\n      />\n    </div>\n  );\n}\n","import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport classNames from \"classnames\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EditableLabelProps {\n  label?: string;\n  type?: LabelType;\n}\n\nexport type LabelType = \"line\" | \"default\";\n\nexport interface EditableLabelRef {\n  enableEditing(): void;\n}\n\nexport const EditableLabelComponent = forwardRef(LegacyEditableLabelComponent);\n\n/**\n * 构件 `diagram.editable-label`\n */\nexport\n@defineElement(\"diagram.editable-label\", {\n  styleTexts: [styleText],\n})\nclass EditableLabel extends ReactNextElement implements EditableLabelProps {\n  @property()\n  accessor label: string | undefined;\n\n  @property({ render: false })\n  accessor type: LabelType | undefined;\n\n  @event({ type: \"label.editing.change\" })\n  accessor #labelEditingChange!: EventEmitter<boolean>;\n\n  #handleLabelEditingChange = (value: boolean) => {\n    this.#labelEditingChange.emit(value);\n  };\n\n  @event({ type: \"label.change\" })\n  accessor #labelChange!: EventEmitter<string>;\n\n  #handleLabelChange = (value: string) => {\n    this.#labelChange.emit(value);\n  };\n\n  @method()\n  enableEditing() {\n    this.#editableLabelRef.current?.enableEditing();\n  }\n\n  #editableLabelRef = createRef<EditableLabelRef>();\n\n  render() {\n    return (\n      <EditableLabelComponent\n        ref={this.#editableLabelRef}\n        label={this.label}\n        onLabelEditingChange={this.#handleLabelEditingChange}\n        onLabelChange={this.#handleLabelChange}\n      />\n    );\n  }\n}\n\nexport interface EditableLabelComponentProps extends EditableLabelProps {\n  onLabelEditingChange?(value: boolean): void;\n  onLabelChange?(value: string): void;\n}\n\nexport function LegacyEditableLabelComponent(\n  {\n    label: _label,\n    onLabelChange,\n    onLabelEditingChange,\n  }: EditableLabelComponentProps,\n  ref: React.Ref<EditableLabelRef>\n) {\n  const label = _label ?? \"\";\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 labelInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    enableEditing() {\n      setEditingLabel(true);\n    },\n  }));\n\n  useEffect(() => {\n    setCurrentLabel(label);\n  }, [label]);\n\n  const handleEditLabel = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setEditingLabel(true);\n  }, []);\n\n  useEffect(() => {\n    if (editingLabel) {\n      // Prevent scroll when focusing.\n      // Otherwise the diagram svg may be clipped in Chrome.\n      labelInputRef.current?.focus({ preventScroll: true });\n      labelInputRef.current?.select();\n    }\n  }, [editingLabel]);\n\n  useEffect(() => {\n    if (editingLabelInitialized.current) {\n      onLabelEditingChange?.(editingLabel);\n    } else {\n      editingLabelInitialized.current = true;\n    }\n  }, [editingLabel, onLabelEditingChange]);\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setCurrentLabel(event.target.value);\n    },\n    []\n  );\n\n  const handleInputKeydown = useCallback((event: React.KeyboardEvent) => {\n    const key =\n      event.key ||\n      /* istanbul ignore next: compatibility */ event.keyCode ||\n      /* istanbul ignore next: compatibility */ event.which;\n    if (key === \"Enter\" || key === 13) {\n      labelInputRef.current?.blur();\n    }\n  }, []);\n\n  const handleInputBlur = useCallback(() => {\n    setEditingLabel(false);\n    setShouldEmitLabelChange(true);\n  }, []);\n\n  useEffect(() => {\n    if (shouldEmitLabelChange) {\n      onLabelChange?.(currentLabel);\n      setShouldEmitLabelChange(false);\n    }\n  }, [currentLabel, onLabelChange, shouldEmitLabelChange]);\n\n  const stopPropagation = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <div\n      className={classNames(\"label\", {\n        editing: editingLabel,\n        empty: !currentLabel,\n      })}\n      onDoubleClick={stopPropagation}\n      onMouseDown={stopPropagation}\n    >\n      <input\n        className=\"label-input\"\n        value={currentLabel}\n        ref={labelInputRef}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeydown}\n        onBlur={handleInputBlur}\n      />\n      <div className=\"label-text\" onDoubleClick={handleEditLabel}>\n        {currentLabel}\n      </div>\n    </div>\n  );\n}\n","import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\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 type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n  PositionTuple,\n  RangeTuple,\n  SizeTuple,\n  TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  Cell,\n  EdgeCell,\n  InitialCell,\n  NodeBrickConf,\n  NodeCell,\n  NodeId,\n  DecoratorCell,\n  DecoratorType,\n  CellContextMenuDetail,\n  ConnectLineState,\n  Deferred,\n  ConnectNodesDetail,\n  EdgeLineConf,\n  DecoratorTextChangeDetail,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { isNodeCell } from \"./processors/asserts\";\nimport type { MoveCellPayload, ResizeCellPayload } from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport styleText from \"./styles.shadow.css\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { updateCells } from \"./processors/updateCells\";\n\nconst DEFAULT_NODE_SIZE = 20;\nconst DEFAULT_AREA_WIDTH = 100;\nconst DEFAULT_AREA_HEIGHT = 60;\nconst DEFAULT_SCALE_RANGE_MIN = 0.5;\nconst DEFAULT_SCALE_RANGE_MAX = 2;\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n  \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n  cells: InitialCell[] | undefined;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  activeTarget?: ActiveTarget | null;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n}\n\nexport interface DropNodeInfo extends AddNodeInfo {\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n  decorator: DecoratorType;\n  /** [PointerEvent::clientX, PointerEvent::clientY] */\n  position: PositionTuple;\n  text?: string;\n}\n\nexport interface AddNodeInfo {\n  id: NodeId;\n  useBrick?: UseSingleBrickConf;\n  data?: unknown;\n  size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n  source: NodeId;\n  target: NodeId;\n  data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n  reason: \"add-related-nodes\";\n  parent: NodeId;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n  LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意：将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n  styleTexts: [styleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\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  @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  /**\n   * @deprecated Use `cell.move` instead.\n   */\n  @event({ type: \"node.move\" })\n  accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  @event({ type: \"cell.move\" })\n  accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n  #handleCellMove = (info: MoveCellPayload) => {\n    this.#cellMoveEvent.emit(info);\n    if (info.type === \"node\") {\n      this.#nodeMoveEvent.emit(info);\n    }\n  };\n\n  @event({ type: \"cell.resize\" })\n  accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n  #handleCellResize = (info: ResizeCellPayload) => {\n    this.#cellResizeEvent.emit(info);\n  };\n\n  /**\n   * @deprecated Use `cell.delete` instead.\n   */\n  @event({ type: \"node.delete\" })\n  accessor #nodeDelete!: EventEmitter<Cell>;\n\n  @event({ type: \"cell.delete\" })\n  accessor #cellDelete!: EventEmitter<Cell>;\n\n  #handleCellDelete = (cell: Cell) => {\n    this.#cellDelete.emit(cell);\n    if (cell.type === \"node\") {\n      this.#nodeDelete.emit(cell);\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  @event({ type: \"decorator.text.change\" })\n  accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n  #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n    this.#decoratorTextChange.emit(detail);\n  };\n\n  /**\n   * 缩放变化后，从素材库拖拽元素进画布时，拖拽图像应设置对应的缩放比例。\n   */\n  @event({ type: \"scale.change\" })\n  accessor #scaleChange!: EventEmitter<number>;\n\n  #handleScaleChange = (scale: number) => {\n    this.#scaleChange.emit(scale);\n  };\n\n  @method()\n  async dropNode({\n    id,\n    position,\n    size,\n    data,\n    useBrick,\n  }: DropNodeInfo): Promise<NodeCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newNode: NodeCell = {\n        type: \"node\",\n        id,\n        view: {\n          x:\n            (position[0] - boundingClientRect.left - transform.x) / transform.k,\n          y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n          width: size?.[0] ?? this.defaultNodeSize[0],\n          height: size?.[1] ?? this.defaultNodeSize[0],\n        },\n        data,\n        useBrick,\n      };\n      this.#canvasRef.current?.dropNode(newNode);\n      return newNode;\n    }\n    return null;\n  }\n\n  @method()\n  async dropDecorator({\n    position,\n    decorator,\n    text,\n  }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n    // Drag and then drop a node\n    const droppedInside = document\n      .elementsFromPoint?.(position[0], position[1])\n      ?.includes(this);\n    if (droppedInside) {\n      const boundingClientRect = this.getBoundingClientRect();\n      const transform = this.#canvasRef.current!.getTransform();\n      const newDecorator: DecoratorCell = {\n        type: \"decorator\",\n        decorator,\n        id: uuidV4(),\n        view: {\n          x:\n            (position[0] - boundingClientRect.left - transform.x) / transform.k,\n          y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n          width: DEFAULT_AREA_WIDTH,\n          height: DEFAULT_AREA_HEIGHT,\n          text,\n        },\n      };\n      this.#canvasRef.current?.dropDecorator(newDecorator);\n      return newDecorator;\n    }\n    return null;\n  }\n\n  @method()\n  async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n    if (nodes.length === 0) {\n      return [];\n    }\n    const firstNode = nodes[0];\n    const width = firstNode.size?.[0] ?? this.defaultNodeSize?.[0];\n    const height = firstNode.size?.[1] ?? this.defaultNodeSize?.[1];\n    const gap = 20;\n    // Todo(steve): canvas size\n    const canvasHeight = 600;\n    const rows = Math.floor(canvasHeight / (height + gap));\n    // Assert: nodes are all brick nodes (no shape nodes)\n    const positionedNodes = nodes.map<NodeCell>(\n      ({ size, useBrick, ...node }, index) => ({\n        ...node,\n        type: \"node\",\n        view: {\n          x: Math.floor(index / rows) * (width + gap) + gap,\n          y: (index % rows) * (height + gap) + gap,\n          width: size?.[0] ?? this.defaultNodeSize?.[0],\n          height: size?.[1] ?? this.defaultNodeSize?.[0],\n        },\n        useBrick,\n      })\n    );\n    this.#canvasRef.current?.addNodes(positionedNodes);\n    return positionedNodes;\n  }\n\n  @method()\n  async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n    const newEdge: EdgeCell = {\n      type: \"edge\",\n      source,\n      target,\n      data,\n    };\n    this.#canvasRef.current?.addEdge(newEdge);\n    return newEdge;\n  }\n\n  @method()\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n    return this.#canvasRef.current!.manuallyConnectNodes(source);\n  }\n\n  @method()\n  async updateCells(\n    cells: InitialCell[],\n    ctx?: UpdateCellsContext\n  ): Promise<{ updated: Cell[] }> {\n    const { cells: newCells, updated } = updateCells({\n      ...ctx,\n      cells,\n      defaultNodeSize: this.defaultNodeSize,\n    });\n    this.#canvasRef.current!.updateCells(newCells);\n    return { updated };\n  }\n\n  #canvasRef = createRef<DrawCanvasRef>();\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    lockBodyScroll(this, false);\n  }\n\n  render() {\n    return (\n      <EoDrawCanvasComponent\n        host={this}\n        ref={this.#canvasRef}\n        cells={this.cells}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        activeTarget={this.activeTarget}\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        onCellMove={this.#handleCellMove}\n        onCellResize={this.#handleCellResize}\n        onCellDelete={this.#handleCellDelete}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onDecoratorTextChange={this.#handleDecoratorTextChange}\n        onScaleChange={this.#handleScaleChange}\n      />\n    );\n  }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n  host: HTMLElement;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellMove(info: MoveCellPayload): void;\n  onCellResize(cell: ResizeCellPayload): void;\n  onCellDelete(cell: Cell): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n  onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n  dropNode(node: NodeCell): void;\n  dropDecorator(decorator: DecoratorCell): void;\n  addNodes(nodes: NodeCell[]): void;\n  addEdge(edge: EdgeCell): void;\n  manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n  updateCells(cells: Cell[]): void;\n  getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n  {\n    host,\n    cells: initialCells,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    activeTarget: _activeTarget,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellMove,\n    onCellResize,\n    onCellDelete,\n    onCellContextMenu,\n    onDecoratorTextChange,\n    onScaleChange,\n  }: EoDrawCanvasComponentProps,\n  ref: React.Ref<DrawCanvasRef>\n) {\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  const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n    null\n  );\n  const [editingTexts, setEditingTexts] = useState<string[]>([]);\n  const [grabbing, setGrabbing] = useState(false);\n  const [transform, setTransform] = useState<TransformLiteral>({\n    k: 1,\n    x: 0,\n    y: 0,\n  });\n  const [centered, setCentered] = useState(false);\n\n  useEffect(() => {\n    onScaleChange(transform.k);\n  }, [onScaleChange, transform.k]);\n\n  const [connectLineState, setConnectLineState] =\n    useState<ConnectLineState | null>(null);\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, scrollable, zoomable, zoomer]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || centered) {\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, scaleRange, zoomable, zoomer]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      dropNode(node) {\n        dispatch({ type: \"drop-node\", payload: node });\n      },\n      dropDecorator(decorator) {\n        dispatch({ type: \"drop-decorator\", payload: decorator });\n      },\n      addNodes(nodes) {\n        dispatch({ type: \"add-nodes\", payload: nodes });\n      },\n      addEdge(edge) {\n        dispatch({ type: \"add-edge\", payload: edge });\n      },\n      updateCells(cells) {\n        dispatch({ type: \"update-cells\", payload: cells });\n      },\n      getTransform() {\n        return transform;\n      },\n      manuallyConnectNodes(sourceId) {\n        const source = cells.find(\n          (cell) => isNodeCell(cell) && cell.id === sourceId\n        ) as NodeCell | undefined;\n        if (source) {\n          const rect = rootRef.current!.getBoundingClientRect();\n          setConnectLineState({\n            source,\n            from: [\n              source.view.x + source.view.width / 2,\n              source.view.y + source.view.height / 2,\n            ],\n            offset: [rect.left, rect.top],\n          });\n          const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n            manualConnectDeferredRef.current = { resolve, reject };\n          });\n          return promise;\n        }\n        return Promise.reject(null);\n      },\n    }),\n    [cells, transform]\n  );\n\n  const handleConnect = useCallback(\n    (state: ConnectLineState, to: PositionTuple) => {\n      // Find the target node from top bo bottom,\n      // detect whether the pointer is inside the target node.\n      for (let i = 0; i < cells.length; i++) {\n        const cell = cells[i];\n        // Currently ignore connecting to self\n        if (isNodeCell(cell) && cell.id !== state.source.id) {\n          if (\n            cell.view.x < to[0] &&\n            cell.view.x + cell.view.width > to[0] &&\n            cell.view.y < to[1] &&\n            cell.view.y + cell.view.height > to[1]\n          ) {\n            manualConnectDeferredRef.current?.resolve({\n              source: state.source,\n              target: cell,\n            });\n            break;\n          }\n        }\n      }\n      manualConnectDeferredRef.current?.reject(null);\n      setConnectLineState(null);\n    },\n    [cells]\n  );\n\n  useEffect(() => {\n    lockBodyScroll(host, !!connectLineState);\n  }, [connectLineState, host]);\n\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]);\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root || editingTexts.length > 0) {\n      return;\n    }\n    const onKeydown = (event: KeyboardEvent) => {\n      const action = handleKeyboard(event, {\n        cells,\n        activeTarget,\n      });\n\n      if (action?.action === \"delete-cell\") {\n        onCellDelete(action.cell);\n      }\n    };\n    root.addEventListener(\"keydown\", onKeydown);\n    return () => {\n      root.removeEventListener(\"keydown\", onKeydown);\n    };\n  }, [activeTarget, cells, editingTexts.length, onCellDelete]);\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n  const markerEnd = `${markerPrefix}1`;\n\n  const handleCellMoving = useCallback((info: MoveCellPayload) => {\n    dispatch({ type: \"move-cell\", payload: info });\n  }, []);\n\n  const handleCellMoved = useCallback(\n    (info: MoveCellPayload) => {\n      dispatch({ type: \"move-cell\", payload: info });\n      onCellMove(info);\n    },\n    [onCellMove]\n  );\n\n  const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n    dispatch({ type: \"resize-cell\", payload: info });\n  }, []);\n\n  const handleCellResized = useCallback(\n    (info: ResizeCellPayload) => {\n      dispatch({ type: \"resize-cell\", payload: info });\n      onCellResize(info);\n    },\n    [onCellResize]\n  );\n\n  const handleDecoratorTextEditing = useCallback(\n    ({ id, editing }: { id: string; editing: boolean }) => {\n      if (editing) {\n        setEditingTexts((texts) =>\n          texts.includes(id) ? texts : [...texts, id]\n        );\n      } else {\n        setEditingTexts((texts) => texts.filter((text) => text !== id));\n      }\n    },\n    []\n  );\n\n  return (\n    // Todo(steve): canvas size\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      ref={rootRef}\n      className={classNames(\"root\", { grabbing, pannable })}\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}:${cell.type === \"edge\" ? `${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              onCellMoving={handleCellMoving}\n              onCellMoved={handleCellMoved}\n              onCellResizing={handleCellResizing}\n              onCellResized={handleCellResized}\n              onSwitchActiveTarget={onSwitchActiveTarget}\n              onCellContextMenu={onCellContextMenu}\n              onDecoratorTextChange={onDecoratorTextChange}\n              onDecoratorTextEditing={handleDecoratorTextEditing}\n            />\n          ))}\n        </g>\n        <ConnectLineComponent\n          connectLineState={connectLineState}\n          transform={transform}\n          markerEnd={markerEnd}\n          onConnect={handleConnect}\n        />\n      </g>\n    </svg>\n  );\n}\n\nfunction uuidV4() {\n  return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0,\n      v = c == \"x\" ? r : (r & 0x3) | 0x8;\n    return v.toString(16);\n  });\n}\n","// istanbul ignore file: experimental only\nimport React, { useCallback } from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport type { PositionTuple } from \"../diagram/interfaces\";\nimport styleText from \"./styles.shadow.css\";\nimport type { DecoratorType } from \"../draw-canvas/interfaces\";\n\nconst { defineElement, property, event } = createDecorators();\n\ntype ExperimentalUsage = \"library\" | \"dragging\" | \"default\";\ntype NodeStatus = \"highlighted\" | \"faded\" | \"default\";\n\nexport interface ExperimentalNodeProps {\n  usage?: ExperimentalUsage;\n  status?: NodeStatus;\n}\n\n/**\n * 构件 `diagram.experimental-node`\n */\nexport\n@defineElement(\"diagram.experimental-node\", {\n  styleTexts: [styleText],\n})\nclass ExperimentalNode\n  extends ReactNextElement\n  implements ExperimentalNodeProps\n{\n  @property()\n  accessor usage: ExperimentalUsage | undefined;\n\n  // 最终节点应该统一实现这个字段，保持类型一致\n  @property({ type: String, render: false })\n  accessor status: NodeStatus | undefined;\n\n  // 最终节点应该统一实现这个字段，保持类型一致\n  @property({ type: String })\n  accessor decorator: DecoratorType | undefined;\n\n  @event({ type: \"drag.start\" })\n  accessor #dragStartEvent!: EventEmitter<PositionTuple>;\n\n  #handleDragStart = (position: PositionTuple) => {\n    this.#dragStartEvent.emit(position);\n  };\n\n  @event({ type: \"drag.move\" })\n  accessor #dragMoveEvent!: EventEmitter<PositionTuple>;\n\n  #handleDragMove = (position: PositionTuple) => {\n    this.#dragMoveEvent.emit(position);\n  };\n\n  @event({ type: \"drag.end\" })\n  accessor #dragEndEvent!: EventEmitter<PositionTuple>;\n\n  #handleDragEnd = (position: PositionTuple) => {\n    this.#dragEndEvent.emit(position);\n  };\n\n  render() {\n    return (\n      <ExperimentalNodeComponent\n        usage={this.usage}\n        onDragStart={this.#handleDragStart}\n        onDragMove={this.#handleDragMove}\n        onDragEnd={this.#handleDragEnd}\n      />\n    );\n  }\n}\n\nexport interface ExperimentalNodeComponentProps extends ExperimentalNodeProps {\n  onDragStart?(position: PositionTuple): void;\n  onDragMove?(position: PositionTuple): void;\n  onDragEnd?(position: PositionTuple): void;\n}\n\nexport function ExperimentalNodeComponent({\n  usage,\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n}: ExperimentalNodeComponentProps) {\n  const handleMouseDown = useCallback(\n    (event: React.MouseEvent) => {\n      if (usage !== \"library\") {\n        return;\n      }\n      event.stopPropagation();\n      event.preventDefault();\n      const from: PositionTuple = [event.clientX, event.clientY];\n      let moved = false;\n      const onMouseMove = (e: MouseEvent) => {\n        if (!moved) {\n          moved = (e.clientX - from[0]) ** 2 + (e.clientY - from[1]) ** 2 >= 9;\n          if (moved) {\n            onDragStart?.([e.clientX, e.clientY]);\n          }\n        }\n        if (moved) {\n          onDragMove?.([e.clientX, e.clientY]);\n        }\n      };\n      const onMouseUp = (e: MouseEvent) => {\n        document.removeEventListener(\"mousemove\", onMouseMove);\n        document.removeEventListener(\"mouseup\", onMouseUp);\n        if (moved) {\n          onDragEnd?.([e.clientX, e.clientY]);\n        }\n      };\n      document.addEventListener(\"mousemove\", onMouseMove);\n      document.addEventListener(\"mouseup\", onMouseUp);\n    },\n    [onDragEnd, onDragMove, onDragStart, usage]\n  );\n\n  return (\n    <div onMouseDown={handleMouseDown}>\n      <slot />\n    </div>\n  );\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, `:host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type=\"line\"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}`, \"\"]);\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;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage=\"dragging\"]){opacity:0.75;position:fixed}:host(:not([usage=\"library\"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage=\"library\"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host([status=\"highlighted\"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status=\"faded\"]){opacity:0.3}:host([decorator=\"area\"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator=\"text\"]){width:auto;height:auto;background:none;border:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["_EoDiagram","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_classDecs","styleTexts","styleText","_dec","type","String","_dec2","attribute","_dec3","_dec4","_dec5","_dec6","_dec7","_dec8","Boolean","_dec9","_dec10","_dec11","_dec12","_dec13","_dec14","_dec15","_dec16","_dec17","_dec18","_dec19","_dec20","_dec21","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_activeTargetChangeEvent","_handleActiveTargetChange","_P","_nodeDelete","_handleNodeDelete","_Q","_edgeDelete","_handleEdgeDelete","_R","_lineClick","_handleLineClick","_S","_lineDoubleClick","_handleLineDoubleClick","_T","_connectNodes","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","get","_get_connectNodes2","set","_set_connectNodes2","_get_lineDoubleClick2","_set_lineDoubleClick2","_get_lineClick2","_set_lineClick2","_get_edgeDelete2","_set_edgeDelete2","_get_nodeDelete2","_set_nodeDelete2","_get_activeTargetChangeEvent2","_set_activeTargetChangeEvent2","writable","value","_initProto","_init_layout","_init_nodes","_init_edges","_init_nodeBricks","_init_lines","_init_layoutOptions","_init_activeTarget","_init_disableKeyboardAction","_init_connectNodes","_init_dragNodes","_init_zoomable","_init_scrollable","_init_pannable","_init_scaleRange","_init_activeTargetChangeEvent","target","_classPrivateFieldGet","this","emit","_init_nodeDelete","node","_init_edgeDelete","edge","_init_lineClick","line","_init_lineDoubleClick","_init_connectNodes2","detail","sameTarget","activeTarget","createRef","layout","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","id","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","React","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_set_activeTargetChangeEvent","_get_activeTargetChangeEvent","_set_nodeDelete","_get_nodeDelete","_set_edgeDelete","_get_edgeDelete","_set_lineClick","_get_lineClick","_set_lineDoubleClick","_get_lineDoubleClick","_set_connectNodes","_get_connectNodes","_ref","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","_ref2","key","list","text","label","$id","concat","map","item","_item$placement","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","_ref3","index","strokeColor","MarkerComponent","_ref4","lineId","rects","LineMaskComponent","viewBox","refX","refY","markerWidth","markerHeight","orient","d","stroke","strokeWidth","fill","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","c","_initClass","_applyDecs","o","_","has","_checkInRHS","_EditableLabel","EditableLabelComponent","LegacyEditableLabelComponent","_labelEditingChange","_handleLabelEditingChange","_labelChange","_handleLabelChange","_editableLabelRef","EditableLabel","_get_labelChange2","_set_labelChange2","_get_labelEditingChange2","_set_labelEditingChange2","_init_label","_init_type","_init_labelEditingChange","_init_labelChange","enableEditing","onLabelEditingChange","onLabelChange","_set_labelEditingChange","_get_labelEditingChange","_set_labelChange","_get_labelChange","_label","currentLabel","setCurrentLabel","editingLabel","setEditingLabel","editingLabelInitialized","shouldEmitLabelChange","setShouldEmitLabelChange","labelInputRef","handleEditLabel","stopPropagation","_labelInputRef$curren","_labelInputRef$curren2","focus","preventScroll","handleInputChange","handleInputKeydown","_labelInputRef$curren3","keyCode","which","blur","handleInputBlur","editing","empty","onDoubleClick","onMouseDown","onChange","onKeyDown","onBlur","_EditableLabel2","_EoDrawCanvas","lockBodyScroll","unwrapProvider","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_dec22","_dec23","_dec24","_nodeMoveEvent","_cellMoveEvent","_handleCellMove","_cellResizeEvent","_handleCellResize","_cellDelete","_handleCellDelete","_cellContextMenu","_handleCellContextMenu","_decoratorTextChange","_handleDecoratorTextChange","_scaleChange","_handleScaleChange","_canvasRef","EoDrawCanvas","_get_scaleChange2","_set_scaleChange2","_get_decoratorTextChange2","_set_decoratorTextChange2","_get_cellContextMenu2","_set_cellContextMenu2","_get_cellDelete2","_set_cellDelete2","_get_cellResizeEvent2","_set_cellResizeEvent2","_get_cellMoveEvent2","_set_cellMoveEvent2","_get_nodeMoveEvent2","_set_nodeMoveEvent2","_init_cells","_init_defaultNodeSize","_init_defaultNodeBricks","_init_defaultEdgeLines","_init_nodeMoveEvent","_init_cellMoveEvent","info","_init_cellResizeEvent","_init_cellDelete","cell","_init_cellContextMenu","_init_decoratorTextChange","_init_scaleChange","cells","defaultNodeSize","defaultNodeBricks","defaultEdgeLines","dropNode","_this","_asyncToGenerator","_document$elementsFro","_document","position","size","data","useBrick","document","elementsFromPoint","includes","_size$","_size$2","boundingClientRect","getBoundingClientRect","getTransform","newNode","view","dropDecorator","_this2","_document$elementsFro2","_document2","decorator","_classPrivateFieldGet3","newDecorator","replace","r","Math","random","toString","addNodes","_this3","_firstNode$size$","_firstNode$size","_this3$defaultNodeSiz","_firstNode$size$2","_firstNode$size2","_this3$defaultNodeSiz2","_classPrivateFieldGet4","firstNode","rows","floor","positionedNodes","_size$3","_this3$defaultNodeSiz3","_size$4","_this3$defaultNodeSiz4","_objectWithoutProperties","_excluded","_objectSpread","addEdge","_this4","_classPrivateFieldGet5","newEdge","manuallyConnectNodes","updateCells","ctx","_this5","newCells","updated","disconnectedCallback","super","host","onCellMove","onCellResize","onCellDelete","onCellContextMenu","onDecoratorTextChange","onScaleChange","_set_nodeMoveEvent","_get_nodeMoveEvent","_set_cellMoveEvent","_get_cellMoveEvent","_set_cellResizeEvent","_get_cellResizeEvent","_set_cellDelete","_get_cellDelete","_set_cellContextMenu","_get_cellContextMenu","_set_decoratorTextChange","_get_decoratorTextChange","_set_scaleChange","_get_scaleChange","_ref5","initialCells","dispatch","useReducer","rootReducer","initializeCells","cellsRef","manualConnectDeferredRef","editingTexts","setEditingTexts","payload","sourceId","find","isNodeCell","rect","from","offset","Promise","resolve","reject","handleConnect","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","resetActiveTarget","composedPath","indexOf","markerEnd","handleCellMoving","handleCellMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref6","texts","filter","CellComponent","onCellMoving","onCellMoved","onCellResizing","onCellResized","onDecoratorTextEditing","onConnect","_EoDrawCanvas2","_ExperimentalNode","_dragStartEvent","_handleDragStart","_dragMoveEvent","_handleDragMove","_dragEndEvent","_handleDragEnd","ExperimentalNode","_get_dragEndEvent2","_set_dragEndEvent2","_get_dragMoveEvent2","_set_dragMoveEvent2","_get_dragStartEvent2","_set_dragStartEvent2","_init_usage","_init_status","_init_decorator","_init_dragStartEvent","_init_dragMoveEvent","_init_dragEndEvent","usage","status","ExperimentalNodeComponent","onDragStart","onDragMove","onDragEnd","_set_dragStartEvent","_get_dragStartEvent","_set_dragMoveEvent","_get_dragMoveEvent","_set_dragEndEvent","_get_dragEndEvent","handleMouseDown","clientX","clientY","onMouseMove","onMouseUp","_ExperimentalNode2","___CSS_LOADER_EXPORT___","push","module"],"sourceRoot":""}

package/dist/chunks/eo-draw-canvas.623578df.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[7364],{8752:(e,t,a)=>{a.d(t,{y:()=>r});var n=a(5600),i=a.n(n);function r(e){var t,{id:a,type:n,strokeColor:r}=e;switch(n){case"0..1":t=o;break;case"0..N":t=c;break;default:t=l}return i().createElement(t,{id:a,strokeColor:r})}function l(e){var{id:t,strokeColor:a}=e;return i().createElement("marker",{id:t,viewBox:"0 0 6 6",refX:5,refY:3,markerWidth:6,markerHeight:6,orient:"auto-start-reverse",strokeLinejoin:"round"},i().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:a,strokeWidth:1,fill:a}))}function o(e){var{id:t,strokeColor:a}=e;return i().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},i().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:a,strokeWidth:1,fill:"none"}))}function c(e){var{id:t,strokeColor:a}=e;return i().createElement("marker",{id:t,viewBox:"0 0 21 11",refX:.5,refY:5.5,markerWidth:21,markerHeight:11,orient:"auto-start-reverse"},i().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:a,strokeWidth:1,fill:"none"}))}},960:(e,t,a)=>{a.d(t,{g:()=>i});var n=a(3208);function i(e,t){if(e===t||(0,n.e)(e,t,0,0))return null;var a,i,r,l,o=t.x-e.x,c=t.y-e.y,s=o>0?1:-1;if(0!==c){var u=Math.abs(o/c),d=c>0?1:-1;u<e.width/e.height?(a=e.x+u*e.height/2*s,i=e.y+e.height/2*d):(a=e.x+e.width/2*s,i=e.y+e.width/2/u*d),u<t.width/t.height?(r=t.x-u*t.height/2*s,l=t.y-t.height/2*d):(r=t.x-t.width/2*s,l=t.y-t.width/2/u*d)}else a=e.x+e.width/2*s,r=t.x-t.width/2*s,i=l=e.y;return[{x:a,y:i},{x:r,y:l}]}},3208:(e,t,a)=>{function n(e,t,a,n){var r=a?i(e,a):e,l=n?i(t,n):t,o=Math.min(r.x-r.width/2,l.x-l.width/2),c=Math.max(r.x+r.width/2,l.x+l.width/2),s=Math.min(r.y-r.height/2,l.y-l.height/2),u=Math.max(r.y+r.height/2,l.y+l.height/2);return c-o<r.width+l.width&&u-s<r.height+l.height}function i(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}}a.d(t,{e:()=>n})},3156:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>ve,EoDrawCanvasComponent:()=>Je});var n,i,r,l,o,c,s,u,d,h,v,f,g,p,w,m,k,x,y,b,M,C,E,z,W,N,S,T,R,B,D,L,H,P,A,_,Y,j,I,X,F,G,O,q,K,V,J,Q,U,Z,$,ee,te,ae,ne,ie,re,le,oe,ce,se,ue,de,he,ve,fe=a(4412),ge=a(640),pe=a(8944),we=a(123),me=a(592),ke=a(5866),xe=a(1412),ye=a(8644),be=a(5600),Me=a.n(be),Ce=a(7672),Ee=a(8160),ze=a(4516),We=(a(48),a(7568)),Ne=a(5248),Se=a(1920),Te=a(1252),Re=a.n(Te),Be=a(3876),De=a(8752),Le=a(7181),He=a(4552),Pe=a(6876),Ae=a(5776),_e=a(7584),Ye=a(8044),je=a(7876),Ie=a(3788),Xe=a(2872),Fe=["size","useBrick"],Ge=(0,ze.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Oe,property:qe,method:Ke,event:Ve}=(0,Ce.createDecorators)(),Je=Me().forwardRef(Ut);r=[Oe("eo-draw-canvas",{styleTexts:[_e.c]})],l=qe({attribute:!1}),c=qe({attribute:!1}),u=qe({attribute:!1}),h=qe({attribute:!1}),f=qe({attribute:!1}),p=qe({type:Boolean}),m=qe({type:Boolean}),x=qe({type:Boolean}),b=qe({attribute:!1}),C=Ve({type:"activeTarget.change"}),N=Ve({type:"node.move"}),B=Ve({type:"cell.move"}),P=Ve({type:"cell.resize"}),j=Ve({type:"node.delete"}),G=Ve({type:"cell.delete"}),V=Ve({type:"cell.contextmenu"}),Z=Ve({type:"decorator.text.change"}),ae=Ve({type:"scale.change"}),le=Ke(),oe=Ke(),ce=Ke(),se=Ke(),ue=Ke(),de=Ke();var Qe=new WeakMap,Ue=new WeakMap,Ze=new WeakMap,$e=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,nt=new WeakMap,it=new WeakMap,rt=new WeakMap,lt=new WeakMap,ot=new WeakMap,ct=new WeakMap,st=new WeakMap,ut=new WeakMap,dt=new WeakMap,ht=new WeakMap,vt=new WeakMap,ft=new WeakMap,gt=new WeakMap,pt=new WeakMap,wt=new WeakMap,mt=new WeakMap,kt=new WeakMap,xt=new WeakMap,yt=new WeakMap,bt=new WeakMap,Mt=new WeakMap,Ct=new WeakMap,Et=new WeakMap,zt=new WeakMap,Wt=new WeakMap,Nt=new WeakMap,St=new WeakMap,Tt=new WeakMap,Rt=new WeakMap;class Bt extends Ee.ReactNextElement{constructor(){super(...arguments),(0,we.c)(this,St,{get:Qt,set:Jt}),(0,we.c)(this,zt,{get:Vt,set:Kt}),(0,we.c)(this,Mt,{get:qt,set:Ot}),(0,we.c)(this,xt,{get:Gt,set:Ft}),(0,we.c)(this,mt,{get:Xt,set:It}),(0,we.c)(this,gt,{get:jt,set:Yt}),(0,we.c)(this,ht,{get:_t,set:At}),(0,we.c)(this,ut,{get:Pt,set:Ht}),(0,we.c)(this,lt,{get:Lt,set:Dt}),(0,we.c)(this,Qe,{writable:!0,value:(n(this),o(this))}),(0,we.c)(this,Ue,{writable:!0,value:s(this,[20,20])}),(0,we.c)(this,Ze,{writable:!0,value:d(this)}),(0,we.c)(this,$e,{writable:!0,value:v(this)}),(0,we.c)(this,et,{writable:!0,value:g(this)}),(0,we.c)(this,tt,{writable:!0,value:w(this,!0)}),(0,we.c)(this,at,{writable:!0,value:k(this,!0)}),(0,we.c)(this,nt,{writable:!0,value:y(this,!0)}),(0,we.c)(this,it,{writable:!0,value:M(this)}),(0,we.c)(this,rt,{writable:!0,value:E(this)}),(0,we.c)(this,ot,{writable:!0,value:e=>{(0,xe.c)(this,lt).emit(e)}}),(0,we.c)(this,ct,{writable:!0,value:e=>{(0,He.M)(e,this.activeTarget)||(this.activeTarget=e)}}),(0,we.c)(this,st,{writable:!0,value:S(this)}),(0,we.c)(this,dt,{writable:!0,value:D(this)}),(0,we.c)(this,vt,{writable:!0,value:e=>{(0,xe.c)(this,ht).emit(e),"node"===e.type&&(0,xe.c)(this,ut).emit(e)}}),(0,we.c)(this,ft,{writable:!0,value:A(this)}),(0,we.c)(this,pt,{writable:!0,value:e=>{(0,xe.c)(this,gt).emit(e)}}),(0,we.c)(this,wt,{writable:!0,value:I(this)}),(0,we.c)(this,kt,{writable:!0,value:O(this)}),(0,we.c)(this,yt,{writable:!0,value:e=>{(0,xe.c)(this,xt).emit(e),"node"===e.type&&(0,xe.c)(this,mt).emit(e)}}),(0,we.c)(this,bt,{writable:!0,value:J(this)}),(0,we.c)(this,Ct,{writable:!0,value:e=>{(0,xe.c)(this,Mt).emit(e)}}),(0,we.c)(this,Et,{writable:!0,value:$(this)}),(0,we.c)(this,Wt,{writable:!0,value:e=>{(0,xe.c)(this,zt).emit(e)}}),(0,we.c)(this,Nt,{writable:!0,value:ne(this)}),(0,we.c)(this,Tt,{writable:!0,value:e=>{(0,xe.c)(this,St).emit(e)}}),(0,we.c)(this,Rt,{writable:!0,value:(0,be.createRef)()})}get cells(){return(0,xe.c)(this,Qe)}set cells(e){(0,ke.c)(this,Qe,e)}get defaultNodeSize(){return(0,xe.c)(this,Ue)}set defaultNodeSize(e){(0,ke.c)(this,Ue,e)}get defaultNodeBricks(){return(0,xe.c)(this,Ze)}set defaultNodeBricks(e){(0,ke.c)(this,Ze,e)}get defaultEdgeLines(){return(0,xe.c)(this,$e)}set defaultEdgeLines(e){(0,ke.c)(this,$e,e)}get activeTarget(){return(0,xe.c)(this,et)}set activeTarget(e){(0,ke.c)(this,et,e)}get zoomable(){return(0,xe.c)(this,tt)}set zoomable(e){(0,ke.c)(this,tt,e)}get scrollable(){return(0,xe.c)(this,at)}set scrollable(e){(0,ke.c)(this,at,e)}get pannable(){return(0,xe.c)(this,nt)}set pannable(e){(0,ke.c)(this,nt,e)}get scaleRange(){return(0,xe.c)(this,it)}set scaleRange(e){(0,ke.c)(this,it,e)}dropNode(e){var t=this;return(0,pe.c)((function*(){var a,n,{id:i,position:r,size:l,data:o,useBrick:c}=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 s,u,d,h=t.getBoundingClientRect(),v=(0,xe.c)(t,Rt).current.getTransform(),f={type:"node",id:i,view:{x:(r[0]-h.left-v.x)/v.k,y:(r[1]-h.top-v.y)/v.k,width:null!==(s=null==l?void 0:l[0])&&void 0!==s?s:t.defaultNodeSize[0],height:null!==(u=null==l?void 0:l[1])&&void 0!==u?u:t.defaultNodeSize[0]},data:o,useBrick:c};return null===(d=(0,xe.c)(t,Rt).current)||void 0===d||d.dropNode(f),f}return null}))()}dropDecorator(e){var t=this;return(0,pe.c)((function*(){var a,n,{position:i,decorator:r,text:l}=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 o,c=t.getBoundingClientRect(),s=(0,xe.c)(t,Rt).current.getTransform(),u={type:"decorator",decorator:r,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:(i[0]-c.left-s.x)/s.k,y:(i[1]-c.top-s.y)/s.k,width:100,height:60,text:l}};return null===(o=(0,xe.c)(t,Rt).current)||void 0===o||o.dropDecorator(u),u}return null}))()}addNodes(e){var t=this;return(0,pe.c)((function*(){var a,n,i,r,l,o,c;if(0===e.length)return[];var s=e[0],u=null!==(a=null===(n=s.size)||void 0===n?void 0:n[0])&&void 0!==a?a:null===(i=t.defaultNodeSize)||void 0===i?void 0:i[0],d=null!==(r=null===(l=s.size)||void 0===l?void 0:l[1])&&void 0!==r?r:null===(o=t.defaultNodeSize)||void 0===o?void 0:o[1],h=Math.floor(600/(d+20)),v=e.map(((e,a)=>{var n,i,r,l,{size:o,useBrick:c}=e,s=(0,ge.c)(e,Fe);return(0,fe.c)((0,fe.c)({},s),{},{type:"node",view:{x:Math.floor(a/h)*(u+20)+20,y:a%h*(d+20)+20,width:null!==(n=null==o?void 0:o[0])&&void 0!==n?n:null===(i=t.defaultNodeSize)||void 0===i?void 0:i[0],height:null!==(r=null==o?void 0:o[1])&&void 0!==r?r:null===(l=t.defaultNodeSize)||void 0===l?void 0:l[0]},useBrick:c})}));return null===(c=(0,xe.c)(t,Rt).current)||void 0===c||c.addNodes(v),v}))()}addEdge(e){var t=this;return(0,pe.c)((function*(){var a,{source:n,target:i,data:r}=e,l={type:"edge",source:n,target:i,data:r};return null===(a=(0,xe.c)(t,Rt).current)||void 0===a||a.addEdge(l),l}))()}manuallyConnectNodes(e){return(0,xe.c)(this,Rt).current.manuallyConnectNodes(e)}updateCells(e,t){var a=this;return(0,pe.c)((function*(){var{cells:n,updated:i}=(0,Xe.s)((0,fe.c)((0,fe.c)({},t),{},{cells:e,defaultNodeSize:a.defaultNodeSize}));return(0,xe.c)(a,Rt).current.updateCells(n),{updated:i}}))()}disconnectedCallback(){super.disconnectedCallback(),Ge(this,!1)}render(){return Me().createElement(Je,{host:this,ref:(0,xe.c)(this,Rt),cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,activeTarget:this.activeTarget,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,xe.c)(this,ot),onSwitchActiveTarget:(0,xe.c)(this,ct),onCellMove:(0,xe.c)(this,vt),onCellResize:(0,xe.c)(this,pt),onCellDelete:(0,xe.c)(this,yt),onCellContextMenu:(0,xe.c)(this,Ct),onDecoratorTextChange:(0,xe.c)(this,Wt),onScaleChange:(0,xe.c)(this,Tt)})}}function Dt(e){W(this,e)}function Lt(){return z(this)}function Ht(e){R(this,e)}function Pt(){return T(this)}function At(e){H(this,e)}function _t(){return L(this)}function Yt(e){Y(this,e)}function jt(){return _(this)}function It(e){F(this,e)}function Xt(){return X(this)}function Ft(e){K(this,e)}function Gt(){return q(this)}function Ot(e){U(this,e)}function qt(){return Q(this)}function Kt(e){te(this,e)}function Vt(){return ee(this)}function Jt(e){re(this,e)}function Qt(){return ie(this)}function Ut(e,t){var{host:a,cells:n,defaultNodeSize:i,defaultNodeBricks:r,defaultEdgeLines:l,activeTarget:o,zoomable:c,scrollable:s,pannable:u,scaleRange:d,onActiveTargetChange:h,onSwitchActiveTarget:v,onCellMove:f,onCellResize:g,onCellDelete:p,onCellContextMenu:w,onDecoratorTextChange:m,onScaleChange:k}=e,[{cells:x},y]=(0,be.useReducer)(Be.M,n,(e=>({cells:(0,je.S)(e,{defaultNodeSize:i})}))),b=(0,be.useRef)(null),M=(0,be.useRef)(null),C=(0,be.useRef)(null),[E,z]=(0,be.useState)([]),[W,N]=(0,be.useState)(!1),[S,T]=(0,be.useState)({k:1,x:0,y:0}),[R,B]=(0,be.useState)(!1);(0,be.useEffect)((()=>{k(S.k)}),[k,S.k]);var[D,L]=(0,be.useState)(null),H=(0,be.useMemo)((()=>null!=d?d:[.5,2]),[d]),P=(0,be.useMemo)((()=>(0,Se.AT)()),[]);(0,be.useEffect)((()=>{var e=!1;P.scaleExtent(c?H:[1,1]).on("start",(()=>{e=!1,N(!0)})).on("zoom",(t=>{e=!0,T(t.transform)})).on("end",(()=>{N(!1),e||null==v||v(null)}))}),[v,H,c,P]),(0,be.useEffect)((()=>{var e=b.current;if(e){var t=(0,Ne.c)(e),a=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(c||s||u)return(c||s)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),s&&(e.preventDefault(),P.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(P).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null).on("mousedown.zoom",null),u||t.on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),a;a()}}),[u,s,c,P]),(0,be.useEffect)((()=>{var e=b.current;if(e&&!R){var{k:t,x:a,y:n}=(0,Ie.c)(x,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:c?H:void 0});P.transform((0,Ne.c)(e),new Se.O(t,a,n)),B(!0)}}),[x,R,H,c,P]),(0,be.useImperativeHandle)(t,(()=>({dropNode(e){y({type:"drop-node",payload:e})},dropDecorator(e){y({type:"drop-decorator",payload:e})},addNodes(e){y({type:"add-nodes",payload:e})},addEdge(e){y({type:"add-edge",payload:e})},updateCells(e){y({type:"update-cells",payload:e})},getTransform:()=>S,manuallyConnectNodes(e){var t=x.find((t=>(0,Le.G4)(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)=>{C.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[x,S]);var A=(0,be.useCallback)(((e,t)=>{for(var a,n=0;n<x.length;n++){var i=x[n];if((0,Le.G4)(i)&&i.id!==e.source.id&&i.view.x<t[0]&&i.view.x+i.view.width>t[0]&&i.view.y<t[1]&&i.view.y+i.view.height>t[1]){var r;null===(r=C.current)||void 0===r||r.resolve({source:e.source,target:i});break}}null===(a=C.current)||void 0===a||a.reject(null),L(null)}),[x]);(0,be.useEffect)((()=>{Ge(a,!!D)}),[D,a]);var _=null!=o?o:null,[Y,j]=(0,be.useState)(_);(0,be.useEffect)((()=>{j((e=>(0,He.M)(e,_)?e:_))}),[_]);var I=(0,be.useRef)(!1);(0,be.useEffect)((()=>{I.current?h(Y):I.current=!0}),[Y,h]),(0,be.useEffect)((()=>{if(Y){var e=e=>{e.composedPath().indexOf(M.current)<=0&&j(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}}),[Y]),(0,be.useEffect)((()=>{var e=b.current;if(e&&!(E.length>0)){var t=e=>{var t=(0,Pe.Y)(e,{cells:x,activeTarget:Y});"delete-cell"===(null==t?void 0:t.action)&&p(t.cell)};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[Y,x,E.length,p]);var X=(0,be.useMemo)((()=>"".concat((0,We.uniqueId)("diagram-"),"-")),[]),F="".concat(X,"line-arrow-"),G="".concat(F,"1"),O=(0,be.useCallback)((e=>{y({type:"move-cell",payload:e})}),[]),q=(0,be.useCallback)((e=>{y({type:"move-cell",payload:e}),f(e)}),[f]),K=(0,be.useCallback)((e=>{y({type:"resize-cell",payload:e})}),[]),V=(0,be.useCallback)((e=>{y({type:"resize-cell",payload:e}),g(e)}),[g]),J=(0,be.useCallback)((e=>{var{id:t,editing:a}=e;z(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]);return Me().createElement("svg",{width:"100%",height:"100%",ref:b,className:Re()("root",{grabbing:W,pannable:u}),tabIndex:-1},Me().createElement("defs",null,Me().createElement(De.y,{id:G,type:"arrow",strokeColor:"gray"})),Me().createElement("g",{transform:"translate(".concat(S.x," ").concat(S.y,") scale(").concat(S.k,")")},Me().createElement("g",{className:"cells",ref:M},x.map((e=>Me().createElement(Ae.s,{key:"".concat(e.type,":").concat("edge"===e.type?"".concat(e.source,"~").concat(e.target):e.id),cell:e,cells:x,defaultNodeBricks:r,defaultEdgeLines:l,transform:S,markerEnd:G,active:(0,He.M)(Y,e),onCellMoving:O,onCellMoved:q,onCellResizing:K,onCellResized:V,onSwitchActiveTarget:v,onCellContextMenu:w,onDecoratorTextChange:m,onDecoratorTextEditing:J})))),Me().createElement(Ye.E,{connectLineState:D,transform:S,markerEnd:G,onConnect:A})))}he=Bt,({e:[o,s,d,v,g,w,k,y,M,E,z,W,S,T,R,D,L,H,A,_,Y,I,X,F,O,q,K,J,Q,U,$,ee,te,ne,ie,re,n],c:[ve,i]}=(0,ye.c)(he,[[l,1,"cells"],[c,1,"defaultNodeSize"],[u,1,"defaultNodeBricks"],[h,1,"defaultEdgeLines"],[f,1,"activeTarget"],[p,1,"zoomable"],[m,1,"scrollable"],[x,1,"pannable"],[b,1,"scaleRange"],[C,1,"activeTargetChangeEvent",e=>(0,xe.c)(e,rt),(e,t)=>(0,ke.c)(e,rt,t)],[N,1,"nodeMoveEvent",e=>(0,xe.c)(e,st),(e,t)=>(0,ke.c)(e,st,t)],[B,1,"cellMoveEvent",e=>(0,xe.c)(e,dt),(e,t)=>(0,ke.c)(e,dt,t)],[P,1,"cellResizeEvent",e=>(0,xe.c)(e,ft),(e,t)=>(0,ke.c)(e,ft,t)],[j,1,"nodeDelete",e=>(0,xe.c)(e,wt),(e,t)=>(0,ke.c)(e,wt,t)],[G,1,"cellDelete",e=>(0,xe.c)(e,kt),(e,t)=>(0,ke.c)(e,kt,t)],[V,1,"cellContextMenu",e=>(0,xe.c)(e,bt),(e,t)=>(0,ke.c)(e,bt,t)],[Z,1,"decoratorTextChange",e=>(0,xe.c)(e,Et),(e,t)=>(0,ke.c)(e,Et,t)],[ae,1,"scaleChange",e=>(0,xe.c)(e,Nt),(e,t)=>(0,ke.c)(e,Nt,t)],[le,2,"dropNode"],[oe,2,"dropDecorator"],[ce,2,"addNodes"],[se,2,"addEdge"],[ue,2,"manuallyConnectNodes"],[de,2,"updateCells"]],r,0,(e=>Rt.has((0,me.c)(e))),Ee.ReactNextElement)),i()}}]);
+//# sourceMappingURL=eo-draw-canvas.623578df.js.map