@statelyai/layout 0.5.1 → 0.5.2

package/dist/elkjs/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-require('../layered-QzYtokgN.cjs');
-const require_elkjs = require('../elkjs-Bh_E59N_.cjs');
+require('../layered-B1AE7Zpr.cjs');
+const require_elkjs = require('../elkjs--K57ydUJ.cjs');
 
 exports.compileStatechartLayout = require_elkjs.compileStatechartLayout;
 exports.default = require_elkjs.ELK;

package/dist/elkjs/index.mjs

@@ -1,4 +1,4 @@
-import "../layered-CUwft7on.mjs";
-import { a as scoreStatechartLayout, i as layoutStatechart, n as getElkRoutes, r as compileStatechartLayout, t as ELK } from "../elkjs-Dk9yOk9U.mjs";
+import "../layered-BtnmL9_b.mjs";
+import { a as scoreStatechartLayout, i as layoutStatechart, n as getElkRoutes, r as compileStatechartLayout, t as ELK } from "../elkjs-C243vQwg.mjs";
 
 export { compileStatechartLayout, ELK as default, getElkRoutes, layoutStatechart, scoreStatechartLayout };

package/dist/elkjs/main.cjs

@@ -1,4 +1,4 @@
-require('../layered-QzYtokgN.cjs');
+require('../layered-B1AE7Zpr.cjs');
 const require_elkjs_worker = require('./worker.cjs');
 const require_worker_client = require('../worker-client-D4oEvhAl.cjs');
 

package/dist/elkjs/main.mjs

@@ -1,4 +1,4 @@
-import "../layered-CUwft7on.mjs";
+import "../layered-BtnmL9_b.mjs";
 import { Worker } from "./worker.mjs";
 import { t as WorkerELK } from "../worker-client-BNjwT1AJ.mjs";
 

package/dist/elkjs/worker.cjs

@@ -1,5 +1,5 @@
-require('../layered-QzYtokgN.cjs');
-const require_elkjs = require('../elkjs-Bh_E59N_.cjs');
+require('../layered-B1AE7Zpr.cjs');
+const require_elkjs = require('../elkjs--K57ydUJ.cjs');
 
 //#region src/elkjs/worker.ts
 /*******************************************************************************

package/dist/elkjs/worker.mjs

@@ -1,5 +1,5 @@
-import "../layered-CUwft7on.mjs";
-import { t as ELK } from "../elkjs-Dk9yOk9U.mjs";
+import "../layered-BtnmL9_b.mjs";
+import { t as ELK } from "../elkjs-C243vQwg.mjs";
 
 //#region src/elkjs/worker.ts
 /*******************************************************************************

package/dist/{elkjs-Bh_E59N_.cjs → elkjs--K57ydUJ.cjs}

@@ -1,6 +1,6 @@
 const require_routing = require('./routing-Phxu1R0x.cjs');
-const require_layered = require('./layered-QzYtokgN.cjs');
-const require_layout_engine = require('./layout-engine-CQ5FcBPC.cjs');
+const require_layered = require('./layered-B1AE7Zpr.cjs');
+const require_layout_engine = require('./layout-engine-Dk5EklIn.cjs');
 let _statelyai_graph = require("@statelyai/graph");
 
 //#region src/layered/hierarchy-sweepiness.ts

package/dist/{elkjs-Dk9yOk9U.mjs → elkjs-C243vQwg.mjs}

@@ -1,6 +1,6 @@
 import { E as pathFromPoints, N as freeze, _ as pathFromSplinePoints } from "./routing-D-LfMXOF.mjs";
-import { $ as attachExternalPortDummy, R as createLayerSweepSession, S as CROSSING_MODEL, Z as minimizeHierarchyCrossings, b as elkjs0111ResultPolicy, c as elkLayeredOptionDefinitions, et as createExternalPortDummy, h as separateOpposingTracks, nt as createOrthogonalHypersegments, t as createLayeredScopePipeline, tt as externalPortDummyOf, v as isPerpendicularPortRestored, y as hierarchicalPortSides } from "./layered-CUwft7on.mjs";
-import { n as executeElkjs0111Layout } from "./layout-engine-DvDkMQM3.mjs";
+import { $ as attachExternalPortDummy, R as createLayerSweepSession, S as CROSSING_MODEL, Z as minimizeHierarchyCrossings, b as elkjs0111ResultPolicy, c as elkLayeredOptionDefinitions, et as createExternalPortDummy, h as separateOpposingTracks, nt as createOrthogonalHypersegments, t as createLayeredScopePipeline, tt as externalPortDummyOf, v as isPerpendicularPortRestored, y as hierarchicalPortSides } from "./layered-BtnmL9_b.mjs";
+import { n as executeElkjs0111Layout } from "./layout-engine-CHkJkgG6.mjs";
 import { createGraph } from "@statelyai/graph";
 
 //#region src/layered/hierarchy-sweepiness.ts

package/dist/index.cjs

@@ -1,6 +1,6 @@
 const require_routing = require('./routing-Phxu1R0x.cjs');
-const require_layered = require('./layered-QzYtokgN.cjs');
-const require_layout_engine = require('./layout-engine-CQ5FcBPC.cjs');
+const require_layered = require('./layered-B1AE7Zpr.cjs');
+const require_layout_engine = require('./layout-engine-Dk5EklIn.cjs');
 let _statelyai_graph = require("@statelyai/graph");
 
 //#region src/layout.ts

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { C as getPathLength, D as roundCorners, E as pathFromPoints, O as segmentCrossesRect, P as routingPolicies, R as LayoutError, S as getPathBounds, T as getTangentAtLength, _ as pathFromSplinePoints, a as fanRouting, b as routeToPolylines, c as orthogonalRouting, d as routingStrategies, f as selfLoopRouting, g as getLayoutRoutes, h as trimBezierPathStart, i as curvedRouting, k as toSvgPath, l as parallelRouting, m as applyRoutePatches, n as bundleRouting, o as octilinearRouting, p as straightRouting, r as busRouting, s as organicRouting, t as bezierRouting, u as polylineRouting, v as routeToGraphPatch, w as getPointAtLength, x as flattenPath, y as routeToPoints, z as UnsupportedLayoutError } from "./routing-D-LfMXOF.mjs";
-import { A as breakCyclesByStronglyConnectedConnectivity, B as minimizeCrossingsInteractively, C as assignLayersByBreadthFirstModelOrder, D as assignLayersInteractively, E as assignLayersByLongestPathToSink, F as breakCyclesWithDepthFirstSearch, G as placeNodesInteractively, H as minimizeCrossingsWithMedian, I as breakCyclesWithModelOrderBreadthFirstSearch, J as routeEdgesWithPolylines, L as breakCyclesWithModelOrderDepthFirstSearch, M as breakCyclesGreedily, N as breakCyclesGreedilyByModelOrder, O as assignLayersWithCoffmanGraham, P as breakCyclesInteractively, Q as assignLayersWithNetworkSimplex, T as assignLayersByLongestPath, U as minimizeCrossingsWithModelOrder, V as minimizeCrossingsWithBarycenter, W as placeNodesInLayers, Y as routeEdgesWithSplines, _ as statechartHints, a as fromElkLayeredOptionId, c as elkLayeredOptionDefinitions, f as assignLayersWithStretchWidth, g as hint, i as layeredAlgorithm, j as breakCyclesByStronglyConnectedNodeType, k as breakCyclesByModelOrder, m as c, o as toElkLayeredOptions, p as assignLayersWithMinWidth, q as routeEdgesOrthogonally, r as getLayeredLayout, s as elkLayeredEnumValues, w as assignLayersByDepthFirstModelOrder } from "./layered-CUwft7on.mjs";
-import { a as getSporeCompactionLayout, c as sporeOverlapRemovalAlgorithm, d as getRectanglePackingLayout, f as rectanglePackingAlgorithm, g as getFixedLayout, h as fixedAlgorithm, i as getBuiltInLayoutAlgorithm, l as getRandomLayout, m as getBoxLayout, o as getSporeOverlapRemovalLayout, p as boxAlgorithm, r as executeLayoutAlgorithm, s as sporeCompactionAlgorithm, t as builtInLayoutAlgorithms, u as randomAlgorithm } from "./layout-engine-DvDkMQM3.mjs";
+import { A as breakCyclesByStronglyConnectedConnectivity, B as minimizeCrossingsInteractively, C as assignLayersByBreadthFirstModelOrder, D as assignLayersInteractively, E as assignLayersByLongestPathToSink, F as breakCyclesWithDepthFirstSearch, G as placeNodesInteractively, H as minimizeCrossingsWithMedian, I as breakCyclesWithModelOrderBreadthFirstSearch, J as routeEdgesWithPolylines, L as breakCyclesWithModelOrderDepthFirstSearch, M as breakCyclesGreedily, N as breakCyclesGreedilyByModelOrder, O as assignLayersWithCoffmanGraham, P as breakCyclesInteractively, Q as assignLayersWithNetworkSimplex, T as assignLayersByLongestPath, U as minimizeCrossingsWithModelOrder, V as minimizeCrossingsWithBarycenter, W as placeNodesInLayers, Y as routeEdgesWithSplines, _ as statechartHints, a as fromElkLayeredOptionId, c as elkLayeredOptionDefinitions, f as assignLayersWithStretchWidth, g as hint, i as layeredAlgorithm, j as breakCyclesByStronglyConnectedNodeType, k as breakCyclesByModelOrder, m as c, o as toElkLayeredOptions, p as assignLayersWithMinWidth, q as routeEdgesOrthogonally, r as getLayeredLayout, s as elkLayeredEnumValues, w as assignLayersByDepthFirstModelOrder } from "./layered-BtnmL9_b.mjs";
+import { a as getSporeCompactionLayout, c as sporeOverlapRemovalAlgorithm, d as getRectanglePackingLayout, f as rectanglePackingAlgorithm, g as getFixedLayout, h as fixedAlgorithm, i as getBuiltInLayoutAlgorithm, l as getRandomLayout, m as getBoxLayout, o as getSporeOverlapRemovalLayout, p as boxAlgorithm, r as executeLayoutAlgorithm, s as sporeCompactionAlgorithm, t as builtInLayoutAlgorithms, u as randomAlgorithm } from "./layout-engine-CHkJkgG6.mjs";
 import { getGraphIssues } from "@statelyai/graph";
 
 //#region src/layout.ts

package/dist/layered/index.cjs

@@ -1,4 +1,4 @@
-const require_layered = require('../layered-QzYtokgN.cjs');
+const require_layered = require('../layered-B1AE7Zpr.cjs');
 
 exports.assignLayersByBreadthFirstModelOrder = require_layered.assignLayersByBreadthFirstModelOrder;
 exports.assignLayersByDepthFirstModelOrder = require_layered.assignLayersByDepthFirstModelOrder;

package/dist/layered/index.mjs

@@ -1,3 +1,3 @@
-import { A as breakCyclesByStronglyConnectedConnectivity, B as minimizeCrossingsInteractively, C as assignLayersByBreadthFirstModelOrder, D as assignLayersInteractively, E as assignLayersByLongestPathToSink, F as breakCyclesWithDepthFirstSearch, G as placeNodesInteractively, H as minimizeCrossingsWithMedian, I as breakCyclesWithModelOrderBreadthFirstSearch, J as routeEdgesWithPolylines, L as breakCyclesWithModelOrderDepthFirstSearch, M as breakCyclesGreedily, N as breakCyclesGreedilyByModelOrder, O as assignLayersWithCoffmanGraham, P as breakCyclesInteractively, Q as assignLayersWithNetworkSimplex, T as assignLayersByLongestPath, U as minimizeCrossingsWithModelOrder, V as minimizeCrossingsWithBarycenter, W as placeNodesInLayers, Y as routeEdgesWithSplines, a as fromElkLayeredOptionId, c as elkLayeredOptionDefinitions, d as placeNodesWithBrandesKoepf, f as assignLayersWithStretchWidth, i as layeredAlgorithm, j as breakCyclesByStronglyConnectedNodeType, k as breakCyclesByModelOrder, l as placeNodesWithNetworkSimplex, n as elkjs0111LayeredAlgorithm, o as toElkLayeredOptions, p as assignLayersWithMinWidth, q as routeEdgesOrthogonally, r as getLayeredLayout, s as elkLayeredEnumValues, t as createLayeredScopePipeline, u as placeNodesWithLinearSegments, w as assignLayersByDepthFirstModelOrder } from "../layered-CUwft7on.mjs";
+import { A as breakCyclesByStronglyConnectedConnectivity, B as minimizeCrossingsInteractively, C as assignLayersByBreadthFirstModelOrder, D as assignLayersInteractively, E as assignLayersByLongestPathToSink, F as breakCyclesWithDepthFirstSearch, G as placeNodesInteractively, H as minimizeCrossingsWithMedian, I as breakCyclesWithModelOrderBreadthFirstSearch, J as routeEdgesWithPolylines, L as breakCyclesWithModelOrderDepthFirstSearch, M as breakCyclesGreedily, N as breakCyclesGreedilyByModelOrder, O as assignLayersWithCoffmanGraham, P as breakCyclesInteractively, Q as assignLayersWithNetworkSimplex, T as assignLayersByLongestPath, U as minimizeCrossingsWithModelOrder, V as minimizeCrossingsWithBarycenter, W as placeNodesInLayers, Y as routeEdgesWithSplines, a as fromElkLayeredOptionId, c as elkLayeredOptionDefinitions, d as placeNodesWithBrandesKoepf, f as assignLayersWithStretchWidth, i as layeredAlgorithm, j as breakCyclesByStronglyConnectedNodeType, k as breakCyclesByModelOrder, l as placeNodesWithNetworkSimplex, n as elkjs0111LayeredAlgorithm, o as toElkLayeredOptions, p as assignLayersWithMinWidth, q as routeEdgesOrthogonally, r as getLayeredLayout, s as elkLayeredEnumValues, t as createLayeredScopePipeline, u as placeNodesWithLinearSegments, w as assignLayersByDepthFirstModelOrder } from "../layered-BtnmL9_b.mjs";
 
 export { assignLayersByBreadthFirstModelOrder, assignLayersByDepthFirstModelOrder, assignLayersByLongestPath, assignLayersByLongestPathToSink, assignLayersInteractively, assignLayersWithCoffmanGraham, assignLayersWithMinWidth, assignLayersWithNetworkSimplex, assignLayersWithStretchWidth, breakCyclesByModelOrder, breakCyclesByStronglyConnectedConnectivity, breakCyclesByStronglyConnectedNodeType, breakCyclesGreedily, breakCyclesGreedilyByModelOrder, breakCyclesInteractively, breakCyclesWithDepthFirstSearch, breakCyclesWithModelOrderBreadthFirstSearch, breakCyclesWithModelOrderDepthFirstSearch, createLayeredScopePipeline, elkLayeredEnumValues, elkLayeredOptionDefinitions, elkjs0111LayeredAlgorithm, fromElkLayeredOptionId, getLayeredLayout, layeredAlgorithm, minimizeCrossingsInteractively, minimizeCrossingsWithBarycenter, minimizeCrossingsWithMedian, minimizeCrossingsWithModelOrder, placeNodesInLayers, placeNodesInteractively, placeNodesWithBrandesKoepf, placeNodesWithLinearSegments, placeNodesWithNetworkSimplex, routeEdgesOrthogonally, routeEdgesWithPolylines, routeEdgesWithSplines, toElkLayeredOptions };

package/dist/{layered-QzYtokgN.cjs → layered-B1AE7Zpr.cjs}

@@ -1796,14 +1796,14 @@ function loopEnvelopes(input) {
 		const allLoops = loopsByNodeId.get(node.id)?.slice() ?? [];
 		const constraints = input.nodeSettings?.(node)?.portConstraints;
 		if (allLoops.length && constraints && constraints !== "FREE" && constraints !== "UNDEFINED" && allLoops.every((edge) => edge.sourcePort !== void 0 && edge.targetPort !== void 0 && input.edgeSettings?.(edge)?.["edgeLabels.inline"] !== true && ((edge.width ?? 0) === 0 && (edge.height ?? 0) === 0 || (input.edgeSettings?.(edge)?.["edgeLabels.placement"] ?? "CENTER") === "CENTER"))) {
-			const size$1 = input.sizes.get(node.id) ?? {
+			const size$2 = input.sizes.get(node.id) ?? {
 				width: 0,
 				height: 0
 			};
 			const rect = {
 				x: 0,
 				y: 0,
-				...size$1
+				...size$2
 			};
 			const envelope$1 = {
 				before: 0,
@@ -1811,7 +1811,7 @@ function loopEnvelopes(input) {
 				flowBefore: 0,
 				flowAfter: 0
 			};
-			const horizontal$1 = input.direction === "right" || input.direction === "left";
+			const horizontal$2 = input.direction === "right" || input.direction === "left";
 			const reverse = input.direction === "left" || input.direction === "up";
 			const spacing = Number(input.settings["spacing.nodeSelfLoop"] ?? 10);
 			let supported = true;
@@ -1842,13 +1842,13 @@ function loopEnvelopes(input) {
 					});
 				}
 				for (const point of route) {
-					const cross = horizontal$1 ? point.y : point.x;
-					const flow = horizontal$1 ? point.x : point.y;
-					const flowSize = horizontal$1 ? size$1.width : size$1.height;
+					const cross = horizontal$2 ? point.y : point.x;
+					const flow = horizontal$2 ? point.x : point.y;
+					const flowSize$1 = horizontal$2 ? size$2.width : size$2.height;
 					envelope$1.before = Math.max(envelope$1.before, -cross);
-					envelope$1.after = Math.max(envelope$1.after, cross - (horizontal$1 ? size$1.height : size$1.width));
-					envelope$1.flowBefore = Math.max(envelope$1.flowBefore, reverse ? flow - flowSize : -flow);
-					envelope$1.flowAfter = Math.max(envelope$1.flowAfter, reverse ? -flow : flow - flowSize);
+					envelope$1.after = Math.max(envelope$1.after, cross - (horizontal$2 ? size$2.height : size$2.width));
+					envelope$1.flowBefore = Math.max(envelope$1.flowBefore, reverse ? flow - flowSize$1 : -flow);
+					envelope$1.flowAfter = Math.max(envelope$1.flowAfter, reverse ? -flow : flow - flowSize$1);
 				}
 			}
 			if (supported) {
@@ -1879,10 +1879,22 @@ function loopEnvelopes(input) {
 			flowAfter: "EAST",
 			flowBefore: "WEST"
 		};
+		const horizontal$1 = input.direction === "right" || input.direction === "left";
+		const size$1 = input.sizes.get(node.id) ?? {
+			width: 0,
+			height: 0
+		};
+		const flowSize = horizontal$1 ? size$1.width : size$1.height;
 		for (const side of sides$1) {
 			const selected = loops.filter((_, index) => sides$1[index % sides$1.length] === side);
 			const canonical = canonicalSides[side];
-			envelope[side] = Math.max(0, ...selected.map((edge) => movableLoopTrack(input, selected, edge, canonical, ordering) + movableLoopLabelExtent(input, edge, canonical)));
+			envelope[side] = Math.max(envelope[side], ...selected.map((edge) => movableLoopTrack(input, selected, edge, canonical, ordering) + movableLoopLabelExtent(input, edge, canonical)));
+			if (!crossSide(canonical)) continue;
+			for (const edge of selected) {
+				const overhang = ((horizontal$1 ? edge.width : edge.height) ?? 0) - flowSize;
+				envelope.flowBefore = Math.max(envelope.flowBefore, overhang / 2);
+				envelope.flowAfter = Math.max(envelope.flowAfter, overhang / 2);
+			}
 		}
 		envelopes.set(node.id, envelope);
 	}
@@ -19830,16 +19842,20 @@ function* createLayeredScopePipeline(graph, options, context, fallbacks = {
 			const forwardDummyRect = forwardDummy && placement.rectByNodeId.get(forwardDummy.id);
 			const forwardDummyPort = forwardDummy?.ports?.[0];
 			const forwardCross = forwardDummyRect && forwardDummyPort ? horizontal$1 ? forwardDummyRect.y + (forwardDummyPort.y ?? 0) : forwardDummyRect.x + (forwardDummyPort.x ?? 0) : horizontal$1 ? Math.round(forwardLabel.y + (forward.height ?? 0) / 2) : Math.round(forwardLabel.x + (forward.width ?? 0) / 2);
-			const alignPort = (node, portName) => {
+			const alignedCross = (node, portName) => {
 				const rect = placement.rectByNodeId.get(node.id);
 				const port = node.ports?.find((candidate) => candidate.name === portName);
-				if (!rect || !port) return;
+				if (!rect || !port) return void 0;
 				const placedPort = placePorts(node.ports, rect, direction, (candidate) => input.portSettings?.(candidate, node), {
 					...options.settings,
 					...options.nodeSettings?.(node)
 				}, (candidate) => getOrientedPortDirection(expanded.input, expanded.orientation, node, candidate))?.find((candidate) => candidate.name === portName);
-				if (!placedPort) return;
-				const nextCross = forwardCross - (horizontal$1 ? (placedPort.y ?? 0) + (placedPort.height ?? 0) / 2 : (placedPort.x ?? 0) + (placedPort.width ?? 0) / 2);
+				if (!placedPort) return void 0;
+				return forwardCross - (horizontal$1 ? (placedPort.y ?? 0) + (placedPort.height ?? 0) / 2 : (placedPort.x ?? 0) + (placedPort.width ?? 0) / 2);
+			};
+			const alignPort = (node, nextCross) => {
+				const rect = placement.rectByNodeId.get(node.id);
+				if (!rect || nextCross === void 0) return;
 				const currentCross = horizontal$1 ? rect.y : rect.x;
 				postCompactionNodeCrossDeltas.set(node.id, (postCompactionNodeCrossDeltas.get(node.id) ?? 0) + nextCross - currentCross);
 				mutableRects.set(node.id, horizontal$1 ? {
@@ -19851,8 +19867,12 @@ function* createLayeredScopePipeline(graph, options, context, fallbacks = {
 				});
 			};
 			if (isolatedAntiparallelPair) {
-				alignPort(nodesById.get(forward.sourceId), forward.sourcePort);
-				alignPort(nodesById.get(forward.targetId), forward.targetPort);
+				const ends = [[nodesById.get(forward.sourceId), forward.sourcePort], [nodesById.get(forward.targetId), forward.targetPort]];
+				const crosses$1 = ends.map(([node, port]) => alignedCross(node, port));
+				if (!ends.some(([node], index) => {
+					const rect = placement.rectByNodeId.get(node.id);
+					return rect !== void 0 && crosses$1[index] !== void 0 && Math.abs(crosses$1[index] - (horizontal$1 ? rect.y : rect.x)) > 1e-9 && graph.edges.some((edge) => edge.sourceId === node.id && edge.targetId === node.id);
+				})) ends.forEach(([node], index) => alignPort(node, crosses$1[index]));
 			}
 		}
 	}

package/dist/{layered-CUwft7on.mjs → layered-BtnmL9_b.mjs}

@@ -1796,14 +1796,14 @@ function loopEnvelopes(input) {
 		const allLoops = loopsByNodeId.get(node.id)?.slice() ?? [];
 		const constraints = input.nodeSettings?.(node)?.portConstraints;
 		if (allLoops.length && constraints && constraints !== "FREE" && constraints !== "UNDEFINED" && allLoops.every((edge) => edge.sourcePort !== void 0 && edge.targetPort !== void 0 && input.edgeSettings?.(edge)?.["edgeLabels.inline"] !== true && ((edge.width ?? 0) === 0 && (edge.height ?? 0) === 0 || (input.edgeSettings?.(edge)?.["edgeLabels.placement"] ?? "CENTER") === "CENTER"))) {
-			const size$1 = input.sizes.get(node.id) ?? {
+			const size$2 = input.sizes.get(node.id) ?? {
 				width: 0,
 				height: 0
 			};
 			const rect = {
 				x: 0,
 				y: 0,
-				...size$1
+				...size$2
 			};
 			const envelope$1 = {
 				before: 0,
@@ -1811,7 +1811,7 @@ function loopEnvelopes(input) {
 				flowBefore: 0,
 				flowAfter: 0
 			};
-			const horizontal$1 = input.direction === "right" || input.direction === "left";
+			const horizontal$2 = input.direction === "right" || input.direction === "left";
 			const reverse = input.direction === "left" || input.direction === "up";
 			const spacing = Number(input.settings["spacing.nodeSelfLoop"] ?? 10);
 			let supported = true;
@@ -1842,13 +1842,13 @@ function loopEnvelopes(input) {
 					});
 				}
 				for (const point of route) {
-					const cross = horizontal$1 ? point.y : point.x;
-					const flow = horizontal$1 ? point.x : point.y;
-					const flowSize = horizontal$1 ? size$1.width : size$1.height;
+					const cross = horizontal$2 ? point.y : point.x;
+					const flow = horizontal$2 ? point.x : point.y;
+					const flowSize$1 = horizontal$2 ? size$2.width : size$2.height;
 					envelope$1.before = Math.max(envelope$1.before, -cross);
-					envelope$1.after = Math.max(envelope$1.after, cross - (horizontal$1 ? size$1.height : size$1.width));
-					envelope$1.flowBefore = Math.max(envelope$1.flowBefore, reverse ? flow - flowSize : -flow);
-					envelope$1.flowAfter = Math.max(envelope$1.flowAfter, reverse ? -flow : flow - flowSize);
+					envelope$1.after = Math.max(envelope$1.after, cross - (horizontal$2 ? size$2.height : size$2.width));
+					envelope$1.flowBefore = Math.max(envelope$1.flowBefore, reverse ? flow - flowSize$1 : -flow);
+					envelope$1.flowAfter = Math.max(envelope$1.flowAfter, reverse ? -flow : flow - flowSize$1);
 				}
 			}
 			if (supported) {
@@ -1879,10 +1879,22 @@ function loopEnvelopes(input) {
 			flowAfter: "EAST",
 			flowBefore: "WEST"
 		};
+		const horizontal$1 = input.direction === "right" || input.direction === "left";
+		const size$1 = input.sizes.get(node.id) ?? {
+			width: 0,
+			height: 0
+		};
+		const flowSize = horizontal$1 ? size$1.width : size$1.height;
 		for (const side of sides$1) {
 			const selected = loops.filter((_, index) => sides$1[index % sides$1.length] === side);
 			const canonical = canonicalSides[side];
-			envelope[side] = Math.max(0, ...selected.map((edge) => movableLoopTrack(input, selected, edge, canonical, ordering) + movableLoopLabelExtent(input, edge, canonical)));
+			envelope[side] = Math.max(envelope[side], ...selected.map((edge) => movableLoopTrack(input, selected, edge, canonical, ordering) + movableLoopLabelExtent(input, edge, canonical)));
+			if (!crossSide(canonical)) continue;
+			for (const edge of selected) {
+				const overhang = ((horizontal$1 ? edge.width : edge.height) ?? 0) - flowSize;
+				envelope.flowBefore = Math.max(envelope.flowBefore, overhang / 2);
+				envelope.flowAfter = Math.max(envelope.flowAfter, overhang / 2);
+			}
 		}
 		envelopes.set(node.id, envelope);
 	}
@@ -19830,16 +19842,20 @@ function* createLayeredScopePipeline(graph, options, context, fallbacks = {
 			const forwardDummyRect = forwardDummy && placement.rectByNodeId.get(forwardDummy.id);
 			const forwardDummyPort = forwardDummy?.ports?.[0];
 			const forwardCross = forwardDummyRect && forwardDummyPort ? horizontal$1 ? forwardDummyRect.y + (forwardDummyPort.y ?? 0) : forwardDummyRect.x + (forwardDummyPort.x ?? 0) : horizontal$1 ? Math.round(forwardLabel.y + (forward.height ?? 0) / 2) : Math.round(forwardLabel.x + (forward.width ?? 0) / 2);
-			const alignPort = (node, portName) => {
+			const alignedCross = (node, portName) => {
 				const rect = placement.rectByNodeId.get(node.id);
 				const port = node.ports?.find((candidate) => candidate.name === portName);
-				if (!rect || !port) return;
+				if (!rect || !port) return void 0;
 				const placedPort = placePorts(node.ports, rect, direction, (candidate) => input.portSettings?.(candidate, node), {
 					...options.settings,
 					...options.nodeSettings?.(node)
 				}, (candidate) => getOrientedPortDirection(expanded.input, expanded.orientation, node, candidate))?.find((candidate) => candidate.name === portName);
-				if (!placedPort) return;
-				const nextCross = forwardCross - (horizontal$1 ? (placedPort.y ?? 0) + (placedPort.height ?? 0) / 2 : (placedPort.x ?? 0) + (placedPort.width ?? 0) / 2);
+				if (!placedPort) return void 0;
+				return forwardCross - (horizontal$1 ? (placedPort.y ?? 0) + (placedPort.height ?? 0) / 2 : (placedPort.x ?? 0) + (placedPort.width ?? 0) / 2);
+			};
+			const alignPort = (node, nextCross) => {
+				const rect = placement.rectByNodeId.get(node.id);
+				if (!rect || nextCross === void 0) return;
 				const currentCross = horizontal$1 ? rect.y : rect.x;
 				postCompactionNodeCrossDeltas.set(node.id, (postCompactionNodeCrossDeltas.get(node.id) ?? 0) + nextCross - currentCross);
 				mutableRects.set(node.id, horizontal$1 ? {
@@ -19851,8 +19867,12 @@ function* createLayeredScopePipeline(graph, options, context, fallbacks = {
 				});
 			};
 			if (isolatedAntiparallelPair) {
-				alignPort(nodesById.get(forward.sourceId), forward.sourcePort);
-				alignPort(nodesById.get(forward.targetId), forward.targetPort);
+				const ends = [[nodesById.get(forward.sourceId), forward.sourcePort], [nodesById.get(forward.targetId), forward.targetPort]];
+				const crosses$1 = ends.map(([node, port]) => alignedCross(node, port));
+				if (!ends.some(([node], index) => {
+					const rect = placement.rectByNodeId.get(node.id);
+					return rect !== void 0 && crosses$1[index] !== void 0 && Math.abs(crosses$1[index] - (horizontal$1 ? rect.y : rect.x)) > 1e-9 && graph.edges.some((edge) => edge.sourceId === node.id && edge.targetId === node.id);
+				})) ends.forEach(([node], index) => alignPort(node, crosses$1[index]));
 			}
 		}
 	}

package/dist/{layout-engine-DvDkMQM3.mjs → layout-engine-CHkJkgG6.mjs}

@@ -1,4 +1,4 @@
-import { K as placePorts, X as JavaRandom, i as layeredAlgorithm, n as elkjs0111LayeredAlgorithm, x as setElkjs0111ResultPolicy, z as getPolylineMidpoint } from "./layered-CUwft7on.mjs";
+import { K as placePorts, X as JavaRandom, i as layeredAlgorithm, n as elkjs0111LayeredAlgorithm, x as setElkjs0111ResultPolicy, z as getPolylineMidpoint } from "./layered-BtnmL9_b.mjs";
 import { getNodeSize } from "@statelyai/graph/layout";
 
 //#region src/fixed.ts

package/dist/{layout-engine-CQ5FcBPC.cjs → layout-engine-Dk5EklIn.cjs}

@@ -1,4 +1,4 @@
-const require_layered = require('./layered-QzYtokgN.cjs');
+const require_layered = require('./layered-B1AE7Zpr.cjs');
 let _statelyai_graph_layout = require("@statelyai/graph/layout");
 
 //#region src/fixed.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statelyai/layout",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Extensible, graph-native layout algorithms for @statelyai/graph",
   "license": "EPL-2.0 OR GPL-3.0-or-later",
   "repository": {

package/src/layered/index.ts

@@ -2520,10 +2520,10 @@ export function* createLayeredScopePipeline<N, E, G, P>(
           : horizontal
             ? Math.round(forwardLabel.y + (forward.height ?? 0) / 2)
             : Math.round(forwardLabel.x + (forward.width ?? 0) / 2);
-      const alignPort = (node: GraphNode, portName: string): void => {
+      const alignedCross = (node: GraphNode, portName: string): number | undefined => {
         const rect = placement.rectByNodeId.get(node.id);
         const port = node.ports?.find((candidate) => candidate.name === portName);
-        if (!rect || !port) return;
+        if (!rect || !port) return undefined;
         const placedPort = placePorts(
           node.ports,
           rect,
@@ -2533,11 +2533,15 @@ export function* createLayeredScopePipeline<N, E, G, P>(
           (candidate) =>
             getOrientedPortDirection(expanded.input, expanded.orientation, node, candidate),
         )?.find((candidate) => candidate.name === portName);
-        if (!placedPort) return;
+        if (!placedPort) return undefined;
         const localCross = horizontal
           ? (placedPort.y ?? 0) + (placedPort.height ?? 0) / 2
           : (placedPort.x ?? 0) + (placedPort.width ?? 0) / 2;
-        const nextCross = forwardCross - localCross;
+        return forwardCross - localCross;
+      };
+      const alignPort = (node: GraphNode, nextCross: number | undefined): void => {
+        const rect = placement.rectByNodeId.get(node.id);
+        if (!rect || nextCross === undefined) return;
         const currentCross = horizontal ? rect.y : rect.x;
         postCompactionNodeCrossDeltas.set(
           node.id,
@@ -2549,8 +2553,23 @@ export function* createLayeredScopePipeline<N, E, G, P>(
         );
       };
       if (isolatedAntiparallelPair) {
-        alignPort(nodesById.get(forward.sourceId)!, forward.sourcePort);
-        alignPort(nodesById.get(forward.targetId)!, forward.targetPort);
+        const ends = [
+          [nodesById.get(forward.sourceId)!, forward.sourcePort],
+          [nodesById.get(forward.targetId)!, forward.targetPort],
+        ] as const;
+        const crosses = ends.map(([node, port]) => alignedCross(node, port));
+        // ELK keeps a loop owner where BK placed it, and moving it here would
+        // leave its loop and label behind, so such a pair stays as placed.
+        const movesLoopOwner = ends.some(([node], index) => {
+          const rect = placement.rectByNodeId.get(node.id);
+          return (
+            rect !== undefined &&
+            crosses[index] !== undefined &&
+            Math.abs(crosses[index]! - (horizontal ? rect.y : rect.x)) > 1e-9 &&
+            graph.edges.some((edge) => edge.sourceId === node.id && edge.targetId === node.id)
+          );
+        });
+        if (!movesLoopOwner) ends.forEach(([node], index) => alignPort(node, crosses[index]));
       }
     }
   }

package/src/layered/loop-envelopes.ts

@@ -222,17 +222,28 @@ export function loopEnvelopes(input: LayeredPhaseInput): ReadonlyMap<string, Loo
       flowAfter: "EAST",
       flowBefore: "WEST",
     } as const;
+    const horizontal = input.direction === "right" || input.direction === "left";
+    const size = input.sizes.get(node.id) ?? { width: 0, height: 0 };
+    const flowSize = horizontal ? size.width : size.height;
     for (const side of sides) {
       const selected = loops.filter((_, index) => sides[index % sides.length] === side);
       const canonical = canonicalSides[side];
       envelope[side] = Math.max(
-        0,
+        envelope[side],
         ...selected.map(
           (edge) =>
             movableLoopTrack(input, selected, edge, canonical, ordering) +
             movableLoopLabelExtent(input, edge, canonical),
         ),
       );
+      if (!crossSide(canonical)) continue;
+      // ELK centers cross-side loop labels on their node along the flow, and
+      // a label longer than its node widens the node's layer by the overhang.
+      for (const edge of selected) {
+        const overhang = ((horizontal ? edge.width : edge.height) ?? 0) - flowSize;
+        envelope.flowBefore = Math.max(envelope.flowBefore, overhang / 2);
+        envelope.flowAfter = Math.max(envelope.flowAfter, overhang / 2);
+      }
     }
     envelopes.set(node.id, envelope);
   }