@octaviaflow/core 3.0.18-beta.12 → 3.0.18-beta.14

package/dist/index.cjs

@@ -29840,6 +29840,8 @@ function FlowEdgeImpl({
   const targetDesc = registry.resolve(targetNode.id, "target", targetHandleId);
   const sourceSide = sourceDesc?.side ?? sourceNode.sourcePosition ?? "bottom";
   const targetSide = targetDesc?.side ?? targetNode.targetPosition ?? "top";
+  const sourceRoute = sourceDesc?.routeSide ?? sourceSide;
+  const targetRoute = targetDesc?.routeSide ?? targetSide;
   const sourceIndex = sourceDesc?.index ?? 0;
   const sourceTotal = sourceDesc?.total ?? 1;
   const targetIndex = targetDesc?.index ?? 0;
@@ -29847,14 +29849,14 @@ function FlowEdgeImpl({
   const rawStart = handleCentre(sourceNode, sourceSide, sourceIndex, sourceTotal);
   const rawEnd = handleCentre(targetNode, targetSide, targetIndex, targetTotal);
   const HANDLE_GAP = 8;
-  const start = offsetAlongSide3(rawStart, sourceSide, HANDLE_GAP);
-  const end = offsetAlongSide3(rawEnd, targetSide, HANDLE_GAP);
+  const start = offsetAlongSide3(rawStart, sourceRoute, HANDLE_GAP);
+  const end = offsetAlongSide3(rawEnd, targetRoute, HANDLE_GAP);
   const routing = edge.routing ?? "bezier";
-  const { d, midX, midY } = buildEdgePath(routing, start, sourceSide, end, targetSide, {
+  const { d, midX, midY } = buildEdgePath(routing, start, sourceRoute, end, targetRoute, {
     curvature,
     borderRadius
   });
-  const { d: hitD } = buildEdgePath(routing, rawStart, sourceSide, rawEnd, targetSide, {
+  const { d: hitD } = buildEdgePath(routing, rawStart, sourceRoute, rawEnd, targetRoute, {
     curvature,
     borderRadius
   });
@@ -30172,6 +30174,7 @@ var DEFAULT_HANDLE_ID = "default";
 function Handle({
   type,
   position,
+  routeSide,
   id = DEFAULT_HANDLE_ID,
   isConnectable = true,
   isConnectableStart,
@@ -30194,13 +30197,14 @@ function Handle({
       handleId: id,
       type,
       side: position,
+      routeSide: routeSide ?? position,
       index,
       total,
       canStart,
       canEnd
     });
     return dispose;
-  }, [registry, node.id, id, type, position, index, total, canStart, canEnd]);
+  }, [registry, node.id, id, type, position, routeSide, index, total, canStart, canEnd]);
   const handlePointerDown = (e) => {
     if (!canStart) return;
     e.stopPropagation();