@loopstack/loopstack-studio 0.28.0 → 0.29.0

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{architectureDiagram-Q4EWVU46.js → architectureDiagram-3BPJPVTR.js}

@@ -1,11 +1,11 @@
 import { __toESM } from "../../../../../_virtual/rolldown_runtime.js";
 import { __name, log } from "./chunk-AGHRB4JF.js";
-import { clear, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getConfig2, getDiagramTitle, sanitizeText, setAccDescription, setAccTitle, setDiagramTitle, setupGraphViewbox } from "./chunk-ICPOFSXX.js";
+import { clear, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getConfig2, getDiagramTitle, sanitizeText, setAccDescription, setAccTitle, setDiagramTitle, setupGraphViewbox } from "./chunk-CSCIHK7Q.js";
 import select_default from "../../../../d3-selection/src/select.js";
 import "../../../../d3/src/index.js";
-import { selectSvgElement } from "./chunk-426QAEUC.js";
-import { cleanAndMerge, getEdgeId } from "./chunk-5PVQY5BW.js";
-import { createText, getIconSVG, registerIconPacks, unknownIcon } from "./chunk-U2HBQHQK.js";
+import { selectSvgElement } from "./chunk-WU5MYG2G.js";
+import { cleanAndMerge, getEdgeId } from "./chunk-5ZQYHXKU.js";
+import { createText, getIconSVG, registerIconPacks, unknownIcon } from "./chunk-O5CBEL6O.js";
 import { populateCommonDb } from "./chunk-4BX2VUAB.js";
 import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
 import { cytoscape } from "../../../../cytoscape/dist/cytoscape.esm.js";
@@ -21,39 +21,39 @@ var import_cytoscape_fcose = /* @__PURE__ */ __toESM(require_cytoscape_fcose(),
 	T: /* @__PURE__ */ __name((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
 	B: /* @__PURE__ */ __name((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
 }, ArchitectureDirectionArrowShift = {
-	L: /* @__PURE__ */ __name((e, A) => e - A + 2, "L"),
-	R: /* @__PURE__ */ __name((e, A) => e - 2, "R"),
-	T: /* @__PURE__ */ __name((e, A) => e - A + 2, "T"),
-	B: /* @__PURE__ */ __name((e, A) => e - 2, "B")
+	L: /* @__PURE__ */ __name((e, O) => e - O + 2, "L"),
+	R: /* @__PURE__ */ __name((e, O) => e - 2, "R"),
+	T: /* @__PURE__ */ __name((e, O) => e - O + 2, "T"),
+	B: /* @__PURE__ */ __name((e, O) => e - 2, "B")
 }, getOppositeArchitectureDirection = /* @__PURE__ */ __name(function(e) {
 	return isArchitectureDirectionX(e) ? e === "L" ? "R" : "L" : e === "T" ? "B" : "T";
 }, "getOppositeArchitectureDirection"), isArchitectureDirection = /* @__PURE__ */ __name(function(e) {
-	let A = e;
-	return A === "L" || A === "R" || A === "T" || A === "B";
+	let O = e;
+	return O === "L" || O === "R" || O === "T" || O === "B";
 }, "isArchitectureDirection"), isArchitectureDirectionX = /* @__PURE__ */ __name(function(e) {
-	let A = e;
-	return A === "L" || A === "R";
+	let O = e;
+	return O === "L" || O === "R";
 }, "isArchitectureDirectionX"), isArchitectureDirectionY = /* @__PURE__ */ __name(function(e) {
-	let A = e;
-	return A === "T" || A === "B";
-}, "isArchitectureDirectionY"), isArchitectureDirectionXY = /* @__PURE__ */ __name(function(e, A) {
-	let j = isArchitectureDirectionX(e) && isArchitectureDirectionY(A), M = isArchitectureDirectionY(e) && isArchitectureDirectionX(A);
-	return j || M;
+	let O = e;
+	return O === "T" || O === "B";
+}, "isArchitectureDirectionY"), isArchitectureDirectionXY = /* @__PURE__ */ __name(function(e, O) {
+	let k = isArchitectureDirectionX(e) && isArchitectureDirectionY(O), A = isArchitectureDirectionY(e) && isArchitectureDirectionX(O);
+	return k || A;
 }, "isArchitectureDirectionXY"), isArchitecturePairXY = /* @__PURE__ */ __name(function(e) {
-	let A = e[0], j = e[1], M = isArchitectureDirectionX(A) && isArchitectureDirectionY(j), N = isArchitectureDirectionY(A) && isArchitectureDirectionX(j);
-	return M || N;
+	let O = e[0], k = e[1], A = isArchitectureDirectionX(O) && isArchitectureDirectionY(k), j = isArchitectureDirectionY(O) && isArchitectureDirectionX(k);
+	return A || j;
 }, "isArchitecturePairXY"), isValidArchitectureDirectionPair = /* @__PURE__ */ __name(function(e) {
 	return e !== "LL" && e !== "RR" && e !== "TT" && e !== "BB";
-}, "isValidArchitectureDirectionPair"), getArchitectureDirectionPair = /* @__PURE__ */ __name(function(e, A) {
-	let j = `${e}${A}`;
-	return isValidArchitectureDirectionPair(j) ? j : void 0;
-}, "getArchitectureDirectionPair"), shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ __name(function([e, A], j) {
-	let M = j[0], N = j[1];
-	return isArchitectureDirectionX(M) ? isArchitectureDirectionY(N) ? [e + (M === "L" ? -1 : 1), A + (N === "T" ? 1 : -1)] : [e + (M === "L" ? -1 : 1), A] : isArchitectureDirectionX(N) ? [e + (N === "L" ? 1 : -1), A + (M === "T" ? 1 : -1)] : [e, A + (M === "T" ? 1 : -1)];
+}, "isValidArchitectureDirectionPair"), getArchitectureDirectionPair = /* @__PURE__ */ __name(function(e, O) {
+	let k = `${e}${O}`;
+	return isValidArchitectureDirectionPair(k) ? k : void 0;
+}, "getArchitectureDirectionPair"), shiftPositionByArchitectureDirectionPair = /* @__PURE__ */ __name(function([e, O], k) {
+	let A = k[0], j = k[1];
+	return isArchitectureDirectionX(A) ? isArchitectureDirectionY(j) ? [e + (A === "L" ? -1 : 1), O + (j === "T" ? 1 : -1)] : [e + (A === "L" ? -1 : 1), O] : isArchitectureDirectionX(j) ? [e + (j === "L" ? 1 : -1), O + (A === "T" ? 1 : -1)] : [e, O + (A === "T" ? 1 : -1)];
 }, "shiftPositionByArchitectureDirectionPair"), getArchitectureDirectionXYFactors = /* @__PURE__ */ __name(function(e) {
 	return e === "LT" || e === "TL" ? [1, 1] : e === "BL" || e === "LB" ? [1, -1] : e === "BR" || e === "RB" ? [-1, -1] : [-1, 1];
-}, "getArchitectureDirectionXYFactors"), getArchitectureDirectionAlignment = /* @__PURE__ */ __name(function(e, A) {
-	return isArchitectureDirectionXY(e, A) ? "bend" : isArchitectureDirectionX(e) ? "horizontal" : "vertical";
+}, "getArchitectureDirectionXYFactors"), getArchitectureDirectionAlignment = /* @__PURE__ */ __name(function(e, O) {
+	return isArchitectureDirectionXY(e, O) ? "bend" : isArchitectureDirectionX(e) ? "horizontal" : "vertical";
 }, "getArchitectureDirectionAlignment"), isArchitectureService = /* @__PURE__ */ __name(function(e) {
 	return e.type === "service";
 }, "isArchitectureService"), isArchitectureJunction = /* @__PURE__ */ __name(function(e) {
@@ -72,38 +72,38 @@ var import_cytoscape_fcose = /* @__PURE__ */ __toESM(require_cytoscape_fcose(),
 	clear() {
 		this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.dataStructures = void 0, this.elements = {}, this.diagramId = "", clear();
 	}
-	addService({ id: e, icon: A, in: j, title: M, iconText: N }) {
+	addService({ id: e, icon: O, in: k, title: A, iconText: j }) {
 		if (this.registeredIds[e] !== void 0) throw Error(`The service id [${e}] is already in use by another ${this.registeredIds[e]}`);
-		if (j !== void 0) {
-			if (e === j) throw Error(`The service [${e}] cannot be placed within itself`);
-			if (this.registeredIds[j] === void 0) throw Error(`The service [${e}]'s parent does not exist. Please make sure the parent is created before this service`);
-			if (this.registeredIds[j] === "node") throw Error(`The service [${e}]'s parent is not a group`);
+		if (k !== void 0) {
+			if (e === k) throw Error(`The service [${e}] cannot be placed within itself`);
+			if (this.registeredIds[k] === void 0) throw Error(`The service [${e}]'s parent does not exist. Please make sure the parent is created before this service`);
+			if (this.registeredIds[k] === "node") throw Error(`The service [${e}]'s parent is not a group`);
 		}
 		this.registeredIds[e] = "node", this.nodes[e] = {
 			id: e,
 			type: "service",
-			icon: A,
-			iconText: N,
-			title: M,
+			icon: O,
+			iconText: j,
+			title: A,
 			edges: [],
-			in: j
+			in: k
 		};
 	}
 	getServices() {
 		return Object.values(this.nodes).filter(isArchitectureService);
 	}
-	addJunction({ id: e, in: A }) {
+	addJunction({ id: e, in: O }) {
 		if (this.registeredIds[e] !== void 0) throw Error(`The junction id [${e}] is already in use by another ${this.registeredIds[e]}`);
-		if (A !== void 0) {
-			if (e === A) throw Error(`The junction [${e}] cannot be placed within itself`);
-			if (this.registeredIds[A] === void 0) throw Error(`The junction [${e}]'s parent does not exist. Please make sure the parent is created before this junction`);
-			if (this.registeredIds[A] === "node") throw Error(`The junction [${e}]'s parent is not a group`);
+		if (O !== void 0) {
+			if (e === O) throw Error(`The junction [${e}] cannot be placed within itself`);
+			if (this.registeredIds[O] === void 0) throw Error(`The junction [${e}]'s parent does not exist. Please make sure the parent is created before this junction`);
+			if (this.registeredIds[O] === "node") throw Error(`The junction [${e}]'s parent is not a group`);
 		}
 		this.registeredIds[e] = "node", this.nodes[e] = {
 			id: e,
 			type: "junction",
 			edges: [],
-			in: A
+			in: O
 		};
 	}
 	getJunctions() {
@@ -115,91 +115,91 @@ var import_cytoscape_fcose = /* @__PURE__ */ __toESM(require_cytoscape_fcose(),
 	getNode(e) {
 		return this.nodes[e] ?? null;
 	}
-	addGroup({ id: e, icon: A, in: j, title: M }) {
+	addGroup({ id: e, icon: O, in: k, title: A }) {
 		if (this.registeredIds?.[e] !== void 0) throw Error(`The group id [${e}] is already in use by another ${this.registeredIds[e]}`);
-		if (j !== void 0) {
-			if (e === j) throw Error(`The group [${e}] cannot be placed within itself`);
-			if (this.registeredIds?.[j] === void 0) throw Error(`The group [${e}]'s parent does not exist. Please make sure the parent is created before this group`);
-			if (this.registeredIds?.[j] === "node") throw Error(`The group [${e}]'s parent is not a group`);
+		if (k !== void 0) {
+			if (e === k) throw Error(`The group [${e}] cannot be placed within itself`);
+			if (this.registeredIds?.[k] === void 0) throw Error(`The group [${e}]'s parent does not exist. Please make sure the parent is created before this group`);
+			if (this.registeredIds?.[k] === "node") throw Error(`The group [${e}]'s parent is not a group`);
 		}
 		this.registeredIds[e] = "group", this.groups[e] = {
 			id: e,
-			icon: A,
-			title: M,
-			in: j
+			icon: O,
+			title: A,
+			in: k
 		};
 	}
 	getGroups() {
 		return Object.values(this.groups);
 	}
-	addEdge({ lhsId: e, rhsId: A, lhsDir: j, rhsDir: M, lhsInto: N, rhsInto: P, lhsGroup: F, rhsGroup: I, title: L }) {
-		if (!isArchitectureDirection(j)) throw Error(`Invalid direction given for left hand side of edge ${e}--${A}. Expected (L,R,T,B) got ${String(j)}`);
-		if (!isArchitectureDirection(M)) throw Error(`Invalid direction given for right hand side of edge ${e}--${A}. Expected (L,R,T,B) got ${String(M)}`);
+	addEdge({ lhsId: e, rhsId: O, lhsDir: k, rhsDir: A, lhsInto: j, rhsInto: M, lhsGroup: N, rhsGroup: P, title: F }) {
+		if (!isArchitectureDirection(k)) throw Error(`Invalid direction given for left hand side of edge ${e}--${O}. Expected (L,R,T,B) got ${String(k)}`);
+		if (!isArchitectureDirection(A)) throw Error(`Invalid direction given for right hand side of edge ${e}--${O}. Expected (L,R,T,B) got ${String(A)}`);
 		if (this.nodes[e] === void 0 && this.groups[e] === void 0) throw Error(`The left-hand id [${e}] does not yet exist. Please create the service/group before declaring an edge to it.`);
-		if (this.nodes[A] === void 0 && this.groups[A] === void 0) throw Error(`The right-hand id [${A}] does not yet exist. Please create the service/group before declaring an edge to it.`);
-		let R = this.nodes[e].in, z = this.nodes[A].in;
-		if (F && R && z && R == z) throw Error(`The left-hand id [${e}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
-		if (I && R && z && R == z) throw Error(`The right-hand id [${A}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
-		let B = {
+		if (this.nodes[O] === void 0 && this.groups[O] === void 0) throw Error(`The right-hand id [${O}] does not yet exist. Please create the service/group before declaring an edge to it.`);
+		let I = this.nodes[e].in, L = this.nodes[O].in;
+		if (N && I && L && I == L) throw Error(`The left-hand id [${e}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
+		if (P && I && L && I == L) throw Error(`The right-hand id [${O}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
+		let R = {
 			lhsId: e,
-			lhsDir: j,
-			lhsInto: N,
-			lhsGroup: F,
-			rhsId: A,
-			rhsDir: M,
-			rhsInto: P,
-			rhsGroup: I,
-			title: L
+			lhsDir: k,
+			lhsInto: j,
+			lhsGroup: N,
+			rhsId: O,
+			rhsDir: A,
+			rhsInto: M,
+			rhsGroup: P,
+			title: F
 		};
-		this.edges.push(B), this.nodes[e] && this.nodes[A] && (this.nodes[e].edges.push(this.edges[this.edges.length - 1]), this.nodes[A].edges.push(this.edges[this.edges.length - 1]));
+		this.edges.push(R), this.nodes[e] && this.nodes[O] && (this.nodes[e].edges.push(this.edges[this.edges.length - 1]), this.nodes[O].edges.push(this.edges[this.edges.length - 1]));
 	}
 	getEdges() {
 		return this.edges;
 	}
 	getDataStructures() {
 		if (this.dataStructures === void 0) {
-			let e = {}, j = Object.entries(this.nodes).reduce((A, [j, M]) => (A[j] = M.edges.reduce((A, M) => {
-				let N = this.getNode(M.lhsId)?.in, P = this.getNode(M.rhsId)?.in;
-				if (N && P && N !== P) {
-					let A = getArchitectureDirectionAlignment(M.lhsDir, M.rhsDir);
-					A !== "bend" && (e[N] ??= {}, e[N][P] = A, e[P] ??= {}, e[P][N] = A);
+			let e = {}, k = Object.entries(this.nodes).reduce((O, [k, A]) => (O[k] = A.edges.reduce((O, A) => {
+				let j = this.getNode(A.lhsId)?.in, M = this.getNode(A.rhsId)?.in;
+				if (j && M && j !== M) {
+					let O = getArchitectureDirectionAlignment(A.lhsDir, A.rhsDir);
+					O !== "bend" && (e[j] ??= {}, e[j][M] = O, e[M] ??= {}, e[M][j] = O);
 				}
-				if (M.lhsId === j) {
-					let e = getArchitectureDirectionPair(M.lhsDir, M.rhsDir);
-					e && (A[e] = M.rhsId);
+				if (A.lhsId === k) {
+					let e = getArchitectureDirectionPair(A.lhsDir, A.rhsDir);
+					e && (O[e] = A.rhsId);
 				} else {
-					let e = getArchitectureDirectionPair(M.rhsDir, M.lhsDir);
-					e && (A[e] = M.lhsId);
+					let e = getArchitectureDirectionPair(A.rhsDir, A.lhsDir);
+					e && (O[e] = A.lhsId);
 				}
-				return A;
-			}, {}), A), {}), M = Object.keys(j)[0], N = { [M]: 1 }, P = Object.keys(j).reduce((e, A) => A === M ? e : {
+				return O;
+			}, {}), O), {}), A = Object.keys(k)[0], j = { [A]: 1 }, M = Object.keys(k).reduce((e, O) => O === A ? e : {
 				...e,
-				[A]: 1
-			}, {}), F = /* @__PURE__ */ __name((e) => {
-				let A = { [e]: [0, 0] }, M = [e];
-				for (; M.length > 0;) {
-					let e = M.shift();
+				[O]: 1
+			}, {}), N = /* @__PURE__ */ __name((e) => {
+				let O = { [e]: [0, 0] }, A = [e];
+				for (; A.length > 0;) {
+					let e = A.shift();
 					if (e) {
-						N[e] = 1, delete P[e];
-						let F = j[e], [I, L] = A[e];
-						Object.entries(F).forEach(([e, j]) => {
-							N[j] || (A[j] = shiftPositionByArchitectureDirectionPair([I, L], e), M.push(j));
+						j[e] = 1, delete M[e];
+						let N = k[e], [P, F] = O[e];
+						Object.entries(N).forEach(([e, k]) => {
+							j[k] || (O[k] = shiftPositionByArchitectureDirectionPair([P, F], e), A.push(k));
 						});
 					}
 				}
-				return A;
-			}, "BFS"), I = [F(M)];
-			for (; Object.keys(P).length > 0;) I.push(F(Object.keys(P)[0]));
+				return O;
+			}, "BFS"), P = [N(A)];
+			for (; Object.keys(M).length > 0;) P.push(N(Object.keys(M)[0]));
 			this.dataStructures = {
-				adjList: j,
-				spatialMaps: I,
+				adjList: k,
+				spatialMaps: P,
 				groupAlignments: e
 			};
 		}
 		return this.dataStructures;
 	}
-	setElementForId(e, A) {
-		this.elements[e] = A;
+	setElementForId(e, O) {
+		this.elements[e] = O;
 	}
 	getElementById(e) {
 		return this.elements[e];
@@ -213,22 +213,22 @@ var import_cytoscape_fcose = /* @__PURE__ */ __toESM(require_cytoscape_fcose(),
 	getConfigField(e) {
 		return this.getConfig()[e];
 	}
-}, populateDb = /* @__PURE__ */ __name((e, A) => {
-	populateCommonDb(e, A), e.groups.map((e) => A.addGroup(e)), e.services.map((e) => A.addService({
+}, populateDb = /* @__PURE__ */ __name((e, O) => {
+	populateCommonDb(e, O), e.groups.map((e) => O.addGroup(e)), e.services.map((e) => O.addService({
 		...e,
 		type: "service"
-	})), e.junctions.map((e) => A.addJunction({
+	})), e.junctions.map((e) => O.addJunction({
 		...e,
 		type: "junction"
-	})), e.edges.map((e) => A.addEdge(e));
+	})), e.edges.map((e) => O.addEdge(e));
 }, "populateDb"), parser = {
 	parser: { yy: void 0 },
 	parse: /* @__PURE__ */ __name(async (e) => {
-		let A = await parse("architecture", e);
-		log.debug(A);
-		let M = parser.parser?.yy;
-		if (!(M instanceof ArchitectureDB)) throw Error("parser.parser?.yy was not a ArchitectureDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
-		populateDb(A, M);
+		let O = await parse("architecture", e);
+		log.debug(O);
+		let A = parser.parser?.yy;
+		if (!(A instanceof ArchitectureDB)) throw Error("parser.parser?.yy was not a ArchitectureDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
+		populateDb(O, A);
 	}, "parse")
 }, architectureStyles_default = /* @__PURE__ */ __name((e) => `
   .edge {
@@ -274,120 +274,120 @@ var import_cytoscape_fcose = /* @__PURE__ */ __toESM(require_cytoscape_fcose(),
 		unknown: unknownIcon,
 		blank: { body: wrapIcon("") }
 	}
-}, drawEdges = /* @__PURE__ */ __name(async function(e, A, j, M) {
-	let N = j.getConfigField("padding"), P = j.getConfigField("iconSize"), F = P / 2, I = P / 6, R = I / 2;
-	await Promise.all(A.edges().map(async (A) => {
-		let { source: P, sourceDir: z, sourceArrow: B, sourceGroup: V, target: H, targetDir: U, targetArrow: W, targetGroup: G, label: K } = edgeData(A), { x: q, y: J } = A[0].sourceEndpoint(), { x: Y, y: X } = A[0].midpoint(), { x: Z, y: Q } = A[0].targetEndpoint(), $ = N + 4;
-		if (V && (isArchitectureDirectionX(z) ? q += z === "L" ? -$ : $ : J += z === "T" ? -$ : $ + 18), G && (isArchitectureDirectionX(U) ? Z += U === "L" ? -$ : $ : Q += U === "T" ? -$ : $ + 18), !V && j.getNode(P)?.type === "junction" && (isArchitectureDirectionX(z) ? q += z === "L" ? F : -F : J += z === "T" ? F : -F), !G && j.getNode(H)?.type === "junction" && (isArchitectureDirectionX(U) ? Z += U === "L" ? F : -F : Q += U === "T" ? F : -F), A[0]._private.rscratch) {
-			let A = e.insert("g");
-			if (A.insert("path").attr("d", `M ${q},${J} L ${Y},${X} L${Z},${Q} `).attr("class", "edge").attr("id", `${M}-${getEdgeId(P, H, { prefix: "L" })}`), B) {
-				let e = isArchitectureDirectionX(z) ? ArchitectureDirectionArrowShift[z](q, I) : q - R, j = isArchitectureDirectionY(z) ? ArchitectureDirectionArrowShift[z](J, I) : J - R;
-				A.insert("polygon").attr("points", ArchitectureDirectionArrow[z](I)).attr("transform", `translate(${e},${j})`).attr("class", "arrow");
+}, drawEdges = /* @__PURE__ */ __name(async function(e, O, k, A) {
+	let j = k.getConfigField("padding"), M = k.getConfigField("iconSize"), N = M / 2, P = M / 6, I = P / 2;
+	await Promise.all(O.edges().map(async (O) => {
+		let { source: M, sourceDir: L, sourceArrow: R, sourceGroup: z, target: B, targetDir: V, targetArrow: H, targetGroup: U, label: W } = edgeData(O), { x: q, y: J } = O[0].sourceEndpoint(), { x: Y, y: X } = O[0].midpoint(), { x: Z, y: Q } = O[0].targetEndpoint(), $ = j + 4;
+		if (z && (isArchitectureDirectionX(L) ? q += L === "L" ? -$ : $ : J += L === "T" ? -$ : $ + 18), U && (isArchitectureDirectionX(V) ? Z += V === "L" ? -$ : $ : Q += V === "T" ? -$ : $ + 18), !z && k.getNode(M)?.type === "junction" && (isArchitectureDirectionX(L) ? q += L === "L" ? N : -N : J += L === "T" ? N : -N), !U && k.getNode(B)?.type === "junction" && (isArchitectureDirectionX(V) ? Z += V === "L" ? N : -N : Q += V === "T" ? N : -N), O[0]._private.rscratch) {
+			let O = e.insert("g");
+			if (O.insert("path").attr("d", `M ${q},${J} L ${Y},${X} L${Z},${Q} `).attr("class", "edge").attr("id", `${A}-${getEdgeId(M, B, { prefix: "L" })}`), R) {
+				let e = isArchitectureDirectionX(L) ? ArchitectureDirectionArrowShift[L](q, P) : q - I, k = isArchitectureDirectionY(L) ? ArchitectureDirectionArrowShift[L](J, P) : J - I;
+				O.insert("polygon").attr("points", ArchitectureDirectionArrow[L](P)).attr("transform", `translate(${e},${k})`).attr("class", "arrow");
 			}
-			if (W) {
-				let e = isArchitectureDirectionX(U) ? ArchitectureDirectionArrowShift[U](Z, I) : Z - R, j = isArchitectureDirectionY(U) ? ArchitectureDirectionArrowShift[U](Q, I) : Q - R;
-				A.insert("polygon").attr("points", ArchitectureDirectionArrow[U](I)).attr("transform", `translate(${e},${j})`).attr("class", "arrow");
+			if (H) {
+				let e = isArchitectureDirectionX(V) ? ArchitectureDirectionArrowShift[V](Z, P) : Z - I, k = isArchitectureDirectionY(V) ? ArchitectureDirectionArrowShift[V](Q, P) : Q - I;
+				O.insert("polygon").attr("points", ArchitectureDirectionArrow[V](P)).attr("transform", `translate(${e},${k})`).attr("class", "arrow");
 			}
-			if (K) {
-				let e = isArchitectureDirectionXY(z, U) ? "XY" : isArchitectureDirectionX(z) ? "X" : "Y", j = 0;
-				j = e === "X" ? Math.abs(q - Z) : e === "Y" ? Math.abs(J - Q) / 1.5 : Math.abs(q - Z) / 2;
-				let M = A.append("g");
-				if (await createText(M, K, {
+			if (W) {
+				let e = isArchitectureDirectionXY(L, V) ? "XY" : isArchitectureDirectionX(L) ? "X" : "Y", k = 0;
+				k = e === "X" ? Math.abs(q - Z) : e === "Y" ? Math.abs(J - Q) / 1.5 : Math.abs(q - Z) / 2;
+				let A = O.append("g");
+				if (await createText(A, W, {
 					useHtmlLabels: !1,
-					width: j,
+					width: k,
 					classes: "architecture-service-label"
-				}, getConfig2()), M.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e === "X") M.attr("transform", "translate(" + Y + ", " + X + ")");
-				else if (e === "Y") M.attr("transform", "translate(" + Y + ", " + X + ") rotate(-90)");
+				}, getConfig2()), A.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e === "X") A.attr("transform", "translate(" + Y + ", " + X + ")");
+				else if (e === "Y") A.attr("transform", "translate(" + Y + ", " + X + ") rotate(-90)");
 				else if (e === "XY") {
-					let e = getArchitectureDirectionPair(z, U);
+					let e = getArchitectureDirectionPair(L, V);
 					if (e && isArchitecturePairXY(e)) {
-						let A = M.node().getBoundingClientRect(), [j, N] = getArchitectureDirectionXYFactors(e);
-						M.attr("dominant-baseline", "auto").attr("transform", `rotate(${-1 * j * N * 45})`);
-						let P = M.node().getBoundingClientRect();
-						M.attr("transform", `
-                translate(${Y}, ${X - A.height / 2})
-                translate(${j * P.width / 2}, ${N * P.height / 2})
-                rotate(${-1 * j * N * 45}, 0, ${A.height / 2})
+						let O = A.node().getBoundingClientRect(), [k, j] = getArchitectureDirectionXYFactors(e);
+						A.attr("dominant-baseline", "auto").attr("transform", `rotate(${-1 * k * j * 45})`);
+						let M = A.node().getBoundingClientRect();
+						A.attr("transform", `
+                translate(${Y}, ${X - O.height / 2})
+                translate(${k * M.width / 2}, ${j * M.height / 2})
+                rotate(${-1 * k * j * 45}, 0, ${O.height / 2})
               `);
 					}
 				}
 			}
 		}
 	}));
-}, "drawEdges"), drawGroups = /* @__PURE__ */ __name(async function(e, A, j, M) {
-	let N = j.getConfigField("padding") * .75, P = j.getConfigField("fontSize"), F = j.getConfigField("iconSize") / 2;
-	await Promise.all(A.nodes().map(async (A) => {
-		let I = nodeData(A);
-		if (I.type === "group") {
-			let { h: R, w: z, x1: B, y1: V } = A.boundingBox(), H = e.append("rect");
-			H.attr("id", `${M}-group-${I.id}`).attr("x", B + F).attr("y", V + F).attr("width", z).attr("height", R).attr("class", "node-bkg");
-			let U = e.append("g"), W = B, G = V;
-			if (I.icon) {
-				let e = U.append("g");
-				e.html(`<g>${await getIconSVG(I.icon, {
-					height: N,
-					width: N,
+}, "drawEdges"), drawGroups = /* @__PURE__ */ __name(async function(e, O, k, A) {
+	let j = k.getConfigField("padding") * .75, M = k.getConfigField("fontSize"), N = k.getConfigField("iconSize") / 2;
+	await Promise.all(O.nodes().map(async (O) => {
+		let P = nodeData(O);
+		if (P.type === "group") {
+			let { h: I, w: L, x1: R, y1: z } = O.boundingBox(), B = e.append("rect");
+			B.attr("id", `${A}-group-${P.id}`).attr("x", R + N).attr("y", z + N).attr("width", L).attr("height", I).attr("class", "node-bkg");
+			let V = e.append("g"), H = R, U = z;
+			if (P.icon) {
+				let e = V.append("g");
+				e.html(`<g>${await getIconSVG(P.icon, {
+					height: j,
+					width: j,
 					fallbackPrefix: architectureIcons.prefix
-				})}</g>`), e.attr("transform", "translate(" + (W + F + 1) + ", " + (G + F + 1) + ")"), W += N, G += P / 2 - 1 - 2;
+				})}</g>`), e.attr("transform", "translate(" + (H + N + 1) + ", " + (U + N + 1) + ")"), H += j, U += M / 2 - 1 - 2;
 			}
-			if (I.label) {
-				let e = U.append("g");
-				await createText(e, I.label, {
+			if (P.label) {
+				let e = V.append("g");
+				await createText(e, P.label, {
 					useHtmlLabels: !1,
-					width: z,
+					width: L,
 					classes: "architecture-service-label"
-				}, getConfig2()), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start"), e.attr("transform", "translate(" + (W + F + 4) + ", " + (G + F + 2) + ")");
+				}, getConfig2()), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start"), e.attr("transform", "translate(" + (H + N + 4) + ", " + (U + N + 2) + ")");
 			}
-			j.setElementForId(I.id, H);
+			k.setElementForId(P.id, B);
 		}
 	}));
-}, "drawGroups"), drawServices = /* @__PURE__ */ __name(async function(e, A, j, M) {
-	let N = getConfig2();
-	for (let P of j) {
-		let j = A.append("g"), F = e.getConfigField("iconSize");
-		if (P.title) {
-			let e = j.append("g");
-			await createText(e, P.title, {
+}, "drawGroups"), drawServices = /* @__PURE__ */ __name(async function(e, O, k, A) {
+	let j = getConfig2();
+	for (let M of k) {
+		let k = O.append("g"), N = e.getConfigField("iconSize");
+		if (M.title) {
+			let e = k.append("g");
+			await createText(e, M.title, {
 				useHtmlLabels: !1,
-				width: F * 1.5,
+				width: N * 1.5,
 				classes: "architecture-service-label"
-			}, N), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e.attr("transform", "translate(" + F / 2 + ", " + F + ")");
+			}, j), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e.attr("transform", "translate(" + N / 2 + ", " + N + ")");
 		}
-		let I = j.append("g");
-		if (P.icon) I.html(`<g>${await getIconSVG(P.icon, {
-			height: F,
-			width: F,
+		let P = k.append("g");
+		if (M.icon) P.html(`<g>${await getIconSVG(M.icon, {
+			height: N,
+			width: N,
 			fallbackPrefix: architectureIcons.prefix
 		})}</g>`);
-		else if (P.iconText) {
-			I.html(`<g>${await getIconSVG("blank", {
-				height: F,
-				width: F,
+		else if (M.iconText) {
+			P.html(`<g>${await getIconSVG("blank", {
+				height: N,
+				width: N,
 				fallbackPrefix: architectureIcons.prefix
 			})}</g>`);
-			let e = I.append("g").append("foreignObject").attr("width", F).attr("height", F).append("div").attr("class", "node-icon-text").attr("style", `height: ${F}px;`).append("div").html(sanitizeText(P.iconText, N)), A = parseInt(window.getComputedStyle(e.node(), null).getPropertyValue("font-size").replace(/\D/g, "")) ?? 16;
-			e.attr("style", `-webkit-line-clamp: ${Math.floor((F - 2) / A)};`);
-		} else I.append("path").attr("class", "node-bkg").attr("id", `${M}-node-${P.id}`).attr("d", `M0,${F} V5 Q0,0 5,0 H${F - 5} Q${F},0 ${F},5 V${F} Z`);
-		j.attr("id", `${M}-service-${P.id}`).attr("class", "architecture-service");
-		let { width: L, height: R } = j.node().getBBox();
-		P.width = L, P.height = R, e.setElementForId(P.id, j);
+			let e = P.append("g").append("foreignObject").attr("width", N).attr("height", N).append("div").attr("class", "node-icon-text").attr("style", `height: ${N}px;`).append("div").html(sanitizeText(M.iconText, j)), O = parseInt(window.getComputedStyle(e.node(), null).getPropertyValue("font-size").replace(/\D/g, "")) ?? 16;
+			e.attr("style", `-webkit-line-clamp: ${Math.floor((N - 2) / O)};`);
+		} else P.append("path").attr("class", "node-bkg").attr("id", `${A}-node-${M.id}`).attr("d", `M0,${N} V5 Q0,0 5,0 H${N - 5} Q${N},0 ${N},5 V${N} Z`);
+		k.attr("id", `${A}-service-${M.id}`).attr("class", "architecture-service");
+		let { width: F, height: I } = k.node().getBBox();
+		M.width = F, M.height = I, e.setElementForId(M.id, k);
 	}
 	return 0;
-}, "drawServices"), drawJunctions = /* @__PURE__ */ __name(function(e, A, j, M) {
-	j.forEach((j) => {
-		let N = A.append("g"), P = e.getConfigField("iconSize");
-		N.append("g").append("rect").attr("id", `${M}-node-${j.id}`).attr("fill-opacity", "0").attr("width", P).attr("height", P), N.attr("class", "architecture-junction");
-		let { width: F, height: I } = N._groups[0][0].getBBox();
-		N.width = F, N.height = I, e.setElementForId(j.id, N);
+}, "drawServices"), drawJunctions = /* @__PURE__ */ __name(function(e, O, k, A) {
+	k.forEach((k) => {
+		let j = O.append("g"), M = e.getConfigField("iconSize");
+		j.append("g").append("rect").attr("id", `${A}-node-${k.id}`).attr("fill-opacity", "0").attr("width", M).attr("height", M), j.attr("class", "architecture-junction");
+		let { width: N, height: P } = j._groups[0][0].getBBox();
+		j.width = N, j.height = P, e.setElementForId(k.id, j);
 	});
 }, "drawJunctions");
 registerIconPacks([{
 	name: architectureIcons.prefix,
 	icons: architectureIcons
 }]), cytoscape.use(import_cytoscape_fcose.default);
-function addServices(e, A, j) {
+function addServices(e, O, k) {
 	e.forEach((e) => {
-		A.add({
+		O.add({
 			group: "nodes",
 			data: {
 				type: "service",
@@ -395,40 +395,40 @@ function addServices(e, A, j) {
 				icon: e.icon,
 				label: e.title,
 				parent: e.in,
-				width: j.getConfigField("iconSize"),
-				height: j.getConfigField("iconSize")
+				width: k.getConfigField("iconSize"),
+				height: k.getConfigField("iconSize")
 			},
 			classes: "node-service"
 		});
 	});
 }
 __name(addServices, "addServices");
-function addJunctions(e, A, j) {
+function addJunctions(e, O, k) {
 	e.forEach((e) => {
-		A.add({
+		O.add({
 			group: "nodes",
 			data: {
 				type: "junction",
 				id: e.id,
 				parent: e.in,
-				width: j.getConfigField("iconSize"),
-				height: j.getConfigField("iconSize")
+				width: k.getConfigField("iconSize"),
+				height: k.getConfigField("iconSize")
 			},
 			classes: "node-junction"
 		});
 	});
 }
 __name(addJunctions, "addJunctions");
-function positionNodes(e, A) {
-	A.nodes().map((A) => {
-		let j = nodeData(A);
-		j.type !== "group" && (j.x = A.position().x, j.y = A.position().y, e.getElementById(j.id).attr("transform", "translate(" + (j.x || 0) + "," + (j.y || 0) + ")"));
+function positionNodes(e, O) {
+	O.nodes().map((O) => {
+		let k = nodeData(O);
+		k.type !== "group" && (k.x = O.position().x, k.y = O.position().y, e.getElementById(k.id).attr("transform", "translate(" + (k.x || 0) + "," + (k.y || 0) + ")"));
 	});
 }
 __name(positionNodes, "positionNodes");
-function addGroups(e, A) {
+function addGroups(e, O) {
 	e.forEach((e) => {
-		A.add({
+		O.add({
 			group: "nodes",
 			data: {
 				type: "group",
@@ -442,103 +442,103 @@ function addGroups(e, A) {
 	});
 }
 __name(addGroups, "addGroups");
-function addEdges(e, A) {
+function addEdges(e, O) {
 	e.forEach((e) => {
-		let { lhsId: j, rhsId: M, lhsInto: N, lhsGroup: P, rhsInto: F, lhsDir: I, rhsDir: L, rhsGroup: R, title: z } = e, B = isArchitectureDirectionXY(e.lhsDir, e.rhsDir) ? "segments" : "straight", V = {
-			id: `${j}-${M}`,
-			label: z,
-			source: j,
-			sourceDir: I,
-			sourceArrow: N,
-			sourceGroup: P,
-			sourceEndpoint: I === "L" ? "0 50%" : I === "R" ? "100% 50%" : I === "T" ? "50% 0" : "50% 100%",
-			target: M,
-			targetDir: L,
-			targetArrow: F,
-			targetGroup: R,
-			targetEndpoint: L === "L" ? "0 50%" : L === "R" ? "100% 50%" : L === "T" ? "50% 0" : "50% 100%"
+		let { lhsId: k, rhsId: A, lhsInto: j, lhsGroup: M, rhsInto: N, lhsDir: P, rhsDir: F, rhsGroup: I, title: L } = e, R = isArchitectureDirectionXY(e.lhsDir, e.rhsDir) ? "segments" : "straight", z = {
+			id: `${k}-${A}`,
+			label: L,
+			source: k,
+			sourceDir: P,
+			sourceArrow: j,
+			sourceGroup: M,
+			sourceEndpoint: P === "L" ? "0 50%" : P === "R" ? "100% 50%" : P === "T" ? "50% 0" : "50% 100%",
+			target: A,
+			targetDir: F,
+			targetArrow: N,
+			targetGroup: I,
+			targetEndpoint: F === "L" ? "0 50%" : F === "R" ? "100% 50%" : F === "T" ? "50% 0" : "50% 100%"
 		};
-		A.add({
+		O.add({
 			group: "edges",
-			data: V,
-			classes: B
+			data: z,
+			classes: R
 		});
 	});
 }
 __name(addEdges, "addEdges");
-function getAlignments(e, j, M) {
-	let N = /* @__PURE__ */ __name((e, A) => Object.entries(e).reduce((e, [j, N]) => {
-		let P = 0, F = Object.entries(N);
-		if (F.length === 1) return e[j] = F[0][1], e;
-		for (let N = 0; N < F.length - 1; N++) for (let I = N + 1; I < F.length; I++) {
-			let [L, R] = F[N], [z, B] = F[I];
-			if (M[L]?.[z] === A) e[j] ??= [], e[j] = [
-				...e[j],
-				...R,
-				...B
+function getAlignments(e, k, A) {
+	let j = /* @__PURE__ */ __name((e, O) => Object.entries(e).reduce((e, [k, j]) => {
+		let M = 0, N = Object.entries(j);
+		if (N.length === 1) return e[k] = N[0][1], e;
+		for (let j = 0; j < N.length - 1; j++) for (let P = j + 1; P < N.length; P++) {
+			let [F, I] = N[j], [L, R] = N[P];
+			if (A[F]?.[L] === O) e[k] ??= [], e[k] = [
+				...e[k],
+				...I,
+				...R
 			];
-			else if (L === "default" || z === "default") e[j] ??= [], e[j] = [
-				...e[j],
-				...R,
-				...B
+			else if (F === "default" || L === "default") e[k] ??= [], e[k] = [
+				...e[k],
+				...I,
+				...R
 			];
 			else {
-				let A = `${j}-${P++}`;
+				let O = `${k}-${M++}`;
+				e[O] = I;
+				let A = `${k}-${M++}`;
 				e[A] = R;
-				let M = `${j}-${P++}`;
-				e[M] = B;
 			}
 		}
 		return e;
-	}, {}), "flattenAlignments"), [P, F] = j.map((A) => {
-		let j = {}, M = {};
-		return Object.entries(A).forEach(([A, [N, P]]) => {
-			let F = e.getNode(A)?.in ?? "default";
-			j[P] ??= {}, j[P][F] ??= [], j[P][F].push(A), M[N] ??= {}, M[N][F] ??= [], M[N][F].push(A);
+	}, {}), "flattenAlignments"), [M, N] = k.map((O) => {
+		let k = {}, A = {};
+		return Object.entries(O).forEach(([O, [j, M]]) => {
+			let N = e.getNode(O)?.in ?? "default";
+			k[M] ??= {}, k[M][N] ??= [], k[M][N].push(O), A[j] ??= {}, A[j][N] ??= [], A[j][N].push(O);
 		}), {
-			horiz: Object.values(N(j, "horizontal")).filter((e) => e.length > 1),
-			vert: Object.values(N(M, "vertical")).filter((e) => e.length > 1)
+			horiz: Object.values(j(k, "horizontal")).filter((e) => e.length > 1),
+			vert: Object.values(j(A, "vertical")).filter((e) => e.length > 1)
 		};
-	}).reduce(([e, A], { horiz: j, vert: M }) => [[...e, ...j], [...A, ...M]], [[], []]);
+	}).reduce(([e, O], { horiz: k, vert: A }) => [[...e, ...k], [...O, ...A]], [[], []]);
 	return {
-		horizontal: P,
-		vertical: F
+		horizontal: M,
+		vertical: N
 	};
 }
 __name(getAlignments, "getAlignments");
-function getRelativeConstraints(e, j) {
-	let M = [], N = /* @__PURE__ */ __name((e) => `${e[0]},${e[1]}`, "posToStr"), P = /* @__PURE__ */ __name((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
+function getRelativeConstraints(e, k) {
+	let A = [], j = /* @__PURE__ */ __name((e) => `${e[0]},${e[1]}`, "posToStr"), M = /* @__PURE__ */ __name((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
 	return e.forEach((e) => {
-		let A = Object.fromEntries(Object.entries(e).map(([e, A]) => [N(A), e])), F = [N([0, 0])], I = {}, L = {
+		let O = Object.fromEntries(Object.entries(e).map(([e, O]) => [j(O), e])), N = [j([0, 0])], P = {}, F = {
 			L: [-1, 0],
 			R: [1, 0],
 			T: [0, 1],
 			B: [0, -1]
 		};
-		for (; F.length > 0;) {
-			let e = F.shift();
+		for (; N.length > 0;) {
+			let e = N.shift();
 			if (e) {
-				I[e] = 1;
-				let R = A[e];
-				if (R) {
-					let z = P(e);
-					Object.entries(L).forEach(([e, P]) => {
-						let L = N([z[0] + P[0], z[1] + P[1]]), B = A[L];
-						B && !I[L] && (F.push(L), M.push({
-							[ArchitectureDirectionName[e]]: B,
-							[ArchitectureDirectionName[getOppositeArchitectureDirection(e)]]: R,
-							gap: 1.5 * j.getConfigField("iconSize")
+				P[e] = 1;
+				let I = O[e];
+				if (I) {
+					let L = M(e);
+					Object.entries(F).forEach(([e, M]) => {
+						let F = j([L[0] + M[0], L[1] + M[1]]), R = O[F];
+						R && !P[F] && (N.push(F), A.push({
+							[ArchitectureDirectionName[e]]: R,
+							[ArchitectureDirectionName[getOppositeArchitectureDirection(e)]]: I,
+							gap: 1.5 * k.getConfigField("iconSize")
 						}));
 					});
 				}
 			}
 		}
-	}), M;
+	}), A;
 }
 __name(getRelativeConstraints, "getRelativeConstraints");
-function layoutArchitecture(e, M, N, P, F, { spatialMaps: I, groupAlignments: L }) {
-	return new Promise((R) => {
-		let z = select_default("body").append("div").attr("id", "cy").attr("style", "display:none"), B = cytoscape({
+function layoutArchitecture(e, A, j, M, N, { spatialMaps: P, groupAlignments: F }) {
+	return new Promise((I) => {
+		let L = select_default("body").append("div").attr("id", "cy").attr("style", "display:none"), R = cytoscape({
 			container: document.getElementById("cy"),
 			style: [
 				{
@@ -573,7 +573,7 @@ function layoutArchitecture(e, M, N, P, F, { spatialMaps: I, groupAlignments: L
 					style: {
 						"text-valign": "bottom",
 						"text-halign": "center",
-						"font-size": `${F.getConfigField("fontSize")}px`
+						"font-size": `${N.getConfigField("fontSize")}px`
 					}
 				},
 				{
@@ -593,7 +593,7 @@ function layoutArchitecture(e, M, N, P, F, { spatialMaps: I, groupAlignments: L
 				},
 				{
 					selector: ".node-group",
-					style: { padding: `${F.getConfigField("padding")}px` }
+					style: { padding: `${N.getConfigField("padding")}px` }
 				}
 			],
 			layout: {
@@ -606,65 +606,67 @@ function layoutArchitecture(e, M, N, P, F, { spatialMaps: I, groupAlignments: L
 				}
 			}
 		});
-		z.remove(), addGroups(N, B), addServices(e, B, F), addJunctions(M, B, F), addEdges(P, B);
-		let V = getAlignments(F, I, L), H = getRelativeConstraints(I, F), U = B.layout({
+		L.remove(), addGroups(j, R), addServices(e, R, N), addJunctions(A, R, N), addEdges(M, R);
+		let z = getAlignments(N, P, F), B = getRelativeConstraints(P, N), V = N.getConfigField("iconSize"), U = N.getConfigField("idealEdgeLengthMultiplier") * V, W = .5 * V, G = N.getConfigField("edgeElasticity"), K = R.layout({
 			name: "fcose",
 			quality: "proof",
-			randomize: F.getConfigField("randomize"),
+			randomize: N.getConfigField("randomize"),
+			nodeSeparation: N.getConfigField("nodeSeparation"),
+			numIter: N.getConfigField("numIter"),
 			styleEnabled: !1,
 			animate: !1,
 			nodeDimensionsIncludeLabels: !1,
 			idealEdgeLength(e) {
-				let [A, j] = e.connectedNodes(), { parent: M } = nodeData(A), { parent: N } = nodeData(j);
-				return M === N ? 1.5 * F.getConfigField("iconSize") : .5 * F.getConfigField("iconSize");
+				let [O, k] = e.connectedNodes(), { parent: A } = nodeData(O), { parent: j } = nodeData(k);
+				return A === j ? U : W;
 			},
 			edgeElasticity(e) {
-				let [A, j] = e.connectedNodes(), { parent: M } = nodeData(A), { parent: N } = nodeData(j);
-				return M === N ? .45 : .001;
+				let [O, k] = e.connectedNodes(), { parent: A } = nodeData(O), { parent: j } = nodeData(k);
+				return A === j ? G : .001;
 			},
-			alignmentConstraint: V,
-			relativePlacementConstraint: H
+			alignmentConstraint: z,
+			relativePlacementConstraint: B
 		});
-		U.one("layoutstop", () => {
-			function e(e, A, j, M) {
-				let N, P, { x: F, y: I } = e, { x: L, y: R } = A;
-				P = (M - I + (F - j) * (I - R) / (F - L)) / Math.sqrt(1 + ((I - R) / (F - L)) ** 2), N = Math.sqrt((M - I) ** 2 + (j - F) ** 2 - P ** 2);
-				let z = Math.sqrt((L - F) ** 2 + (R - I) ** 2);
-				N /= z;
-				let B = (L - F) * (M - I) - (R - I) * (j - F);
+		K.one("layoutstop", () => {
+			function e(e, O, k, A) {
+				let j, M, { x: N, y: P } = e, { x: F, y: I } = O;
+				M = (A - P + (N - k) * (P - I) / (N - F)) / Math.sqrt(1 + ((P - I) / (N - F)) ** 2), j = Math.sqrt((A - P) ** 2 + (k - N) ** 2 - M ** 2);
+				let L = Math.sqrt((F - N) ** 2 + (I - P) ** 2);
+				j /= L;
+				let R = (F - N) * (A - P) - (I - P) * (k - N);
 				switch (!0) {
-					case B >= 0:
-						B = 1;
+					case R >= 0:
+						R = 1;
 						break;
-					case B < 0:
-						B = -1;
+					case R < 0:
+						R = -1;
 						break;
 				}
-				let V = (L - F) * (j - F) + (R - I) * (M - I);
+				let z = (F - N) * (k - N) + (I - P) * (A - P);
 				switch (!0) {
-					case V >= 0:
-						V = 1;
+					case z >= 0:
+						z = 1;
 						break;
-					case V < 0:
-						V = -1;
+					case z < 0:
+						z = -1;
 						break;
 				}
-				return P = Math.abs(P) * B, N *= V, {
-					distances: P,
-					weights: N
+				return M = Math.abs(M) * R, j *= z, {
+					distances: M,
+					weights: j
 				};
 			}
-			__name(e, "getSegmentWeights"), B.startBatch();
-			for (let A of Object.values(B.edges())) if (A.data?.()) {
-				let { x: j, y: M } = A.source().position(), { x: N, y: P } = A.target().position();
-				if (j !== N && M !== P) {
-					let j = A.sourceEndpoint(), M = A.targetEndpoint(), { sourceDir: N } = edgeData(A), [P, F] = isArchitectureDirectionY(N) ? [j.x, M.y] : [M.x, j.y], { weights: I, distances: L } = e(j, M, P, F);
-					A.style("segment-distances", L), A.style("segment-weights", I);
+			__name(e, "getSegmentWeights"), R.startBatch();
+			for (let O of Object.values(R.edges())) if (O.data?.()) {
+				let { x: k, y: A } = O.source().position(), { x: j, y: M } = O.target().position();
+				if (k !== j && A !== M) {
+					let k = O.sourceEndpoint(), A = O.targetEndpoint(), { sourceDir: j } = edgeData(O), [M, N] = isArchitectureDirectionY(j) ? [k.x, A.y] : [A.x, k.y], { weights: P, distances: F } = e(k, A, M, N);
+					O.style("segment-distances", F), O.style("segment-weights", P);
 				}
 			}
-			B.endBatch(), U.run();
-		}), U.run(), B.ready((e) => {
-			log.info("Ready", e), R(B);
+			R.endBatch(), K.run();
+		}), K.run(), R.ready((e) => {
+			log.info("Ready", e), I(R);
 		});
 	});
 }
@@ -674,17 +676,17 @@ var diagram = {
 	get db() {
 		return new ArchitectureDB();
 	},
-	renderer: { draw: /* @__PURE__ */ __name(async (e, A, j, M) => {
-		let N = M.db;
-		N.setDiagramId(A);
-		let P = N.getServices(), F = N.getJunctions(), I = N.getGroups(), L = N.getEdges(), R = N.getDataStructures(), z = selectSvgElement(A), B = z.append("g");
-		B.attr("class", "architecture-edges");
-		let V = z.append("g");
-		V.attr("class", "architecture-services");
-		let H = z.append("g");
-		H.attr("class", "architecture-groups"), await drawServices(N, V, P, A), drawJunctions(N, V, F, A);
-		let W = await layoutArchitecture(P, F, I, L, N, R);
-		await drawEdges(B, W, N, A), await drawGroups(H, W, N, A), positionNodes(N, W), setupGraphViewbox(void 0, z, N.getConfigField("padding"), N.getConfigField("useMaxWidth"));
+	renderer: { draw: /* @__PURE__ */ __name(async (e, O, k, A) => {
+		let j = A.db;
+		j.setDiagramId(O);
+		let M = j.getServices(), N = j.getJunctions(), P = j.getGroups(), F = j.getEdges(), I = j.getDataStructures(), L = selectSvgElement(O), R = L.append("g");
+		R.attr("class", "architecture-edges");
+		let z = L.append("g");
+		z.attr("class", "architecture-services");
+		let B = L.append("g");
+		B.attr("class", "architecture-groups"), await drawServices(j, z, M, O), drawJunctions(j, z, N, O);
+		let H = await layoutArchitecture(M, N, P, F, j, I);
+		await drawEdges(R, H, j, O), await drawGroups(B, H, j, O), positionNodes(j, H), setupGraphViewbox(void 0, L, j.getConfigField("padding"), j.getConfigField("useMaxWidth"));
 	}, "draw") },
 	styles: architectureStyles_default
 };