@bemedev/mind-flow 0.3.0 → 0.3.2

package/lib/ui/components/FlowChart.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowChart.context.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.context.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;GAKG;AACH,eAAO,MAAO,QAAQ,sCAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkHV,CAAC;;;;mBACT,CAAC;;;;oBAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHqB,CAAC;;;;uBACT,CAAC;;;;wBAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHqB,CAAC;;;;uBACT,CAAC;;;;wBAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHqB,CAAC;;;;uBACT,CAAC;;;;wBAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAHqB,CAAC;;;;2BACT,CAAC;;;;4BAEF,CAAZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HC,CAAC"}
+{"version":3,"file":"FlowChart.context.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FlowChart.context.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;GAKG;AACH,eAAO,MAAO,QAAQ,sCAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkHkF,CAAC;;;;mBAAmE,CAAC;;;;oBAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAA1I,CAAC;;;;uBAAmE,CAAC;;;;wBAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAA1I,CAAC;;;;uBAAmE,CAAC;;;;wBAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAA1I,CAAC;;;;uBAAmE,CAAC;;;;wBAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAA1I,CAAC;;;;2BAAmE,CAAC;;;;4BAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAD1P,CAAC"}

package/lib/ui/components/NodeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodeComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAQ,MAAM,UAAU,CAAC;AAU3C,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,GAAG,CAAC;QACZ,UAAU,UAAU;YAClB,SAAS,EAAE,GAAG,CAAC;SAChB;KACF;CACF;AAED,uEAAuE;AACvE,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CAgM1C,CAAC"}
+{"version":3,"file":"NodeComponent.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodeComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAQ,MAAM,UAAU,CAAC;AAU3C,OAAO,QAAQ,UAAU,CAAC;IACxB,UAAU,GAAG,CAAC;QACZ,UAAU,UAAU;YAClB,SAAS,EAAE,GAAG,CAAC;SAChB;KACF;CACF;AAED,uEAAuE;AACvE,KAAK,KAAK,GAAG;IACX,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,KAAK,CA+L1C,CAAC"}

package/lib/ui/components/NodesBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodesBoard.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,SAAS,EAOV,MAAM,UAAU,CAAC;AAQlB;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,SA6SxB,CAAC"}
+{"version":3,"file":"NodesBoard.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NodesBoard.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,SAAS,EAOV,MAAM,UAAU,CAAC;AAQlB;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,SA4RxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bemedev/mind-flow",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Flow Chart UI library for Solid.js applications",
   "keywords": [
     "diagram",
@@ -77,8 +77,8 @@
     "globals": "^17.11.0",
     "husky": "^9.1.7",
     "onchange": "^7.1.0",
-    "oxfmt": "^0.64.0",
-    "oxlint": "^1.79.0",
+    "oxfmt": "^0.65.0",
+    "oxlint": "^1.80.0",
     "pretty-quick": "^4.2.2",
     "rimraf": "^6.1.3",
     "rolldown": "^1.2.5",

package/src/services/main.machine.ts

@@ -6,7 +6,11 @@ import { nanoid } from 'nanoid';
 /** Type alias for drag-drop state extracted from {@linkcode useDragDropContext}. */
 export type DragDropState = Exclude<ReturnType<typeof useDragDropContext>, null>[0];
 
-import { DEFAULT_INPUT_OFFSET, getDefaultOutputOffset } from './main.machine.data';
+import {
+  DEFAULT_INPUT_OFFSET,
+  getDefaultOutputOffset,
+  PARENT_CHILD_GAP_WIDTH,
+} from './main.machine.data';
 import {
   buildEdgeId,
   buildNodeID,
@@ -195,6 +199,12 @@ export const machine = createMachine(
       }),
     ),
 
+    setBoard: assign('board', { SET_BOARD: ({ payload }) => payload }),
+    generateID: action(({ pContext }) => (pContext.generatedId = nanoid())),
+    select: assign('selected', { SELECT: ({ payload }) => payload }),
+    clearNewEdge: erase('newEdge'),
+    deselect: erase('selected'),
+
     startNewEdge: assign('newEdge', {
       START_NEW_EDGE: ({ payload: from, pContext: { dimensions } }) => {
         const { x, y } = dimensions[from].output;
@@ -202,8 +212,6 @@ export const machine = createMachine(
       },
     }),
 
-    setBoard: assign('board', { SET_BOARD: ({ payload }) => payload }),
-
     buildUI: batch(
       assign('edgesPositions', {
         MOVE: ({
@@ -247,6 +255,7 @@ export const machine = createMachine(
 
           return edgesPositions;
         },
+
         MOVE_IMMEDIATE: ({
           context: { data, edgesPositions },
           payload,
@@ -255,41 +264,36 @@ export const machine = createMachine(
           const edges = data?.edges;
 
           edges?.forEach(({ from, to, id }) => {
+            const dimension = dimensions[payload.id];
+            const edgePosition = edgesPositions[id];
+            if (!edgePosition || !dimension) return;
+
             if (from === payload.id) {
-              const dimension = dimensions[payload.id];
               const offset =
-                dimension?.outputOffset ?? getDefaultOutputOffset(dimension?.width);
+                dimension.outputOffset ?? getDefaultOutputOffset(dimension.width);
 
               const x0 = payload.x + offset.x;
               const y0 = payload.y + offset.y;
-              edgesPositions[id].x0 = x0;
-              edgesPositions[id].y0 = y0;
-
-              if (dimension) {
-                dimension.output.x = x0;
-                dimension.output.y = y0;
-              }
+              edgePosition.x0 = x0;
+              edgePosition.y0 = y0;
+              dimension.output = { x: x0, y: y0 };
             }
 
             if (to === payload.id) {
-              const dimension = dimensions[payload.id];
               const offset = dimension?.inputOffset ?? DEFAULT_INPUT_OFFSET;
-
               const x1 = payload.x + offset.x;
               const y1 = payload.y + offset.y;
-              edgesPositions[id].x1 = x1;
-              edgesPositions[id].y1 = y1;
-
-              if (dimension) {
-                dimension.input = { x: x1, y: y1 };
-              }
+              edgePosition.x1 = x1;
+              edgePosition.y1 = y1;
+              dimension.input = { x: x1, y: y1 };
             }
           });
 
           return edgesPositions;
         },
+
         else: ({ context: { data, edgesPositions }, pContext: { dimensions } }) => {
-          const edges = data?.edges ?? [];
+          const edges = toArray.typed(data?.edges);
           edgesPositions = {};
 
           edges.forEach(({ from, id, to }) => {
@@ -321,10 +325,6 @@ export const machine = createMachine(
       },
     }),
 
-    generateID: action(({ pContext }) => {
-      pContext.generatedId = nanoid();
-    }),
-
     linkChild: batch(
       assign('data.edges', {
         ADD_CHILD: ({ context: { data }, pContext, payload }) => {
@@ -368,22 +368,14 @@ export const machine = createMachine(
     ),
 
     moveNode: assign('data.nodes', {
-      MOVE: ({ context: { data }, payload }) => {
-        const { id, x, y } = payload;
-
-        return (
-          data?.nodes?.map(d => {
-            if (d.id === id) {
-              return { ...d, position: { x, y } };
-            }
-            return d;
-          }) ?? []
-        );
+      MOVE: ({ context: { data }, payload: { id, x, y } }) => {
+        return data?.nodes?.map(node => {
+          if (node.id === id) return { ...node, position: { x, y } };
+          return node;
+        });
       },
     }),
 
-    select: assign('selected', { SELECT: ({ payload }) => payload }),
-
     delete: batch(
       filter('data.edges', {
         DELETE: ({ id, from, to }, _, { payload }) => {
@@ -408,9 +400,6 @@ export const machine = createMachine(
       erase('newEdge'),
     ),
 
-    clearNewEdge: erase('newEdge'),
-    deselect: erase('selected'),
-
     zoom: assign('zoom', {
       ZOOM: ({ context: { zoom }, payload, pContext }) => {
         const next = zoom + payload;
@@ -433,5 +422,123 @@ export const machine = createMachine(
         return 1;
       },
     }),
+
+    // #region UI
+    placeChild: assign('data.nodes', {
+      ADD_CHILD: ({ payload, context: { data, board }, pContext }) => {
+        if (!board) return data?.nodes;
+        const nodes = data?.nodes;
+        if (!payload) return nodes;
+
+        const parentNode = nodes?.find(node => node.id === payload);
+        if (!parentNode) return nodes;
+
+        const parentDimension = pContext.dimensions[payload];
+
+        const id = `node-${pContext.generatedId}`;
+        const width = parentDimension?.width ?? 192;
+        const height = parentDimension?.height ?? 50;
+        const initialX = parentNode.position.x + width + PARENT_CHILD_GAP_WIDTH;
+        const initialY = parentNode.position.y;
+        const position = pContext.clampPosition(
+          board,
+          initialX,
+          initialY,
+          width,
+          height,
+        );
+        const dimension = pContext.calculateDimensions(position, parentDimension);
+
+        nodes?.push({
+          id,
+          data: { content: '<Nouveau nœud>' },
+          input: true,
+          position,
+        });
+        pContext.dimensions[id] = dimension;
+
+        return nodes;
+      },
+    }),
+
+    placeParent: assign('data.nodes', {
+      ADD_PARENT: ({ context: { data, zoom = 1, board }, pContext }) => {
+        if (!board) return data?.nodes;
+        const nodes = data?.nodes;
+        const id = `node-${pContext.generatedId}`;
+        const container = board.parent;
+        const scrollLeft = container?.scrollLeft ?? 0;
+        const scrollTop = container?.scrollTop ?? 0;
+        const width = container?.width ?? 0;
+        const height = container?.height ?? 0;
+        const currentZoom = zoom;
+        const x = (scrollLeft + width / 2) / currentZoom;
+        const y = (scrollTop + height / 2) / currentZoom;
+        const position = pContext.clampPosition(board, x, y);
+        const dimension = pContext.calculateDimensions(position);
+
+        nodes?.push({
+          id,
+          data: { content: '<Nouveau nœud>' },
+          input: false,
+          position,
+        });
+
+        pContext.dimensions[id] = dimension;
+        return nodes;
+      },
+    }),
+
+    placeSibling: assign('data.nodes', {
+      ADD_SIBLING: ({ payload, context: { data, board }, pContext }) => {
+        if (!board) return data?.nodes;
+        const edges = data?.edges;
+        const nodes = data?.nodes;
+        const parentID = edges?.find(edge => edge.to === payload)?.from;
+        if (!parentID) return nodes;
+
+        const parentNode = nodes?.find(node => node.id === parentID);
+        if (!parentNode) return nodes;
+
+        const parentDimension = pContext.dimensions[parentID];
+        const id = `node-${pContext.generatedId}`;
+        const width = parentDimension?.width ?? 192;
+        const height = parentDimension?.height ?? 50;
+        const initialX = parentNode.position.x + width + PARENT_CHILD_GAP_WIDTH;
+        const initialY = parentNode.position.y + PARENT_CHILD_GAP_WIDTH;
+        const position = pContext.clampPosition(
+          board,
+          initialX,
+          initialY,
+          width,
+          height,
+        );
+        const dimension = pContext.calculateDimensions(position, parentDimension);
+
+        nodes?.push({
+          id,
+          data: { content: '<Nouveau nœud>' },
+          input: true,
+          position,
+        });
+
+        pContext.dimensions[id] = dimension;
+        return nodes;
+      },
+    }),
+
+    moveNewEdge: assign('newEdge', {
+      MOVE_NEW_EDGE: ({ context: { newEdge, board }, payload, pContext }) => {
+        if (!board) return undefined;
+        if (!newEdge) return undefined;
+        const { x: x1, y: y1 } = pContext.getBoardPosition(
+          payload.x,
+          payload.y,
+          board,
+        );
+        return { ...newEdge, x1, y1 };
+      },
+    }),
+    // #endregion
   },
 }));

package/src/ui/components/EdgeComponent.tsx

@@ -51,13 +51,9 @@ export const EdgeComponent: Component<Props> = props => {
   const service = useFlow();
 
   const vector = createState(service, {
-    selector: ({ context }) => {
-      if (props.isNew) {
-        const edge = context.newEdge;
-        if (!edge) return undefined;
-        return { x0: edge.x0, y0: edge.y0, x1: edge.x1, y1: edge.y1 };
-      }
-      return context.edgesPositions[props.id];
+    selector: ({ context: { newEdge, edgesPositions } }) => {
+      if (props.isNew) return newEdge!;
+      return edgesPositions[props.id];
     },
     equals: dequal,
   });
@@ -69,59 +65,53 @@ export const EdgeComponent: Component<Props> = props => {
   /** Computes the 2D midpoint coordinate of the edge curve for handle placement. */
   const middlePoint = () => {
     const v = vector();
-    if (!v) return { x: 0, y: 0 };
     return { x: v.x0 + (v.x1 - v.x0) / 2, y: v.y0 + (v.y1 - v.y0) / 2 };
   };
 
   return (
-    <Show when={vector()}>
-      {v => (
-        <>
-          <path
-            class='relative cursor-pointer fill-transparent'
-            classList={{
-              'stroke-[rgba(168,168,168,0.4)] stroke-3 z-200': !!props.isNew,
-              'stroke-[rgba(168,168,168,1)] stroke-4 z-100':
-                selected() && !props.isNew,
-              'stroke-[rgba(168,168,168,0.8)] stroke-3': !selected() && !props.isNew,
-            }}
-            style={{ 'pointer-events': props.isNew ? 'none' : 'all' }}
-            d={draw(v())}
+    <>
+      <path
+        class='relative cursor-pointer fill-transparent'
+        classList={{
+          'stroke-[rgba(168,168,168,0.4)] stroke-3 z-200': !!props.isNew,
+          'stroke-[rgba(168,168,168,1)] stroke-4 z-100': selected() && !props.isNew,
+          'stroke-[rgba(168,168,168,0.8)] stroke-3': !selected() && !props.isNew,
+        }}
+        style={{ 'pointer-events': props.isNew ? 'none' : 'all' }}
+        d={draw(vector())}
 
-            onMouseDown={e => {
-              e.stopPropagation();
-              return service.send({ type: 'SELECT', payload: props.id });
-            }}
-          />
-          <Show when={selected()}>
-            <g
-              cursor='pointer'
-              transform={`translate(${middlePoint().x}, ${middlePoint().y})`}
-              onMouseDown={e => {
-                e.stopPropagation();
-                service.send({ type: 'DELETE', payload: props.id });
-              }}
-              style={{ 'pointer-events': 'all', 'z-index': '30' }}
-            >
-              <circle cx='0' cy='0' r='12' fill='rgba(168, 168, 168, 1)' />
-              <svg
-                fill='currentColor'
-                stroke-width='0'
-                xmlns='http://www.w3.org/2000/svg'
-                class='h-25 w-25 bg-white fill-white'
-                width='20'
-                height='20'
-                viewBox='0 0 20 20'
-                color='white'
-                x='-10'
-                y='-10'
-              >
-                <path d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'></path>
-              </svg>
-            </g>
-          </Show>
-        </>
-      )}
-    </Show>
+        onMouseDown={e => {
+          e.stopPropagation();
+          return service.send({ type: 'SELECT', payload: props.id });
+        }}
+      />
+      <Show when={selected()}>
+        <g
+          cursor='pointer'
+          transform={`translate(${middlePoint().x}, ${middlePoint().y})`}
+          onMouseDown={e => {
+            e.stopPropagation();
+            service.send({ type: 'DELETE', payload: props.id });
+          }}
+          style={{ 'pointer-events': 'all', 'z-index': '30' }}
+        >
+          <circle cx='0' cy='0' r='12' fill='rgba(168, 168, 168, 1)' />
+          <svg
+            fill='currentColor'
+            stroke-width='0'
+            xmlns='http://www.w3.org/2000/svg'
+            class='h-25 w-25 bg-white fill-white'
+            width='20'
+            height='20'
+            viewBox='0 0 20 20'
+            color='white'
+            x='-10'
+            y='-10'
+          >
+            <path d='M10.185,1.417c-4.741,0-8.583,3.842-8.583,8.583c0,4.74,3.842,8.582,8.583,8.582S18.768,14.74,18.768,10C18.768,5.259,14.926,1.417,10.185,1.417 M10.185,17.68c-4.235,0-7.679-3.445-7.679-7.68c0-4.235,3.444-7.679,7.679-7.679S17.864,5.765,17.864,10C17.864,14.234,14.42,17.68,10.185,17.68 M10.824,10l2.842-2.844c0.178-0.176,0.178-0.46,0-0.637c-0.177-0.178-0.461-0.178-0.637,0l-2.844,2.841L7.341,6.52c-0.176-0.178-0.46-0.178-0.637,0c-0.178,0.176-0.178,0.461,0,0.637L9.546,10l-2.841,2.844c-0.178,0.176-0.178,0.461,0,0.637c0.178,0.178,0.459,0.178,0.637,0l2.844-2.841l2.844,2.841c0.178,0.178,0.459,0.178,0.637,0c0.178-0.176,0.178-0.461,0-0.637L10.824,10z'></path>
+          </svg>
+        </g>
+      </Show>
+    </>
   );
 };

package/src/ui/components/FlowChart.context.ts

@@ -6,7 +6,6 @@ import {
   BOUNDS_CONSTRAINTS,
   DEFAULT_INPUT_OFFSET,
   getDefaultOutputOffset,
-  PARENT_CHILD_GAP_WIDTH,
 } from '#services/main.machine.data';
 import type { Dimension, Point } from '#services/main.machine.typings';
 
@@ -34,7 +33,7 @@ export const [Provider, useFlow] = createContext(
          *
          * @returns Calculated 2D coordinate of type {@linkcode Point}.
          */
-        getBoardPosition(clientX, clientY, el): Point {
+        getBoardPosition: (clientX, clientY, el): Point => {
           if (!el) return { x: clientX, y: clientY };
           const currentZoom = service.state.context.zoom;
           const x = (clientX - el.self.left) / currentZoom;
@@ -56,7 +55,7 @@ export const [Provider, useFlow] = createContext(
          *
          * @see {@linkcode BOUNDS_CONSTRAINTS}
          */
-        clampPosition(board, x, y, nodeWidth = 192, nodeHeight = 50): Point {
+        clampPosition: (board, x, y, nodeWidth = 192, nodeHeight = 50): Point => {
           const container = board?.parent;
           if (!container) return { x, y };
 
@@ -125,134 +124,6 @@ export const [Provider, useFlow] = createContext(
       },
     });
 
-    // #endregion
-
-    service.addOptions(({ assign }) => ({
-      actions: {
-        placeChild: assign('data.nodes', {
-          ADD_CHILD: ({ payload, context: { data, board }, pContext }) => {
-            if (!board) return data?.nodes;
-            const nodes = data?.nodes;
-            if (!payload) return nodes;
-
-            const parentNode = nodes?.find(node => node.id === payload);
-            if (!parentNode) return nodes;
-
-            const parentDimension = pContext.dimensions[payload];
-
-            const id = `node-${pContext.generatedId}`;
-            const width = parentDimension?.width ?? 192;
-            const height = parentDimension?.height ?? 50;
-            const initialX = parentNode.position.x + width + PARENT_CHILD_GAP_WIDTH;
-            const initialY = parentNode.position.y;
-            const position = pContext.clampPosition(
-              board,
-              initialX,
-              initialY,
-              width,
-              height,
-            );
-            const dimension = pContext.calculateDimensions(
-              position,
-              parentDimension,
-            );
-
-            nodes?.push({
-              id,
-              data: { content: '<Nouveau nœud>' },
-              input: true,
-              position,
-            });
-            pContext.dimensions[id] = dimension;
-
-            return nodes;
-          },
-        }),
-
-        placeParent: assign('data.nodes', {
-          ADD_PARENT: ({ context: { data, zoom = 1, board }, pContext }) => {
-            if (!board) return data?.nodes;
-            const nodes = data?.nodes;
-            const id = `node-${pContext.generatedId}`;
-            const container = board.parent;
-            const scrollLeft = container?.scrollLeft ?? 0;
-            const scrollTop = container?.scrollTop ?? 0;
-            const width = container?.width ?? 0;
-            const height = container?.height ?? 0;
-            const currentZoom = zoom;
-            const x = (scrollLeft + width / 2) / currentZoom;
-            const y = (scrollTop + height / 2) / currentZoom;
-            const position = pContext.clampPosition(board, x, y);
-            const dimension = pContext.calculateDimensions(position);
-
-            nodes?.push({
-              id,
-              data: { content: '<Nouveau nœud>' },
-              input: false,
-              position,
-            });
-
-            pContext.dimensions[id] = dimension;
-            return nodes;
-          },
-        }),
-
-        placeSibling: assign('data.nodes', {
-          ADD_SIBLING: ({ payload, context: { data, board }, pContext }) => {
-            if (!board) return data?.nodes;
-            const edges = data?.edges;
-            const nodes = data?.nodes;
-            const parentID = edges?.find(edge => edge.to === payload)?.from;
-            if (!parentID) return nodes;
-
-            const parentNode = nodes?.find(node => node.id === parentID);
-            if (!parentNode) return nodes;
-
-            const parentDimension = pContext.dimensions[parentID];
-            const id = `node-${pContext.generatedId}`;
-            const width = parentDimension?.width ?? 192;
-            const height = parentDimension?.height ?? 50;
-            const initialX = parentNode.position.x + width + PARENT_CHILD_GAP_WIDTH;
-            const initialY = parentNode.position.y + PARENT_CHILD_GAP_WIDTH;
-            const position = pContext.clampPosition(
-              board,
-              initialX,
-              initialY,
-              width,
-              height,
-            );
-            const dimension = pContext.calculateDimensions(
-              position,
-              parentDimension,
-            );
-
-            nodes?.push({
-              id,
-              data: { content: '<Nouveau nœud>' },
-              input: true,
-              position,
-            });
-
-            pContext.dimensions[id] = dimension;
-            return nodes;
-          },
-        }),
-
-        moveNewEdge: assign('newEdge', {
-          MOVE_NEW_EDGE: ({ context: { newEdge, board }, payload, pContext }) => {
-            if (!board) return undefined;
-            if (!newEdge) return undefined;
-            const { x: x1, y: y1 } = pContext.getBoardPosition(
-              payload.x,
-              payload.y,
-              board,
-            );
-            return { ...newEdge, x1, y1 };
-          },
-        }),
-      },
-    }));
-
     service.start();
     return service;
   },

package/src/ui/components/FlowChart.tsx

@@ -65,35 +65,35 @@ export type FlowProps = {
 export const FlowChart: Component<FlowProps> = props => {
   const primaryNodes = props.config?.nodes ?? DEFAULT_NODES;
   const primaryEdges = props.config?.edges;
-
   const service = useFlow();
-
   const hasNewEdge = createState(service, { selector: s => !!s.context.newEdge });
+  onCleanup(service.pause);
 
   onMount(() => {
     service.resume();
+
     service.send({
       type: 'CONFIGURE',
       payload: { nodes: primaryNodes, edges: primaryEdges ?? [] },
     });
   });
 
-  onCleanup(service.pause);
-
   return (
     <div
       class='relative h-full w-full'
       onMouseUp={() => service.send('CLEAR_NEW_EDGE')}
-      onMouseMove={event => {
-        service.send({
-          type: 'MOVE_NEW_EDGE',
-          payload: { x: event.clientX, y: event.clientY },
-        });
+
+      onMouseMove={({ clientX, clientY }) => {
+        if (hasNewEdge())
+          service.send({
+            type: 'MOVE_NEW_EDGE',
+            payload: { x: clientX, y: clientY },
+          });
       }}
-      style={{}}
     >
       <div
         class='relative h-full w-full bg-white bg-size-[30px_30px]'
+
         style={{
           cursor: hasNewEdge() ? 'inherit' : 'crosshair',
           'background-image':