@sme.up/ketchup2 2.6.0 → 2.8.0

package/dist/{architectureDiagram-3BPJPVTR-CMX2LiQK.js → architectureDiagram-5GKGNRK7-BJvIxhbL.js}

@@ -1,14 +1,15 @@
-import { r as e, t } from "./chunk-Dqa2HsxW.js";
-import { g as n, h as r, p as i } from "./src-GDFuItmC.js";
-import { H as a, J as o, K as s, U as c, a as l, b as u, f as d, v as f, w as p, x as m, y as h, z as g } from "./chunk-CSCIHK7Q-Drr_NBLR.js";
-import { c as _, i as v } from "./chunk-5ZQYHXKU-BvO58_5C.js";
-import { t as y } from "./chunk-WU5MYG2G-BL6T82Hi.js";
-import { a as b, i as x, n as S, r as C } from "./chunk-O5CBEL6O-BIU6TcWp.js";
-import { t as w } from "./mermaid-parser.core-D6xVjl2t.js";
-import { t as T } from "./chunk-4BX2VUAB-B74FMcxr.js";
-import { t as E } from "./cytoscape.esm-BU21wl3m.js";
+import { _ as e, m as t, p as n, y as r } from "./src-D-6ZfKf9.js";
+import { H as i, J as a, K as o, U as s, a as c, b as l, f as u, v as d, w as f, x as p, y as m, z as h } from "./chunk-DU6HZSFF-CNSdkWoH.js";
+import { n as g } from "./chunk-Y2CYZVJY-i11wjrBe.js";
+import { c as _, i as v } from "./chunk-75Z2AOVW-BwUD389x.js";
+import { t as y } from "./chunk-CLGD4ZFX-DKRy6g5T.js";
+import { i as b, r as x, t as S } from "./chunk-PWAF6VOD-CbmhQpgH.js";
+import { n as C } from "./chunk-GMAD6QVW-DKxKOKLF.js";
+import { n as w } from "./mermaid-parser.core-oFB-qEU8.js";
+import { t as T } from "./chunk-JWPE2WC7-Ccb0QaC8.js";
+import { t as E } from "./cytoscape.esm-BQqfb1oS.js";
 //#region node_modules/cytoscape-fcose/node_modules/layout-base/layout-base.js
-var D = /* @__PURE__ */ t(((e, t) => {
+var D = /* @__PURE__ */ e(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && typeof t == "object" ? t.exports = r() : typeof define == "function" && define.amd ? define([], r) : typeof e == "object" ? e.layoutBase = r() : n.layoutBase = r();
 	})(e, function() {
@@ -1442,8 +1443,8 @@ var D = /* @__PURE__ */ t(((e, t) => {
 								var K = n[E - 2];
 								n[E - 2] = 0;
 								for (var q = E - 2; q >= U; q--) {
-									var J = r.hypot(this.s[q], K), Y = this.s[q] / J, ae = K / J;
-									if (this.s[q] = J, q !== U && (K = -ae * n[q - 1], n[q - 1] = Y * n[q - 1]), o) for (var X = 0; X < this.n; X++) J = Y * this.V[X][q] + ae * this.V[X][E - 1], this.V[X][E - 1] = -ae * this.V[X][q] + Y * this.V[X][E - 1], this.V[X][q] = J;
+									var ae = r.hypot(this.s[q], K), J = this.s[q] / ae, Y = K / ae;
+									if (this.s[q] = ae, q !== U && (K = -Y * n[q - 1], n[q - 1] = J * n[q - 1]), o) for (var X = 0; X < this.n; X++) ae = J * this.V[X][q] + Y * this.V[X][E - 1], this.V[X][E - 1] = -Y * this.V[X][q] + J * this.V[X][E - 1], this.V[X][q] = ae;
 								}
 								break;
 							case 2:
@@ -1639,7 +1640,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			})
 		]);
 	});
-})), O = /* @__PURE__ */ t(((e, t) => {
+})), O = /* @__PURE__ */ e(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && typeof t == "object" ? t.exports = r(D()) : typeof define == "function" && define.amd ? define(["layout-base"], r) : typeof e == "object" ? e.coseBase = r(D()) : n.coseBase = r(n.layoutBase);
 	})(e, function(e) {
@@ -2648,7 +2649,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 										E.has(e) || (l[c.get(e)] = i);
 									});
 								}, K = 0; K < G.length; K++) ie(K);
-								if (t.alignmentConstraint.horizontal) for (var q = t.alignmentConstraint.horizontal, J = function(e) {
+								if (t.alignmentConstraint.horizontal) for (var q = t.alignmentConstraint.horizontal, ae = function(e) {
 									var t = /* @__PURE__ */ new Set();
 									q[e].forEach(function(e) {
 										t.add(e);
@@ -2659,7 +2660,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 									i = n.size > 0 ? u[c.get(n.values().next().value)] : g(t).y, t.forEach(function(e) {
 										E.has(e) || (u[c.get(e)] = i);
 									});
-								}, Y = 0; Y < q.length; Y++) J(Y);
+								}, J = 0; J < q.length; J++) ae(J);
 							}
 							t.relativePlacementConstraint && (function() {
 								var e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set();
@@ -2738,25 +2739,25 @@ var D = /* @__PURE__ */ t(((e, t) => {
 									i.get(e) ? i.get(e).forEach(function(t) {
 										u[c.get(t)] = ee.get(e);
 									}) : u[c.get(e)] = ee.get(e);
-								}, K = !0, q = !1, J = void 0;
+								}, K = !0, q = !1, ae = void 0;
 								try {
-									for (var Y = ee.keys()[Symbol.iterator](), ae; !(K = (ae = Y.next()).done); K = !0) {
-										var G = ae.value;
+									for (var J = ee.keys()[Symbol.iterator](), Y; !(K = (Y = J.next()).done); K = !0) {
+										var G = Y.value;
 										ie(G);
 									}
 								} catch (e) {
-									q = !0, J = e;
+									q = !0, ae = e;
 								} finally {
 									try {
-										!K && Y.return && Y.return();
+										!K && J.return && J.return();
 									} finally {
-										if (q) throw J;
+										if (q) throw ae;
 									}
 								}
 							})();
 						}
-						for (var ae = 0; ae < d.length; ae++) {
-							var X = d[ae];
+						for (var Y = 0; Y < d.length; Y++) {
+							var X = d[Y];
 							X.getChild() ?? X.setCenter(l[c.get(X.id)], u[c.get(X.id)]);
 						}
 					}, e.exports = c;
@@ -2774,7 +2775,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			return r(45);
 		})();
 	});
-})), k = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+})), k = /* @__PURE__ */ r((/* @__PURE__ */ e(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && typeof t == "object" ? t.exports = r(O()) : typeof define == "function" && define.amd ? define(["cose-base"], r) : typeof e == "object" ? e.cytoscapeFcose = r(O()) : n.cytoscapeFcose = r(n.coseBase);
 	})(e, function(e) {
@@ -3341,10 +3342,10 @@ var D = /* @__PURE__ */ t(((e, t) => {
 								yCoords: p
 							}), U;
 						} else {
-							var ie = l.keys(), K = t.getElementById(ie.next().value), q = K.position(), J = K.outerWidth();
+							var ie = l.keys(), K = t.getElementById(ie.next().value), q = K.position(), ae = K.outerWidth();
 							if (f.push(q.x), p.push(q.y), y == 2) {
-								var Y = t.getElementById(ie.next().value).outerWidth();
-								f.push(q.x + J / 2 + Y / 2 + e.idealEdgeLength), p.push(q.y);
+								var J = t.getElementById(ie.next().value).outerWidth();
+								f.push(q.x + ae / 2 + J / 2 + e.idealEdgeLength), p.push(q.y);
 							}
 							return U = {
 								nodeIndexes: l,
@@ -3379,54 +3380,57 @@ var D = /* @__PURE__ */ t(((e, t) => {
 	T: "top",
 	B: "bottom"
 }, j = {
-	L: /* @__PURE__ */ r((e) => `${e},${e / 2} 0,${e} 0,0`, "L"),
-	R: /* @__PURE__ */ r((e) => `0,${e / 2} ${e},0 ${e},${e}`, "R"),
-	T: /* @__PURE__ */ r((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
-	B: /* @__PURE__ */ r((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
+	L: /* @__PURE__ */ g((e) => `${e},${e / 2} 0,${e} 0,0`, "L"),
+	R: /* @__PURE__ */ g((e) => `0,${e / 2} ${e},0 ${e},${e}`, "R"),
+	T: /* @__PURE__ */ g((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
+	B: /* @__PURE__ */ g((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
 }, M = {
-	L: /* @__PURE__ */ r((e, t) => e - t + 2, "L"),
-	R: /* @__PURE__ */ r((e, t) => e - 2, "R"),
-	T: /* @__PURE__ */ r((e, t) => e - t + 2, "T"),
-	B: /* @__PURE__ */ r((e, t) => e - 2, "B")
-}, N = /* @__PURE__ */ r(function(e) {
+	L: /* @__PURE__ */ g((e, t) => e - t + 2, "L"),
+	R: /* @__PURE__ */ g((e, t) => e - 2, "R"),
+	T: /* @__PURE__ */ g((e, t) => e - t + 2, "T"),
+	B: /* @__PURE__ */ g((e, t) => e - 2, "B")
+}, N = /* @__PURE__ */ g(function(e) {
 	return F(e) ? e === "L" ? "R" : "L" : e === "T" ? "B" : "T";
-}, "getOppositeArchitectureDirection"), P = /* @__PURE__ */ r(function(e) {
+}, "getOppositeArchitectureDirection"), P = /* @__PURE__ */ g(function(e) {
 	let t = e;
 	return t === "L" || t === "R" || t === "T" || t === "B";
-}, "isArchitectureDirection"), F = /* @__PURE__ */ r(function(e) {
+}, "isArchitectureDirection"), F = /* @__PURE__ */ g(function(e) {
 	let t = e;
 	return t === "L" || t === "R";
-}, "isArchitectureDirectionX"), I = /* @__PURE__ */ r(function(e) {
+}, "isArchitectureDirectionX"), I = /* @__PURE__ */ g(function(e) {
 	let t = e;
 	return t === "T" || t === "B";
-}, "isArchitectureDirectionY"), L = /* @__PURE__ */ r(function(e, t) {
+}, "isArchitectureDirectionY"), L = /* @__PURE__ */ g(function(e, t) {
 	let n = F(e) && I(t), r = I(e) && F(t);
 	return n || r;
-}, "isArchitectureDirectionXY"), R = /* @__PURE__ */ r(function(e) {
+}, "isArchitectureDirectionXY"), R = /* @__PURE__ */ g(function(e) {
 	let t = e[0], n = e[1], r = F(t) && I(n), i = I(t) && F(n);
 	return r || i;
-}, "isArchitecturePairXY"), z = /* @__PURE__ */ r(function(e) {
+}, "isArchitecturePairXY"), z = /* @__PURE__ */ g(function(e) {
 	return e !== "LL" && e !== "RR" && e !== "TT" && e !== "BB";
-}, "isValidArchitectureDirectionPair"), B = /* @__PURE__ */ r(function(e, t) {
+}, "isValidArchitectureDirectionPair"), B = /* @__PURE__ */ g(function(e, t) {
 	let n = `${e}${t}`;
 	return z(n) ? n : void 0;
-}, "getArchitectureDirectionPair"), V = /* @__PURE__ */ r(function([e, t], n) {
+}, "getArchitectureDirectionPair"), V = /* @__PURE__ */ g(function([e, t], n) {
 	let r = n[0], i = n[1];
 	return F(r) ? I(i) ? [e + (r === "L" ? -1 : 1), t + (i === "T" ? 1 : -1)] : [e + (r === "L" ? -1 : 1), t] : F(i) ? [e + (i === "L" ? 1 : -1), t + (r === "T" ? 1 : -1)] : [e, t + (r === "T" ? 1 : -1)];
-}, "shiftPositionByArchitectureDirectionPair"), ee = /* @__PURE__ */ r(function(e) {
+}, "shiftPositionByArchitectureDirectionPair"), ee = /* @__PURE__ */ g(function(e) {
 	return e === "LT" || e === "TL" ? [1, 1] : e === "BL" || e === "LB" ? [1, -1] : e === "BR" || e === "RB" ? [-1, -1] : [-1, 1];
-}, "getArchitectureDirectionXYFactors"), te = /* @__PURE__ */ r(function(e, t) {
+}, "getArchitectureDirectionXYFactors"), te = /* @__PURE__ */ g(function(e, t) {
 	return L(e, t) ? "bend" : F(e) ? "horizontal" : "vertical";
-}, "getArchitectureDirectionAlignment"), H = /* @__PURE__ */ r(function(e) {
+}, "getArchitectureDirectionAlignment"), H = /* @__PURE__ */ g(function(e) {
 	return e.type === "service";
-}, "isArchitectureService"), ne = /* @__PURE__ */ r(function(e) {
+}, "isArchitectureService"), ne = /* @__PURE__ */ g(function(e) {
 	return e.type === "junction";
-}, "isArchitectureJunction"), re = /* @__PURE__ */ r((e) => e.data(), "edgeData"), U = /* @__PURE__ */ r((e) => e.data(), "nodeData"), W = d.architecture, G = class {
+}, "isArchitectureJunction"), re = /* @__PURE__ */ g((e, t) => {
+	let [n, r] = [e, t].sort();
+	return `${JSON.stringify(n)}-${JSON.stringify(r)}`;
+}, "architectureGroupAlignmentKey"), U = /* @__PURE__ */ g((e) => e.data(), "edgeData"), W = /* @__PURE__ */ g((e) => e.data(), "nodeData"), G = u.architecture, ie = class {
 	constructor() {
-		this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.elements = {}, this.diagramId = "", this.setAccTitle = c, this.getAccTitle = h, this.setDiagramTitle = s, this.getDiagramTitle = p, this.getAccDescription = f, this.setAccDescription = a, this.clear();
+		this.nodes = /* @__PURE__ */ new Map(), this.groups = /* @__PURE__ */ new Map(), this.edges = [], this.layoutHints = [], this.registeredIds = /* @__PURE__ */ new Map(), this.elements = /* @__PURE__ */ new Map(), this.diagramId = "", this.setAccTitle = s, this.getAccTitle = m, this.setDiagramTitle = o, this.getDiagramTitle = f, this.getAccDescription = d, this.setAccDescription = i, this.clear();
 	}
 	static {
-		r(this, "ArchitectureDB");
+		g(this, "ArchitectureDB");
 	}
 	setDiagramId(e) {
 		this.diagramId = e;
@@ -3435,16 +3439,16 @@ var D = /* @__PURE__ */ t(((e, t) => {
 		return this.diagramId;
 	}
 	clear() {
-		this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.dataStructures = void 0, this.elements = {}, this.diagramId = "", l();
+		this.nodes = /* @__PURE__ */ new Map(), this.groups = /* @__PURE__ */ new Map(), this.edges = [], this.layoutHints = [], this.registeredIds = /* @__PURE__ */ new Map(), this.dataStructures = void 0, this.elements = /* @__PURE__ */ new Map(), this.diagramId = "", c();
 	}
 	addService({ id: e, icon: t, in: n, title: r, iconText: i }) {
-		if (this.registeredIds[e] !== void 0) throw Error(`The service id [${e}] is already in use by another ${this.registeredIds[e]}`);
+		if (this.registeredIds.has(e)) throw Error(`The service id [${e}] is already in use by another ${this.registeredIds.get(e)}`);
 		if (n !== void 0) {
 			if (e === n) throw Error(`The service [${e}] cannot be placed within itself`);
-			if (this.registeredIds[n] === 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[n] === "node") throw Error(`The service [${e}]'s parent is not a group`);
+			if (!this.registeredIds.has(n)) throw Error(`The service [${e}]'s parent does not exist. Please make sure the parent is created before this service`);
+			if (this.registeredIds.get(n) === "node") throw Error(`The service [${e}]'s parent is not a group`);
 		}
-		this.registeredIds[e] = "node", this.nodes[e] = {
+		this.registeredIds.set(e, "node"), this.nodes.set(e, {
 			id: e,
 			type: "service",
 			icon: t,
@@ -3452,57 +3456,57 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			title: r,
 			edges: [],
 			in: n
-		};
+		});
 	}
 	getServices() {
-		return Object.values(this.nodes).filter(H);
+		return [...this.nodes.values()].filter(H);
 	}
 	addJunction({ id: e, in: t }) {
-		if (this.registeredIds[e] !== void 0) throw Error(`The junction id [${e}] is already in use by another ${this.registeredIds[e]}`);
+		if (this.registeredIds.has(e)) throw Error(`The junction id [${e}] is already in use by another ${this.registeredIds.get(e)}`);
 		if (t !== void 0) {
 			if (e === t) throw Error(`The junction [${e}] cannot be placed within itself`);
-			if (this.registeredIds[t] === 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[t] === "node") throw Error(`The junction [${e}]'s parent is not a group`);
+			if (!this.registeredIds.has(t)) throw Error(`The junction [${e}]'s parent does not exist. Please make sure the parent is created before this junction`);
+			if (this.registeredIds.get(t) === "node") throw Error(`The junction [${e}]'s parent is not a group`);
 		}
-		this.registeredIds[e] = "node", this.nodes[e] = {
+		this.registeredIds.set(e, "node"), this.nodes.set(e, {
 			id: e,
 			type: "junction",
 			edges: [],
 			in: t
-		};
+		});
 	}
 	getJunctions() {
-		return Object.values(this.nodes).filter(ne);
+		return [...this.nodes.values()].filter(ne);
 	}
 	getNodes() {
-		return Object.values(this.nodes);
+		return [...this.nodes.values()];
 	}
 	getNode(e) {
-		return this.nodes[e] ?? null;
+		return this.nodes.get(e) ?? null;
 	}
 	addGroup({ id: e, icon: t, in: n, title: r }) {
-		if (this.registeredIds?.[e] !== void 0) throw Error(`The group id [${e}] is already in use by another ${this.registeredIds[e]}`);
+		if (this.registeredIds.has(e)) throw Error(`The group id [${e}] is already in use by another ${this.registeredIds.get(e)}`);
 		if (n !== void 0) {
 			if (e === n) throw Error(`The group [${e}] cannot be placed within itself`);
-			if (this.registeredIds?.[n] === 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?.[n] === "node") throw Error(`The group [${e}]'s parent is not a group`);
+			if (!this.registeredIds.has(n)) throw Error(`The group [${e}]'s parent does not exist. Please make sure the parent is created before this group`);
+			if (this.registeredIds.get(n) === "node") throw Error(`The group [${e}]'s parent is not a group`);
 		}
-		this.registeredIds[e] = "group", this.groups[e] = {
+		this.registeredIds.set(e, "group"), this.groups.set(e, {
 			id: e,
 			icon: t,
 			title: r,
 			in: n
-		};
+		});
 	}
 	getGroups() {
-		return Object.values(this.groups);
+		return [...this.groups.values()];
 	}
 	addEdge({ lhsId: e, rhsId: t, lhsDir: n, rhsDir: r, lhsInto: i, rhsInto: a, lhsGroup: o, rhsGroup: s, title: c }) {
 		if (!P(n)) throw Error(`Invalid direction given for left hand side of edge ${e}--${t}. Expected (L,R,T,B) got ${String(n)}`);
 		if (!P(r)) throw Error(`Invalid direction given for right hand side of edge ${e}--${t}. Expected (L,R,T,B) got ${String(r)}`);
-		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[t] === void 0 && this.groups[t] === void 0) throw Error(`The right-hand id [${t}] does not yet exist. Please create the service/group before declaring an edge to it.`);
-		let l = this.nodes[e].in, u = this.nodes[t].in;
+		if (!this.nodes.has(e) && !this.groups.has(e)) 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.has(t) && !this.groups.has(t)) throw Error(`The right-hand id [${t}] does not yet exist. Please create the service/group before declaring an edge to it.`);
+		let l = this.nodes.get(e).in, u = this.nodes.get(t).in;
 		if (o && l && u && l == u) throw Error(`The left-hand id [${e}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
 		if (s && l && u && l == u) throw Error(`The right-hand id [${t}] is modified to traverse the group boundary, but the edge does not pass through two groups.`);
 		let d = {
@@ -3516,86 +3520,112 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			rhsGroup: s,
 			title: c
 		};
-		this.edges.push(d), this.nodes[e] && this.nodes[t] && (this.nodes[e].edges.push(this.edges[this.edges.length - 1]), this.nodes[t].edges.push(this.edges[this.edges.length - 1]));
+		this.edges.push(d);
+		let f = this.nodes.get(e), p = this.nodes.get(t);
+		f && p && (f.edges.push(this.edges[this.edges.length - 1]), p.edges.push(this.edges[this.edges.length - 1]));
 	}
 	getEdges() {
 		return this.edges;
 	}
+	addLayoutHint(e) {
+		if (e.members.length < 2) throw Error(`An align directive requires at least two members; got ${e.members.length}`);
+		let t = /* @__PURE__ */ new Set();
+		e.members.forEach((n) => {
+			if (this.registeredIds.get(n) !== "node") throw Error(`align ${e.direction} references [${n}], which is not a service or junction`);
+			if (t.has(n)) throw Error(`align ${e.direction} lists [${n}] more than once`);
+			t.add(n);
+		}), this.layoutHints.push(e);
+	}
+	getLayoutHints() {
+		return this.layoutHints;
+	}
 	getDataStructures() {
 		if (this.dataStructures === void 0) {
-			let e = {}, t = Object.entries(this.nodes).reduce((t, [n, r]) => (t[n] = r.edges.reduce((t, r) => {
-				let i = this.getNode(r.lhsId)?.in, a = this.getNode(r.rhsId)?.in;
-				if (i && a && i !== a) {
-					let t = te(r.lhsDir, r.rhsDir);
-					t !== "bend" && (e[i] ??= {}, e[i][a] = t, e[a] ??= {}, e[a][i] = t);
-				}
-				if (r.lhsId === n) {
-					let e = B(r.lhsDir, r.rhsDir);
-					e && (t[e] = r.rhsId);
-				} else {
-					let e = B(r.rhsDir, r.lhsDir);
-					e && (t[e] = r.lhsId);
+			let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+			for (let [n, r] of this.nodes.entries()) {
+				let i = /* @__PURE__ */ new Map();
+				for (let t of r.edges) {
+					let r = this.getNode(t.lhsId)?.in, a = this.getNode(t.rhsId)?.in;
+					if (r && a && r !== a) {
+						let n = te(t.lhsDir, t.rhsDir);
+						n !== "bend" && e.set(re(r, a), n);
+					}
+					if (t.lhsId === n) {
+						let e = B(t.lhsDir, t.rhsDir);
+						e && i.set(e, t.rhsId);
+					} else {
+						let e = B(t.rhsDir, t.lhsDir);
+						e && i.set(e, t.lhsId);
+					}
 				}
-				return t;
-			}, {}), t), {}), n = Object.keys(t)[0], i = { [n]: 1 }, a = Object.keys(t).reduce((e, t) => t === n ? e : {
-				...e,
-				[t]: 1
-			}, {}), o = /* @__PURE__ */ r((e) => {
-				let n = { [e]: [0, 0] }, r = [e];
-				for (; r.length > 0;) {
-					let e = r.shift();
+				t.set(n, i);
+			}
+			let n = /* @__PURE__ */ new Set(), r = new Set(t.keys()), i = /* @__PURE__ */ g((e) => {
+				let i = /* @__PURE__ */ new Map([[e, [0, 0]]]), a = [e];
+				for (; a.length > 0;) {
+					let e = a.shift();
 					if (e) {
-						i[e] = 1, delete a[e];
-						let o = t[e], [s, c] = n[e];
-						Object.entries(o).forEach(([e, t]) => {
-							i[t] || (n[t] = V([s, c], e), r.push(t));
+						n.add(e), r.delete(e);
+						let o = t.get(e);
+						if (!o) throw Error(`BFS error: adjacency list for id ${e} not found. Please report this as a bug.`);
+						let s = i.get(e);
+						if (!s) throw Error(`BFS error: position for id ${e} not found in spatial map. Please report this as a bug.`);
+						let [c, l] = s;
+						o.forEach((e, t) => {
+							n.has(e) || (i.set(e, V([c, l], t)), a.push(e));
 						});
 					}
 				}
-				return n;
-			}, "BFS"), s = [o(n)];
-			for (; Object.keys(a).length > 0;) s.push(o(Object.keys(a)[0]));
+				return i;
+			}, "BFS"), a = [];
+			for (; r.size > 0;) {
+				let e = r.values().next().value;
+				a.push(i(e));
+			}
 			this.dataStructures = {
 				adjList: t,
-				spatialMaps: s,
+				spatialMaps: a,
 				groupAlignments: e
 			};
 		}
 		return this.dataStructures;
 	}
 	setElementForId(e, t) {
-		this.elements[e] = t;
+		this.elements.set(e, t);
 	}
 	getElementById(e) {
-		return this.elements[e];
+		return this.elements.get(e);
 	}
 	getConfig() {
 		return v({
-			...W,
-			...u().architecture
+			...G,
+			...l().architecture
 		});
 	}
 	getConfigField(e) {
 		return this.getConfig()[e];
 	}
-}, ie = /* @__PURE__ */ r((e, t) => {
+}, K = /* @__PURE__ */ g((e, t) => {
 	T(e, t), e.groups.map((e) => t.addGroup(e)), e.services.map((e) => t.addService({
 		...e,
 		type: "service"
 	})), e.junctions.map((e) => t.addJunction({
 		...e,
 		type: "junction"
-	})), e.edges.map((e) => t.addEdge(e));
-}, "populateDb"), K = {
+	})), e.edges.map((e) => t.addEdge(e)), e.alignments?.map((e) => t.addLayoutHint({
+		direction: e.direction,
+		members: [...e.members]
+	}));
+}, "populateDb"), q = {
 	parser: { yy: void 0 },
-	parse: /* @__PURE__ */ r(async (e) => {
-		let t = await w("architecture", e);
-		n.debug(t);
-		let r = K.parser?.yy;
-		if (!(r instanceof G)) 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.");
-		ie(t, r);
+	parse: /* @__PURE__ */ g(async (e) => {
+		let n = await w("architecture", e);
+		t.debug(n);
+		let r = q.parser?.yy;
+		if (!(r instanceof ie)) 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.");
+		K(n, r);
 	}, "parse")
-}, q = /* @__PURE__ */ r((e) => `
+}, ae = /* @__PURE__ */ g((e) => `
   .edge {
     stroke-width: ${e.archEdgeWidth};
     stroke: ${e.archEdgeColor};
@@ -3626,51 +3656,67 @@ var D = /* @__PURE__ */ t(((e, t) => {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-`, "getStyles"), J = /* @__PURE__ */ r((e) => `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${e}</g>`, "wrapIcon"), Y = {
+`, "getStyles");
+function J(e, t) {
+	if (e === 0) return t();
+	let n = Math.random, r = e >>> 0;
+	Math.random = function() {
+		r = r + 1831565813 >>> 0;
+		let e = r;
+		return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
+	};
+	try {
+		return t();
+	} finally {
+		Math.random = n;
+	}
+}
+g(J, "withSeededRandom");
+var Y = /* @__PURE__ */ g((e) => `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${e}</g>`, "wrapIcon"), X = {
 	prefix: "mermaid-architecture",
 	height: 80,
 	width: 80,
 	icons: {
-		database: { body: J("<path id=\"b\" data-name=\"4\" d=\"m20,57.86c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path id=\"c\" data-name=\"3\" d=\"m20,45.95c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path id=\"d\" data-name=\"2\" d=\"m20,34.05c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse id=\"e\" data-name=\"1\" cx=\"40\" cy=\"22.14\" rx=\"20\" ry=\"7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"20\" y1=\"57.86\" x2=\"20\" y2=\"22.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"60\" y1=\"57.86\" x2=\"60\" y2=\"22.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
-		server: { body: J("<rect x=\"17.5\" y=\"17.5\" width=\"45\" height=\"45\" rx=\"2\" ry=\"2\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"32.5\" x2=\"62.5\" y2=\"32.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"47.5\" x2=\"62.5\" y2=\"47.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><g><path d=\"m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><path d=\"m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><path d=\"m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g>") },
-		disk: { body: J("<rect x=\"20\" y=\"15\" width=\"40\" height=\"50\" rx=\"1\" ry=\"1\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"24\" cy=\"19.17\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"56\" cy=\"19.17\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"24\" cy=\"60.83\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"56\" cy=\"60.83\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"40\" cy=\"33.75\" rx=\"14\" ry=\"14.58\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"40\" cy=\"33.75\" rx=\"4\" ry=\"4.17\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m37.51,42.52l-4.83,13.22c-.26.71-1.1,1.02-1.76.64l-4.18-2.42c-.66-.38-.81-1.26-.33-1.84l9.01-10.8c.88-1.05,2.56-.08,2.09,1.2Z\" style=\"fill: #fff; stroke-width: 0px;\"/>") },
-		internet: { body: J("<circle cx=\"40\" cy=\"40\" r=\"22.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"40\" y1=\"17.5\" x2=\"40\" y2=\"62.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"40\" x2=\"62.5\" y2=\"40\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m39.99,17.51c-15.28,11.1-15.28,33.88,0,44.98\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m40.01,17.51c15.28,11.1,15.28,33.88,0,44.98\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"19.75\" y1=\"30.1\" x2=\"60.25\" y2=\"30.1\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"19.75\" y1=\"49.9\" x2=\"60.25\" y2=\"49.9\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
-		cloud: { body: J("<path d=\"m65,47.5c0,2.76-2.24,5-5,5H20c-2.76,0-5-2.24-5-5,0-1.87,1.03-3.51,2.56-4.36-.04-.21-.06-.42-.06-.64,0-2.6,2.48-4.74,5.65-4.97,1.65-4.51,6.34-7.76,11.85-7.76.86,0,1.69.08,2.5.23,2.09-1.57,4.69-2.5,7.5-2.5,6.1,0,11.19,4.38,12.28,10.17,2.14.56,3.72,2.51,3.72,4.83,0,.03,0,.07-.01.1,2.29.46,4.01,2.48,4.01,4.9Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
+		database: { body: Y("<path id=\"b\" data-name=\"4\" d=\"m20,57.86c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path id=\"c\" data-name=\"3\" d=\"m20,45.95c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path id=\"d\" data-name=\"2\" d=\"m20,34.05c0,3.94,8.95,7.14,20,7.14s20-3.2,20-7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse id=\"e\" data-name=\"1\" cx=\"40\" cy=\"22.14\" rx=\"20\" ry=\"7.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"20\" y1=\"57.86\" x2=\"20\" y2=\"22.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"60\" y1=\"57.86\" x2=\"60\" y2=\"22.14\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
+		server: { body: Y("<rect x=\"17.5\" y=\"17.5\" width=\"45\" height=\"45\" rx=\"2\" ry=\"2\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"32.5\" x2=\"62.5\" y2=\"32.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"47.5\" x2=\"62.5\" y2=\"47.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><g><path d=\"m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,25c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><path d=\"m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,40c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><path d=\"m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: #fff; stroke-width: 0px;\"/><path d=\"m56.25,55c0,.27-.45.5-1,.5h-10.5c-.55,0-1-.23-1-.5s.45-.5,1-.5h10.5c.55,0,1,.23,1,.5Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"25\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"40\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g><g><circle cx=\"32.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"27.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/><circle cx=\"22.5\" cy=\"55\" r=\".75\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10;\"/></g>") },
+		disk: { body: Y("<rect x=\"20\" y=\"15\" width=\"40\" height=\"50\" rx=\"1\" ry=\"1\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"24\" cy=\"19.17\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"56\" cy=\"19.17\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"24\" cy=\"60.83\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"56\" cy=\"60.83\" rx=\".8\" ry=\".83\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"40\" cy=\"33.75\" rx=\"14\" ry=\"14.58\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><ellipse cx=\"40\" cy=\"33.75\" rx=\"4\" ry=\"4.17\" style=\"fill: #fff; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m37.51,42.52l-4.83,13.22c-.26.71-1.1,1.02-1.76.64l-4.18-2.42c-.66-.38-.81-1.26-.33-1.84l9.01-10.8c.88-1.05,2.56-.08,2.09,1.2Z\" style=\"fill: #fff; stroke-width: 0px;\"/>") },
+		internet: { body: Y("<circle cx=\"40\" cy=\"40\" r=\"22.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"40\" y1=\"17.5\" x2=\"40\" y2=\"62.5\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"17.5\" y1=\"40\" x2=\"62.5\" y2=\"40\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m39.99,17.51c-15.28,11.1-15.28,33.88,0,44.98\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><path d=\"m40.01,17.51c15.28,11.1,15.28,33.88,0,44.98\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"19.75\" y1=\"30.1\" x2=\"60.25\" y2=\"30.1\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/><line x1=\"19.75\" y1=\"49.9\" x2=\"60.25\" y2=\"49.9\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
+		cloud: { body: Y("<path d=\"m65,47.5c0,2.76-2.24,5-5,5H20c-2.76,0-5-2.24-5-5,0-1.87,1.03-3.51,2.56-4.36-.04-.21-.06-.42-.06-.64,0-2.6,2.48-4.74,5.65-4.97,1.65-4.51,6.34-7.76,11.85-7.76.86,0,1.69.08,2.5.23,2.09-1.57,4.69-2.5,7.5-2.5,6.1,0,11.19,4.38,12.28,10.17,2.14.56,3.72,2.51,3.72,4.83,0,.03,0,.07-.01.1,2.29.46,4.01,2.48,4.01,4.9Z\" style=\"fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px;\"/>") },
 		unknown: b,
-		blank: { body: J("") }
+		blank: { body: Y("") }
 	}
-}, ae = /* @__PURE__ */ r(async function(e, t, n, r) {
+}, oe = /* @__PURE__ */ g(async function(e, t, n, r) {
 	let i = n.getConfigField("padding"), a = n.getConfigField("iconSize"), o = a / 2, s = a / 6, c = s / 2;
 	await Promise.all(t.edges().map(async (t) => {
-		let { source: a, sourceDir: l, sourceArrow: u, sourceGroup: d, target: f, targetDir: p, targetArrow: h, targetGroup: g, label: v } = re(t), { x: y, y: b } = t[0].sourceEndpoint(), { x, y: C } = t[0].midpoint(), { x: w, y: T } = t[0].targetEndpoint(), E = i + 4;
-		if (d && (F(l) ? y += l === "L" ? -E : E : b += l === "T" ? -E : E + 18), g && (F(p) ? w += p === "L" ? -E : E : T += p === "T" ? -E : E + 18), !d && n.getNode(a)?.type === "junction" && (F(l) ? y += l === "L" ? o : -o : b += l === "T" ? o : -o), !g && n.getNode(f)?.type === "junction" && (F(p) ? w += p === "L" ? o : -o : T += p === "T" ? o : -o), t[0]._private.rscratch) {
+		let { source: a, sourceDir: l, sourceArrow: u, sourceGroup: d, target: f, targetDir: m, targetArrow: h, targetGroup: g, label: v } = U(t), { x: y, y: b } = t[0].sourceEndpoint(), { x, y: S } = t[0].midpoint(), { x: w, y: T } = t[0].targetEndpoint(), E = i + 4;
+		if (d && (F(l) ? y += l === "L" ? -E : E : b += l === "T" ? -E : E + 18), g && (F(m) ? w += m === "L" ? -E : E : T += m === "T" ? -E : E + 18), !d && n.getNode(a)?.type === "junction" && (F(l) ? y += l === "L" ? o : -o : b += l === "T" ? o : -o), !g && n.getNode(f)?.type === "junction" && (F(m) ? w += m === "L" ? o : -o : T += m === "T" ? o : -o), t[0]._private.rscratch) {
 			let t = e.insert("g");
-			if (t.insert("path").attr("d", `M ${y},${b} L ${x},${C} L${w},${T} `).attr("class", "edge").attr("id", `${r}-${_(a, f, { prefix: "L" })}`), u) {
+			if (t.insert("path").attr("d", `M ${y},${b} L ${x},${S} L${w},${T} `).attr("class", "edge").attr("id", `${r}-${_(a, f, { prefix: "L" })}`), u) {
 				let e = F(l) ? M[l](y, s) : y - c, n = I(l) ? M[l](b, s) : b - c;
 				t.insert("polygon").attr("points", j[l](s)).attr("transform", `translate(${e},${n})`).attr("class", "arrow");
 			}
 			if (h) {
-				let e = F(p) ? M[p](w, s) : w - c, n = I(p) ? M[p](T, s) : T - c;
-				t.insert("polygon").attr("points", j[p](s)).attr("transform", `translate(${e},${n})`).attr("class", "arrow");
+				let e = F(m) ? M[m](w, s) : w - c, n = I(m) ? M[m](T, s) : T - c;
+				t.insert("polygon").attr("points", j[m](s)).attr("transform", `translate(${e},${n})`).attr("class", "arrow");
 			}
 			if (v) {
-				let e = L(l, p) ? "XY" : F(l) ? "X" : "Y", n = 0;
+				let e = L(l, m) ? "XY" : F(l) ? "X" : "Y", n = 0;
 				n = e === "X" ? Math.abs(y - w) : e === "Y" ? Math.abs(b - T) / 1.5 : Math.abs(y - w) / 2;
 				let r = t.append("g");
-				if (await S(r, v, {
+				if (await C(r, v, {
 					useHtmlLabels: !1,
 					width: n,
 					classes: "architecture-service-label"
-				}, m()), r.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e === "X") r.attr("transform", "translate(" + x + ", " + C + ")");
-				else if (e === "Y") r.attr("transform", "translate(" + x + ", " + C + ") rotate(-90)");
+				}, p()), r.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e === "X") r.attr("transform", "translate(" + x + ", " + S + ")");
+				else if (e === "Y") r.attr("transform", "translate(" + x + ", " + S + ") rotate(-90)");
 				else if (e === "XY") {
-					let e = B(l, p);
+					let e = B(l, m);
 					if (e && R(e)) {
 						let t = r.node().getBoundingClientRect(), [n, i] = ee(e);
 						r.attr("dominant-baseline", "auto").attr("transform", `rotate(${-1 * n * i * 45})`);
 						let a = r.node().getBoundingClientRect();
 						r.attr("transform", `
-                translate(${x}, ${C - t.height / 2})
+                translate(${x}, ${S - t.height / 2})
                 translate(${n * a.width / 2}, ${i * a.height / 2})
                 rotate(${-1 * n * i * 45}, 0, ${t.height / 2})
               `);
@@ -3679,58 +3725,58 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			}
 		}
 	}));
-}, "drawEdges"), X = /* @__PURE__ */ r(async function(e, t, n, r) {
+}, "drawEdges"), Z = /* @__PURE__ */ g(async function(e, t, n, r) {
 	let i = n.getConfigField("padding") * .75, a = n.getConfigField("fontSize"), o = n.getConfigField("iconSize") / 2;
 	await Promise.all(t.nodes().map(async (t) => {
-		let s = U(t);
+		let s = W(t);
 		if (s.type === "group") {
 			let { h: c, w: l, x1: u, y1: d } = t.boundingBox(), f = e.append("rect");
 			f.attr("id", `${r}-group-${s.id}`).attr("x", u + o).attr("y", d + o).attr("width", l).attr("height", c).attr("class", "node-bkg");
-			let p = e.append("g"), h = u, g = d;
+			let m = e.append("g"), h = u, g = d;
 			if (s.icon) {
-				let e = p.append("g");
-				e.html(`<g>${await C(s.icon, {
+				let e = m.append("g");
+				e.html(`<g>${await S(s.icon, {
 					height: i,
 					width: i,
-					fallbackPrefix: Y.prefix
+					fallbackPrefix: X.prefix
 				})}</g>`), e.attr("transform", "translate(" + (h + o + 1) + ", " + (g + o + 1) + ")"), h += i, g += a / 2 - 1 - 2;
 			}
 			if (s.label) {
-				let e = p.append("g");
-				await S(e, s.label, {
+				let e = m.append("g");
+				await C(e, s.label, {
 					useHtmlLabels: !1,
 					width: l,
 					classes: "architecture-service-label"
-				}, m()), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start"), e.attr("transform", "translate(" + (h + o + 4) + ", " + (g + o + 2) + ")");
+				}, p()), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "start").attr("text-anchor", "start"), e.attr("transform", "translate(" + (h + o + 4) + ", " + (g + o + 2) + ")");
 			}
 			n.setElementForId(s.id, f);
 		}
 	}));
-}, "drawGroups"), oe = /* @__PURE__ */ r(async function(e, t, n, r) {
-	let i = m();
+}, "drawGroups"), se = /* @__PURE__ */ g(async function(e, t, n, r) {
+	let i = p();
 	for (let a of n) {
 		let n = t.append("g"), o = e.getConfigField("iconSize");
 		if (a.title) {
 			let e = n.append("g");
-			await S(e, a.title, {
+			await C(e, a.title, {
 				useHtmlLabels: !1,
 				width: o * 1.5,
 				classes: "architecture-service-label"
 			}, i), e.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e.attr("transform", "translate(" + o / 2 + ", " + o + ")");
 		}
 		let s = n.append("g");
-		if (a.icon) s.html(`<g>${await C(a.icon, {
+		if (a.icon) s.html(`<g>${await S(a.icon, {
 			height: o,
 			width: o,
-			fallbackPrefix: Y.prefix
+			fallbackPrefix: X.prefix
 		})}</g>`);
 		else if (a.iconText) {
-			s.html(`<g>${await C("blank", {
+			s.html(`<g>${await S("blank", {
 				height: o,
 				width: o,
-				fallbackPrefix: Y.prefix
+				fallbackPrefix: X.prefix
 			})}</g>`);
-			let e = s.append("g").append("foreignObject").attr("width", o).attr("height", o).append("div").attr("class", "node-icon-text").attr("style", `height: ${o}px;`).append("div").html(g(a.iconText, i)), t = parseInt(window.getComputedStyle(e.node(), null).getPropertyValue("font-size").replace(/\D/g, "")) ?? 16;
+			let e = s.append("g").append("foreignObject").attr("width", o).attr("height", o).append("div").attr("class", "node-icon-text").attr("style", `height: ${o}px;`).append("div").html(h(a.iconText, i)), t = parseInt(window.getComputedStyle(e.node(), null).getPropertyValue("font-size").replace(/\D/g, "")) ?? 16;
 			e.attr("style", `-webkit-line-clamp: ${Math.floor((o - 2) / t)};`);
 		} else s.append("path").attr("class", "node-bkg").attr("id", `${r}-node-${a.id}`).attr("d", `M0,${o} V5 Q0,0 5,0 H${o - 5} Q${o},0 ${o},5 V${o} Z`);
 		n.attr("id", `${r}-service-${a.id}`).attr("class", "architecture-service");
@@ -3738,7 +3784,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 		a.width = c, a.height = l, e.setElementForId(a.id, n);
 	}
 	return 0;
-}, "drawServices"), Z = /* @__PURE__ */ r(function(e, t, n, r) {
+}, "drawServices"), ce = /* @__PURE__ */ g(function(e, t, n, r) {
 	n.forEach((n) => {
 		let i = t.append("g"), a = e.getConfigField("iconSize");
 		i.append("g").append("rect").attr("id", `${r}-node-${n.id}`).attr("fill-opacity", "0").attr("width", a).attr("height", a), i.attr("class", "architecture-junction");
@@ -3747,10 +3793,10 @@ var D = /* @__PURE__ */ t(((e, t) => {
 	});
 }, "drawJunctions");
 x([{
-	name: Y.prefix,
-	icons: Y
+	name: X.prefix,
+	icons: X
 }]), E.use(k.default);
-function se(e, t, n) {
+function le(e, t, n) {
 	e.forEach((e) => {
 		t.add({
 			group: "nodes",
@@ -3767,8 +3813,8 @@ function se(e, t, n) {
 		});
 	});
 }
-r(se, "addServices");
-function ce(e, t, n) {
+g(le, "addServices");
+function ue(e, t, n) {
 	e.forEach((e) => {
 		t.add({
 			group: "nodes",
@@ -3783,15 +3829,15 @@ function ce(e, t, n) {
 		});
 	});
 }
-r(ce, "addJunctions");
-function le(e, t) {
+g(ue, "addJunctions");
+function de(e, t) {
 	t.nodes().map((t) => {
-		let n = U(t);
+		let n = W(t);
 		n.type !== "group" && (n.x = t.position().x, n.y = t.position().y, e.getElementById(n.id).attr("transform", "translate(" + (n.x || 0) + "," + (n.y || 0) + ")"));
 	});
 }
-r(le, "positionNodes");
-function ue(e, t) {
+g(de, "positionNodes");
+function fe(e, t) {
 	e.forEach((e) => {
 		t.add({
 			group: "nodes",
@@ -3806,8 +3852,8 @@ function ue(e, t) {
 		});
 	});
 }
-r(ue, "addGroups");
-function de(e, t) {
+g(fe, "addGroups");
+function pe(e, t) {
 	e.forEach((e) => {
 		let { lhsId: n, rhsId: r, lhsInto: i, lhsGroup: a, rhsInto: o, lhsDir: s, rhsDir: c, rhsGroup: l, title: u } = e, d = L(e.lhsDir, e.rhsDir) ? "segments" : "straight", f = {
 			id: `${n}-${r}`,
@@ -3830,80 +3876,114 @@ function de(e, t) {
 		});
 	});
 }
-r(de, "addEdges");
-function fe(e, t, n) {
-	let i = /* @__PURE__ */ r((e, t) => Object.entries(e).reduce((e, [r, i]) => {
-		let a = 0, o = Object.entries(i);
-		if (o.length === 1) return e[r] = o[0][1], e;
-		for (let i = 0; i < o.length - 1; i++) for (let s = i + 1; s < o.length; s++) {
-			let [c, l] = o[i], [u, d] = o[s];
-			if (n[c]?.[u] === t) e[r] ??= [], e[r] = [
-				...e[r],
-				...l,
-				...d
-			];
-			else if (c === "default" || u === "default") e[r] ??= [], e[r] = [
-				...e[r],
-				...l,
-				...d
-			];
-			else {
-				let t = `${r}-${a++}`;
-				e[t] = l;
-				let n = `${r}-${a++}`;
-				e[n] = d;
+g(pe, "addEdges");
+function me(e, t, n, r = []) {
+	let i = /* @__PURE__ */ g((e, t) => {
+		let r = /* @__PURE__ */ new Map();
+		for (let [i, a] of e.entries()) {
+			let e = `${i}`, o = 0, s = [...a.entries()];
+			if (s.length === 1) {
+				r.set(e, s[0][1]);
+				continue;
+			}
+			for (let i = 0; i < s.length - 1; i++) for (let a = i + 1; a < s.length; a++) {
+				let [c, l] = s[i], [u, d] = s[a];
+				if (n.get(re(c, u)) === t) r.set(e, [
+					...r.get(e) ?? [],
+					...l,
+					...d
+				]);
+				else if (c === "default" || u === "default") r.set(e, [
+					...r.get(e) ?? [],
+					...l,
+					...d
+				]);
+				else {
+					let t = `${e}-${o++}`;
+					r.set(t, l);
+					let n = `${e}-${o++}`;
+					r.set(n, d);
+				}
 			}
 		}
-		return e;
-	}, {}), "flattenAlignments"), [a, o] = t.map((t) => {
-		let n = {}, r = {};
-		return Object.entries(t).forEach(([t, [i, a]]) => {
-			let o = e.getNode(t)?.in ?? "default";
-			n[a] ??= {}, n[a][o] ??= [], n[a][o].push(t), r[i] ??= {}, r[i][o] ??= [], r[i][o].push(t);
+		return r;
+	}, "flattenAlignments"), [a, o] = t.map((t) => {
+		let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+		return t.forEach(([t, i], a) => {
+			let o = e.getNode(a)?.in ?? "default", s = n.get(i) ?? /* @__PURE__ */ new Map();
+			n.has(i) || n.set(i, s);
+			let c = r.get(t) ?? /* @__PURE__ */ new Map();
+			r.has(t) || r.set(t, c);
+			for (let e of [s, c]) {
+				let t = e.get(o) ?? [];
+				e.has(o) || e.set(o, t), t.push(a);
+			}
 		}), {
-			horiz: Object.values(i(n, "horizontal")).filter((e) => e.length > 1),
-			vert: Object.values(i(r, "vertical")).filter((e) => e.length > 1)
+			horiz: [...i(n, "horizontal").values()].filter((e) => e.length > 1),
+			vert: [...i(r, "vertical").values()].filter((e) => e.length > 1)
 		};
-	}).reduce(([e, t], { horiz: n, vert: r }) => [[...e, ...n], [...t, ...r]], [[], []]);
-	return {
-		horizontal: a,
-		vertical: o
+	}).reduce(([e, t], { horiz: n, vert: r }) => [[...e, ...n], [...t, ...r]], [[], []]), s = /* @__PURE__ */ new Set();
+	r.forEach((e) => e.members.forEach((e) => s.add(e)));
+	let c = /* @__PURE__ */ g((e) => e.filter((e) => !e.some((e) => s.has(e))), "dropOverlapping"), l = c(a), u = c(o);
+	return r.forEach((e) => {
+		e.members.length < 2 || (e.direction === "row" ? l.push([...e.members]) : u.push([...e.members]));
+	}), {
+		horizontal: l,
+		vertical: u
 	};
 }
-r(fe, "getAlignments");
-function pe(e, t) {
-	let n = [], i = /* @__PURE__ */ r((e) => `${e[0]},${e[1]}`, "posToStr"), a = /* @__PURE__ */ r((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
+g(me, "getAlignments");
+function he(e, t, n = []) {
+	let r = [], i = t.getConfigField("iconSize"), a = t.getConfigField("idealEdgeLengthMultiplier"), o = a * i, s = /* @__PURE__ */ new Set();
+	n.forEach((e) => {
+		for (let t = 0; t < e.members.length - 1; t++) {
+			let n = e.members[t], i = e.members[t + 1];
+			s.add(`${n}|${i}`), s.add(`${i}|${n}`), e.direction === "row" ? r.push({
+				left: n,
+				right: i,
+				gap: o
+			}) : r.push({
+				top: n,
+				bottom: i,
+				gap: o
+			});
+		}
+	});
+	let c = /* @__PURE__ */ g((e) => `${e[0]},${e[1]}`, "posToStr"), l = /* @__PURE__ */ g((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
 	return e.forEach((e) => {
-		let r = Object.fromEntries(Object.entries(e).map(([e, t]) => [i(t), e])), o = [i([0, 0])], s = {}, c = {
+		let t = new Map([...e.entries()].map(([e, t]) => [c(t), e])), n = [c([0, 0])], o = {}, u = {
 			L: [-1, 0],
 			R: [1, 0],
 			T: [0, 1],
 			B: [0, -1]
 		};
-		for (; o.length > 0;) {
-			let e = o.shift();
+		for (; n.length > 0;) {
+			let e = n.shift();
 			if (e) {
-				s[e] = 1;
-				let l = r[e];
-				if (l) {
-					let u = a(e);
-					Object.entries(c).forEach(([e, a]) => {
-						let c = i([u[0] + a[0], u[1] + a[1]]), d = r[c];
-						d && !s[c] && (o.push(c), n.push({
-							[A[e]]: d,
-							[A[N(e)]]: l,
-							gap: 1.5 * t.getConfigField("iconSize")
-						}));
+				o[e] = 1;
+				let d = t.get(e);
+				if (d) {
+					let f = l(e);
+					Object.entries(u).forEach(([e, l]) => {
+						let u = c([f[0] + l[0], f[1] + l[1]]), p = t.get(u);
+						if (p && !o[u]) {
+							if (n.push(u), s.has(`${d}|${p}`)) return;
+							r.push({
+								[A[e]]: p,
+								[A[N(e)]]: d,
+								gap: a * i
+							});
+						}
 					});
 				}
 			}
 		}
-	}), n;
+	}), r;
 }
-r(pe, "getRelativeConstraints");
-function me(e, t, a, o, s, { spatialMaps: c, groupAlignments: l }) {
-	return new Promise((u) => {
-		let d = i("body").append("div").attr("id", "cy").attr("style", "display:none"), f = E({
+g(he, "getRelativeConstraints");
+function ge(e, r, i, a, o, { spatialMaps: s, groupAlignments: c }) {
+	return new Promise((l) => {
+		let u = n("body").append("div").attr("id", "cy").attr("style", "display:none"), d = E({
 			container: document.getElementById("cy"),
 			style: [
 				{
@@ -3938,7 +4018,7 @@ function me(e, t, a, o, s, { spatialMaps: c, groupAlignments: l }) {
 					style: {
 						"text-valign": "bottom",
 						"text-halign": "center",
-						"font-size": `${s.getConfigField("fontSize")}px`
+						"font-size": `${o.getConfigField("fontSize")}px`
 					}
 				},
 				{
@@ -3958,7 +4038,7 @@ function me(e, t, a, o, s, { spatialMaps: c, groupAlignments: l }) {
 				},
 				{
 					selector: ".node-group",
-					style: { padding: `${s.getConfigField("padding")}px` }
+					style: { padding: `${o.getConfigField("padding")}px` }
 				}
 			],
 			layout: {
@@ -3971,28 +4051,28 @@ function me(e, t, a, o, s, { spatialMaps: c, groupAlignments: l }) {
 				}
 			}
 		});
-		d.remove(), ue(a, f), se(e, f, s), ce(t, f, s), de(o, f);
-		let p = fe(s, c, l), m = pe(c, s), h = s.getConfigField("iconSize"), g = s.getConfigField("idealEdgeLengthMultiplier") * h, _ = .5 * h, v = s.getConfigField("edgeElasticity"), y = f.layout({
+		u.remove(), fe(i, d), le(e, d, o), ue(r, d, o), pe(a, d);
+		let f = o.getLayoutHints(), p = me(o, s, c, f), m = he(s, o, f), h = o.getConfigField("iconSize"), _ = o.getConfigField("idealEdgeLengthMultiplier") * h, v = .5 * h, y = o.getConfigField("edgeElasticity"), b = o.getConfigField("seed"), x = d.layout({
 			name: "fcose",
 			quality: "proof",
-			randomize: s.getConfigField("randomize"),
-			nodeSeparation: s.getConfigField("nodeSeparation"),
-			numIter: s.getConfigField("numIter"),
+			randomize: o.getConfigField("randomize"),
+			nodeSeparation: o.getConfigField("nodeSeparation"),
+			numIter: o.getConfigField("numIter"),
 			styleEnabled: !1,
 			animate: !1,
 			nodeDimensionsIncludeLabels: !1,
 			idealEdgeLength(e) {
-				let [t, n] = e.connectedNodes(), { parent: r } = U(t), { parent: i } = U(n);
-				return r === i ? g : _;
+				let [t, n] = e.connectedNodes(), { parent: r } = W(t), { parent: i } = W(n);
+				return r === i ? _ : v;
 			},
 			edgeElasticity(e) {
-				let [t, n] = e.connectedNodes(), { parent: r } = U(t), { parent: i } = U(n);
-				return r === i ? v : .001;
+				let [t, n] = e.connectedNodes(), { parent: r } = W(t), { parent: i } = W(n);
+				return r === i ? y : .001;
 			},
 			alignmentConstraint: p,
 			relativePlacementConstraint: m
 		});
-		y.one("layoutstop", () => {
+		x.one("layoutstop", () => {
 			function e(e, t, n, r) {
 				let i, a, { x: o, y: s } = e, { x: c, y: l } = t;
 				a = (r - s + (o - n) * (s - l) / (o - c)) / Math.sqrt(1 + ((s - l) / (o - c)) ** 2), i = Math.sqrt((r - s) ** 2 + (n - o) ** 2 - a ** 2);
@@ -4021,39 +4101,45 @@ function me(e, t, a, o, s, { spatialMaps: c, groupAlignments: l }) {
 					weights: i
 				};
 			}
-			r(e, "getSegmentWeights"), f.startBatch();
-			for (let t of Object.values(f.edges())) if (t.data?.()) {
+			g(e, "getSegmentWeights"), d.startBatch();
+			for (let t of Object.values(d.edges())) if (t.data?.()) {
 				let { x: n, y: r } = t.source().position(), { x: i, y: a } = t.target().position();
 				if (n !== i && r !== a) {
-					let n = t.sourceEndpoint(), r = t.targetEndpoint(), { sourceDir: i } = re(t), [a, o] = I(i) ? [n.x, r.y] : [r.x, n.y], { weights: s, distances: c } = e(n, r, a, o);
+					let n = t.sourceEndpoint(), r = t.targetEndpoint(), { sourceDir: i } = U(t), [a, o] = I(i) ? [n.x, r.y] : [r.x, n.y], { weights: s, distances: c } = e(n, r, a, o);
 					t.style("segment-distances", c), t.style("segment-weights", s);
 				}
 			}
-			f.endBatch(), y.run();
-		}), y.run(), f.ready((e) => {
-			n.info("Ready", e), u(f);
+			d.endBatch(), J(b, () => x.run());
+		});
+		try {
+			J(b, () => x.run());
+		} catch (e) {
+			throw e instanceof RangeError && e.message.includes("Invalid array length") ? Error("Architecture layout failed: a declared `align row|column` directive likely contradicts the edge directions, or two declared alignments overlap on a shared node. Check that the order of members in each `align` chain is consistent with the edges between them, and that no node appears in two `align` directives along the same axis.") : e;
+		}
+		d.ready((e) => {
+			t.info("Ready", e), l(d);
 		});
 	});
 }
-r(me, "layoutArchitecture");
-var he = {
-	parser: K,
+g(ge, "layoutArchitecture");
+var _e = {
+	parser: q,
 	get db() {
-		return new G();
+		return new ie();
 	},
-	renderer: { draw: /* @__PURE__ */ r(async (e, t, n, r) => {
+	renderer: { draw: /* @__PURE__ */ g(async (e, t, n, r) => {
 		let i = r.db;
 		i.setDiagramId(t);
-		let a = i.getServices(), s = i.getJunctions(), c = i.getGroups(), l = i.getEdges(), u = i.getDataStructures(), d = y(t), f = d.append("g");
+		let o = i.getServices(), s = i.getJunctions(), c = i.getGroups(), l = i.getEdges(), u = i.getDataStructures(), d = y(t), f = d.append("g");
 		f.attr("class", "architecture-edges");
 		let p = d.append("g");
 		p.attr("class", "architecture-services");
 		let m = d.append("g");
-		m.attr("class", "architecture-groups"), await oe(i, p, a, t), Z(i, p, s, t);
-		let h = await me(a, s, c, l, i, u);
-		await ae(f, h, i, t), await X(m, h, i, t), le(i, h), o(void 0, d, i.getConfigField("padding"), i.getConfigField("useMaxWidth"));
+		m.attr("class", "architecture-groups"), await se(i, p, o, t), ce(i, p, s, t);
+		let h = await ge(o, s, c, l, i, u);
+		await oe(f, h, i, t), await Z(m, h, i, t), de(i, h), a(void 0, d, i.getConfigField("padding"), i.getConfigField("useMaxWidth"));
 	}, "draw") },
-	styles: q
+	styles: ae
 };
 //#endregion
-export { he as diagram };
+export { _e as diagram };