@sme.up/ketchup2 2.2.0 → 2.3.0

package/dist/{architectureDiagram-Q4EWVU46-CnzjcVBn.js → architectureDiagram-3BPJPVTR-EFK4DMha.js}

@@ -1,14 +1,13 @@
-import { o as e, t } from "./chunk-WQLz0Won.js";
-import { B as n, C as r, K as i, L as a, V as o, W as s, _ as c, a as l, b as u, d, v as f, y as p } from "./chunk-ICPOFSXX-fQJ5ufMR.js";
-import { g as m, h, p as g } from "./src-BQiFKP24.js";
-import { r as _, s as v } from "./chunk-5PVQY5BW-Dn8n6moB.js";
-import { t as y } from "./chunk-426QAEUC-CDXJVpQr.js";
-import { a as b, i as x, n as S, r as C } from "./chunk-U2HBQHQK-Ceyeq0IV.js";
-import { t as w } from "./chunk-4BX2VUAB-BW54-JWg.js";
-import { t as T } from "./mermaid-parser.core-CERDf-UG.js";
-import { t as E } from "./cytoscape.esm-CPjF_mSK.js";
+import { g as e, h as t, p as n, x as r, y as i } from "./src-v9RrE_4h.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-9WKhcDqw.js";
+import { c as _, i as v } from "./chunk-5ZQYHXKU-C4uam08j.js";
+import { t as y } from "./chunk-WU5MYG2G-mQn7Wt-i.js";
+import { a as b, i as x, n as S, r as C } from "./chunk-O5CBEL6O-VsMF4aZB.js";
+import { t as w } from "./chunk-4BX2VUAB-BO1KRGb1.js";
+import { t as T } from "./mermaid-parser.core-Dz33ts1l.js";
+import { t as E } from "./cytoscape.esm-VShrX2U1.js";
 //#region node_modules/cytoscape-fcose/node_modules/layout-base/layout-base.js
-var D = /* @__PURE__ */ t(((e, t) => {
+var D = /* @__PURE__ */ i(((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() {
@@ -1639,7 +1638,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			})
 		]);
 	});
-})), O = /* @__PURE__ */ t(((e, t) => {
+})), O = /* @__PURE__ */ i(((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) {
@@ -2774,7 +2773,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			return r(45);
 		})();
 	});
-})), k = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+})), k = /* @__PURE__ */ r((/* @__PURE__ */ i(((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) {
@@ -3379,54 +3378,54 @@ var D = /* @__PURE__ */ t(((e, t) => {
 	T: "top",
 	B: "bottom"
 }, j = {
-	L: /* @__PURE__ */ h((e) => `${e},${e / 2} 0,${e} 0,0`, "L"),
-	R: /* @__PURE__ */ h((e) => `0,${e / 2} ${e},0 ${e},${e}`, "R"),
-	T: /* @__PURE__ */ h((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
-	B: /* @__PURE__ */ h((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
+	L: /* @__PURE__ */ t((e) => `${e},${e / 2} 0,${e} 0,0`, "L"),
+	R: /* @__PURE__ */ t((e) => `0,${e / 2} ${e},0 ${e},${e}`, "R"),
+	T: /* @__PURE__ */ t((e) => `0,0 ${e},0 ${e / 2},${e}`, "T"),
+	B: /* @__PURE__ */ t((e) => `${e / 2},0 ${e},${e} 0,${e}`, "B")
 }, M = {
-	L: /* @__PURE__ */ h((e, t) => e - t + 2, "L"),
-	R: /* @__PURE__ */ h((e, t) => e - 2, "R"),
-	T: /* @__PURE__ */ h((e, t) => e - t + 2, "T"),
-	B: /* @__PURE__ */ h((e, t) => e - 2, "B")
-}, N = /* @__PURE__ */ h(function(e) {
+	L: /* @__PURE__ */ t((e, t) => e - t + 2, "L"),
+	R: /* @__PURE__ */ t((e, t) => e - 2, "R"),
+	T: /* @__PURE__ */ t((e, t) => e - t + 2, "T"),
+	B: /* @__PURE__ */ t((e, t) => e - 2, "B")
+}, N = /* @__PURE__ */ t(function(e) {
 	return F(e) ? e === "L" ? "R" : "L" : e === "T" ? "B" : "T";
-}, "getOppositeArchitectureDirection"), P = /* @__PURE__ */ h(function(e) {
+}, "getOppositeArchitectureDirection"), P = /* @__PURE__ */ t(function(e) {
 	let t = e;
 	return t === "L" || t === "R" || t === "T" || t === "B";
-}, "isArchitectureDirection"), F = /* @__PURE__ */ h(function(e) {
+}, "isArchitectureDirection"), F = /* @__PURE__ */ t(function(e) {
 	let t = e;
 	return t === "L" || t === "R";
-}, "isArchitectureDirectionX"), I = /* @__PURE__ */ h(function(e) {
+}, "isArchitectureDirectionX"), I = /* @__PURE__ */ t(function(e) {
 	let t = e;
 	return t === "T" || t === "B";
-}, "isArchitectureDirectionY"), L = /* @__PURE__ */ h(function(e, t) {
+}, "isArchitectureDirectionY"), L = /* @__PURE__ */ t(function(e, t) {
 	let n = F(e) && I(t), r = I(e) && F(t);
 	return n || r;
-}, "isArchitectureDirectionXY"), R = /* @__PURE__ */ h(function(e) {
+}, "isArchitectureDirectionXY"), R = /* @__PURE__ */ t(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__ */ h(function(e) {
+}, "isArchitecturePairXY"), z = /* @__PURE__ */ t(function(e) {
 	return e !== "LL" && e !== "RR" && e !== "TT" && e !== "BB";
-}, "isValidArchitectureDirectionPair"), B = /* @__PURE__ */ h(function(e, t) {
+}, "isValidArchitectureDirectionPair"), B = /* @__PURE__ */ t(function(e, t) {
 	let n = `${e}${t}`;
 	return z(n) ? n : void 0;
-}, "getArchitectureDirectionPair"), V = /* @__PURE__ */ h(function([e, t], n) {
+}, "getArchitectureDirectionPair"), V = /* @__PURE__ */ t(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__ */ h(function(e) {
+}, "shiftPositionByArchitectureDirectionPair"), ee = /* @__PURE__ */ t(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__ */ h(function(e, t) {
+}, "getArchitectureDirectionXYFactors"), te = /* @__PURE__ */ t(function(e, t) {
 	return L(e, t) ? "bend" : F(e) ? "horizontal" : "vertical";
-}, "getArchitectureDirectionAlignment"), H = /* @__PURE__ */ h(function(e) {
+}, "getArchitectureDirectionAlignment"), H = /* @__PURE__ */ t(function(e) {
 	return e.type === "service";
-}, "isArchitectureService"), ne = /* @__PURE__ */ h(function(e) {
+}, "isArchitectureService"), ne = /* @__PURE__ */ t(function(e) {
 	return e.type === "junction";
-}, "isArchitectureJunction"), re = /* @__PURE__ */ h((e) => e.data(), "edgeData"), U = /* @__PURE__ */ h((e) => e.data(), "nodeData"), W = d.architecture, G = class {
+}, "isArchitectureJunction"), re = /* @__PURE__ */ t((e) => e.data(), "edgeData"), U = /* @__PURE__ */ t((e) => e.data(), "nodeData"), W = d.architecture, G = class {
 	constructor() {
-		this.nodes = {}, this.groups = {}, this.edges = [], this.registeredIds = {}, this.elements = {}, this.diagramId = "", this.setAccTitle = o, this.getAccTitle = f, this.setDiagramTitle = s, this.getDiagramTitle = r, this.getAccDescription = c, this.setAccDescription = n, this.clear();
+		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();
 	}
 	static {
-		h(this, "ArchitectureDB");
+		t(this, "ArchitectureDB");
 	}
 	setDiagramId(e) {
 		this.diagramId = e;
@@ -3523,7 +3522,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
 	}
 	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 e = {}, n = 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);
@@ -3537,27 +3536,27 @@ var D = /* @__PURE__ */ t(((e, t) => {
 					e && (t[e] = r.lhsId);
 				}
 				return t;
-			}, {}), t), {}), n = Object.keys(t)[0], r = { [n]: 1 }, i = Object.keys(t).reduce((e, t) => t === n ? e : {
+			}, {}), t), {}), r = Object.keys(n)[0], i = { [r]: 1 }, a = Object.keys(n).reduce((e, t) => t === r ? e : {
 				...e,
 				[t]: 1
-			}, {}), a = /* @__PURE__ */ h((e) => {
-				let n = { [e]: [0, 0] }, a = [e];
-				for (; a.length > 0;) {
-					let e = a.shift();
+			}, {}), o = /* @__PURE__ */ t((e) => {
+				let t = { [e]: [0, 0] }, r = [e];
+				for (; r.length > 0;) {
+					let e = r.shift();
 					if (e) {
-						r[e] = 1, delete i[e];
-						let o = t[e], [s, c] = n[e];
-						Object.entries(o).forEach(([e, t]) => {
-							r[t] || (n[t] = V([s, c], e), a.push(t));
+						i[e] = 1, delete a[e];
+						let o = n[e], [s, c] = t[e];
+						Object.entries(o).forEach(([e, n]) => {
+							i[n] || (t[n] = V([s, c], e), r.push(n));
 						});
 					}
 				}
-				return n;
-			}, "BFS"), o = [a(n)];
-			for (; Object.keys(i).length > 0;) o.push(a(Object.keys(i)[0]));
+				return t;
+			}, "BFS"), s = [o(r)];
+			for (; Object.keys(a).length > 0;) s.push(o(Object.keys(a)[0]));
 			this.dataStructures = {
-				adjList: t,
-				spatialMaps: o,
+				adjList: n,
+				spatialMaps: s,
 				groupAlignments: e
 			};
 		}
@@ -3570,15 +3569,15 @@ var D = /* @__PURE__ */ t(((e, t) => {
 		return this.elements[e];
 	}
 	getConfig() {
-		return _({
+		return v({
 			...W,
-			...p().architecture
+			...u().architecture
 		});
 	}
 	getConfigField(e) {
 		return this.getConfig()[e];
 	}
-}, ie = /* @__PURE__ */ h((e, t) => {
+}, ie = /* @__PURE__ */ t((e, t) => {
 	w(e, t), e.groups.map((e) => t.addGroup(e)), e.services.map((e) => t.addService({
 		...e,
 		type: "service"
@@ -3588,14 +3587,14 @@ var D = /* @__PURE__ */ t(((e, t) => {
 	})), e.edges.map((e) => t.addEdge(e));
 }, "populateDb"), K = {
 	parser: { yy: void 0 },
-	parse: /* @__PURE__ */ h(async (e) => {
-		let t = await T("architecture", e);
-		m.debug(t);
-		let n = K.parser?.yy;
-		if (!(n 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, n);
+	parse: /* @__PURE__ */ t(async (t) => {
+		let n = await T("architecture", t);
+		e.debug(n);
+		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(n, r);
 	}, "parse")
-}, q = /* @__PURE__ */ h((e) => `
+}, q = /* @__PURE__ */ t((e) => `
   .edge {
     stroke-width: ${e.archEdgeWidth};
     stroke: ${e.archEdgeColor};
@@ -3626,7 +3625,7 @@ var D = /* @__PURE__ */ t(((e, t) => {
     display: -webkit-box;
     -webkit-box-orient: vertical;
   }
-`, "getStyles"), J = /* @__PURE__ */ h((e) => `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${e}</g>`, "wrapIcon"), Y = {
+`, "getStyles"), J = /* @__PURE__ */ t((e) => `<g><rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>${e}</g>`, "wrapIcon"), Y = {
 	prefix: "mermaid-architecture",
 	height: 80,
 	width: 80,
@@ -3639,32 +3638,32 @@ var D = /* @__PURE__ */ t(((e, t) => {
 		unknown: b,
 		blank: { body: J("") }
 	}
-}, ae = /* @__PURE__ */ h(async function(e, t, n, r) {
+}, ae = /* @__PURE__ */ t(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: d, sourceGroup: f, target: p, targetDir: m, targetArrow: h, targetGroup: g, label: _ } = 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 (f && (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), !f && n.getNode(a)?.type === "junction" && (F(l) ? y += l === "L" ? o : -o : b += l === "T" ? o : -o), !g && n.getNode(p)?.type === "junction" && (F(m) ? w += m === "L" ? o : -o : T += m === "T" ? o : -o), t[0]._private.rscratch) {
+		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 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}-${v(a, p, { prefix: "L" })}`), d) {
+			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) {
 				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(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");
+				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");
 			}
-			if (_) {
-				let e = L(l, m) ? "XY" : F(l) ? "X" : "Y", n = 0;
+			if (v) {
+				let e = L(l, p) ? "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, _, {
+				if (await S(r, v, {
 					useHtmlLabels: !1,
 					width: n,
 					classes: "architecture-service-label"
-				}, u()), r.attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle"), e === "X") r.attr("transform", "translate(" + x + ", " + C + ")");
+				}, 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)");
 				else if (e === "XY") {
-					let e = B(l, m);
+					let e = B(l, p);
 					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})`);
@@ -3679,16 +3678,16 @@ var D = /* @__PURE__ */ t(((e, t) => {
 			}
 		}
 	}));
-}, "drawEdges"), X = /* @__PURE__ */ h(async function(e, t, n, r) {
+}, "drawEdges"), X = /* @__PURE__ */ t(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);
 		if (s.type === "group") {
-			let { h: c, w: l, x1: d, y1: f } = t.boundingBox(), p = e.append("rect");
-			p.attr("id", `${r}-group-${s.id}`).attr("x", d + o).attr("y", f + o).attr("width", l).attr("height", c).attr("class", "node-bkg");
-			let m = e.append("g"), h = d, g = f;
+			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;
 			if (s.icon) {
-				let e = m.append("g");
+				let e = p.append("g");
 				e.html(`<g>${await C(s.icon, {
 					height: i,
 					width: i,
@@ -3696,49 +3695,49 @@ var D = /* @__PURE__ */ t(((e, t) => {
 				})}</g>`), e.attr("transform", "translate(" + (h + o + 1) + ", " + (g + o + 1) + ")"), h += i, g += a / 2 - 1 - 2;
 			}
 			if (s.label) {
-				let e = m.append("g");
+				let e = p.append("g");
 				await S(e, s.label, {
 					useHtmlLabels: !1,
 					width: l,
 					classes: "architecture-service-label"
-				}, u()), 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) + ")");
+				}, 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) + ")");
 			}
-			n.setElementForId(s.id, p);
+			n.setElementForId(s.id, f);
 		}
 	}));
-}, "drawGroups"), oe = /* @__PURE__ */ h(async function(e, t, n, r) {
-	let i = u();
-	for (let o of n) {
-		let n = t.append("g"), s = e.getConfigField("iconSize");
-		if (o.title) {
+}, "drawGroups"), oe = /* @__PURE__ */ t(async function(e, t, n, r) {
+	let i = m();
+	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, o.title, {
+			await S(e, a.title, {
 				useHtmlLabels: !1,
-				width: s * 1.5,
+				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(" + s / 2 + ", " + s + ")");
+			}, 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 c = n.append("g");
-		if (o.icon) c.html(`<g>${await C(o.icon, {
-			height: s,
-			width: s,
+		let s = n.append("g");
+		if (a.icon) s.html(`<g>${await C(a.icon, {
+			height: o,
+			width: o,
 			fallbackPrefix: Y.prefix
 		})}</g>`);
-		else if (o.iconText) {
-			c.html(`<g>${await C("blank", {
-				height: s,
-				width: s,
+		else if (a.iconText) {
+			s.html(`<g>${await C("blank", {
+				height: o,
+				width: o,
 				fallbackPrefix: Y.prefix
 			})}</g>`);
-			let e = c.append("g").append("foreignObject").attr("width", s).attr("height", s).append("div").attr("class", "node-icon-text").attr("style", `height: ${s}px;`).append("div").html(a(o.iconText, i)), t = parseInt(window.getComputedStyle(e.node(), null).getPropertyValue("font-size").replace(/\D/g, "")) ?? 16;
-			e.attr("style", `-webkit-line-clamp: ${Math.floor((s - 2) / t)};`);
-		} else c.append("path").attr("class", "node-bkg").attr("id", `${r}-node-${o.id}`).attr("d", `M0,${s} V5 Q0,0 5,0 H${s - 5} Q${s},0 ${s},5 V${s} Z`);
-		n.attr("id", `${r}-service-${o.id}`).attr("class", "architecture-service");
-		let { width: l, height: u } = n.node().getBBox();
-		o.width = l, o.height = u, e.setElementForId(o.id, n);
+			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;
+			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");
+		let { width: c, height: l } = n.node().getBBox();
+		a.width = c, a.height = l, e.setElementForId(a.id, n);
 	}
 	return 0;
-}, "drawServices"), Z = /* @__PURE__ */ h(function(e, t, n, r) {
+}, "drawServices"), Z = /* @__PURE__ */ t(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");
@@ -3767,7 +3766,7 @@ function se(e, t, n) {
 		});
 	});
 }
-h(se, "addServices");
+t(se, "addServices");
 function ce(e, t, n) {
 	e.forEach((e) => {
 		t.add({
@@ -3783,14 +3782,14 @@ function ce(e, t, n) {
 		});
 	});
 }
-h(ce, "addJunctions");
+t(ce, "addJunctions");
 function le(e, t) {
 	t.nodes().map((t) => {
 		let n = U(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) + ")"));
 	});
 }
-h(le, "positionNodes");
+t(le, "positionNodes");
 function ue(e, t) {
 	e.forEach((e) => {
 		t.add({
@@ -3806,7 +3805,7 @@ function ue(e, t) {
 		});
 	});
 }
-h(ue, "addGroups");
+t(ue, "addGroups");
 function de(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 = {
@@ -3830,51 +3829,51 @@ function de(e, t) {
 		});
 	});
 }
-h(de, "addEdges");
-function fe(e, t, n) {
-	let r = /* @__PURE__ */ h((e, t) => Object.entries(e).reduce((e, [r, i]) => {
+t(de, "addEdges");
+function fe(e, n, r) {
+	let i = /* @__PURE__ */ t((e, t) => Object.entries(e).reduce((e, [n, i]) => {
 		let a = 0, o = Object.entries(i);
-		if (o.length === 1) return e[r] = o[0][1], e;
+		if (o.length === 1) return e[n] = 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],
+			if (r[c]?.[u] === t) e[n] ??= [], e[n] = [
+				...e[n],
 				...l,
 				...d
 			];
-			else if (c === "default" || u === "default") e[r] ??= [], e[r] = [
-				...e[r],
+			else if (c === "default" || u === "default") e[n] ??= [], e[n] = [
+				...e[n],
 				...l,
 				...d
 			];
 			else {
-				let t = `${r}-${a++}`;
+				let t = `${n}-${a++}`;
 				e[t] = l;
-				let n = `${r}-${a++}`;
-				e[n] = d;
+				let r = `${n}-${a++}`;
+				e[r] = d;
 			}
 		}
 		return e;
-	}, {}), "flattenAlignments"), [i, a] = t.map((t) => {
-		let n = {}, i = {};
-		return Object.entries(t).forEach(([t, [r, a]]) => {
+	}, {}), "flattenAlignments"), [a, o] = n.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), i[r] ??= {}, i[r][o] ??= [], i[r][o].push(t);
+			n[a] ??= {}, n[a][o] ??= [], n[a][o].push(t), r[i] ??= {}, r[i][o] ??= [], r[i][o].push(t);
 		}), {
-			horiz: Object.values(r(n, "horizontal")).filter((e) => e.length > 1),
-			vert: Object.values(r(i, "vertical")).filter((e) => e.length > 1)
+			horiz: Object.values(i(n, "horizontal")).filter((e) => e.length > 1),
+			vert: Object.values(i(r, "vertical")).filter((e) => e.length > 1)
 		};
 	}).reduce(([e, t], { horiz: n, vert: r }) => [[...e, ...n], [...t, ...r]], [[], []]);
 	return {
-		horizontal: i,
-		vertical: a
+		horizontal: a,
+		vertical: o
 	};
 }
-h(fe, "getAlignments");
-function pe(e, t) {
-	let n = [], r = /* @__PURE__ */ h((e) => `${e[0]},${e[1]}`, "posToStr"), i = /* @__PURE__ */ h((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
+t(fe, "getAlignments");
+function pe(e, n) {
+	let r = [], i = /* @__PURE__ */ t((e) => `${e[0]},${e[1]}`, "posToStr"), a = /* @__PURE__ */ t((e) => e.split(",").map((e) => parseInt(e)), "strToPos");
 	return e.forEach((e) => {
-		let a = Object.fromEntries(Object.entries(e).map(([e, t]) => [r(t), e])), o = [r([0, 0])], s = {}, c = {
+		let t = Object.fromEntries(Object.entries(e).map(([e, t]) => [i(t), e])), o = [i([0, 0])], s = {}, c = {
 			L: [-1, 0],
 			R: [1, 0],
 			T: [0, 1],
@@ -3884,26 +3883,26 @@ function pe(e, t) {
 			let e = o.shift();
 			if (e) {
 				s[e] = 1;
-				let l = a[e];
+				let l = t[e];
 				if (l) {
-					let u = i(e);
-					Object.entries(c).forEach(([e, i]) => {
-						let c = r([u[0] + i[0], u[1] + i[1]]), d = a[c];
-						d && !s[c] && (o.push(c), n.push({
+					let u = a(e);
+					Object.entries(c).forEach(([e, a]) => {
+						let c = i([u[0] + a[0], u[1] + a[1]]), d = t[c];
+						d && !s[c] && (o.push(c), r.push({
 							[A[e]]: d,
 							[A[N(e)]]: l,
-							gap: 1.5 * t.getConfigField("iconSize")
+							gap: 1.5 * n.getConfigField("iconSize")
 						}));
 					});
 				}
 			}
 		}
-	}), n;
+	}), r;
 }
-h(pe, "getRelativeConstraints");
-function me(e, t, n, r, i, { spatialMaps: a, groupAlignments: o }) {
-	return new Promise((s) => {
-		let c = g("body").append("div").attr("id", "cy").attr("style", "display:none"), l = E({
+t(pe, "getRelativeConstraints");
+function me(r, i, a, o, s, { spatialMaps: c, groupAlignments: l }) {
+	return new Promise((u) => {
+		let d = n("body").append("div").attr("id", "cy").attr("style", "display:none"), f = E({
 			container: document.getElementById("cy"),
 			style: [
 				{
@@ -3938,7 +3937,7 @@ function me(e, t, n, r, i, { spatialMaps: a, groupAlignments: o }) {
 					style: {
 						"text-valign": "bottom",
 						"text-halign": "center",
-						"font-size": `${i.getConfigField("fontSize")}px`
+						"font-size": `${s.getConfigField("fontSize")}px`
 					}
 				},
 				{
@@ -3958,7 +3957,7 @@ function me(e, t, n, r, i, { spatialMaps: a, groupAlignments: o }) {
 				},
 				{
 					selector: ".node-group",
-					style: { padding: `${i.getConfigField("padding")}px` }
+					style: { padding: `${s.getConfigField("padding")}px` }
 				}
 			],
 			layout: {
@@ -3971,26 +3970,28 @@ function me(e, t, n, r, i, { spatialMaps: a, groupAlignments: o }) {
 				}
 			}
 		});
-		c.remove(), ue(n, l), se(e, l, i), ce(t, l, i), de(r, l);
-		let u = fe(i, a, o), d = pe(a, i), f = l.layout({
+		d.remove(), ue(a, f), se(r, f, s), ce(i, 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({
 			name: "fcose",
 			quality: "proof",
-			randomize: i.getConfigField("randomize"),
+			randomize: s.getConfigField("randomize"),
+			nodeSeparation: s.getConfigField("nodeSeparation"),
+			numIter: s.getConfigField("numIter"),
 			styleEnabled: !1,
 			animate: !1,
 			nodeDimensionsIncludeLabels: !1,
 			idealEdgeLength(e) {
-				let [t, n] = e.connectedNodes(), { parent: r } = U(t), { parent: a } = U(n);
-				return r === a ? 1.5 * i.getConfigField("iconSize") : .5 * i.getConfigField("iconSize");
+				let [t, n] = e.connectedNodes(), { parent: r } = U(t), { parent: i } = U(n);
+				return r === i ? g : _;
 			},
 			edgeElasticity(e) {
 				let [t, n] = e.connectedNodes(), { parent: r } = U(t), { parent: i } = U(n);
-				return r === i ? .45 : .001;
+				return r === i ? v : .001;
 			},
-			alignmentConstraint: u,
-			relativePlacementConstraint: d
+			alignmentConstraint: p,
+			relativePlacementConstraint: m
 		});
-		f.one("layoutstop", () => {
+		y.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);
@@ -4019,37 +4020,37 @@ function me(e, t, n, r, i, { spatialMaps: a, groupAlignments: o }) {
 					weights: i
 				};
 			}
-			h(e, "getSegmentWeights"), l.startBatch();
-			for (let t of Object.values(l.edges())) if (t.data?.()) {
+			t(e, "getSegmentWeights"), f.startBatch();
+			for (let t of Object.values(f.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);
 					t.style("segment-distances", c), t.style("segment-weights", s);
 				}
 			}
-			l.endBatch(), f.run();
-		}), f.run(), l.ready((e) => {
-			m.info("Ready", e), s(l);
+			f.endBatch(), y.run();
+		}), y.run(), f.ready((t) => {
+			e.info("Ready", t), u(f);
 		});
 	});
 }
-h(me, "layoutArchitecture");
+t(me, "layoutArchitecture");
 var he = {
 	parser: K,
 	get db() {
 		return new G();
 	},
-	renderer: { draw: /* @__PURE__ */ h(async (e, t, n, r) => {
-		let a = r.db;
-		a.setDiagramId(t);
-		let o = a.getServices(), s = a.getJunctions(), c = a.getGroups(), l = a.getEdges(), u = a.getDataStructures(), d = y(t), f = d.append("g");
+	renderer: { draw: /* @__PURE__ */ t(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");
 		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(a, p, o, t), Z(a, p, s, t);
-		let h = await me(o, s, c, l, a, u);
-		await ae(f, h, a, t), await X(m, h, a, t), le(a, h), i(void 0, d, a.getConfigField("padding"), a.getConfigField("useMaxWidth"));
+		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"));
 	}, "draw") },
 	styles: q
 };

package/dist/basic-components/cell/cell-utils.d.ts

@@ -17,7 +17,8 @@ export declare const createArrayElementBindProps: (cell: DataCell) => ArrayEleme
 export declare const createArrayCell: (cell: DataCell, elements: ArrayElementBindProps[]) => DataCell;
 export declare const createCellBindEventArgs: (cell: DataCell) => CellBindEventArgs;
 /** Method to evaluate and return the shape */
-export declare const computeShape: (objClass: DataObj | undefined, shape: string | undefined, size: number | undefined) => string | undefined;
+export declare const computeShape: (objClass: DataObj | undefined, shape: string | undefined, size: number | undefined, parentComponent: ComponentsType, isVisualOnly: boolean) => string | undefined;
+export declare const getDefaultShapeForParentComponent: (parentComponent: ComponentsType, isVisualOnly: boolean) => "LBL" | "ITX" | undefined;
 /** Method to evaluate the value of isVisualOnly based on parentComponent and isEditable state */
 export declare const computeVisualOnly: (component: ComponentsType, isEditable?: boolean) => boolean;
 /**