@eventcatalog/visualiser 5.0.0-beta.9 → 5.0.1

package/dist/{chunk-6OORHWMU.mjs → chunk-KVTGV7VK.mjs}

@@ -13,7 +13,7 @@ import {
   isCarrier,
   isMessageNode,
   layoutWithElk
-} from "./chunk-Z3G354GF.mjs";
+} from "./chunk-NOHQEQD7.mjs";
 
 // src/components/NodeGraph.tsx
 import {
@@ -7663,6 +7663,16 @@ var ROUTE_TOLERANCE = { x: 60, y: 400 };
 var isStraight = (a, b) => a.x === b.x || a.y === b.y;
 var add = (a, b) => ({ x: a.x + b.x, y: a.y + b.y });
 var NOT_MOVED = { x: 0, y: 0 };
+var END_INSET = 8;
+var alongSide = (end, node, height) => {
+  if (!node?.height || !height) return end;
+  const fromMiddle = end.y - (node.y + node.height / 2);
+  const furthest = Math.max(height / 2 - END_INSET, 0);
+  return {
+    x: end.x,
+    y: node.y + height / 2 + Math.min(Math.max(fromMiddle, -furthest), furthest)
+  };
+};
 var getRoutePath = (route, source, target, {
   // Ends at a specific handle (e.g. a service listed in a domain) go exactly
   // to it, rather than where the layout spread them along the node's side
@@ -7670,13 +7680,22 @@ var getRoutePath = (route, source, target, {
   toTargetHandle = false,
   // How far the source and target have moved since they were laid out
   sourceMoved = NOT_MOVED,
-  targetMoved = NOT_MOVED
+  targetMoved = NOT_MOVED,
+  // How tall the source and target render
+  sourceHeight,
+  targetHeight
 } = {}) => {
   const { points } = route;
   if (points.length < 2) return void 0;
   const last = points.length - 1;
-  const start = add(points[0], sourceMoved);
-  const end = add(points[last], targetMoved);
+  const start = add(
+    alongSide(points[0], route.source, sourceHeight),
+    sourceMoved
+  );
+  const end = add(
+    alongSide(points[last], route.target, targetHeight),
+    targetMoved
+  );
   const fits = (a, b) => Math.abs(a.x - b.x) <= ROUTE_TOLERANCE.x && Math.abs(a.y - b.y) <= ROUTE_TOLERANCE.y;
   if (!fits(start, source) || !fits(end, target)) return void 0;
   const movedTogether = Math.abs(sourceMoved.x - targetMoved.x) < 1 && Math.abs(sourceMoved.y - targetMoved.y) < 1;
@@ -7737,7 +7756,7 @@ var getMoved = (state, nodeId, at) => {
   return position && { x: position.x - at.x, y: position.y - at.y };
 };
 var isSamePoint = (a, b) => a.x === b.x && a.y === b.y;
-var isSameEdgeState = (a, b) => a.zIndex === b.zIndex && (a.moved === b.moved || !!a.moved && !!b.moved && isSamePoint(a.moved[0], b.moved[0]) && isSamePoint(a.moved[1], b.moved[1]));
+var isSameEdgeState = (a, b) => a.zIndex === b.zIndex && a.heights?.[0] === b.heights?.[0] && a.heights?.[1] === b.heights?.[1] && (a.moved === b.moved || !!a.moved && !!b.moved && isSamePoint(a.moved[0], b.moved[0]) && isSamePoint(a.moved[1], b.moved[1]));
 var useRoute = ({
   data,
   source,
@@ -7750,7 +7769,7 @@ var useRoute = ({
   targetHandleId
 }, [path, labelX, labelY]) => {
   const route = data?.route;
-  const { moved, zIndex } = useStore3(
+  const { moved, heights, zIndex } = useStore3(
     useCallback6(
       (state) => {
         const z = (nodeId) => {
@@ -7761,9 +7780,11 @@ var useRoute = ({
         if (!route?.source || !route.target) return { zIndex: zIndex2 };
         const sourceMoved = getMoved(state, source, route.source);
         const targetMoved = getMoved(state, target, route.target);
+        const height = (nodeId) => state.nodeLookup.get(nodeId)?.measured.height;
         return {
           zIndex: zIndex2,
-          moved: sourceMoved && targetMoved ? [sourceMoved, targetMoved] : void 0
+          moved: sourceMoved && targetMoved ? [sourceMoved, targetMoved] : void 0,
+          heights: [height(source), height(target)]
         };
       },
       [route, source, target]
@@ -7778,7 +7799,9 @@ var useRoute = ({
       toSourceHandle: !!sourceHandleId,
       toTargetHandle: !!targetHandleId,
       sourceMoved: moved[0],
-      targetMoved: moved[1]
+      targetMoved: moved[1],
+      sourceHeight: heights?.[0],
+      targetHeight: heights?.[1]
     }
   );
   if (!routed) return [path, labelX, labelY, zIndex];
@@ -13449,7 +13472,14 @@ var toSnapshot = (nodes, edges, place) => {
         source: edge.source,
         target: edge.target,
         ...typeof edge.label === "string" && { label: edge.label },
-        ...route && { route: { points: route.points, label: route.label } }
+        ...route && {
+          route: {
+            points: route.points,
+            label: route.label,
+            sourceHeight: route.source?.height,
+            targetHeight: route.target?.height
+          }
+        }
       };
     })
   };
@@ -15706,4 +15736,4 @@ export {
   edgeTypes,
   exportNodeGraphForStudio
 };
-//# sourceMappingURL=chunk-6OORHWMU.mjs.map
+//# sourceMappingURL=chunk-KVTGV7VK.mjs.map