@sme.up/ketchup2 2.1.0 → 2.3.0

package/dist/{chunk-5FUZZQ4R-2kdZJWq2.js → chunk-3OPIFGDE-C7wE5oN7.js}

@@ -1,60 +1,60 @@
-import { L as e, R as t, b as n, h as r, j as i, k as a, w as o, y as s } from "./chunk-ICPOFSXX-Sn6LWD0k.js";
-import { g as c, h as l, p as u } from "./src-BQiFKP24.js";
-import { i as d, l as f, n as p } from "./chunk-5PVQY5BW-C5U7sJAA.js";
-import { n as m, t as h } from "./chunk-ZZ45TVLE-CIYrdg-O.js";
-import { a as g, i as _, r as v, t as y } from "./chunk-X2U36JSP-CY7mJR8m.js";
-import { n as b, r as x } from "./chunk-U2HBQHQK-BZ3YFMXB.js";
-import { t as S } from "./rough.esm-1mqTSjCt.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-5FUZZQ4R.mjs
-var C = /* @__PURE__ */ l(async (t, i, a) => {
-	let o, s = i.useHtmlLabels || r(n()?.htmlLabels);
-	o = a || "node default";
-	let c = t.insert("g").attr("class", o).attr("id", i.domId || i.id), l = c.insert("g").attr("class", "label").attr("style", f(i.labelStyle)), p;
-	p = i.label === void 0 ? "" : typeof i.label == "string" ? i.label : i.label[0];
-	let m = !!i.icon || !!i.img, g = i.labelType === "markdown", _ = await b(l, e(d(p), n()), {
-		useHtmlLabels: s,
-		width: i.width || n().flowchart?.wrappingWidth,
+import { g as e, h as t, p as n } from "./src-v9RrE_4h.js";
+import { A as r, B as i, M as a, T as o, b as s, g as c, x as l, z as u } from "./chunk-CSCIHK7Q-9WKhcDqw.js";
+import { a as d, r as f, u as p } from "./chunk-5ZQYHXKU-C4uam08j.js";
+import { n as m, t as h } from "./chunk-L5ZTLDWV-D3UwMopa.js";
+import { a as g, i as _, r as v, t as y } from "./chunk-NZK2D7GU-BVOINLmx.js";
+import { n as b, r as x } from "./chunk-O5CBEL6O-VsMF4aZB.js";
+import { t as S } from "./rough.esm-TWNWL4Us.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-3OPIFGDE.mjs
+var C = /* @__PURE__ */ t(async (e, t, r) => {
+	let i, a = t.useHtmlLabels || c(l()?.htmlLabels);
+	i = r || "node default";
+	let o = e.insert("g").attr("class", i).attr("id", t.domId || t.id), s = o.insert("g").attr("class", "label").attr("style", p(t.labelStyle)), f;
+	f = t.label === void 0 ? "" : typeof t.label == "string" ? t.label : t.label[0];
+	let m = !!t.icon || !!t.img, g = t.labelType === "markdown", _ = await b(s, u(d(f), l()), {
+		useHtmlLabels: a,
+		width: t.width || l().flowchart?.wrappingWidth,
 		classes: g ? "markdown-node-label" : "",
-		style: i.labelStyle,
+		style: t.labelStyle,
 		addSvgBackground: m,
 		markdown: g
-	}, n()), v = _.getBBox(), y = (i?.padding ?? 0) / 2;
-	if (s) {
-		let e = _.children[0], t = u(_);
-		await h(e, p), v = e.getBoundingClientRect(), t.attr("width", v.width), t.attr("height", v.height);
+	}, l()), v = _.getBBox(), y = (t?.padding ?? 0) / 2;
+	if (a) {
+		let e = _.children[0], t = n(_);
+		await h(e, f), v = e.getBoundingClientRect(), t.attr("width", v.width), t.attr("height", v.height);
 	}
-	return s ? l.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")") : l.attr("transform", "translate(0, " + -v.height / 2 + ")"), i.centerLabel && l.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")"), l.insert("rect", ":first-child"), {
-		shapeSvg: c,
+	return a ? s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")") : s.attr("transform", "translate(0, " + -v.height / 2 + ")"), t.centerLabel && s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")"), s.insert("rect", ":first-child"), {
+		shapeSvg: o,
 		bbox: v,
 		halfPadding: y,
-		label: l
+		label: s
 	};
-}, "labelHelper"), w = /* @__PURE__ */ l(async (t, r, i) => {
-	let a = i.useHtmlLabels ?? o(n()), s = t.insert("g").attr("class", "label").attr("style", i.labelStyle || ""), c = await b(s, e(d(r), n()), {
-		useHtmlLabels: a,
-		width: i.width || n()?.flowchart?.wrappingWidth,
-		style: i.labelStyle,
-		addSvgBackground: !!i.icon || !!i.img
-	}), l = c.getBBox(), f = i.padding / 2;
-	if (o(n())) {
-		let e = c.children[0], t = u(c);
-		l = e.getBoundingClientRect(), t.attr("width", l.width), t.attr("height", l.height);
+}, "labelHelper"), w = /* @__PURE__ */ t(async (e, t, r) => {
+	let i = r.useHtmlLabels ?? o(l()), a = e.insert("g").attr("class", "label").attr("style", r.labelStyle || ""), s = await b(a, u(d(t), l()), {
+		useHtmlLabels: i,
+		width: r.width || l()?.flowchart?.wrappingWidth,
+		style: r.labelStyle,
+		addSvgBackground: !!r.icon || !!r.img
+	}), c = s.getBBox(), f = r.padding / 2;
+	if (o(l())) {
+		let e = s.children[0], t = n(s);
+		c = e.getBoundingClientRect(), t.attr("width", c.width), t.attr("height", c.height);
 	}
-	return a ? s.attr("transform", "translate(" + -l.width / 2 + ", " + -l.height / 2 + ")") : s.attr("transform", "translate(0, " + -l.height / 2 + ")"), i.centerLabel && s.attr("transform", "translate(" + -l.width / 2 + ", " + -l.height / 2 + ")"), s.insert("rect", ":first-child"), {
-		shapeSvg: t,
-		bbox: l,
+	return i ? a.attr("transform", "translate(" + -c.width / 2 + ", " + -c.height / 2 + ")") : a.attr("transform", "translate(0, " + -c.height / 2 + ")"), r.centerLabel && a.attr("transform", "translate(" + -c.width / 2 + ", " + -c.height / 2 + ")"), a.insert("rect", ":first-child"), {
+		shapeSvg: e,
+		bbox: c,
 		halfPadding: f,
-		label: s
+		label: a
 	};
-}, "insertLabel"), T = /* @__PURE__ */ l((e, t) => {
+}, "insertLabel"), T = /* @__PURE__ */ t((e, t) => {
 	let n = t.node().getBBox();
 	e.width = n.width, e.height = n.height;
-}, "updateNodeBounds"), E = /* @__PURE__ */ l((e, t) => (e.look === "handDrawn" ? "rough-node" : "node") + " " + e.cssClasses + " " + (t || ""), "getNodeClasses");
+}, "updateNodeBounds"), E = /* @__PURE__ */ t((e, t) => (e.look === "handDrawn" ? "rough-node" : "node") + " " + e.cssClasses + " " + (t || ""), "getNodeClasses");
 function D(e) {
 	let t = e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x},${e.y}`);
 	return t.push("Z"), t.join(" ");
 }
-l(D, "createPathFromPoints");
+t(D, "createPathFromPoints");
 function O(e, t, n, r, i, a) {
 	let o = [], s = n - e, c = r - t, l = s / a, u = 2 * Math.PI / l, d = t + c / 2;
 	for (let t = 0; t <= 50; t++) {
@@ -66,7 +66,7 @@ function O(e, t, n, r, i, a) {
 	}
 	return o;
 }
-l(O, "generateFullSineWavePoints");
+t(O, "generateFullSineWavePoints");
 function k(e, t, n, r, i, a) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -78,53 +78,53 @@ function k(e, t, n, r, i, a) {
 	}
 	return o;
 }
-l(k, "generateCirclePoints");
+t(k, "generateCirclePoints");
 function A(e) {
-	let t = Array.from(e.childNodes).filter((e) => e.tagName === "path"), n = document.createElementNS("http://www.w3.org/2000/svg", "path"), r = t.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
-	n.setAttribute("d", r);
-	let i = t.find((e) => e.getAttribute("fill") !== "none"), a = t.find((e) => e.getAttribute("stroke") !== "none"), o = /* @__PURE__ */ l((e, t) => e?.getAttribute(t) ?? void 0, "getAttr");
-	if (i) {
+	let n = Array.from(e.childNodes).filter((e) => e.tagName === "path"), r = document.createElementNS("http://www.w3.org/2000/svg", "path"), i = n.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
+	r.setAttribute("d", i);
+	let a = n.find((e) => e.getAttribute("fill") !== "none"), o = n.find((e) => e.getAttribute("stroke") !== "none"), s = /* @__PURE__ */ t((e, t) => e?.getAttribute(t) ?? void 0, "getAttr");
+	if (a) {
 		let e = {
-			fill: o(i, "fill"),
-			"fill-opacity": o(i, "fill-opacity") ?? "1"
+			fill: s(a, "fill"),
+			"fill-opacity": s(a, "fill-opacity") ?? "1"
 		};
 		Object.entries(e).forEach(([e, t]) => {
-			t && n.setAttribute(e, t);
+			t && r.setAttribute(e, t);
 		});
 	}
-	if (a) {
+	if (o) {
 		let e = {
-			stroke: o(a, "stroke"),
-			"stroke-width": o(a, "stroke-width") ?? "1",
-			"stroke-opacity": o(a, "stroke-opacity") ?? "1"
+			stroke: s(o, "stroke"),
+			"stroke-width": s(o, "stroke-width") ?? "1",
+			"stroke-opacity": s(o, "stroke-opacity") ?? "1"
 		};
 		Object.entries(e).forEach(([e, t]) => {
-			t && n.setAttribute(e, t);
+			t && r.setAttribute(e, t);
 		});
 	}
-	let s = document.createElementNS("http://www.w3.org/2000/svg", "g");
-	return s.appendChild(n), s;
+	let c = document.createElementNS("http://www.w3.org/2000/svg", "g");
+	return c.appendChild(r), c;
 }
-l(A, "mergePaths");
-var j = /* @__PURE__ */ l((e, t) => {
+t(A, "mergePaths");
+var j = /* @__PURE__ */ t((e, t) => {
 	var n = e.x, r = e.y, i = t.x - n, a = t.y - r, o = e.width / 2, s = e.height / 2, c, l;
 	return Math.abs(a) * o > Math.abs(i) * s ? (a < 0 && (s = -s), c = a === 0 ? 0 : s * i / a, l = s) : (i < 0 && (o = -o), c = o, l = i === 0 ? 0 : o * a / i), {
 		x: n + c,
 		y: r + l
 	};
-}, "intersectRect"), M = /* @__PURE__ */ l(async (e, t, r, i = !1, a = !1) => {
-	let s = t || "";
-	typeof s == "object" && (s = s[0]);
-	let c = n(), l = o(c);
-	return await b(e, s, {
-		style: r,
-		isTitle: i,
-		useHtmlLabels: l,
+}, "intersectRect"), M = /* @__PURE__ */ t(async (e, t, n, r = !1, i = !1) => {
+	let a = t || "";
+	typeof a == "object" && (a = a[0]);
+	let s = l(), c = o(s);
+	return await b(e, a, {
+		style: n,
+		isTitle: r,
+		useHtmlLabels: c,
 		markdown: !1,
-		isNode: a,
+		isNode: i,
 		width: Infinity
-	}, c);
-}, "createLabel"), N = /* @__PURE__ */ l((e, t, n, r, i) => [
+	}, s);
+}, "createLabel"), N = /* @__PURE__ */ t((e, t, n, r, i) => [
 	"M",
 	e + i,
 	t,
@@ -169,43 +169,43 @@ var j = /* @__PURE__ */ l((e, t) => {
 	e + i,
 	t,
 	"Z"
-].join(" "), "createRoundedRectPathD"), P = /* @__PURE__ */ l(async (e, t) => {
-	c.info("Creating subgraph rect for ", t.id, t);
-	let r = n(), { themeVariables: i, handDrawnSeed: a } = r, { clusterBkg: s, clusterBorder: l } = i, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(t), v = e.insert("g").attr("class", "cluster " + t.cssClasses).attr("id", t.domId).attr("data-look", t.look), y = o(r), x = v.insert("g").attr("class", "cluster-label "), C;
-	C = t.labelType === "markdown" ? await b(x, t.label, {
-		style: t.labelStyle,
+].join(" "), "createRoundedRectPathD"), P = /* @__PURE__ */ t(async (t, r) => {
+	e.info("Creating subgraph rect for ", r.id, r);
+	let i = l(), { themeVariables: a, handDrawnSeed: s } = i, { clusterBkg: c, clusterBorder: u } = a, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(r), v = t.insert("g").attr("class", "cluster " + r.cssClasses).attr("id", r.domId).attr("data-look", r.look), y = o(i), x = v.insert("g").attr("class", "cluster-label "), C;
+	C = r.labelType === "markdown" ? await b(x, r.label, {
+		style: r.labelStyle,
 		useHtmlLabels: y,
 		isNode: !0,
-		width: t.width
-	}) : await M(x, t.label, t.labelStyle || "", !1, !0);
+		width: r.width
+	}) : await M(x, r.label, r.labelStyle || "", !1, !0);
 	let w = C.getBBox();
-	if (o(r)) {
-		let e = C.children[0], t = u(C);
+	if (o(i)) {
+		let e = C.children[0], t = n(C);
 		w = e.getBoundingClientRect(), t.attr("width", w.width), t.attr("height", w.height);
 	}
-	let T = t.width <= w.width + t.padding ? w.width + t.padding : t.width;
-	t.width <= w.width + t.padding ? t.diff = (T - t.width) / 2 - t.padding : t.diff = -t.padding;
-	let E = t.height, D = t.x - T / 2, O = t.y - E / 2;
-	c.trace("Data ", t, JSON.stringify(t));
+	let T = r.width <= w.width + r.padding ? w.width + r.padding : r.width;
+	r.width <= w.width + r.padding ? r.diff = (T - r.width) / 2 - r.padding : r.diff = -r.padding;
+	let E = r.height, D = r.x - T / 2, O = r.y - E / 2;
+	e.trace("Data ", r, JSON.stringify(r));
 	let k;
-	if (t.look === "handDrawn") {
-		let e = S.svg(v), n = g(t, {
+	if (r.look === "handDrawn") {
+		let t = S.svg(v), n = g(r, {
 			roughness: .7,
-			fill: s,
-			stroke: l,
+			fill: c,
+			stroke: u,
 			fillWeight: 3,
-			seed: a
-		}), r = e.path(N(D, O, T, E, 0), n);
-		k = v.insert(() => (c.debug("Rough node insert CXC", r), r), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
-	} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", t.rx).attr("ry", t.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
-	let { subGraphTitleTopMargin: A } = m(r);
-	if (x.attr("transform", `translate(${t.x - w.width / 2}, ${t.y - t.height / 2 + A})`), d) {
+			seed: s
+		}), i = t.path(N(D, O, T, E, 0), n);
+		k = v.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
+	} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", r.rx).attr("ry", r.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
+	let { subGraphTitleTopMargin: A } = m(i);
+	if (x.attr("transform", `translate(${r.x - w.width / 2}, ${r.y - r.height / 2 + A})`), d) {
 		let e = x.select("span");
 		e && e.attr("style", d);
 	}
 	let P = k.node().getBBox();
-	return t.offsetX = 0, t.width = P.width, t.height = P.height, t.offsetY = w.height - t.padding / 2, t.intersect = function(e) {
-		return j(t, e);
+	return r.offsetX = 0, r.width = P.width, r.height = P.height, r.offsetY = w.height - r.padding / 2, r.intersect = function(e) {
+		return j(r, e);
 	}, {
 		cluster: v,
 		labelBBox: w
@@ -213,10 +213,10 @@ var j = /* @__PURE__ */ l((e, t) => {
 }, "rect"), F = {
 	rect: P,
 	squareRect: P,
-	roundedWithTitle: /* @__PURE__ */ l(async (e, t) => {
-		let r = n(), { themeVariables: i, handDrawnSeed: a } = r, { altBackground: s, compositeBackground: c, compositeTitleBackground: l, nodeBorder: d } = i, f = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-id", t.id).attr("data-look", t.look), p = f.insert("g", ":first-child"), m = f.insert("g").attr("class", "cluster-label"), h = f.append("rect"), g = await M(m, t.label, t.labelStyle, void 0, !0), _ = g.getBBox();
+	roundedWithTitle: /* @__PURE__ */ t(async (e, t) => {
+		let r = l(), { themeVariables: i, handDrawnSeed: a } = r, { altBackground: s, compositeBackground: c, compositeTitleBackground: u, nodeBorder: d } = i, f = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-id", t.id).attr("data-look", t.look), p = f.insert("g", ":first-child"), m = f.insert("g").attr("class", "cluster-label"), h = f.append("rect"), g = await M(m, t.label, t.labelStyle, void 0, !0), _ = g.getBBox();
 		if (o(r)) {
-			let e = g.children[0], t = u(g);
+			let e = g.children[0], t = n(g);
 			_ = e.getBoundingClientRect(), t.attr("width", _.width), t.attr("height", _.height);
 		}
 		let v = 0 * t.padding, y = v / 2, b = (t.width <= _.width + t.padding ? _.width + t.padding : t.width) + v;
@@ -227,7 +227,7 @@ var j = /* @__PURE__ */ l((e, t) => {
 		if (t.look === "handDrawn") {
 			let e = t.cssClasses.includes("statediagram-cluster-alt"), n = S.svg(f), r = t.rx || t.ry ? n.path(N(w, T, b, x, 10), {
 				roughness: .7,
-				fill: l,
+				fill: u,
 				fillStyle: "solid",
 				stroke: d,
 				seed: a
@@ -248,7 +248,7 @@ var j = /* @__PURE__ */ l((e, t) => {
 			labelBBox: _
 		};
 	}, "roundedWithTitle"),
-	noteGroup: /* @__PURE__ */ l((e, t) => {
+	noteGroup: /* @__PURE__ */ t((e, t) => {
 		let n = e.insert("g").attr("class", "note-cluster").attr("id", t.domId), r = n.insert("rect", ":first-child"), i = 0 * t.padding, a = i / 2;
 		r.attr("rx", t.rx).attr("ry", t.ry).attr("x", t.x - t.width / 2 - a).attr("y", t.y - t.height / 2 - a).attr("width", t.width + i).attr("height", t.height + i).attr("fill", "none");
 		let o = r.node().getBBox();
@@ -262,83 +262,83 @@ var j = /* @__PURE__ */ l((e, t) => {
 			}
 		};
 	}, "noteGroup"),
-	divider: /* @__PURE__ */ l((e, t) => {
-		let { themeVariables: r, handDrawnSeed: i } = n(), { nodeBorder: a } = r, o = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-look", t.look), s = o.insert("g", ":first-child"), c = 0 * t.padding, l = t.width + c;
+	divider: /* @__PURE__ */ t((e, t) => {
+		let { themeVariables: n, handDrawnSeed: r } = l(), { nodeBorder: i } = n, a = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-look", t.look), o = a.insert("g", ":first-child"), s = 0 * t.padding, c = t.width + s;
 		t.diff = -t.padding;
-		let u = t.height + c, d = t.x - l / 2, f = t.y - u / 2;
-		t.width = l;
+		let u = t.height + s, d = t.x - c / 2, f = t.y - u / 2;
+		t.width = c;
 		let p;
 		if (t.look === "handDrawn") {
-			let e = S.svg(o).rectangle(d, f, l, u, {
+			let e = S.svg(a).rectangle(d, f, c, u, {
 				fill: "lightgrey",
 				roughness: .5,
 				strokeLineDash: [5],
-				stroke: a,
-				seed: i
+				stroke: i,
+				seed: r
 			});
-			p = o.insert(() => e, ":first-child");
+			p = a.insert(() => e, ":first-child");
 		} else {
-			p = s.insert("rect", ":first-child");
+			p = o.insert("rect", ":first-child");
 			let e = "outer";
-			e = (t.look, "divider"), p.attr("class", e).attr("x", d).attr("y", f).attr("width", l).attr("height", u).attr("data-look", t.look);
+			e = (t.look, "divider"), p.attr("class", e).attr("x", d).attr("y", f).attr("width", c).attr("height", u).attr("data-look", t.look);
 		}
 		return t.height = p.node().getBBox().height, t.offsetX = 0, t.offsetY = 0, t.intersect = function(e) {
 			return j(t, e);
 		}, {
-			cluster: o,
+			cluster: a,
 			labelBBox: {}
 		};
 	}, "divider"),
-	kanbanSection: /* @__PURE__ */ l(async (e, t) => {
-		c.info("Creating subgraph rect for ", t.id, t);
-		let r = n(), { themeVariables: i, handDrawnSeed: a } = r, { clusterBkg: s, clusterBorder: l } = i, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(t), v = e.insert("g").attr("class", "cluster " + t.cssClasses).attr("id", t.domId).attr("data-look", t.look), y = o(r), x = v.insert("g").attr("class", "cluster-label "), C = await b(x, t.label, {
-			style: t.labelStyle,
+	kanbanSection: /* @__PURE__ */ t(async (t, r) => {
+		e.info("Creating subgraph rect for ", r.id, r);
+		let i = l(), { themeVariables: a, handDrawnSeed: s } = i, { clusterBkg: c, clusterBorder: u } = a, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(r), v = t.insert("g").attr("class", "cluster " + r.cssClasses).attr("id", r.domId).attr("data-look", r.look), y = o(i), x = v.insert("g").attr("class", "cluster-label "), C = await b(x, r.label, {
+			style: r.labelStyle,
 			useHtmlLabels: y,
 			isNode: !0,
-			width: t.width
+			width: r.width
 		}), w = C.getBBox();
-		if (o(r)) {
-			let e = C.children[0], t = u(C);
+		if (o(i)) {
+			let e = C.children[0], t = n(C);
 			w = e.getBoundingClientRect(), t.attr("width", w.width), t.attr("height", w.height);
 		}
-		let T = t.width <= w.width + t.padding ? w.width + t.padding : t.width;
-		t.width <= w.width + t.padding ? t.diff = (T - t.width) / 2 - t.padding : t.diff = -t.padding;
-		let E = t.height, D = t.x - T / 2, O = t.y - E / 2;
-		c.trace("Data ", t, JSON.stringify(t));
+		let T = r.width <= w.width + r.padding ? w.width + r.padding : r.width;
+		r.width <= w.width + r.padding ? r.diff = (T - r.width) / 2 - r.padding : r.diff = -r.padding;
+		let E = r.height, D = r.x - T / 2, O = r.y - E / 2;
+		e.trace("Data ", r, JSON.stringify(r));
 		let k;
-		if (t.look === "handDrawn") {
-			let e = S.svg(v), n = g(t, {
+		if (r.look === "handDrawn") {
+			let t = S.svg(v), n = g(r, {
 				roughness: .7,
-				fill: s,
-				stroke: l,
+				fill: c,
+				stroke: u,
 				fillWeight: 4,
-				seed: a
-			}), r = e.path(N(D, O, T, E, t.rx), n);
-			k = v.insert(() => (c.debug("Rough node insert CXC", r), r), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
-		} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", t.rx).attr("ry", t.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
-		let { subGraphTitleTopMargin: A } = m(r);
-		if (x.attr("transform", `translate(${t.x - w.width / 2}, ${t.y - t.height / 2 + A})`), d) {
+				seed: s
+			}), i = t.path(N(D, O, T, E, r.rx), n);
+			k = v.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
+		} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", r.rx).attr("ry", r.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
+		let { subGraphTitleTopMargin: A } = m(i);
+		if (x.attr("transform", `translate(${r.x - w.width / 2}, ${r.y - r.height / 2 + A})`), d) {
 			let e = x.select("span");
 			e && e.attr("style", d);
 		}
 		let M = k.node().getBBox();
-		return t.offsetX = 0, t.width = M.width, t.height = M.height, t.offsetY = w.height - t.padding / 2, t.intersect = function(e) {
-			return j(t, e);
+		return r.offsetX = 0, r.width = M.width, r.height = M.height, r.offsetY = w.height - r.padding / 2, r.intersect = function(e) {
+			return j(r, e);
 		}, {
 			cluster: v,
 			labelBBox: w
 		};
 	}, "kanbanSection")
-}, I = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ l(async (e, t) => {
+}, I = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ t(async (e, t) => {
 	let n = await F[t.shape || "rect"](e, t);
 	return I.set(t.id, n), n;
-}, "insertCluster"), te = /* @__PURE__ */ l(() => {
+}, "insertCluster"), te = /* @__PURE__ */ t(() => {
 	I = /* @__PURE__ */ new Map();
 }, "clear");
 function L(e, t) {
 	return e.intersect(t);
 }
-l(L, "intersectNode");
+t(L, "intersectNode");
 var R = L;
 function ne(e, t, n, r) {
 	var i = e.x, a = e.y, o = i - r.x, s = a - r.y, c = Math.sqrt(t * t * s * s + n * n * o * o), l = Math.abs(t * n * o / c);
@@ -349,12 +349,12 @@ function ne(e, t, n, r) {
 		y: a + u
 	};
 }
-l(ne, "intersectEllipse");
+t(ne, "intersectEllipse");
 var z = ne;
 function B(e, t, n) {
 	return z(e, t, t, n);
 }
-l(B, "intersectCircle");
+t(B, "intersectCircle");
 var V = B;
 function H(e, t, n, r) {
 	{
@@ -371,11 +371,11 @@ function H(e, t, n, r) {
 		};
 	}
 }
-l(H, "intersectLine");
+t(H, "intersectLine");
 function re(e, t) {
 	return e * t > 0;
 }
-l(re, "sameSign");
+t(re, "sameSign");
 var ie = H;
 function U(e, t, n) {
 	let r = e.x, i = e.y, a = [], o = Infinity, s = Infinity;
@@ -398,7 +398,7 @@ function U(e, t, n) {
 		return a < c ? -1 : a === c ? 0 : 1;
 	}), a[0]) : e;
 }
-l(U, "intersectPolygon");
+t(U, "intersectPolygon");
 var W = {
 	node: R,
 	circle: V,
@@ -406,23 +406,23 @@ var W = {
 	polygon: U,
 	rect: j
 };
-function G(e, t) {
-	let { labelStyles: n } = _(t);
-	t.labelStyle = n;
-	let r = E(t), i = r;
-	r || (i = "anchor");
-	let a = e.insert("g").attr("class", i).attr("id", t.domId || t.id), { cssStyles: o } = t, s = S.svg(a), l = g(t, {
+function G(t, n) {
+	let { labelStyles: r } = _(n);
+	n.labelStyle = r;
+	let i = E(n), a = i;
+	i || (a = "anchor");
+	let o = t.insert("g").attr("class", a).attr("id", n.domId || n.id), { cssStyles: s } = n, c = S.svg(o), l = g(n, {
 		fill: "black",
 		stroke: "none",
 		fillStyle: "solid"
 	});
-	t.look !== "handDrawn" && (l.roughness = 0);
-	let u = s.circle(0, 0, 2, l), d = a.insert(() => u, ":first-child");
-	return d.attr("class", "anchor").attr("style", f(o)), T(t, d), t.intersect = function(e) {
-		return c.info("Circle intersect", t, 1, e), W.circle(t, 1, e);
-	}, a;
+	n.look !== "handDrawn" && (l.roughness = 0);
+	let u = c.circle(0, 0, 2, l), d = o.insert(() => u, ":first-child");
+	return d.attr("class", "anchor").attr("style", p(s)), T(n, d), n.intersect = function(t) {
+		return e.info("Circle intersect", n, 1, t), W.circle(n, 1, t);
+	}, o;
 }
-l(G, "anchor");
+t(G, "anchor");
 function K(e, t, n, r, i, a, o) {
 	let s = (e + n) / 2, c = (t + r) / 2, l = Math.atan2(r - t, n - e), u = (n - e) / 2, d = (r - t) / 2, f = u / i, p = d / a, m = Math.sqrt(f ** 2 + p ** 2);
 	if (m > 1) throw Error("The given radii are too small to create an arc between the points.");
@@ -438,19 +438,19 @@ function K(e, t, n, r, i, a, o) {
 	}
 	return b;
 }
-l(K, "generateArcPoints");
+t(K, "generateArcPoints");
 function ae(e, t, n) {
 	let [r, i] = [t, n].sort((e, t) => t - e);
 	return i * (1 - Math.sqrt(1 - (e / r / 2) ** 2));
 }
-l(ae, "calculateArcSagitta");
-async function oe(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = /* @__PURE__ */ l((e) => e + o, "calcTotalHeight"), c = /* @__PURE__ */ l((e) => {
+t(ae, "calculateArcSagitta");
+async function oe(e, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let a = n.padding ?? 0, o = n.look === "neo" ? 16 : a, s = n.look === "neo" ? 12 : a, c = /* @__PURE__ */ t((e) => e + s, "calcTotalHeight"), l = /* @__PURE__ */ t((e) => {
 		let t = e / 2;
 		return [t / (2.5 + e / 50), t];
-	}, "calcEllipseRadius"), { shapeSvg: u, bbox: d } = await C(e, t, E(t)), f = s(t?.height ? t?.height : d.height), [p, m] = c(f), h = ae(f, p, m), v = (t?.width ? t?.width : d.width) + a * 2 + h - h, y = f, { cssStyles: b } = t, x = [
+	}, "calcEllipseRadius"), { shapeSvg: u, bbox: d } = await C(e, n, E(n)), f = c(n?.height ? n?.height : d.height), [p, m] = l(f), h = ae(f, p, m), v = (n?.width ? n?.width : d.width) + o * 2 + h - h, y = f, { cssStyles: b } = n, x = [
 		{
 			x: v / 2,
 			y: -y / 2
@@ -465,20 +465,20 @@ async function oe(e, t) {
 			y: y / 2
 		},
 		...K(v / 2, y / 2, v / 2, -y / 2, p, m, !0)
-	], w = S.svg(u), O = g(t, {});
-	t.look !== "handDrawn" && (O.roughness = 0, O.fillStyle = "solid");
+	], w = S.svg(u), O = g(n, {});
+	n.look !== "handDrawn" && (O.roughness = 0, O.fillStyle = "solid");
 	let k = D(x), A = w.path(k, O), j = u.insert(() => A, ":first-child");
-	return j.attr("class", "basic label-container outer-path"), b && t.look !== "handDrawn" && j.selectAll("path").attr("style", b), r && t.look !== "handDrawn" && j.selectAll("path").attr("style", r), j.attr("transform", `translate(${p / 2}, 0)`), T(t, j), t.intersect = function(e) {
-		return W.polygon(t, x, e);
+	return j.attr("class", "basic label-container outer-path"), b && n.look !== "handDrawn" && j.selectAll("path").attr("style", b), i && n.look !== "handDrawn" && j.selectAll("path").attr("style", i), j.attr("transform", `translate(${p / 2}, 0)`), T(n, j), n.intersect = function(e) {
+		return W.polygon(n, x, e);
 	}, u;
 }
-l(oe, "bowTieRect");
+t(oe, "bowTieRect");
 function q(e, t, n, r) {
 	return e.insert("polygon", ":first-child").attr("points", r.map(function(e) {
 		return e.x + "," + e.y;
 	}).join(" ")).attr("class", "label-container").attr("transform", "translate(" + -t / 2 + "," + n / 2 + ")");
 }
-l(q, "insertPolygonShape");
+t(q, "insertPolygonShape");
 var se = 12;
 async function ce(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
@@ -517,7 +517,7 @@ async function ce(e, t) {
 		return W.polygon(t, p, e);
 	}, s;
 }
-l(ce, "card");
+t(ce, "card");
 function le(e, t) {
 	let { nodeStyles: n } = _(t);
 	t.label = "";
@@ -545,23 +545,23 @@ function le(e, t) {
 		return W.polygon(t, o, e);
 	}, r;
 }
-l(le, "choice");
-async function ue(e, t, n) {
-	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.labelStyle = r;
-	let { shapeSvg: a, bbox: o, halfPadding: s } = await C(e, t, E(t)), l = n?.padding ?? s, u = t.look === "neo" ? o.width / 2 + 32 : o.width / 2 + l, d, { cssStyles: p } = t;
-	if (t.look === "handDrawn") {
-		let e = S.svg(a), n = g(t, {}), r = e.circle(0, 0, u * 2, n);
-		d = a.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", f(p));
-	} else d = a.insert("circle", ":first-child").attr("class", "basic label-container").attr("style", i).attr("r", u).attr("cx", 0).attr("cy", 0);
-	return T(t, d), t.calcIntersect = function(e, t) {
+t(le, "choice");
+async function ue(t, n, r) {
+	let { labelStyles: i, nodeStyles: a } = _(n);
+	n.labelStyle = i;
+	let { shapeSvg: o, bbox: s, halfPadding: c } = await C(t, n, E(n)), l = r?.padding ?? c, u = n.look === "neo" ? s.width / 2 + 32 : s.width / 2 + l, d, { cssStyles: f } = n;
+	if (n.look === "handDrawn") {
+		let e = S.svg(o), t = g(n, {}), r = e.circle(0, 0, u * 2, t);
+		d = o.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", p(f));
+	} else d = o.insert("circle", ":first-child").attr("class", "basic label-container").attr("style", a).attr("r", u).attr("cx", 0).attr("cy", 0);
+	return T(n, d), n.calcIntersect = function(e, t) {
 		let n = e.width / 2;
 		return W.circle(e, n, t);
-	}, t.intersect = function(e) {
-		return c.info("Circle intersect", t, u, e), W.circle(t, u, e);
-	}, a;
+	}, n.intersect = function(t) {
+		return e.info("Circle intersect", n, u, t), W.circle(n, u, t);
+	}, o;
 }
-l(ue, "circle");
+t(ue, "circle");
 function de(e) {
 	let t = Math.cos(Math.PI / 4), n = Math.sin(Math.PI / 4), r = e * 2, i = {
 		x: r / 2 * t,
@@ -579,21 +579,21 @@ function de(e) {
 	return `M ${a.x},${a.y} L ${s.x},${s.y}
                    M ${i.x},${i.y} L ${o.x},${o.y}`;
 }
-l(de, "createLine");
-function fe(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n, t.label = "";
-	let i = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), a = Math.max(30, t?.width ?? 0), { cssStyles: o } = t, s = S.svg(i), l = g(t, {});
-	t.look !== "handDrawn" && (l.roughness = 0, l.fillStyle = "solid");
-	let u = s.circle(0, 0, a * 2, l), d = de(a), f = s.path(d, l), p = i.insert(() => u, ":first-child");
-	return p.insert(() => f), p.attr("class", "outer-path"), o && t.look !== "handDrawn" && p.selectAll("path").attr("style", o), r && t.look !== "handDrawn" && p.selectAll("path").attr("style", r), T(t, p), t.intersect = function(e) {
-		return c.info("crossedCircle intersect", t, {
-			radius: a,
-			point: e
-		}), W.circle(t, a, e);
-	}, i;
+t(de, "createLine");
+function fe(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r, n.label = "";
+	let a = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), o = Math.max(30, n?.width ?? 0), { cssStyles: s } = n, c = S.svg(a), l = g(n, {});
+	n.look !== "handDrawn" && (l.roughness = 0, l.fillStyle = "solid");
+	let u = c.circle(0, 0, o * 2, l), d = de(o), f = c.path(d, l), p = a.insert(() => u, ":first-child");
+	return p.insert(() => f), p.attr("class", "outer-path"), s && n.look !== "handDrawn" && p.selectAll("path").attr("style", s), i && n.look !== "handDrawn" && p.selectAll("path").attr("style", i), T(n, p), n.intersect = function(t) {
+		return e.info("crossedCircle intersect", n, {
+			radius: o,
+			point: t
+		}), W.circle(n, o, t);
+	}, a;
 }
-l(fe, "crossedCircle");
+t(fe, "crossedCircle");
 function J(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -605,7 +605,7 @@ function J(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-l(J, "generateCirclePoints");
+t(J, "generateCirclePoints");
 async function pe(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
@@ -658,7 +658,7 @@ async function pe(e, t) {
 		return W.polygon(t, m, e);
 	}, i;
 }
-l(pe, "curlyBraceLeft");
+t(pe, "curlyBraceLeft");
 function Y(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -670,7 +670,7 @@ function Y(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-l(Y, "generateCirclePoints");
+t(Y, "generateCirclePoints");
 async function me(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
@@ -723,7 +723,7 @@ async function me(e, t) {
 		return W.polygon(t, m, e);
 	}, i;
 }
-l(me, "curlyBraceRight");
+t(me, "curlyBraceRight");
 function X(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -735,7 +735,7 @@ function X(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-l(X, "generateCirclePoints");
+t(X, "generateCirclePoints");
 async function he(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
@@ -813,7 +813,7 @@ async function he(e, t) {
 		return W.polygon(t, h, e);
 	}, i;
 }
-l(he, "curlyBraces");
+t(he, "curlyBraces");
 async function ge(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
@@ -846,22 +846,22 @@ async function ge(e, t) {
 		return W.polygon(t, x, e);
 	}, s;
 }
-l(ge, "curvedTrapezoid");
-var _e = /* @__PURE__ */ l((e, t, n, r, i, a) => [
+t(ge, "curvedTrapezoid");
+var _e = /* @__PURE__ */ t((e, t, n, r, i, a) => [
 	`M${e},${t + a}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`a${i},${a} 0,0,0 ${-n},0`,
 	`l0,${r}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`l0,${-r}`
-].join(" "), "createCylinderPathD"), ve = /* @__PURE__ */ l((e, t, n, r, i, a) => [
+].join(" "), "createCylinderPathD"), ve = /* @__PURE__ */ t((e, t, n, r, i, a) => [
 	`M${e},${t + a}`,
 	`M${e + n},${t + a}`,
 	`a${i},${a} 0,0,0 ${-n},0`,
 	`l0,${r}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`l0,${-r}`
-].join(" "), "createOuterCylinderPathD"), ye = /* @__PURE__ */ l((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), be = 8, xe = 8;
+].join(" "), "createOuterCylinderPathD"), ye = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), be = 8, xe = 8;
 async function Se(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
@@ -872,25 +872,60 @@ async function Se(e, t) {
 		let n = e / 2 / (2.5 + e / 50);
 		t.height = (t.height ?? 0) - a - n * 3, t.height < be && (t.height = be);
 	}
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t.width ? t.width : c.width) + o, d = u / 2, p = d / (2.5 + u / 50), m = (t.height ? t.height : c.height) + a + p, h, { cssStyles: v } = t;
+	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t.width ? t.width : c.width) + o, d = u / 2, f = d / (2.5 + u / 50), m = (t.height ? t.height : c.height) + a + f, h, { cssStyles: v } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = ve(0, 0, u, m, d, p), r = ye(0, p, u, m, d, p), i = g(t, {}), a = e.path(n, i), o = e.path(r, g(t, { fill: "none" }));
+		let e = S.svg(s), n = ve(0, 0, u, m, d, f), r = ye(0, f, u, m, d, f), i = g(t, {}), a = e.path(n, i), o = e.path(r, g(t, { fill: "none" }));
 		h = s.insert(() => o, ":first-child"), h = s.insert(() => a, ":first-child"), h.attr("class", "basic label-container"), v && h.attr("style", v);
 	} else {
-		let e = _e(0, 0, u, m, d, p);
-		h = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", f(v)).attr("style", r);
+		let e = _e(0, 0, u, m, d, f);
+		h = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", p(v)).attr("style", r);
 	}
-	return h.attr("label-offset-y", p), h.attr("transform", `translate(${-u / 2}, ${-(m / 2 + p)})`), T(t, h), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + (t.padding ?? 0) / 1.5 - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
+	return h.attr("label-offset-y", f), h.attr("transform", `translate(${-u / 2}, ${-(m / 2 + f)})`), T(t, h), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + (t.padding ?? 0) / 1.5 - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
 		let n = W.rect(t, e), r = n.x - (t.x ?? 0);
-		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - p)) {
-			let i = p * p * (1 - r * r / (d * d));
-			i > 0 && (i = Math.sqrt(i)), i = p - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
+		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - f)) {
+			let i = f * f * (1 - r * r / (d * d));
+			i > 0 && (i = Math.sqrt(i)), i = f - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
 		}
 		return n;
 	}, s;
 }
-l(Se, "cylinder");
-async function Ce(e, t) {
+t(Se, "cylinder");
+async function Ce(e, t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(t);
+	t.labelStyle = r;
+	let { shapeSvg: a, bbox: o } = await C(e, t, E(t)), s = Math.max(o.width + n.labelPaddingX * 2, t?.width || 0), c = Math.max(o.height + n.labelPaddingY * 2, t?.height || 0), l = -s / 2, u = -c / 2, d, { rx: f, ry: m } = t, { cssStyles: h } = t;
+	if (n?.rx && n.ry && (f = n.rx, m = n.ry), t.look === "handDrawn") {
+		let e = S.svg(a), n = g(t, {}), r = f || m ? e.path(N(l, u, s, c, f || 0), n) : e.rectangle(l, u, s, c, n);
+		d = a.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", p(h));
+	} else d = a.insert("rect", ":first-child"), d.attr("class", "basic label-container").attr("style", i).attr("rx", p(f)).attr("ry", p(m)).attr("x", l).attr("y", u).attr("width", s).attr("height", c);
+	return T(t, d), t.calcIntersect = function(e, t) {
+		return W.rect(e, t);
+	}, t.intersect = function(e) {
+		return W.rect(t, e);
+	}, a;
+}
+t(Ce, "drawRect");
+async function we(e, t) {
+	let { cssClasses: n, labelPaddingX: r, labelPaddingY: i, padding: a, width: o, height: s } = t, c = await Ce(e, t, {
+		rx: 0,
+		ry: 0,
+		classes: n ?? "",
+		labelPaddingX: r ?? (a ?? 0) * 2,
+		labelPaddingY: i ?? a ?? 0
+	});
+	if (t.look === "handDrawn") {
+		let e = S.svg(c), n = g(t, {}), r = c.select(".basic.label-container > path:nth-child(2)"), i = r.node();
+		if (!i) return c;
+		let a = null;
+		if (i instanceof SVGGraphicsElement) a = i.getBBox();
+		else return c;
+		return c.insert(() => e.line(a.x, a.y, a.x + a.width, a.y, n), ".basic.label-container g.label"), c.insert(() => e.line(a.x, a.y + a.height, a.x + a.width, a.y + a.height, n), ".basic.label-container g.label"), r.remove(), c;
+	}
+	let l = c.select(".basic.label-container"), u = (Number(l.attr("width")) || o) ?? 0, d = (Number(l.attr("height")) || s) ?? 0;
+	return u > 0 && d > 0 && l.attr("stroke-dasharray", `${u} ${d}`), c;
+}
+t(we, "datastore");
+async function Te(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 16 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = s.width + i, u = s.height + a, d = u * .2, f = -l / 2, p = -u / 2 - d / 2, { cssStyles: m } = t, h = S.svg(o), v = g(t, {});
@@ -929,51 +964,51 @@ async function Ce(e, t) {
 		return W.rect(t, e);
 	}, o;
 }
-l(Ce, "dividedRectangle");
-async function we(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t), i = t.look === "neo" ? 12 : 5;
-	t.labelStyle = n;
-	let a = t.padding ?? 0, o = t.look === "neo" ? 16 : a, { shapeSvg: s, bbox: l } = await C(e, t, E(t)), u = (t?.width ? t?.width / 2 : l.width / 2) + (o ?? 0), d = u - i, p, { cssStyles: m } = t;
-	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {
+t(Te, "dividedRectangle");
+async function Ee(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n), a = n.look === "neo" ? 12 : 5;
+	n.labelStyle = r;
+	let o = n.padding ?? 0, s = n.look === "neo" ? 16 : o, { shapeSvg: c, bbox: l } = await C(t, n, E(n)), u = (n?.width ? n?.width / 2 : l.width / 2) + (s ?? 0), d = u - a, f, { cssStyles: m } = n;
+	if (n.look === "handDrawn") {
+		let e = S.svg(c), t = g(n, {
 			roughness: .2,
 			strokeWidth: 2.5
-		}), r = g(t, {
+		}), r = g(n, {
 			roughness: .2,
 			strokeWidth: 1.5
-		}), i = e.circle(0, 0, u * 2, n), a = e.circle(0, 0, d * 2, r);
-		p = s.insert("g", ":first-child"), p.attr("class", f(t.cssClasses)).attr("style", f(m)), p.node()?.appendChild(i), p.node()?.appendChild(a);
+		}), i = e.circle(0, 0, u * 2, t), a = e.circle(0, 0, d * 2, r);
+		f = c.insert("g", ":first-child"), f.attr("class", p(n.cssClasses)).attr("style", p(m)), f.node()?.appendChild(i), f.node()?.appendChild(a);
 	} else {
-		p = s.insert("g", ":first-child");
-		let e = p.insert("circle", ":first-child"), t = p.insert("circle");
-		p.attr("class", "basic label-container").attr("style", r), e.attr("class", "outer-circle").attr("style", r).attr("r", u).attr("cx", 0).attr("cy", 0), t.attr("class", "inner-circle").attr("style", r).attr("r", d).attr("cx", 0).attr("cy", 0);
+		f = c.insert("g", ":first-child");
+		let e = f.insert("circle", ":first-child"), t = f.insert("circle");
+		f.attr("class", "basic label-container").attr("style", i), e.attr("class", "outer-circle").attr("style", i).attr("r", u).attr("cx", 0).attr("cy", 0), t.attr("class", "inner-circle").attr("style", i).attr("r", d).attr("cx", 0).attr("cy", 0);
 	}
-	return T(t, p), t.intersect = function(e) {
-		return c.info("DoubleCircle intersect", t, u, e), W.circle(t, u, e);
-	}, s;
+	return T(n, f), n.intersect = function(t) {
+		return e.info("DoubleCircle intersect", n, u, t), W.circle(n, u, t);
+	}, c;
 }
-l(we, "doublecircle");
-function Te(e, t, { config: { themeVariables: n } }) {
-	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.label = "", t.labelStyle = r;
-	let a = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), { cssStyles: o } = t, s = S.svg(a), { nodeBorder: l } = n, u = g(t, { fillStyle: "solid" });
-	t.look !== "handDrawn" && (u.roughness = 0);
-	let d = s.circle(0, 0, 14, u), f = a.insert(() => d, ":first-child");
-	return f.selectAll("path").attr("style", `fill: ${l} !important;`), o && o.length > 0 && t.look !== "handDrawn" && f.selectAll("path").attr("style", o), i && t.look !== "handDrawn" && f.selectAll("path").attr("style", i), T(t, f), t.intersect = function(e) {
-		return c.info("filledCircle intersect", t, {
+t(Ee, "doublecircle");
+function De(t, n, { config: { themeVariables: r } }) {
+	let { labelStyles: i, nodeStyles: a } = _(n);
+	n.label = "", n.labelStyle = i;
+	let o = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), { cssStyles: s } = n, c = S.svg(o), { nodeBorder: l } = r, u = g(n, { fillStyle: "solid" });
+	n.look !== "handDrawn" && (u.roughness = 0);
+	let d = c.circle(0, 0, 14, u), f = o.insert(() => d, ":first-child");
+	return f.selectAll("path").attr("style", `fill: ${l} !important;`), s && s.length > 0 && n.look !== "handDrawn" && f.selectAll("path").attr("style", s), a && n.look !== "handDrawn" && f.selectAll("path").attr("style", a), T(n, f), n.intersect = function(t) {
+		return e.info("filledCircle intersect", n, {
 			radius: 7,
-			point: e
-		}), W.circle(t, 7, e);
-	}, a;
+			point: t
+		}), W.circle(n, 7, t);
+	}, o;
 }
-l(Te, "filledCircle");
-var Ee = 10, De = 10;
-async function Oe(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? i * 2 : i;
-	(t.width || t.height) && (t.height = t?.height ?? 0, t.height < Ee && (t.height = Ee), t.width = (t?.width ?? 0) - a - a / 2, t.width < De && (t.width = De));
-	let { shapeSvg: o, bbox: s, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : s.width) + (a ?? 0), d = t?.height ? t?.height : u + s.height, f = d, p = [
+t(De, "filledCircle");
+var Oe = 10, ke = 10;
+async function Ae(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let a = n.padding ?? 0, o = n.look === "neo" ? a * 2 : a;
+	(n.width || n.height) && (n.height = n?.height ?? 0, n.height < Oe && (n.height = Oe), n.width = (n?.width ?? 0) - o - o / 2, n.width < ke && (n.width = ke));
+	let { shapeSvg: s, bbox: c, label: l } = await C(t, n, E(n)), u = (n?.width ? n?.width : c.width) + (o ?? 0), d = n?.height ? n?.height : u + c.height, f = d, p = [
 		{
 			x: 0,
 			y: -d
@@ -986,15 +1021,15 @@ async function Oe(e, t) {
 			x: f / 2,
 			y: 0
 		}
-	], { cssStyles: m } = t, h = S.svg(o), v = g(t, {});
-	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
-	let y = D(p), b = h.path(y, v), x = o.insert(() => b, ":first-child").attr("transform", `translate(${-d / 2}, ${d / 2})`).attr("class", "outer-path");
-	return m && t.look !== "handDrawn" && x.selectChildren("path").attr("style", m), r && t.look !== "handDrawn" && x.selectChildren("path").attr("style", r), t.width = u, t.height = d, T(t, x), l.attr("transform", `translate(${-s.width / 2 - (s.x - (s.left ?? 0))}, ${-d / 2 + (t.padding ?? 0) / 2 + (s.y - (s.top ?? 0))})`), t.intersect = function(e) {
-		return c.info("Triangle intersect", t, p, e), W.polygon(t, p, e);
-	}, o;
+	], { cssStyles: m } = n, h = S.svg(s), v = g(n, {});
+	n.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
+	let y = D(p), b = h.path(y, v), x = s.insert(() => b, ":first-child").attr("transform", `translate(${-d / 2}, ${d / 2})`).attr("class", "outer-path");
+	return m && n.look !== "handDrawn" && x.selectChildren("path").attr("style", m), i && n.look !== "handDrawn" && x.selectChildren("path").attr("style", i), n.width = u, n.height = d, T(n, x), l.attr("transform", `translate(${-c.width / 2 - (c.x - (c.left ?? 0))}, ${-d / 2 + (n.padding ?? 0) / 2 + (c.y - (c.top ?? 0))})`), n.intersect = function(t) {
+		return e.info("Triangle intersect", n, p, t), W.polygon(n, p, t);
+	}, s;
 }
-l(Oe, "flippedTriangle");
-function ke(e, t, { dir: n, config: { state: r, themeVariables: i } }) {
+t(Ae, "flippedTriangle");
+function je(e, t, { dir: n, config: { state: r, themeVariables: i } }) {
 	let { nodeStyles: a } = _(t);
 	t.label = "";
 	let o = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), { cssStyles: s } = t, c = Math.max(70, t?.width ?? 0), l = Math.max(10, t?.height ?? 0);
@@ -1011,14 +1046,14 @@ function ke(e, t, { dir: n, config: { state: r, themeVariables: i } }) {
 		return W.rect(t, e);
 	}, o;
 }
-l(ke, "forkJoin");
-async function Ae(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n;
-	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0;
-	(t.width || t.height) && (t.height = (t?.height ?? 0) - a * 2, t.height < 10 && (t.height = 10), t.width = (t?.width ?? 0) - i * 2, t.width < 15 && (t.width = 15));
-	let { shapeSvg: o, bbox: s } = await C(e, t, E(t)), l = (t?.width ? t?.width : Math.max(15, s.width)) + i * 2, u = (t?.height ? t?.height : Math.max(10, s.height)) + a * 2, d = u / 2, { cssStyles: f } = t, p = S.svg(o), m = g(t, {});
-	t.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
+t(je, "forkJoin");
+async function Me(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let a = n.look === "neo" ? 16 : n.padding ?? 0, o = n.look === "neo" ? 12 : n.padding ?? 0;
+	(n.width || n.height) && (n.height = (n?.height ?? 0) - o * 2, n.height < 10 && (n.height = 10), n.width = (n?.width ?? 0) - a * 2, n.width < 15 && (n.width = 15));
+	let { shapeSvg: s, bbox: c } = await C(t, n, E(n)), l = (n?.width ? n?.width : Math.max(15, c.width)) + a * 2, u = (n?.height ? n?.height : Math.max(10, c.height)) + o * 2, d = u / 2, { cssStyles: f } = n, p = S.svg(s), m = g(n, {});
+	n.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
 	let h = [
 		{
 			x: -l / 2,
@@ -1037,16 +1072,16 @@ async function Ae(e, t) {
 			x: -l / 2,
 			y: u / 2
 		}
-	], v = D(h), y = p.path(v, m), b = o.insert(() => y, ":first-child");
-	return b.attr("class", "basic label-container outer-path"), f && t.look !== "handDrawn" && b.selectChildren("path").attr("style", f), r && t.look !== "handDrawn" && b.selectChildren("path").attr("style", r), T(t, b), t.intersect = function(e) {
-		return c.info("Pill intersect", t, {
+	], v = D(h), y = p.path(v, m), b = s.insert(() => y, ":first-child");
+	return b.attr("class", "basic label-container outer-path"), f && n.look !== "handDrawn" && b.selectChildren("path").attr("style", f), i && n.look !== "handDrawn" && b.selectChildren("path").attr("style", i), T(n, b), n.intersect = function(t) {
+		return e.info("Pill intersect", n, {
 			radius: d,
-			point: e
-		}), W.polygon(t, h, e);
-	}, o;
+			point: t
+		}), W.polygon(n, h, t);
+	}, s;
 }
-l(Ae, "halfRoundedRectangle");
-var je = /* @__PURE__ */ l((e, t, n, r, i) => [
+t(Me, "halfRoundedRectangle");
+var Ne = /* @__PURE__ */ t((e, t, n, r, i) => [
 	`M${e + i},${t}`,
 	`L${e + n - i},${t}`,
 	`L${e + n},${t - r / 2}`,
@@ -1055,7 +1090,7 @@ var je = /* @__PURE__ */ l((e, t, n, r, i) => [
 	`L${e},${t - r / 2}`,
 	"Z"
 ].join(" "), "createHexagonPathD");
-async function Me(e, t) {
+async function Pe(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t), i = t.look === "neo" ? 3.5 : 4;
 	t.labelStyle = n;
 	let a = t.padding ?? 0, o = t.look === "neo" ? 70 : a, s = t.look === "neo" ? 32 : a;
@@ -1090,151 +1125,151 @@ async function Me(e, t) {
 		}
 	], m, { cssStyles: h } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(c), n = g(t, {}), r = je(0, 0, f, u, d), i = e.path(r, n);
+		let e = S.svg(c), n = g(t, {}), r = Ne(0, 0, f, u, d), i = e.path(r, n);
 		m = c.insert(() => i, ":first-child").attr("transform", `translate(${-f / 2}, ${u / 2})`), h && m.attr("style", h);
 	} else m = q(c, f, u, p);
 	return r && m.attr("style", r), t.width = f, t.height = u, T(t, m), t.intersect = function(e) {
 		return W.polygon(t, p, e);
 	}, c;
 }
-l(Me, "hexagon");
-async function Ne(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.label = "", t.labelStyle = n;
-	let { shapeSvg: i } = await C(e, t, E(t)), a = Math.max(30, t?.width ?? 0), o = Math.max(30, t?.height ?? 0), { cssStyles: s } = t, l = S.svg(i), u = g(t, {});
-	t.look !== "handDrawn" && (u.roughness = 0, u.fillStyle = "solid");
+t(Pe, "hexagon");
+async function Fe(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.label = "", n.labelStyle = r;
+	let { shapeSvg: a } = await C(t, n, E(n)), o = Math.max(30, n?.width ?? 0), s = Math.max(30, n?.height ?? 0), { cssStyles: c } = n, l = S.svg(a), u = g(n, {});
+	n.look !== "handDrawn" && (u.roughness = 0, u.fillStyle = "solid");
 	let d = [
 		{
 			x: 0,
 			y: 0
 		},
 		{
-			x: a,
+			x: o,
 			y: 0
 		},
 		{
 			x: 0,
-			y: o
+			y: s
 		},
 		{
-			x: a,
-			y: o
+			x: o,
+			y: s
 		}
-	], f = D(d), p = l.path(f, u), m = i.insert(() => p, ":first-child");
-	return m.attr("class", "basic label-container outer-path"), s && t.look !== "handDrawn" && m.selectChildren("path").attr("style", s), r && t.look !== "handDrawn" && m.selectChildren("path").attr("style", r), m.attr("transform", `translate(${-a / 2}, ${-o / 2})`), T(t, m), t.intersect = function(e) {
-		return c.info("Pill intersect", t, { points: d }), W.polygon(t, d, e);
-	}, i;
+	], f = D(d), p = l.path(f, u), m = a.insert(() => p, ":first-child");
+	return m.attr("class", "basic label-container outer-path"), c && n.look !== "handDrawn" && m.selectChildren("path").attr("style", c), i && n.look !== "handDrawn" && m.selectChildren("path").attr("style", i), m.attr("transform", `translate(${-o / 2}, ${-s / 2})`), T(n, m), n.intersect = function(t) {
+		return e.info("Pill intersect", n, { points: d }), W.polygon(n, d, t);
+	}, a;
 }
-l(Ne, "hourglass");
-async function Pe(e, t, { config: { themeVariables: n, flowchart: r } }) {
-	let { labelStyles: i } = _(t);
-	t.labelStyle = i;
-	let a = t.assetHeight ?? 48, o = t.assetWidth ?? 48, s = Math.max(a, o), l = r?.wrappingWidth;
-	t.width = Math.max(s, l ?? 0);
-	let { shapeSvg: u, bbox: d, label: f } = await C(e, t, "icon-shape default"), p = t.pos === "t", m = s, h = s, { nodeBorder: v } = n, { stylesMap: b } = y(t), w = -h / 2, E = -m / 2, D = t.label ? 8 : 0, O = S.svg(u), k = g(t, {
+t(Fe, "hourglass");
+async function Ie(t, n, { config: { themeVariables: r, flowchart: i } }) {
+	let { labelStyles: a } = _(n);
+	n.labelStyle = a;
+	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
+	n.width = Math.max(c, l ?? 0);
+	let { shapeSvg: u, bbox: d, label: f } = await C(t, n, "icon-shape default"), p = n.pos === "t", m = c, h = c, { nodeBorder: v } = r, { stylesMap: b } = y(n), w = -h / 2, E = -m / 2, D = n.label ? 8 : 0, O = S.svg(u), k = g(n, {
 		stroke: "none",
 		fill: "none"
 	});
-	t.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid");
+	n.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid");
 	let A = O.rectangle(w, E, h, m, k), j = Math.max(h, d.width), M = m + d.height + D, N = O.rectangle(-j / 2, -M / 2, j, M, {
 		...k,
 		fill: "transparent",
 		stroke: "none"
 	}), P = u.insert(() => A, ":first-child"), F = u.insert(() => N);
-	if (t.icon) {
+	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(t.icon, {
-			height: s,
-			width: s,
+		e.html(`<g>${await x(n.icon, {
+			height: c,
+			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
-		let n = e.node().getBBox(), r = n.width, i = n.height, a = n.x, o = n.y;
+		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
 		e.attr("transform", `translate(${-r / 2 - a},${p ? d.height / 2 + D / 2 - i / 2 - o : -d.height / 2 - D / 2 - i / 2 - o})`), e.attr("style", `color: ${b.get("stroke") ?? v};`);
 	}
-	return f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${p ? -M / 2 : M / 2 - d.height})`), P.attr("transform", `translate(0,${p ? d.height / 2 + D / 2 : -d.height / 2 - D / 2})`), T(t, F), t.intersect = function(e) {
-		if (c.info("iconSquare intersect", t, e), !t.label) return W.rect(t, e);
-		let n = t.x ?? 0, r = t.y ?? 0, i = t.height ?? 0, a = [];
-		return a = p ? [
+	return f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${p ? -M / 2 : M / 2 - d.height})`), P.attr("transform", `translate(0,${p ? d.height / 2 + D / 2 : -d.height / 2 - D / 2})`), T(n, F), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
+		return o = p ? [
 			{
-				x: n - d.width / 2,
-				y: r - i / 2
+				x: r - d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2
+				x: r + d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + d.height + D
+				x: r + d.width / 2,
+				y: i - a / 2 + d.height + D
 			},
 			{
-				x: n + h / 2,
-				y: r - i / 2 + d.height + D
+				x: r + h / 2,
+				y: i - a / 2 + d.height + D
 			},
 			{
-				x: n + h / 2,
-				y: r + i / 2
+				x: r + h / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - h / 2,
-				y: r + i / 2
+				x: r - h / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - h / 2,
-				y: r - i / 2 + d.height + D
+				x: r - h / 2,
+				y: i - a / 2 + d.height + D
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + d.height + D
+				x: r - d.width / 2,
+				y: i - a / 2 + d.height + D
 			}
 		] : [
 			{
-				x: n - h / 2,
-				y: r - i / 2
+				x: r - h / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + h / 2,
-				y: r - i / 2
+				x: r + h / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + h / 2,
-				y: r - i / 2 + m
+				x: r + h / 2,
+				y: i - a / 2 + m
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + m
+				x: r + d.width / 2,
+				y: i - a / 2 + m
 			},
 			{
-				x: n + d.width / 2 / 2,
-				y: r + i / 2
+				x: r + d.width / 2 / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r + i / 2
+				x: r - d.width / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + m
+				x: r - d.width / 2,
+				y: i - a / 2 + m
 			},
 			{
-				x: n - h / 2,
-				y: r - i / 2 + m
+				x: r - h / 2,
+				y: i - a / 2 + m
 			}
-		], W.polygon(t, a, e);
+		], W.polygon(n, o, t);
 	}, u;
 }
-l(Pe, "icon");
-async function Fe(e, t, { config: { themeVariables: n, flowchart: r } }) {
-	let { labelStyles: i } = _(t);
-	t.labelStyle = i;
-	let a = t.assetHeight ?? 48, o = t.assetWidth ?? 48, s = Math.max(a, o), l = r?.wrappingWidth;
-	t.width = Math.max(s, l ?? 0);
-	let { shapeSvg: u, bbox: d, label: f } = await C(e, t, "icon-shape default"), p = t.label ? 8 : 0, m = t.pos === "t", { nodeBorder: h, mainBkg: v } = n, { stylesMap: b } = y(t), w = S.svg(u), E = g(t, {});
-	t.look !== "handDrawn" && (E.roughness = 0, E.fillStyle = "solid"), E.stroke = b.get("fill") ?? v;
+t(Ie, "icon");
+async function Le(t, n, { config: { themeVariables: r, flowchart: i } }) {
+	let { labelStyles: a } = _(n);
+	n.labelStyle = a;
+	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
+	n.width = Math.max(c, l ?? 0);
+	let { shapeSvg: u, bbox: d, label: f } = await C(t, n, "icon-shape default"), p = n.label ? 8 : 0, m = n.pos === "t", { nodeBorder: h, mainBkg: v } = r, { stylesMap: b } = y(n), w = S.svg(u), E = g(n, {});
+	n.look !== "handDrawn" && (E.roughness = 0, E.fillStyle = "solid"), E.stroke = b.get("fill") ?? v;
 	let D = u.append("g");
-	t.icon && D.html(`<g>${await x(t.icon, {
-		height: s,
-		width: s,
+	n.icon && D.html(`<g>${await x(n.icon, {
+		height: c,
+		width: c,
 		fallbackPrefix: ""
 	})}</g>`);
 	let O = D.node().getBBox(), k = O.width, A = O.height, j = O.x, M = O.y, N = Math.max(k, A) * Math.SQRT2 + 40, P = w.circle(0, 0, N, E), F = Math.max(N, d.width), I = N + d.height + p, ee = w.rectangle(-F / 2, -I / 2, F, I, {
@@ -1242,297 +1277,297 @@ async function Fe(e, t, { config: { themeVariables: n, flowchart: r } }) {
 		fill: "transparent",
 		stroke: "none"
 	}), te = u.insert(() => P, ":first-child"), L = u.insert(() => ee);
-	return D.attr("transform", `translate(${-k / 2 - j},${m ? d.height / 2 + p / 2 - A / 2 - M : -d.height / 2 - p / 2 - A / 2 - M})`), D.attr("style", `color: ${b.get("stroke") ?? h};`), f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -I / 2 : I / 2 - d.height})`), te.attr("transform", `translate(0,${m ? d.height / 2 + p / 2 : -d.height / 2 - p / 2})`), T(t, L), t.intersect = function(e) {
-		return c.info("iconSquare intersect", t, e), W.rect(t, e);
+	return D.attr("transform", `translate(${-k / 2 - j},${m ? d.height / 2 + p / 2 - A / 2 - M : -d.height / 2 - p / 2 - A / 2 - M})`), D.attr("style", `color: ${b.get("stroke") ?? h};`), f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -I / 2 : I / 2 - d.height})`), te.attr("transform", `translate(0,${m ? d.height / 2 + p / 2 : -d.height / 2 - p / 2})`), T(n, L), n.intersect = function(t) {
+		return e.info("iconSquare intersect", n, t), W.rect(n, t);
 	}, u;
 }
-l(Fe, "iconCircle");
-async function Ie(e, t, { config: { themeVariables: n, flowchart: r } }) {
-	let { labelStyles: i } = _(t);
-	t.labelStyle = i;
-	let a = t.assetHeight ?? 48, o = t.assetWidth ?? 48, s = Math.max(a, o), l = r?.wrappingWidth;
-	t.width = Math.max(s, l ?? 0);
-	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(e, t, "icon-shape default"), m = t.pos === "t", h = s + f * 2, v = s + f * 2, { nodeBorder: b, mainBkg: w } = n, { stylesMap: E } = y(t), D = -v / 2, O = -h / 2, k = t.label ? 8 : 0, A = S.svg(u), j = g(t, {});
-	t.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
+t(Le, "iconCircle");
+async function Re(t, n, { config: { themeVariables: r, flowchart: i } }) {
+	let { labelStyles: a } = _(n);
+	n.labelStyle = a;
+	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
+	n.width = Math.max(c, l ?? 0);
+	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: b, mainBkg: w } = r, { stylesMap: E } = y(n), D = -v / 2, O = -h / 2, k = n.label ? 8 : 0, A = S.svg(u), j = g(n, {});
+	n.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
 	let M = A.path(N(D, O, v, h, 5), j), P = Math.max(v, d.width), F = h + d.height + k, I = A.rectangle(-P / 2, -F / 2, P, F, {
 		...j,
 		fill: "transparent",
 		stroke: "none"
 	}), ee = u.insert(() => M, ":first-child").attr("class", "icon-shape2"), te = u.insert(() => I);
-	if (t.icon) {
+	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(t.icon, {
-			height: s,
-			width: s,
+		e.html(`<g>${await x(n.icon, {
+			height: c,
+			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
-		let n = e.node().getBBox(), r = n.width, i = n.height, a = n.x, o = n.y;
+		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
 		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + k / 2 - i / 2 - o : -d.height / 2 - k / 2 - i / 2 - o})`), e.attr("style", `color: ${E.get("stroke") ?? b};`);
 	}
-	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(t, te), t.intersect = function(e) {
-		if (c.info("iconSquare intersect", t, e), !t.label) return W.rect(t, e);
-		let n = t.x ?? 0, r = t.y ?? 0, i = t.height ?? 0, a = [];
-		return a = m ? [
+	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(n, te), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
+		return o = m ? [
 			{
-				x: n - d.width / 2,
-				y: r - i / 2
+				x: r - d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2
+				x: r + d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + d.height + k
+				x: r + d.width / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2 + d.height + k
+				x: r + v / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n + v / 2,
-				y: r + i / 2
+				x: r + v / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - v / 2,
-				y: r + i / 2
+				x: r - v / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - v / 2,
-				y: r - i / 2 + d.height + k
+				x: r - v / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + d.height + k
+				x: r - d.width / 2,
+				y: i - a / 2 + d.height + k
 			}
 		] : [
 			{
-				x: n - v / 2,
-				y: r - i / 2
+				x: r - v / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2
+				x: r + v / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2 + h
+				x: r + v / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + h
+				x: r + d.width / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n + d.width / 2 / 2,
-				y: r + i / 2
+				x: r + d.width / 2 / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r + i / 2
+				x: r - d.width / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + h
+				x: r - d.width / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n - v / 2,
-				y: r - i / 2 + h
+				x: r - v / 2,
+				y: i - a / 2 + h
 			}
-		], W.polygon(t, a, e);
+		], W.polygon(n, o, t);
 	}, u;
 }
-l(Ie, "iconRounded");
-async function Le(e, t, { config: { themeVariables: n, flowchart: r } }) {
-	let { labelStyles: i } = _(t);
-	t.labelStyle = i;
-	let a = t.assetHeight ?? 48, o = t.assetWidth ?? 48, s = Math.max(a, o), l = r?.wrappingWidth;
-	t.width = Math.max(s, l ?? 0);
-	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(e, t, "icon-shape default"), m = t.pos === "t", h = s + f * 2, v = s + f * 2, { nodeBorder: b, mainBkg: w } = n, { stylesMap: E } = y(t), D = -v / 2, O = -h / 2, k = t.label ? 8 : 0, A = S.svg(u), j = g(t, {});
-	t.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
+t(Re, "iconRounded");
+async function ze(t, n, { config: { themeVariables: r, flowchart: i } }) {
+	let { labelStyles: a } = _(n);
+	n.labelStyle = a;
+	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
+	n.width = Math.max(c, l ?? 0);
+	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: b, mainBkg: w } = r, { stylesMap: E } = y(n), D = -v / 2, O = -h / 2, k = n.label ? 8 : 0, A = S.svg(u), j = g(n, {});
+	n.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
 	let M = A.path(N(D, O, v, h, .1), j), P = Math.max(v, d.width), F = h + d.height + k, I = A.rectangle(-P / 2, -F / 2, P, F, {
 		...j,
 		fill: "transparent",
 		stroke: "none"
 	}), ee = u.insert(() => M, ":first-child"), te = u.insert(() => I);
-	if (t.icon) {
+	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(t.icon, {
-			height: s,
-			width: s,
+		e.html(`<g>${await x(n.icon, {
+			height: c,
+			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
-		let n = e.node().getBBox(), r = n.width, i = n.height, a = n.x, o = n.y;
+		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
 		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + k / 2 - i / 2 - o : -d.height / 2 - k / 2 - i / 2 - o})`), e.attr("style", `color: ${E.get("stroke") ?? b};`);
 	}
-	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(t, te), t.intersect = function(e) {
-		if (c.info("iconSquare intersect", t, e), !t.label) return W.rect(t, e);
-		let n = t.x ?? 0, r = t.y ?? 0, i = t.height ?? 0, a = [];
-		return a = m ? [
+	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(n, te), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
+		return o = m ? [
 			{
-				x: n - d.width / 2,
-				y: r - i / 2
+				x: r - d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2
+				x: r + d.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + d.height + k
+				x: r + d.width / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2 + d.height + k
+				x: r + v / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n + v / 2,
-				y: r + i / 2
+				x: r + v / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - v / 2,
-				y: r + i / 2
+				x: r - v / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - v / 2,
-				y: r - i / 2 + d.height + k
+				x: r - v / 2,
+				y: i - a / 2 + d.height + k
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + d.height + k
+				x: r - d.width / 2,
+				y: i - a / 2 + d.height + k
 			}
 		] : [
 			{
-				x: n - v / 2,
-				y: r - i / 2
+				x: r - v / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2
+				x: r + v / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + v / 2,
-				y: r - i / 2 + h
+				x: r + v / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n + d.width / 2,
-				y: r - i / 2 + h
+				x: r + d.width / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n + d.width / 2 / 2,
-				y: r + i / 2
+				x: r + d.width / 2 / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r + i / 2
+				x: r - d.width / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - d.width / 2,
-				y: r - i / 2 + h
+				x: r - d.width / 2,
+				y: i - a / 2 + h
 			},
 			{
-				x: n - v / 2,
-				y: r - i / 2 + h
+				x: r - v / 2,
+				y: i - a / 2 + h
 			}
-		], W.polygon(t, a, e);
+		], W.polygon(n, o, t);
 	}, u;
 }
-l(Le, "iconSquare");
-async function Re(e, t, { config: { flowchart: n } }) {
-	let r = new Image();
-	r.src = t?.img ?? "", await r.decode();
-	let i = Number(r.naturalWidth.toString().replace("px", "")), a = Number(r.naturalHeight.toString().replace("px", ""));
-	t.imageAspectRatio = i / a;
-	let { labelStyles: o } = _(t);
-	t.labelStyle = o;
-	let s = n?.wrappingWidth;
-	t.defaultWidth = n?.wrappingWidth;
-	let l = Math.max(t.label ? s ?? 0 : 0, t?.assetWidth ?? i), u = t.constraint === "on" && t?.assetHeight ? t.assetHeight * t.imageAspectRatio : l, d = t.constraint === "on" ? u / t.imageAspectRatio : t?.assetHeight ?? a;
-	t.width = Math.max(u, s ?? 0);
-	let { shapeSvg: f, bbox: p, label: m } = await C(e, t, "image-shape default"), h = t.pos === "t", v = -u / 2, y = -d / 2, b = t.label ? 8 : 0, x = S.svg(f), w = g(t, {});
-	t.look !== "handDrawn" && (w.roughness = 0, w.fillStyle = "solid");
+t(ze, "iconSquare");
+async function Be(t, n, { config: { flowchart: r } }) {
+	let i = new Image();
+	i.src = n?.img ?? "", await i.decode();
+	let a = Number(i.naturalWidth.toString().replace("px", "")), o = Number(i.naturalHeight.toString().replace("px", ""));
+	n.imageAspectRatio = a / o;
+	let { labelStyles: s } = _(n);
+	n.labelStyle = s;
+	let c = r?.wrappingWidth;
+	n.defaultWidth = r?.wrappingWidth;
+	let l = Math.max(n.label ? c ?? 0 : 0, n?.assetWidth ?? a), u = n.constraint === "on" && n?.assetHeight ? n.assetHeight * n.imageAspectRatio : l, d = n.constraint === "on" ? u / n.imageAspectRatio : n?.assetHeight ?? o;
+	n.width = Math.max(u, c ?? 0);
+	let { shapeSvg: f, bbox: p, label: m } = await C(t, n, "image-shape default"), h = n.pos === "t", v = -u / 2, y = -d / 2, b = n.label ? 8 : 0, x = S.svg(f), w = g(n, {});
+	n.look !== "handDrawn" && (w.roughness = 0, w.fillStyle = "solid");
 	let E = x.rectangle(v, y, u, d, w), D = Math.max(u, p.width), O = d + p.height + b, k = x.rectangle(-D / 2, -O / 2, D, O, {
 		...w,
 		fill: "none",
 		stroke: "none"
 	}), A = f.insert(() => E, ":first-child"), j = f.insert(() => k);
-	if (t.img) {
+	if (n.img) {
 		let e = f.append("image");
-		e.attr("href", t.img), e.attr("width", u), e.attr("height", d), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-u / 2},${h ? O / 2 - d : -O / 2})`);
+		e.attr("href", n.img), e.attr("width", u), e.attr("height", d), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-u / 2},${h ? O / 2 - d : -O / 2})`);
 	}
-	return m.attr("transform", `translate(${-p.width / 2 - (p.x - (p.left ?? 0))},${h ? -d / 2 - p.height / 2 - b / 2 : d / 2 - p.height / 2 + b / 2})`), A.attr("transform", `translate(0,${h ? p.height / 2 + b / 2 : -p.height / 2 - b / 2})`), T(t, j), t.intersect = function(e) {
-		if (c.info("iconSquare intersect", t, e), !t.label) return W.rect(t, e);
-		let n = t.x ?? 0, r = t.y ?? 0, i = t.height ?? 0, a = [];
-		return a = h ? [
+	return m.attr("transform", `translate(${-p.width / 2 - (p.x - (p.left ?? 0))},${h ? -d / 2 - p.height / 2 - b / 2 : d / 2 - p.height / 2 + b / 2})`), A.attr("transform", `translate(0,${h ? p.height / 2 + b / 2 : -p.height / 2 - b / 2})`), T(n, j), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
+		return o = h ? [
 			{
-				x: n - p.width / 2,
-				y: r - i / 2
+				x: r - p.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + p.width / 2,
-				y: r - i / 2
+				x: r + p.width / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + p.width / 2,
-				y: r - i / 2 + p.height + b
+				x: r + p.width / 2,
+				y: i - a / 2 + p.height + b
 			},
 			{
-				x: n + u / 2,
-				y: r - i / 2 + p.height + b
+				x: r + u / 2,
+				y: i - a / 2 + p.height + b
 			},
 			{
-				x: n + u / 2,
-				y: r + i / 2
+				x: r + u / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - u / 2,
-				y: r + i / 2
+				x: r - u / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - u / 2,
-				y: r - i / 2 + p.height + b
+				x: r - u / 2,
+				y: i - a / 2 + p.height + b
 			},
 			{
-				x: n - p.width / 2,
-				y: r - i / 2 + p.height + b
+				x: r - p.width / 2,
+				y: i - a / 2 + p.height + b
 			}
 		] : [
 			{
-				x: n - u / 2,
-				y: r - i / 2
+				x: r - u / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + u / 2,
-				y: r - i / 2
+				x: r + u / 2,
+				y: i - a / 2
 			},
 			{
-				x: n + u / 2,
-				y: r - i / 2 + d
+				x: r + u / 2,
+				y: i - a / 2 + d
 			},
 			{
-				x: n + p.width / 2,
-				y: r - i / 2 + d
+				x: r + p.width / 2,
+				y: i - a / 2 + d
 			},
 			{
-				x: n + p.width / 2 / 2,
-				y: r + i / 2
+				x: r + p.width / 2 / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - p.width / 2,
-				y: r + i / 2
+				x: r - p.width / 2,
+				y: i + a / 2
 			},
 			{
-				x: n - p.width / 2,
-				y: r - i / 2 + d
+				x: r - p.width / 2,
+				y: i - a / 2 + d
 			},
 			{
-				x: n - u / 2,
-				y: r - i / 2 + d
+				x: r - u / 2,
+				y: i - a / 2 + d
 			}
-		], W.polygon(t, a, e);
+		], W.polygon(n, o, t);
 	}, f;
 }
-l(Re, "imageSquare");
-async function ze(e, t) {
+t(Be, "imageSquare");
+async function Ve(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = Math.max(c.width + (o ?? 0) * 2, t?.width ?? 0), u = Math.max(c.height + (a ?? 0) * 2, t?.height ?? 0), d = [
@@ -1561,30 +1596,15 @@ async function ze(e, t) {
 		return W.polygon(t, d, e);
 	}, s;
 }
-l(ze, "inv_trapezoid");
-async function Be(e, t, n) {
-	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.labelStyle = r;
-	let { shapeSvg: a, bbox: o } = await C(e, t, E(t)), s = Math.max(o.width + n.labelPaddingX * 2, t?.width || 0), c = Math.max(o.height + n.labelPaddingY * 2, t?.height || 0), l = -s / 2, u = -c / 2, d, { rx: p, ry: m } = t, { cssStyles: h } = t;
-	if (n?.rx && n.ry && (p = n.rx, m = n.ry), t.look === "handDrawn") {
-		let e = S.svg(a), n = g(t, {}), r = p || m ? e.path(N(l, u, s, c, p || 0), n) : e.rectangle(l, u, s, c, n);
-		d = a.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", f(h));
-	} else d = a.insert("rect", ":first-child"), d.attr("class", "basic label-container").attr("style", i).attr("rx", f(p)).attr("ry", f(m)).attr("x", l).attr("y", u).attr("width", s).attr("height", c);
-	return T(t, d), t.calcIntersect = function(e, t) {
-		return W.rect(e, t);
-	}, t.intersect = function(e) {
-		return W.rect(t, e);
-	}, a;
-}
-l(Be, "drawRect");
-async function Ve(e, t) {
+t(Ve, "inv_trapezoid");
+async function He(e, t) {
 	let { shapeSvg: n, bbox: r, label: i } = await C(e, t, "label"), a = n.insert("rect", ":first-child");
 	return a.attr("width", .1).attr("height", .1), n.attr("class", "label edgeLabel"), i.attr("transform", `translate(${-(r.width / 2) - (r.x - (r.left ?? 0))}, ${-(r.height / 2) - (r.y - (r.top ?? 0))})`), T(t, a), t.intersect = function(e) {
 		return W.rect(t, e);
 	}, n;
 }
-l(Ve, "labelRect");
-async function He(e, t) {
+t(He, "labelRect");
+async function Ue(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
@@ -1613,8 +1633,8 @@ async function He(e, t) {
 		return W.polygon(t, d, e);
 	}, s;
 }
-l(He, "lean_left");
-async function Ue(e, t) {
+t(Ue, "lean_left");
+async function We(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
@@ -1643,44 +1663,44 @@ async function Ue(e, t) {
 		return W.polygon(t, d, e);
 	}, s;
 }
-l(Ue, "lean_right");
-function We(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.label = "", t.labelStyle = n;
-	let i = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), { cssStyles: a } = t, o = Math.max(35, t?.width ?? 0), s = Math.max(35, t?.height ?? 0), l = [
+t(We, "lean_right");
+function Ge(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.label = "", n.labelStyle = r;
+	let a = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), { cssStyles: o } = n, s = Math.max(35, n?.width ?? 0), c = Math.max(35, n?.height ?? 0), l = [
 		{
-			x: o,
+			x: s,
 			y: 0
 		},
 		{
 			x: 0,
-			y: s + 7 / 2
+			y: c + 7 / 2
 		},
 		{
-			x: o - 14,
-			y: s + 7 / 2
+			x: s - 14,
+			y: c + 7 / 2
 		},
 		{
 			x: 0,
-			y: 2 * s
+			y: 2 * c
 		},
 		{
-			x: o,
-			y: s - 7 / 2
+			x: s,
+			y: c - 7 / 2
 		},
 		{
 			x: 14,
-			y: s - 7 / 2
+			y: c - 7 / 2
 		}
-	], u = S.svg(i), d = g(t, {});
-	t.look !== "handDrawn" && (d.roughness = 0, d.fillStyle = "solid");
-	let f = D(l), p = u.path(f, d), m = i.insert(() => p, ":first-child");
-	return m.attr("class", "outer-path"), a && t.look !== "handDrawn" && m.selectAll("path").attr("style", a), r && t.look !== "handDrawn" && m.selectAll("path").attr("style", r), m.attr("transform", `translate(-${o / 2},${-s})`), T(t, m), t.intersect = function(e) {
-		return c.info("lightningBolt intersect", t, e), W.polygon(t, l, e);
-	}, i;
+	], u = S.svg(a), d = g(n, {});
+	n.look !== "handDrawn" && (d.roughness = 0, d.fillStyle = "solid");
+	let f = D(l), p = u.path(f, d), m = a.insert(() => p, ":first-child");
+	return m.attr("class", "outer-path"), o && n.look !== "handDrawn" && m.selectAll("path").attr("style", o), i && n.look !== "handDrawn" && m.selectAll("path").attr("style", i), m.attr("transform", `translate(-${s / 2},${-c})`), T(n, m), n.intersect = function(t) {
+		return e.info("lightningBolt intersect", n, t), W.polygon(n, l, t);
+	}, a;
 }
-l(We, "lightningBolt");
-var Ge = /* @__PURE__ */ l((e, t, n, r, i, a, o) => [
+t(Ge, "lightningBolt");
+var Ke = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
 	`M${e},${t + a}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`a${i},${a} 0,0,0 ${-n},0`,
@@ -1689,7 +1709,7 @@ var Ge = /* @__PURE__ */ l((e, t, n, r, i, a, o) => [
 	`l0,${-r}`,
 	`M${e},${t + a + o}`,
 	`a${i},${a} 0,0,0 ${n},0`
-].join(" "), "createCylinderPathD"), Ke = /* @__PURE__ */ l((e, t, n, r, i, a, o) => [
+].join(" "), "createCylinderPathD"), qe = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
 	`M${e},${t + a}`,
 	`M${e + n},${t + a}`,
 	`a${i},${a} 0,0,0 ${-n},0`,
@@ -1698,36 +1718,36 @@ var Ge = /* @__PURE__ */ l((e, t, n, r, i, a, o) => [
 	`l0,${-r}`,
 	`M${e},${t + a + o}`,
 	`a${i},${a} 0,0,0 ${n},0`
-].join(" "), "createOuterCylinderPathD"), qe = /* @__PURE__ */ l((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), Je = 10, Ye = 10;
-async function Xe(e, t) {
+].join(" "), "createOuterCylinderPathD"), Je = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), Ye = 10, Xe = 10;
+async function Ze(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 24 : i;
 	if (t.width || t.height) {
 		let e = t.width ?? 0;
-		t.width = (t.width ?? 0) - a, t.width < Ye && (t.width = Ye);
+		t.width = (t.width ?? 0) - a, t.width < Xe && (t.width = Xe);
 		let n = e / 2 / (2.5 + e / 50);
-		t.height = (t.height ?? 0) - o - n * 3, t.height < Je && (t.height = Je);
+		t.height = (t.height ?? 0) - o - n * 3, t.height < Ye && (t.height = Ye);
 	}
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = u / 2, p = d / (2.5 + u / 50), m = (t?.height ? t?.height : c.height) + p + o * 2, h = m * .1, v, { cssStyles: y } = t;
+	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = u / 2, f = d / (2.5 + u / 50), m = (t?.height ? t?.height : c.height) + f + o * 2, h = m * .1, v, { cssStyles: y } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = Ke(0, 0, u, m, d, p, h), r = qe(0, p, u, m, d, p), i = g(t, {}), a = e.path(n, i), o = e.path(r, i);
+		let e = S.svg(s), n = qe(0, 0, u, m, d, f, h), r = Je(0, f, u, m, d, f), i = g(t, {}), a = e.path(n, i), o = e.path(r, i);
 		s.insert(() => o, ":first-child").attr("class", "line"), v = s.insert(() => a, ":first-child"), v.attr("class", "basic label-container"), y && v.attr("style", y);
 	} else {
-		let e = Ge(0, 0, u, m, d, p, h);
-		v = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", f(y)).attr("style", r);
+		let e = Ke(0, 0, u, m, d, f, h);
+		v = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", p(y)).attr("style", r);
 	}
-	return v.attr("label-offset-y", p), v.attr("transform", `translate(${-u / 2}, ${-(m / 2 + p)})`), T(t, v), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + p - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
+	return v.attr("label-offset-y", f), v.attr("transform", `translate(${-u / 2}, ${-(m / 2 + f)})`), T(t, v), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + f - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
 		let n = W.rect(t, e), r = n.x - (t.x ?? 0);
-		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - p)) {
-			let i = p * p * (1 - r * r / (d * d));
-			i > 0 && (i = Math.sqrt(i)), i = p - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
+		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - f)) {
+			let i = f * f * (1 - r * r / (d * d));
+			i > 0 && (i = Math.sqrt(i)), i = f - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
 		}
 		return n;
 	}, s;
 }
-l(Xe, "linedCylinder");
-async function Ze(e, t) {
+t(Ze, "linedCylinder");
+async function Qe(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
@@ -1769,8 +1789,8 @@ async function Ze(e, t) {
 		return W.polygon(t, y, e);
 	}, s;
 }
-l(Ze, "linedWaveEdgedRect");
-async function Qe(e, t) {
+t(Qe, "linedWaveEdgedRect");
+async function $e(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = t.look === "neo" ? 10 : 5;
@@ -1858,8 +1878,8 @@ async function Qe(e, t) {
 		return W.polygon(t, w, e);
 	}, c;
 }
-l(Qe, "multiRect");
-async function $e(e, t) {
+t($e, "multiRect");
+async function et(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = t.padding ?? 0, c = t.look === "neo" ? 16 : s, l = t.look === "neo" ? 12 : s, u = !0;
@@ -1942,8 +1962,8 @@ async function $e(e, t) {
 		return W.polygon(t, w, e);
 	}, i;
 }
-l($e, "multiWaveEdgedRectangle");
-async function et(e, t, { config: { themeVariables: n } }) {
+t(et, "multiWaveEdgedRectangle");
+async function tt(e, t, { config: { themeVariables: n } }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r, t.useHtmlLabels || o(s()) || (t.centerLabel = !0);
 	let { shapeSvg: a, bbox: c, label: l } = await C(e, t, E(t)), u = Math.max(c.width + (t.padding ?? 0) * 2, t?.width ?? 0), d = Math.max(c.height + (t.padding ?? 0) * 2, t?.height ?? 0), f = -u / 2, p = -d / 2, { cssStyles: m } = t, h = S.svg(a), v = g(t, {
@@ -1956,15 +1976,15 @@ async function et(e, t, { config: { themeVariables: n } }) {
 		return W.rect(t, e);
 	}, a;
 }
-l(et, "note");
-var tt = /* @__PURE__ */ l((e, t, n) => [
+t(tt, "note");
+var nt = /* @__PURE__ */ t((e, t, n) => [
 	`M${e + n / 2},${t}`,
 	`L${e + n},${t - n / 2}`,
 	`L${e + n / 2},${t - n}`,
 	`L${e},${t - n / 2}`,
 	"Z"
 ].join(" "), "createDecisionBoxPathD");
-async function nt(e, t) {
+async function rt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let { shapeSvg: i, bbox: a } = await C(e, t, E(t)), o = a.width + (t.padding ?? 0) + (a.height + (t.padding ?? 0)), s = .5, c = [
@@ -1986,7 +2006,7 @@ async function nt(e, t) {
 		}
 	], l, { cssStyles: u } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(i), n = g(t, {}), r = tt(0, 0, o), a = e.path(r, n);
+		let e = S.svg(i), n = g(t, {}), r = nt(0, 0, o), a = e.path(r, n);
 		l = i.insert(() => a, ":first-child").attr("transform", `translate(${-o / 2 + s}, ${o / 2})`), u && l.attr("style", u);
 	} else l = q(i, o, o, c), l.attr("transform", `translate(${-o / 2 + s}, ${o / 2})`);
 	return r && l.attr("style", r), T(t, l), t.calcIntersect = function(e, t) {
@@ -2016,8 +2036,8 @@ async function nt(e, t) {
 		return this.calcIntersect(t, e);
 	}, i;
 }
-l(nt, "question");
-async function rt(e, t) {
+t(rt, "question");
+async function it(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 21 : i ?? 0, o = t.look === "neo" ? 12 : i ?? 0, { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ?? c.width) + (t.look === "neo" ? a * 2 : a), d = (t?.height ?? c.height) + (t.look === "neo" ? o * 2 : o), f = -u / 2, p = -d / 2, m = p / 2, h = [
@@ -2048,38 +2068,38 @@ async function rt(e, t) {
 		return W.polygon(t, h, e);
 	}, s;
 }
-l(rt, "rect_left_inv_arrow");
-async function it(e, t) {
-	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.labelStyle = r;
-	let a;
-	a = t.cssClasses ? "node " + t.cssClasses : "node default";
-	let s = e.insert("g").attr("class", a).attr("id", t.domId || t.id), l = s.insert("g"), d = s.insert("g").attr("class", "label").attr("style", i), f = t.description, p = t.label, m = await M(d, p, t.labelStyle, !0, !0), h = {
+t(it, "rect_left_inv_arrow");
+async function at(t, r) {
+	let { labelStyles: i, nodeStyles: a } = _(r);
+	r.labelStyle = i;
+	let s;
+	s = r.cssClasses ? "node " + r.cssClasses : "node default";
+	let c = t.insert("g").attr("class", s).attr("id", r.domId || r.id), u = c.insert("g"), d = c.insert("g").attr("class", "label").attr("style", a), f = r.description, p = r.label, m = await M(d, p, r.labelStyle, !0, !0), h = {
 		width: 0,
 		height: 0
 	};
-	if (o(n())) {
-		let e = m.children[0], t = u(m);
+	if (o(l())) {
+		let e = m.children[0], t = n(m);
 		h = e.getBoundingClientRect(), t.attr("width", h.width), t.attr("height", h.height);
 	}
-	c.info("Text 2", f);
-	let v = f || [], y = m.getBBox(), b = await M(d, Array.isArray(v) ? v.join("<br/>") : v, t.labelStyle, !0, !0), x = b.children[0], C = u(b);
+	e.info("Text 2", f);
+	let v = f || [], y = m.getBBox(), b = await M(d, Array.isArray(v) ? v.join("<br/>") : v, r.labelStyle, !0, !0), x = b.children[0], C = n(b);
 	h = x.getBoundingClientRect(), C.attr("width", h.width), C.attr("height", h.height);
-	let w = (t.padding || 0) / 2;
-	u(b).attr("transform", "translate( " + (h.width > y.width ? 0 : (y.width - h.width) / 2) + ", " + (y.height + w + 5) + ")"), u(m).attr("transform", "translate( " + (h.width < y.width ? 0 : -(y.width - h.width) / 2) + ", 0)"), h = d.node().getBBox(), d.attr("transform", "translate(" + -h.width / 2 + ", " + (-h.height / 2 - w + 3) + ")");
-	let E = h.width + (t.padding || 0), D = h.height + (t.padding || 0), O = -h.width / 2 - w, k = -h.height / 2 - w, A, j;
-	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = e.path(N(O, k, E, D, t.rx || 0), n), i = e.line(-h.width / 2 - w, -h.height / 2 - w + y.height + w, h.width / 2 + w, -h.height / 2 - w + y.height + w, n);
-		j = s.insert(() => (c.debug("Rough node insert CXC", r), i), ":first-child"), A = s.insert(() => (c.debug("Rough node insert CXC", r), r), ":first-child");
-	} else A = l.insert("rect", ":first-child"), j = l.insert("line"), A.attr("class", "outer title-state").attr("style", i).attr("x", -h.width / 2 - w).attr("y", -h.height / 2 - w).attr("width", h.width + (t.padding || 0)).attr("height", h.height + (t.padding || 0)), j.attr("class", "divider").attr("x1", -h.width / 2 - w).attr("x2", h.width / 2 + w).attr("y1", -h.height / 2 - w + y.height + w).attr("y2", -h.height / 2 - w + y.height + w);
-	return T(t, A), t.intersect = function(e) {
-		return W.rect(t, e);
-	}, s;
+	let w = (r.padding || 0) / 2;
+	n(b).attr("transform", "translate( " + (h.width > y.width ? 0 : (y.width - h.width) / 2) + ", " + (y.height + w + 5) + ")"), n(m).attr("transform", "translate( " + (h.width < y.width ? 0 : -(y.width - h.width) / 2) + ", 0)"), h = d.node().getBBox(), d.attr("transform", "translate(" + -h.width / 2 + ", " + (-h.height / 2 - w + 3) + ")");
+	let E = h.width + (r.padding || 0), D = h.height + (r.padding || 0), O = -h.width / 2 - w, k = -h.height / 2 - w, A, j;
+	if (r.look === "handDrawn") {
+		let t = S.svg(c), n = g(r, {}), i = t.path(N(O, k, E, D, r.rx || 0), n), a = t.line(-h.width / 2 - w, -h.height / 2 - w + y.height + w, h.width / 2 + w, -h.height / 2 - w + y.height + w, n);
+		j = c.insert(() => (e.debug("Rough node insert CXC", i), a), ":first-child"), A = c.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child");
+	} else A = u.insert("rect", ":first-child"), j = u.insert("line"), A.attr("class", "outer title-state").attr("style", a).attr("x", -h.width / 2 - w).attr("y", -h.height / 2 - w).attr("width", h.width + (r.padding || 0)).attr("height", h.height + (r.padding || 0)), j.attr("class", "divider").attr("x1", -h.width / 2 - w).attr("x2", h.width / 2 + w).attr("y1", -h.height / 2 - w + y.height + w).attr("y2", -h.height / 2 - w + y.height + w);
+	return T(r, A), r.intersect = function(e) {
+		return W.rect(r, e);
+	}, c;
 }
-l(it, "rectWithTitle");
-async function at(e, t, { config: { themeVariables: n } }) {
+t(at, "rectWithTitle");
+async function ot(e, t, { config: { themeVariables: n } }) {
 	let r = n?.radius ?? 5;
-	return Be(e, t, {
+	return Ce(e, t, {
 		rx: r,
 		ry: r,
 		classes: "",
@@ -2087,12 +2107,12 @@ async function at(e, t, { config: { themeVariables: n } }) {
 		labelPaddingY: (t?.padding ?? 0) * 1
 	});
 }
-l(at, "roundedRect");
+t(ot, "roundedRect");
 var Z = 8;
-async function ot(e, t) {
+async function st(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t?.width ?? s.width) + i * 2 + (t.look === "neo" ? Z : Z * 2), u = (t?.height ?? s.height) + a * 2, d = l - Z, p = u, m = Z - l / 2, h = -u / 2, { cssStyles: v } = t, y = S.svg(o), b = g(t, {});
+	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t?.width ?? s.width) + i * 2 + (t.look === "neo" ? Z : Z * 2), u = (t?.height ?? s.height) + a * 2, d = l - Z, f = u, m = Z - l / 2, h = -u / 2, { cssStyles: v } = t, y = S.svg(o), b = g(t, {});
 	t.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
 	let x = [
 		{
@@ -2105,11 +2125,11 @@ async function ot(e, t) {
 		},
 		{
 			x: m + d,
-			y: h + p
+			y: h + f
 		},
 		{
 			x: m - Z,
-			y: h + p
+			y: h + f
 		},
 		{
 			x: m - Z,
@@ -2121,15 +2141,15 @@ async function ot(e, t) {
 		},
 		{
 			x: m,
-			y: h + p
+			y: h + f
 		}
 	], w = y.polygon(x.map((e) => [e.x, e.y]), b), D = o.insert(() => w, ":first-child");
-	return D.attr("class", "basic label-container outer-path").attr("style", f(v)), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), v && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), c.attr("transform", `translate(${Z / 2 - s.width / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, D), t.intersect = function(e) {
+	return D.attr("class", "basic label-container outer-path").attr("style", p(v)), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), v && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), c.attr("transform", `translate(${Z / 2 - s.width / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, D), t.intersect = function(e) {
 		return W.rect(t, e);
 	}, o;
 }
-l(ot, "shadedProcess");
-async function st(e, t) {
+t(st, "shadedProcess");
+async function ct(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
@@ -2158,10 +2178,10 @@ async function st(e, t) {
 		return W.polygon(t, x, e);
 	}, s;
 }
-l(st, "slopedRect");
-async function ct(e, t) {
+t(ct, "slopedRect");
+async function lt(e, t) {
 	let n = t.padding ?? 0, r = t.look === "neo" ? 16 : n * 2, i = t.look === "neo" ? 12 : n;
-	return Be(e, t, {
+	return Ce(e, t, {
 		rx: 0,
 		ry: 0,
 		classes: "",
@@ -2169,8 +2189,8 @@ async function ct(e, t) {
 		labelPaddingY: i
 	});
 }
-l(ct, "squareRect");
-async function lt(e, t) {
+t(lt, "squareRect");
+async function ut(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 20 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = c.height + (t.look === "neo" ? o * 2 : o), u = c.width + l / 4 + (t.look === "neo" ? a * 2 : a), d = l / 2, { cssStyles: f } = t, p = S.svg(s), m = g(t, {});
@@ -2195,16 +2215,16 @@ async function lt(e, t) {
 		return W.polygon(t, h, e);
 	}, s;
 }
-l(lt, "stadium");
-async function ut(e, t) {
-	return Be(e, t, {
+t(ut, "stadium");
+async function dt(e, t) {
+	return Ce(e, t, {
 		rx: t.look === "neo" ? 3 : 5,
 		ry: t.look === "neo" ? 3 : 5,
 		classes: "flowchart-node"
 	});
 }
-l(ut, "state");
-function dt(e, t, { config: { themeVariables: n } }) {
+t(dt, "state");
+function ft(e, t, { config: { themeVariables: n } }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r;
 	let { cssStyles: a } = t, { lineColor: o, stateBorder: s, nodeBorder: c, nodeShadow: l } = n;
@@ -2230,8 +2250,8 @@ function dt(e, t, { config: { themeVariables: n } }) {
 		return W.circle(t, (t.width ?? 0) / 2, e);
 	}, u;
 }
-l(dt, "stateEnd");
-function ft(e, t, { config: { themeVariables: n } }) {
+t(ft, "stateEnd");
+function pt(e, t, { config: { themeVariables: n } }) {
 	let { lineColor: r, nodeShadow: i } = n;
 	(t.width || t.height) && ((t.width ?? 0) < 14 && (t.width = 14), (t.height ?? 0) < 14 && (t.height = 14)), t.width ||= 14, t.height ||= 14;
 	let a = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id), o;
@@ -2247,12 +2267,12 @@ function ft(e, t, { config: { themeVariables: n } }) {
 		return W.circle(t, (t.width ?? 7) / 2, e);
 	}, a;
 }
-l(ft, "stateStart");
-var pt = 8;
-async function mt(e, t) {
+t(pt, "stateStart");
+var mt = 8;
+async function ht(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t?.padding ?? 8, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ?? c.width) + 2 * pt + a, u = (t?.height ?? c.height) + o, d = l - 2 * pt, p = u, m = -l / 2, h = -u / 2, v = [
+	let i = t?.padding ?? 8, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ?? c.width) + 2 * mt + a, u = (t?.height ?? c.height) + o, d = l - 2 * mt, f = u, m = -l / 2, h = -u / 2, v = [
 		{
 			x: 0,
 			y: 0
@@ -2263,11 +2283,11 @@ async function mt(e, t) {
 		},
 		{
 			x: d,
-			y: -p
+			y: -f
 		},
 		{
 			x: 0,
-			y: -p
+			y: -f
 		},
 		{
 			x: 0,
@@ -2283,11 +2303,11 @@ async function mt(e, t) {
 		},
 		{
 			x: d + 8,
-			y: -p
+			y: -f
 		},
 		{
 			x: -8,
-			y: -p
+			y: -f
 		},
 		{
 			x: -8,
@@ -2295,26 +2315,26 @@ async function mt(e, t) {
 		}
 	];
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = e.rectangle(m, h, d + 16, p, n), i = e.line(m + pt, h, m + pt, h + p, n), a = e.line(m + pt + d, h, m + pt + d, h + p, n);
+		let e = S.svg(s), n = g(t, {}), r = e.rectangle(m, h, d + 16, f, n), i = e.line(m + mt, h, m + mt, h + f, n), a = e.line(m + mt + d, h, m + mt + d, h + f, n);
 		s.insert(() => i, ":first-child"), s.insert(() => a, ":first-child");
 		let o = s.insert(() => r, ":first-child"), { cssStyles: c } = t;
-		o.attr("class", "basic label-container").attr("style", f(c)), T(t, o);
+		o.attr("class", "basic label-container").attr("style", p(c)), T(t, o);
 	} else {
-		let e = q(s, d, p, v);
+		let e = q(s, d, f, v);
 		r && e.attr("style", r), T(t, e);
 	}
 	return t.intersect = function(e) {
 		return W.polygon(t, v, e);
 	}, s;
 }
-l(mt, "subroutine");
-var ht = .2;
-async function gt(e, t) {
+t(ht, "subroutine");
+var gt = .2;
+async function _t(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
-	(t.width || t.height) && (t.height = Math.max((t?.height ?? 0) - o * 2, 10), t.width = Math.max((t?.width ?? 0) - a * 2 - ht * (t.height + o * 2), 10));
-	let { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ? t?.height : c.height) + o * 2, u = ht * l, d = ht * l, f = (t?.width ? t?.width : c.width) + a * 2 + u - u, p = l, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = S.svg(s), b = g(t, {}), x = [
+	(t.width || t.height) && (t.height = Math.max((t?.height ?? 0) - o * 2, 10), t.width = Math.max((t?.width ?? 0) - a * 2 - gt * (t.height + o * 2), 10));
+	let { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ? t?.height : c.height) + o * 2, u = gt * l, d = gt * l, f = (t?.width ? t?.width : c.width) + a * 2 + u - u, p = l, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = S.svg(s), b = g(t, {}), x = [
 		{
 			x: m - u / 2,
 			y: h
@@ -2354,8 +2374,8 @@ async function gt(e, t) {
 		return W.polygon(t, x, e);
 	}, s;
 }
-l(gt, "taggedRect");
-async function _t(e, t) {
+t(_t, "taggedRect");
+async function vt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = Math.max(a.width + (t.padding ?? 0) * 2, t?.width ?? 0), c = Math.max(a.height + (t.padding ?? 0) * 2, t?.height ?? 0), l = c / 8, u = .2 * s, d = .2 * c, f = c + l, { cssStyles: p } = t, m = S.svg(i), h = g(t, {});
@@ -2396,8 +2416,8 @@ async function _t(e, t) {
 		return W.polygon(t, v, e);
 	}, i;
 }
-l(_t, "taggedWaveEdgedRectangle");
-async function vt(e, t) {
+t(vt, "taggedWaveEdgedRectangle");
+async function yt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let { shapeSvg: i, bbox: a } = await C(e, t, E(t)), o = Math.max(a.width + (t.padding ?? 0), t?.width || 0), s = Math.max(a.height + (t.padding ?? 0), t?.height || 0), c = -o / 2, l = -s / 2, u = i.insert("rect", ":first-child");
@@ -2405,40 +2425,40 @@ async function vt(e, t) {
 		return W.rect(t, e);
 	}, i;
 }
-l(vt, "text");
-var yt = /* @__PURE__ */ l((e, t, n, r, i, a) => `M${e},${t}
+t(yt, "text");
+var bt = /* @__PURE__ */ t((e, t, n, r, i, a) => `M${e},${t}
     a${i},${a} 0,0,1 0,${-r}
     l${n},0
     a${i},${a} 0,0,1 0,${r}
     M${n},${-r}
     a${i},${a} 0,0,0 0,${r}
-    l${-n},0`, "createCylinderPathD"), bt = /* @__PURE__ */ l((e, t, n, r, i, a) => [
+    l${-n},0`, "createCylinderPathD"), xt = /* @__PURE__ */ t((e, t, n, r, i, a) => [
 	`M${e},${t}`,
 	`M${e + n},${t}`,
 	`a${i},${a} 0,0,0 0,${-r}`,
 	`l${-n},0`,
 	`a${i},${a} 0,0,0 0,${r}`,
 	`l${n},0`
-].join(" "), "createOuterCylinderPathD"), xt = /* @__PURE__ */ l((e, t, n, r, i, a) => [`M${e + n / 2},${-r / 2}`, `a${i},${a} 0,0,0 0,${r}`].join(" "), "createInnerCylinderPathD"), St = 5, Ct = 10;
-async function wt(e, t) {
+].join(" "), "createOuterCylinderPathD"), St = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e + n / 2},${-r / 2}`, `a${i},${a} 0,0,0 0,${r}`].join(" "), "createInnerCylinderPathD"), Ct = 5, wt = 10;
+async function Tt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 12 : i / 2;
 	if (t.width || t.height) {
 		let e = t.height ?? 0;
-		t.height = (t.height ?? 0) - a, t.height < St && (t.height = St);
+		t.height = (t.height ?? 0) - a, t.height < Ct && (t.height = Ct);
 		let n = e / 2 / (2.5 + e / 50);
-		t.width = (t.width ?? 0) - a - n * 3, t.width < Ct && (t.width = Ct);
+		t.width = (t.width ?? 0) - a - n * 3, t.width < wt && (t.width = wt);
 	}
-	let { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t.height ? t.height : s.height) + a, u = l / 2, d = u / (2.5 + l / 50), p = (t.width ? t.width : s.width) + d + a, { cssStyles: m } = t, h;
+	let { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t.height ? t.height : s.height) + a, u = l / 2, d = u / (2.5 + l / 50), f = (t.width ? t.width : s.width) + d + a, { cssStyles: m } = t, h;
 	if (t.look === "handDrawn") {
-		let e = S.svg(o), n = bt(0, 0, p, l, d, u), r = xt(0, 0, p, l, d, u), i = e.path(n, g(t, {})), a = e.path(r, g(t, { fill: "none" }));
+		let e = S.svg(o), n = xt(0, 0, f, l, d, u), r = St(0, 0, f, l, d, u), i = e.path(n, g(t, {})), a = e.path(r, g(t, { fill: "none" }));
 		h = o.insert(() => a, ":first-child"), h = o.insert(() => i, ":first-child"), h.attr("class", "basic label-container"), m && h.attr("style", m);
 	} else {
-		let e = yt(0, 0, p, l, d, u);
-		h = o.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container").attr("style", f(m)).attr("style", r), h.attr("class", "basic label-container outer-path"), m && h.selectAll("path").attr("style", m), r && h.selectAll("path").attr("style", r);
+		let e = bt(0, 0, f, l, d, u);
+		h = o.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container").attr("style", p(m)).attr("style", r), h.attr("class", "basic label-container outer-path"), m && h.selectAll("path").attr("style", m), r && h.selectAll("path").attr("style", r);
 	}
-	return h.attr("label-offset-x", d), h.attr("transform", `translate(${-p / 2}, ${l / 2} )`), c.attr("transform", `translate(${-(s.width / 2) - d - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, h), t.intersect = function(e) {
+	return h.attr("label-offset-x", d), h.attr("transform", `translate(${-f / 2}, ${l / 2} )`), c.attr("transform", `translate(${-(s.width / 2) - d - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, h), t.intersect = function(e) {
 		let n = W.rect(t, e), r = n.y - (t.y ?? 0);
 		if (u != 0 && (Math.abs(r) < (t.height ?? 0) / 2 || Math.abs(r) == (t.height ?? 0) / 2 && Math.abs(n.x - (t.x ?? 0)) > (t.width ?? 0) / 2 - d)) {
 			let i = d * d * (1 - r * r / (u * u));
@@ -2447,8 +2467,8 @@ async function wt(e, t) {
 		return n;
 	}, o;
 }
-l(wt, "tiltedCylinder");
-async function Tt(e, t) {
+t(Tt, "tiltedCylinder");
+async function Et(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = (t.look, i), o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
@@ -2477,8 +2497,8 @@ async function Tt(e, t) {
 		return W.polygon(t, d, e);
 	}, s;
 }
-l(Tt, "trapezoid");
-async function Et(e, t) {
+t(Et, "trapezoid");
+async function Dt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
@@ -2515,14 +2535,14 @@ async function Et(e, t) {
 		return W.polygon(t, m, e);
 	}, s;
 }
-l(Et, "trapezoidalPentagon");
-var Dt = 10, Ot = 10;
-async function kt(e, t) {
-	let { labelStyles: i, nodeStyles: a } = _(t);
-	t.labelStyle = i;
-	let o = t.padding ?? 0, s = t.look === "neo" ? o * 2 : o;
-	(t.width || t.height) && (t.width = ((t?.width ?? 0) - s) / 2, t.width < Ot && (t.width = Ot), t.height = t?.height ?? 0, t.height < Dt && (t.height = Dt));
-	let { shapeSvg: l, bbox: u, label: d } = await C(e, t, E(t)), f = r(n().flowchart?.htmlLabels), p = (t?.width ? t?.width : u.width) + s, m = t?.height ? t?.height : p + u.height, h = m, v = [
+t(Dt, "trapezoidalPentagon");
+var Ot = 10, kt = 10;
+async function At(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let a = n.padding ?? 0, o = n.look === "neo" ? a * 2 : a;
+	(n.width || n.height) && (n.width = ((n?.width ?? 0) - o) / 2, n.width < kt && (n.width = kt), n.height = n?.height ?? 0, n.height < Ot && (n.height = Ot));
+	let { shapeSvg: s, bbox: u, label: d } = await C(t, n, E(n)), f = c(l().flowchart?.htmlLabels), p = (n?.width ? n?.width : u.width) + o, m = n?.height ? n?.height : p + u.height, h = m, v = [
 		{
 			x: 0,
 			y: 0
@@ -2535,15 +2555,15 @@ async function kt(e, t) {
 			x: h / 2,
 			y: -m
 		}
-	], { cssStyles: y } = t, b = S.svg(l), x = g(t, {});
-	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
-	let w = D(v), O = b.path(w, x), k = l.insert(() => O, ":first-child").attr("transform", `translate(${-m / 2}, ${m / 2})`).attr("class", "outer-path");
-	return y && t.look !== "handDrawn" && k.selectChildren("path").attr("style", y), a && t.look !== "handDrawn" && k.selectChildren("path").attr("style", a), t.width = p, t.height = m, T(t, k), d.attr("transform", `translate(${-u.width / 2 - (u.x - (u.left ?? 0))}, ${m / 2 - (u.height + (t.padding ?? 0) / (f ? 2 : 1) - (u.y - (u.top ?? 0)))})`), t.intersect = function(e) {
-		return c.info("Triangle intersect", t, v, e), W.polygon(t, v, e);
-	}, l;
+	], { cssStyles: y } = n, b = S.svg(s), x = g(n, {});
+	n.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
+	let w = D(v), O = b.path(w, x), k = s.insert(() => O, ":first-child").attr("transform", `translate(${-m / 2}, ${m / 2})`).attr("class", "outer-path");
+	return y && n.look !== "handDrawn" && k.selectChildren("path").attr("style", y), i && n.look !== "handDrawn" && k.selectChildren("path").attr("style", i), n.width = p, n.height = m, T(n, k), d.attr("transform", `translate(${-u.width / 2 - (u.x - (u.left ?? 0))}, ${m / 2 - (u.height + (n.padding ?? 0) / (f ? 2 : 1) - (u.y - (u.top ?? 0)))})`), n.intersect = function(t) {
+		return e.info("Triangle intersect", n, v, t), W.polygon(n, v, t);
+	}, s;
 }
-l(kt, "triangle");
-async function At(e, t) {
+t(At, "triangle");
+async function jt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = !0;
@@ -2569,8 +2589,8 @@ async function At(e, t) {
 		return W.polygon(t, w, e);
 	}, c;
 }
-l(At, "waveEdgedRectangle");
-async function jt(e, t) {
+t(jt, "waveEdgedRectangle");
+async function Mt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 20 : i;
@@ -2597,9 +2617,9 @@ async function jt(e, t) {
 		return W.polygon(t, v, e);
 	}, s;
 }
-l(jt, "waveRectangle");
+t(Mt, "waveRectangle");
 var Q = 10;
-async function Mt(e, t) {
+async function Nt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0;
@@ -2630,20 +2650,20 @@ async function Mt(e, t) {
 		return W.polygon(t, b, e);
 	}, o;
 }
-l(Mt, "windowPane");
-var Nt = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]), Pt = /* @__PURE__ */ new Set([
+t(Nt, "windowPane");
+var Pt = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]), Ft = /* @__PURE__ */ new Set([
 	"redux",
 	"redux-dark",
 	"redux-color",
 	"redux-dark-color"
 ]);
-async function Ft(e, t) {
-	let n = t;
-	n.alias && (t.label = n.alias);
-	let { theme: i, themeVariables: a } = s(), { rowEven: o, rowOdd: c, nodeBorder: l, borderColorArray: d } = a;
+async function It(e, t) {
+	let r = t;
+	r.alias && (t.label = r.alias);
+	let { theme: i, themeVariables: a } = s(), { rowEven: o, rowOdd: l, nodeBorder: u, borderColorArray: d } = a;
 	if (t.look === "handDrawn") {
 		let { themeVariables: n } = s(), { background: r } = n;
-		await Ft(e, {
+		await It(e, {
 			...t,
 			id: t.id + "-background",
 			domId: (t.domId || t.id) + "-background",
@@ -2651,43 +2671,43 @@ async function Ft(e, t) {
 			cssStyles: ["stroke: none", `fill: ${r}`]
 		});
 	}
-	let f = s();
-	t.useHtmlLabels = f.htmlLabels;
-	let m = f.er?.diagramPadding ?? 10, h = f.er?.entityPadding ?? 6, { cssStyles: v } = t, { labelStyles: y, nodeStyles: b } = _(t);
-	if (n.attributes.length === 0 && t.label) {
-		let a = {
+	let p = s();
+	t.useHtmlLabels = p.htmlLabels;
+	let m = p.er?.diagramPadding ?? 10, h = p.er?.entityPadding ?? 6, { cssStyles: v } = t, { labelStyles: y, nodeStyles: b } = _(t);
+	if (r.attributes.length === 0 && t.label) {
+		let n = {
 			rx: 0,
 			ry: 0,
 			labelPaddingX: m,
 			labelPaddingY: m * 1.5,
 			classes: ""
 		};
-		p(t.label, f) + a.labelPaddingX * 2 < f.er.minEntityWidth && (t.width = f.er.minEntityWidth);
-		let o = await Be(e, t, a);
-		if (i != null && Nt.has(i)) {
-			let e = n.colorIndex ?? 0;
-			o.attr("data-color-id", `color-${e % d.length}`);
+		f(t.label, p) + n.labelPaddingX * 2 < p.er.minEntityWidth && (t.width = p.er.minEntityWidth);
+		let a = await Ce(e, t, n);
+		if (i != null && Pt.has(i)) {
+			let e = r.colorIndex ?? 0;
+			a.attr("data-color-id", `color-${e % d.length}`);
 		}
-		if (!r(f.htmlLabels)) {
-			let e = o.select("text"), t = e.node()?.getBBox();
+		if (!c(p.htmlLabels)) {
+			let e = a.select("text"), t = e.node()?.getBBox();
 			e.attr("transform", `translate(${-t.width / 2}, 0)`);
 		}
-		return o;
+		return a;
 	}
-	f.htmlLabels || (m *= 1.25, h *= 1.25);
+	p.htmlLabels || (m *= 1.25, h *= 1.25);
 	let x = E(t);
 	x ||= "node default";
-	let C = e.insert("g").attr("class", x).attr("id", t.domId || t.id), w = await It(C, t.label ?? "", f, 0, 0, ["name"], y);
+	let C = e.insert("g").attr("class", x).attr("id", t.domId || t.id), w = await Lt(C, t.label ?? "", p, 0, 0, ["name"], y);
 	w.height += h;
 	let D = 0, O = [], k = [], A = 0, j = 0, M = 0, N = 0, P = !0, F = !0;
-	for (let e of n.attributes) {
-		let t = await It(C, e.type, f, 0, D, ["attribute-type"], y);
+	for (let e of r.attributes) {
+		let t = await Lt(C, e.type, p, 0, D, ["attribute-type"], y);
 		A = Math.max(A, t.width + m);
-		let n = await It(C, e.name, f, 0, D, ["attribute-name"], y);
+		let n = await Lt(C, e.name, p, 0, D, ["attribute-name"], y);
 		j = Math.max(j, n.width + m);
-		let r = await It(C, e.keys.join(), f, 0, D, ["attribute-keys"], y);
+		let r = await Lt(C, e.keys.join(), p, 0, D, ["attribute-keys"], y);
 		M = Math.max(M, r.width + m);
-		let i = await It(C, e.comment, f, 0, D, ["attribute-comment"], y);
+		let i = await Lt(C, e.comment, p, 0, D, ["attribute-comment"], y);
 		N = Math.max(N, i.width + m);
 		let a = Math.max(t.height, n.height, r.height, i.height) + h;
 		k.push({
@@ -2707,15 +2727,15 @@ async function Ft(e, t) {
 	let ne = 0;
 	k.length > 0 && (ne = k.reduce((e, t) => e + (t?.rowHeight ?? 0), 0));
 	let z = Math.max(ee.width + m * 2, t?.width || 0, te), B = Math.max((ne ?? 0) + w.height, t?.height || 0), V = -z / 2, H = -B / 2;
-	if (C.selectAll("g:not(:first-child)").each((e, t, n) => {
-		let r = u(n[t]), i = r.attr("transform"), a = 0, o = 0;
-		if (i) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(i);
-			e && (a = parseFloat(e[1]), o = parseFloat(e[2]), r.attr("class").includes("attribute-name") ? a += A : r.attr("class").includes("attribute-keys") ? a += A + j : r.attr("class").includes("attribute-comment") && (a += A + j + M));
+	if (C.selectAll("g:not(:first-child)").each((e, t, r) => {
+		let i = n(r[t]), a = i.attr("transform"), o = 0, s = 0;
+		if (a) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(a);
+			e && (o = parseFloat(e[1]), s = parseFloat(e[2]), i.attr("class").includes("attribute-name") ? o += A : i.attr("class").includes("attribute-keys") ? o += A + j : i.attr("class").includes("attribute-comment") && (o += A + j + M));
 		}
-		r.attr("transform", `translate(${V + m / 2 + a}, ${o + H + w.height + h / 2})`);
-	}), C.select(".name").attr("transform", "translate(" + -w.width / 2 + ", " + (H + h / 2) + ")"), i != null && Nt.has(i)) {
-		let e = n.colorIndex ?? 0;
+		i.attr("transform", `translate(${V + m / 2 + o}, ${s + H + w.height + h / 2})`);
+	}), C.select(".name").attr("transform", "translate(" + -w.width / 2 + ", " + (H + h / 2) + ")"), i != null && Pt.has(i)) {
+		let e = r.colorIndex ?? 0;
 		C.attr("data-color-id", `color-${e % d.length}`);
 	}
 	let re = L.rectangle(V, H, z, B, R), ie = C.insert(() => re, ":first-child").attr("class", "outer-path").attr("style", v.join(""));
@@ -2723,25 +2743,25 @@ async function Ft(e, t) {
 	for (let [e, t] of k.entries()) {
 		let n = (e + 1) % 2 == 0 && t.yOffset !== 0, r = L.rectangle(V, w.height + H + t?.yOffset, z, t?.rowHeight, {
 			...R,
-			fill: n ? o : c,
-			stroke: l
+			fill: n ? o : l,
+			stroke: u
 		});
 		C.insert(() => r, "g.label").attr("style", v.join("")).attr("class", `row-rect-${n ? "even" : "odd"}`);
 	}
-	let U = 1e-4, G = Lt(V, w.height + H, z + V, w.height + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R);
-	if (C.insert(() => K).attr("class", "divider"), G = Lt(A + V, w.height + H, A + V, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider"), P) {
+	let U = 1e-4, G = Rt(V, w.height + H, z + V, w.height + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R);
+	if (C.insert(() => K).attr("class", "divider"), G = Rt(A + V, w.height + H, A + V, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider"), P) {
 		let e = A + j + V;
-		G = Lt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+		G = Rt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
 	}
 	if (F) {
 		let e = A + j + M + V;
-		G = Lt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+		G = Rt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
 	}
 	for (let e of O) {
 		let t = w.height + H + e;
-		G = Lt(V, t, z + V, t, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+		G = Rt(V, t, z + V, t, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
 	}
-	if (T(t, ie), b && t.look !== "handDrawn") if (i != null && Pt.has(i)) C.selectAll("path").attr("style", b);
+	if (T(t, ie), b && t.look !== "handDrawn") if (i != null && Ft.has(i)) C.selectAll("path").attr("style", b);
 	else {
 		let e = b.split(";")?.filter((e) => e.includes("stroke"))?.map((e) => `${e}`).join("; ");
 		C.selectAll("path").attr("style", e ?? ""), C.selectAll(".row-rect-even path").attr("style", b);
@@ -2750,30 +2770,30 @@ async function Ft(e, t) {
 		return W.rect(t, e);
 	}, C;
 }
-l(Ft, "erBox");
-async function It(e, t, n, a = 0, o = 0, s = [], c = "") {
-	let l = e.insert("g").attr("class", `label ${s.join(" ")}`).attr("transform", `translate(${a}, ${o})`).attr("style", c);
-	t !== i(t) && (t = i(t), t = t.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
-	let d = l.node().appendChild(await b(l, t, {
-		width: p(t, n) + 100,
-		style: c,
-		useHtmlLabels: n.htmlLabels
-	}, n));
+t(It, "erBox");
+async function Lt(e, t, r, i = 0, o = 0, s = [], l = "") {
+	let u = e.insert("g").attr("class", `label ${s.join(" ")}`).attr("transform", `translate(${i}, ${o})`).attr("style", l);
+	t !== a(t) && (t = a(t), t = t.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
+	let d = u.node().appendChild(await b(u, t, {
+		width: f(t, r) + 100,
+		style: l,
+		useHtmlLabels: r.htmlLabels
+	}, r));
 	if (t.includes("&lt;") || t.includes("&gt;")) {
 		let e = d.children[0];
 		for (e.textContent = e.textContent.replaceAll("&lt;", "<").replaceAll("&gt;", ">"); e.childNodes[0];) e = e.childNodes[0], e.textContent = e.textContent.replaceAll("&lt;", "<").replaceAll("&gt;", ">");
 	}
-	let f = d.getBBox();
-	if (r(n.htmlLabels)) {
+	let p = d.getBBox();
+	if (c(r.htmlLabels)) {
 		let e = d.children[0];
 		e.style.textAlign = "start";
-		let t = u(d);
-		f = e.getBoundingClientRect(), t.attr("width", f.width), t.attr("height", f.height);
+		let t = n(d);
+		p = e.getBoundingClientRect(), t.attr("width", p.width), t.attr("height", p.height);
 	}
-	return f;
+	return p;
 }
-l(It, "addText");
-function Lt(e, t, n, r, i) {
+t(Lt, "addText");
+function Rt(e, t, n, r, i) {
 	return e === n ? [
 		{
 			x: e - i / 2,
@@ -2810,25 +2830,25 @@ function Lt(e, t, n, r, i) {
 		}
 	];
 }
-l(Lt, "lineToPolygon");
-async function Rt(e, t, n, r, i = n.class.padding ?? 12) {
+t(Rt, "lineToPolygon");
+async function zt(e, t, n, r, i = n.class.padding ?? 12) {
 	let a = r ? 0 : 3, o = e.insert("g").attr("class", E(t)).attr("id", t.domId || t.id), s = null, c = null, l = null, u = null, d = 0, f = 0, p = 0;
 	if (s = o.insert("g").attr("class", "annotation-group text"), t.annotations.length > 0) {
 		let e = t.annotations[0];
-		await zt(s, { text: `\xAB${e}\xBB` }, 0), d = s.node().getBBox().height;
+		await Bt(s, { text: `\xAB${e}\xBB` }, 0), d = s.node().getBBox().height;
 	}
-	c = o.insert("g").attr("class", "label-group text"), await zt(c, t, 0, ["font-weight: bolder"]);
+	c = o.insert("g").attr("class", "label-group text"), await Bt(c, t, 0, ["font-weight: bolder"]);
 	let m = c.node().getBBox();
 	f = m.height, l = o.insert("g").attr("class", "members-group text");
 	let h = 0;
 	for (let e of t.members) {
-		let t = await zt(l, e, h, [e.parseClassifier()]);
+		let t = await Bt(l, e, h, [e.parseClassifier()]);
 		h += t + a;
 	}
 	p = l.node().getBBox().height, p <= 0 && (p = i / 2), u = o.insert("g").attr("class", "methods-group text");
 	let g = 0;
 	for (let e of t.methods) {
-		let t = await zt(u, e, g, [e.parseClassifier()]);
+		let t = await Bt(u, e, g, [e.parseClassifier()]);
 		g += t + a;
 	}
 	let _ = o.node().getBBox();
@@ -2841,84 +2861,84 @@ async function Rt(e, t, n, r, i = n.class.padding ?? 12) {
 		bbox: _
 	};
 }
-l(Rt, "textHelper");
-async function zt(e, n, i, o = []) {
-	let c = e.insert("g").attr("class", "label").attr("style", o.join("; ")), f = s(), m = "useHtmlLabels" in n ? n.useHtmlLabels : r(f.htmlLabels) ?? !0, h = "";
-	h = "text" in n ? n.text : n.label, !m && h.startsWith("\\") && (h = h.substring(1)), a(h) && (m = !0);
-	let g = await b(c, t(d(h)), {
-		width: p(h, f) + 50,
+t(zt, "textHelper");
+async function Bt(e, a, o, l = []) {
+	let u = e.insert("g").attr("class", "label").attr("style", l.join("; ")), p = s(), m = "useHtmlLabels" in a ? a.useHtmlLabels : c(p.htmlLabels) ?? !0, h = "";
+	h = "text" in a ? a.text : a.label, !m && h.startsWith("\\") && (h = h.substring(1)), r(h) && (m = !0);
+	let g = await b(u, i(d(h)), {
+		width: f(h, p) + 50,
 		classes: "markdown-node-label",
 		useHtmlLabels: m
-	}, f), _, v = 1;
+	}, p), _, v = 1;
 	if (m) {
-		let e = g.children[0], t = u(g);
+		let e = g.children[0], r = n(g);
 		v = e.innerHTML.split("<br>").length, e.innerHTML.includes("</math>") && (v += e.innerHTML.split("<mrow>").length - 1);
-		let n = e.getElementsByTagName("img");
-		if (n) {
+		let i = e.getElementsByTagName("img");
+		if (i) {
 			let e = h.replace(/<img[^>]*>/g, "").trim() === "";
-			await Promise.all([...n].map((t) => new Promise((n) => {
-				function r() {
-					if (t.style.display = "flex", t.style.flexDirection = "column", e) {
-						let e = f.fontSize?.toString() ?? window.getComputedStyle(document.body).fontSize, n = parseInt(e, 10) * 5 + "px";
-						t.style.minWidth = n, t.style.maxWidth = n;
-					} else t.style.width = "100%";
-					n(t);
+			await Promise.all([...i].map((n) => new Promise((r) => {
+				function i() {
+					if (n.style.display = "flex", n.style.flexDirection = "column", e) {
+						let e = p.fontSize?.toString() ?? window.getComputedStyle(document.body).fontSize, t = parseInt(e, 10) * 5 + "px";
+						n.style.minWidth = t, n.style.maxWidth = t;
+					} else n.style.width = "100%";
+					r(n);
 				}
-				l(r, "setupImage"), setTimeout(() => {
-					t.complete && r();
-				}), t.addEventListener("error", r), t.addEventListener("load", r);
+				t(i, "setupImage"), setTimeout(() => {
+					n.complete && i();
+				}), n.addEventListener("error", i), n.addEventListener("load", i);
 			})));
 		}
-		_ = e.getBoundingClientRect(), t.attr("width", _.width), t.attr("height", _.height);
+		_ = e.getBoundingClientRect(), r.attr("width", _.width), r.attr("height", _.height);
 	} else {
-		o.includes("font-weight: bolder") && u(g).selectAll("tspan").attr("font-weight", ""), v = g.children.length;
+		l.includes("font-weight: bolder") && n(g).selectAll("tspan").attr("font-weight", ""), v = g.children.length;
 		let e = g.children[0];
 		(g.textContent === "" || g.textContent.includes("&gt")) && (e.textContent = h[0] + h.substring(1).replaceAll("&gt;", ">").replaceAll("&lt;", "<").trim(), h[1] === " " && (e.textContent = e.textContent[0] + " " + e.textContent.substring(1))), e.textContent === "undefined" && (e.textContent = ""), _ = g.getBBox();
 	}
-	return c.attr("transform", "translate(0," + (-_.height / (2 * v) + i) + ")"), _.height;
+	return u.attr("transform", "translate(0," + (-_.height / (2 * v) + o) + ")"), _.height;
 }
-l(zt, "addText");
-async function Bt(e, t) {
-	let i = n(), { themeVariables: a } = i, { useGradient: o } = a, s = i.class.padding ?? 12, c = s, l = t.useHtmlLabels ?? r(i.htmlLabels) ?? !0, d = t;
+t(Bt, "addText");
+async function Vt(e, t) {
+	let r = l(), { themeVariables: i } = r, { useGradient: a } = i, o = r.class.padding ?? 12, s = o, u = t.useHtmlLabels ?? c(r.htmlLabels) ?? !0, d = t;
 	d.annotations = d.annotations ?? [], d.members = d.members ?? [], d.methods = d.methods ?? [];
-	let { shapeSvg: f, bbox: p } = await Rt(e, t, i, l, c), { labelStyles: m, nodeStyles: h } = _(t);
+	let { shapeSvg: f, bbox: p } = await zt(e, t, r, u, s), { labelStyles: m, nodeStyles: h } = _(t);
 	t.labelStyle = m, t.cssStyles = d.styles || "";
 	let v = d.styles?.join(";") || h || "";
 	t.cssStyles ||= v.replaceAll("!important", "").split(";");
-	let y = d.members.length === 0 && d.methods.length === 0 && !i.class?.hideEmptyMembersBox, b = S.svg(f), x = g(t, {});
+	let y = d.members.length === 0 && d.methods.length === 0 && !r.class?.hideEmptyMembersBox, b = S.svg(f), x = g(t, {});
 	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
 	let C = Math.max(t.width ?? 0, p.width), w = Math.max(t.height ?? 0, p.height), E = (t.height ?? 0) > p.height;
-	d.members.length === 0 && d.methods.length === 0 ? w += c : d.members.length > 0 && d.methods.length === 0 && (w += c * 2);
-	let D = -C / 2, O = -w / 2, k = y ? s * 2 : d.members.length === 0 && d.methods.length === 0 ? -s : 0;
-	E && (k = s * 2);
-	let A = b.rectangle(D - s, O - s - (y ? s : d.members.length === 0 && d.methods.length === 0 ? -s / 2 : 0), C + 2 * s, w + 2 * s + k, x), j = f.insert(() => A, ":first-child");
+	d.members.length === 0 && d.methods.length === 0 ? w += s : d.members.length > 0 && d.methods.length === 0 && (w += s * 2);
+	let D = -C / 2, O = -w / 2, k = y ? o * 2 : d.members.length === 0 && d.methods.length === 0 ? -o : 0;
+	E && (k = o * 2);
+	let A = b.rectangle(D - o, O - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0), C + 2 * o, w + 2 * o + k, x), j = f.insert(() => A, ":first-child");
 	j.attr("class", "basic label-container outer-path");
-	let M = j.node().getBBox(), N = f.select(".annotation-group").node().getBBox().height - (y ? s / 2 : 0) || 0, P = f.select(".label-group").node().getBBox().height - (y ? s / 2 : 0) || 0, F = f.select(".members-group").node().getBBox().height - (y ? s / 2 : 0) || 0, I = (N + P + O + s - (O - s - (y ? s : d.members.length === 0 && d.methods.length === 0 ? -s / 2 : 0))) / 2;
-	if (f.selectAll(".text").each((e, t, n) => {
-		let r = u(n[t]), a = r.attr("transform"), o = 0;
-		if (a) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(a);
-			e && (o = parseFloat(e[2]));
+	let M = j.node().getBBox(), N = f.select(".annotation-group").node().getBBox().height - (y ? o / 2 : 0) || 0, P = f.select(".label-group").node().getBBox().height - (y ? o / 2 : 0) || 0, F = f.select(".members-group").node().getBBox().height - (y ? o / 2 : 0) || 0, I = (N + P + O + o - (O - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0))) / 2;
+	if (f.selectAll(".text").each((e, t, i) => {
+		let a = n(i[t]), c = a.attr("transform"), l = 0;
+		if (c) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(c);
+			e && (l = parseFloat(e[2]));
 		}
-		let p = o + O + s - (y ? s : d.members.length === 0 && d.methods.length === 0 ? -s / 2 : 0);
-		if (r.attr("class").includes("methods-group")) {
-			let e = Math.max(F, c / 2);
-			p = E ? Math.max(I, N + P + e + O + c * 2 + s) + c * 2 : N + P + e + O + c * 4 + s;
+		let p = l + O + o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0);
+		if (a.attr("class").includes("methods-group")) {
+			let e = Math.max(F, s / 2);
+			p = E ? Math.max(I, N + P + e + O + s * 2 + o) + s * 2 : N + P + e + O + s * 4 + o;
 		}
-		d.members.length === 0 && d.methods.length === 0 && i.class?.hideEmptyMembersBox && (p = d.annotations.length > 0 ? o - c : o), l || (p -= 4);
+		d.members.length === 0 && d.methods.length === 0 && r.class?.hideEmptyMembersBox && (p = d.annotations.length > 0 ? l - s : l), u || (p -= 4);
 		let m = D;
-		(r.attr("class").includes("label-group") || r.attr("class").includes("annotation-group")) && (m = -r.node()?.getBBox().width / 2 || 0, f.selectAll("text").each(function(e, t, n) {
+		(a.attr("class").includes("label-group") || a.attr("class").includes("annotation-group")) && (m = -a.node()?.getBBox().width / 2 || 0, f.selectAll("text").each(function(e, t, n) {
 			window.getComputedStyle(n[t]).textAnchor === "middle" && (m = 0);
-		})), r.attr("transform", `translate(${m}, ${p})`);
+		})), a.attr("transform", `translate(${m}, ${p})`);
 	}), d.members.length > 0 || d.methods.length > 0 || y) {
-		let e = N + P + O + s, n = b.line(M.x, e, M.x + M.width, e + .001, x);
-		f.insert(() => n).attr("class", `divider${t.look === "neo" && !o ? " neo-line" : ""}`).attr("style", v);
+		let e = N + P + O + o, n = b.line(M.x, e, M.x + M.width, e + .001, x);
+		f.insert(() => n).attr("class", `divider${t.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
 	}
 	if (y || d.members.length > 0 || d.methods.length > 0) {
-		let e = N + P + F + O + c * 2 + s, n = b.line(M.x, E ? Math.max(I, e) : e, M.x + M.width, (E ? Math.max(I, e) : e) + .001, x);
-		f.insert(() => n).attr("class", `divider${t.look === "neo" && !o ? " neo-line" : ""}`).attr("style", v);
+		let e = N + P + F + O + s * 2 + o, n = b.line(M.x, E ? Math.max(I, e) : e, M.x + M.width, (E ? Math.max(I, e) : e) + .001, x);
+		f.insert(() => n).attr("class", `divider${t.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
 	}
-	if (d.look !== "handDrawn" && f.selectAll("path").attr("style", v), j.select(":nth-child(2)").attr("style", v), f.selectAll(".divider").select("path").attr("style", v), t.labelStyle ? f.selectAll("span").attr("style", t.labelStyle) : f.selectAll("span").attr("style", v), !l) {
+	if (d.look !== "handDrawn" && f.selectAll("path").attr("style", v), j.select(":nth-child(2)").attr("style", v), f.selectAll(".divider").select("path").attr("style", v), t.labelStyle ? f.selectAll("span").attr("style", t.labelStyle) : f.selectAll("span").attr("style", v), !u) {
 		let e = RegExp(/color\s*:\s*([^;]*)/), t = e.exec(v);
 		if (t) {
 			let e = t[0].replace("color", "fill");
@@ -2935,11 +2955,11 @@ async function Bt(e, t) {
 		return W.rect(t, e);
 	}, f;
 }
-l(Bt, "classBox");
-async function Vt(e, t) {
+t(Vt, "classBox");
+async function Ht(e, t) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r;
-	let a = t, o = t, s = "verifyMethod" in t, c = E(t), { themeVariables: l } = n(), { borderColorArray: d, requirementEdgeLabelBackground: f } = l, p = e.insert("g").attr("class", c).attr("id", t.domId ?? t.id), m;
+	let a = t, o = t, s = "verifyMethod" in t, c = E(t), { themeVariables: u } = l(), { borderColorArray: d, requirementEdgeLabelBackground: f } = u, p = e.insert("g").attr("class", c).attr("id", t.domId ?? t.id), m;
 	m = s ? await $(p, `&lt;&lt;${a.type}&gt;&gt;`, 0, t.labelStyle) : await $(p, "&lt;&lt;Element&gt;&gt;", 0, t.labelStyle);
 	let h = m, v = await $(p, a.name, h, t.labelStyle + "; font-weight: bold;");
 	if (h += v + 20, s) {
@@ -2960,14 +2980,14 @@ async function Vt(e, t) {
 		let e = t.colorIndex ?? 0;
 		p.attr("data-color-id", `color-${e % d.length}`);
 	}
-	if (p.selectAll(".label").each((e, t, n) => {
-		let r = u(n[t]), i = r.attr("transform"), a = 0, o = 0;
-		if (i) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(i);
-			e && (a = parseFloat(e[1]), o = parseFloat(e[2]));
+	if (p.selectAll(".label").each((e, t, r) => {
+		let i = n(r[t]), a = i.attr("transform"), o = 0, s = 0;
+		if (a) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(a);
+			e && (o = parseFloat(e[1]), s = parseFloat(e[2]));
 		}
-		let s = o - b / 2, c = x + 20 / 2;
-		(t === 0 || t === 1) && (c = a), r.attr("transform", `translate(${c}, ${s + 20})`);
+		let c = s - b / 2, l = x + 20 / 2;
+		(t === 0 || t === 1) && (l = o), i.attr("transform", `translate(${l}, ${c + 20})`);
 	}), h > m + v + 20) {
 		let e = C + m + v + 20, n;
 		if (t.look === "neo") {
@@ -2985,27 +3005,27 @@ async function Vt(e, t) {
 		return W.rect(t, e);
 	}, i && t.look !== "handDrawn" && (f || d?.length) && p.selectAll("path").attr("style", i), p;
 }
-l(Vt, "requirementBox");
-async function $(e, r, i, a = "") {
-	if (r === "") return 0;
-	let o = e.insert("g").attr("class", "label").attr("style", a), s = n(), c = s.htmlLabels ?? !0, l = await b(o, t(d(r)), {
-		width: p(r, s) + 50,
+t(Ht, "requirementBox");
+async function $(e, t, r, a = "") {
+	if (t === "") return 0;
+	let o = e.insert("g").attr("class", "label").attr("style", a), s = l(), c = s.htmlLabels ?? !0, u = await b(o, i(d(t)), {
+		width: f(t, s) + 50,
 		classes: "markdown-node-label",
 		useHtmlLabels: c,
 		style: a
-	}, s), f;
+	}, s), p;
 	if (c) {
-		let e = l.children[0], t = u(l);
-		f = e.getBoundingClientRect(), t.attr("width", f.width), t.attr("height", f.height);
+		let e = u.children[0], t = n(u);
+		p = e.getBoundingClientRect(), t.attr("width", p.width), t.attr("height", p.height);
 	} else {
-		let e = l.children[0];
+		let e = u.children[0];
 		for (let t of e.children) a && t.setAttribute("style", a);
-		f = l.getBBox(), f.height += 6;
+		p = u.getBBox(), p.height += 6;
 	}
-	return o.attr("transform", `translate(${-f.width / 2},${-f.height / 2 + i})`), f.height;
+	return o.attr("transform", `translate(${-p.width / 2},${-p.height / 2 + r})`), p.height;
 }
-l($, "addText");
-var Ht = /* @__PURE__ */ l((e) => {
+t($, "addText");
+var Ut = /* @__PURE__ */ t((e) => {
 	switch (e) {
 		case "Very High": return "red";
 		case "High": return "orange";
@@ -3014,7 +3034,7 @@ var Ht = /* @__PURE__ */ l((e) => {
 		case "Very Low": return "lightblue";
 	}
 }, "colorFromPriority");
-async function Ut(e, t, { config: n }) {
+async function Wt(e, t, { config: n }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r || "";
 	let a = t.width;
@@ -3043,19 +3063,19 @@ async function Ut(e, t, { config: n }) {
 		let e = "priority" in t && t.priority;
 		if (e) {
 			let t = o.append("line"), n = D + 2, r = O + Math.floor((A ?? 0) / 2), i = O + x - Math.floor((A ?? 0) / 2);
-			t.attr("x1", n).attr("y1", r).attr("x2", n).attr("y2", i).attr("stroke-width", "4").attr("stroke", Ht(e));
+			t.attr("x1", n).attr("y1", r).attr("x2", n).attr("y2", i).attr("stroke-width", "4").attr("stroke", Ut(e));
 		}
 	}
 	return T(t, k), t.height = x, t.intersect = function(e) {
 		return W.rect(t, e);
 	}, o;
 }
-l(Ut, "kanbanItem");
-async function Wt(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, halfPadding: o, label: s } = await C(e, t, E(t)), l = a.width + 10 * o, u = a.height + 8 * o, d = .15 * l, { cssStyles: p } = t, m = a.width + 20, h = a.height + 20, v = Math.max(l, m), y = Math.max(u, h);
-	s.attr("transform", `translate(${-a.width / 2}, ${-a.height / 2})`);
+t(Wt, "kanbanItem");
+async function Gt(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await C(t, n, E(n)), l = o.width + 10 * s, u = o.height + 8 * s, d = .15 * l, { cssStyles: f } = n, m = o.width + 20, h = o.height + 20, v = Math.max(l, m), y = Math.max(u, h);
+	c.attr("transform", `translate(${-o.width / 2}, ${-o.height / 2})`);
 	let b, x = `M0 0 
     a${d},${d} 1 0,0 ${v * .25},${-1 * y * .1}
     a${d},${d} 1 0,0 ${v * .25},0
@@ -3075,47 +3095,47 @@ async function Wt(e, t) {
     a${d * .8},${d * .8} 1 0,0 0,${-1 * y * .34}
     a${d},${d} 1 0,0 ${v * .1},${-1 * y * .33}
   H0 V0 Z`;
-	if (t.look === "handDrawn") {
-		let e = S.svg(i), n = g(t, {}), r = e.path(x, n);
-		b = i.insert(() => r, ":first-child"), b.attr("class", "basic label-container").attr("style", f(p));
-	} else b = i.insert("path", ":first-child").attr("class", "basic label-container").attr("style", r).attr("d", x);
-	return b.attr("transform", `translate(${-v / 2}, ${-y / 2})`), T(t, b), t.calcIntersect = function(e, t) {
+	if (n.look === "handDrawn") {
+		let e = S.svg(a), t = g(n, {}), r = e.path(x, t);
+		b = a.insert(() => r, ":first-child"), b.attr("class", "basic label-container").attr("style", p(f));
+	} else b = a.insert("path", ":first-child").attr("class", "basic label-container").attr("style", i).attr("d", x);
+	return b.attr("transform", `translate(${-v / 2}, ${-y / 2})`), T(n, b), n.calcIntersect = function(e, t) {
 		return W.rect(e, t);
-	}, t.intersect = function(e) {
-		return c.info("Bang intersect", t, e), W.rect(t, e);
-	}, i;
+	}, n.intersect = function(t) {
+		return e.info("Bang intersect", n, t), W.rect(n, t);
+	}, a;
 }
-l(Wt, "bang");
-async function Gt(e, t) {
-	let { labelStyles: n, nodeStyles: r } = _(t);
-	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, halfPadding: o, label: s } = await C(e, t, E(t)), l = a.width + 2 * o, u = a.height + 2 * o, d = .15 * l, p = .25 * l, m = .35 * l, h = .2 * l, { cssStyles: v } = t, y, b = `M0 0 
+t(Gt, "bang");
+async function Kt(t, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await C(t, n, E(n)), l = o.width + 2 * s, u = o.height + 2 * s, d = .15 * l, f = .25 * l, m = .35 * l, h = .2 * l, { cssStyles: v } = n, y, b = `M0 0 
     a${d},${d} 0 0,1 ${l * .25},${-1 * l * .1}
     a${m},${m} 1 0,1 ${l * .4},${-1 * l * .1}
-    a${p},${p} 1 0,1 ${l * .35},${l * .2}
+    a${f},${f} 1 0,1 ${l * .35},${l * .2}
 
     a${d},${d} 1 0,1 ${l * .15},${u * .35}
     a${h},${h} 1 0,1 ${-1 * l * .15},${u * .65}
 
-    a${p},${d} 1 0,1 ${-1 * l * .25},${l * .15}
+    a${f},${d} 1 0,1 ${-1 * l * .25},${l * .15}
     a${m},${m} 1 0,1 ${-1 * l * .5},0
     a${d},${d} 1 0,1 ${-1 * l * .25},${-1 * l * .15}
 
     a${d},${d} 1 0,1 ${-1 * l * .1},${-1 * u * .35}
     a${h},${h} 1 0,1 ${l * .1},${-1 * u * .65}
   H0 V0 Z`;
-	if (t.look === "handDrawn") {
-		let e = S.svg(i), n = g(t, {}), r = e.path(b, n);
-		y = i.insert(() => r, ":first-child"), y.attr("class", "basic label-container").attr("style", f(v));
-	} else y = i.insert("path", ":first-child").attr("class", "basic label-container").attr("style", r).attr("d", b);
-	return s.attr("transform", `translate(${-a.width / 2}, ${-a.height / 2})`), y.attr("transform", `translate(${-l / 2}, ${-u / 2})`), T(t, y), t.calcIntersect = function(e, t) {
+	if (n.look === "handDrawn") {
+		let e = S.svg(a), t = g(n, {}), r = e.path(b, t);
+		y = a.insert(() => r, ":first-child"), y.attr("class", "basic label-container").attr("style", p(v));
+	} else y = a.insert("path", ":first-child").attr("class", "basic label-container").attr("style", i).attr("d", b);
+	return c.attr("transform", `translate(${-o.width / 2}, ${-o.height / 2})`), y.attr("transform", `translate(${-l / 2}, ${-u / 2})`), T(n, y), n.calcIntersect = function(e, t) {
 		return W.rect(e, t);
-	}, t.intersect = function(e) {
-		return c.info("Cloud intersect", t, e), W.rect(t, e);
-	}, i;
+	}, n.intersect = function(t) {
+		return e.info("Cloud intersect", n, t), W.rect(n, t);
+	}, a;
 }
-l(Gt, "cloud");
-async function Kt(e, t) {
+t(Kt, "cloud");
+async function qt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let { shapeSvg: i, bbox: a, halfPadding: o, label: s } = await C(e, t, E(t)), c = a.width + 8 * o, l = a.height + 2 * o, u = t.look === "neo" ? `
@@ -3147,12 +3167,12 @@ async function Kt(e, t) {
 		return W.rect(t, e);
 	}, i;
 }
-l(Kt, "defaultMindmapNode");
-async function qt(e, t) {
+t(qt, "defaultMindmapNode");
+async function Jt(e, t) {
 	return ue(e, t, { padding: t.padding ?? 0 });
 }
-l(qt, "mindmapCircle");
-var Jt = [
+t(Jt, "mindmapCircle");
+var Yt = [
 	{
 		semanticName: "Process",
 		name: "Rectangle",
@@ -3164,7 +3184,7 @@ var Jt = [
 			"rectangle"
 		],
 		internalAliases: ["squareRect"],
-		handler: ct
+		handler: lt
 	},
 	{
 		semanticName: "Event",
@@ -3173,7 +3193,7 @@ var Jt = [
 		description: "Represents an event",
 		aliases: ["event"],
 		internalAliases: ["roundedRect"],
-		handler: at
+		handler: ot
 	},
 	{
 		semanticName: "Terminal Point",
@@ -3181,7 +3201,7 @@ var Jt = [
 		shortName: "stadium",
 		description: "Terminal point",
 		aliases: ["terminal", "pill"],
-		handler: lt
+		handler: ut
 	},
 	{
 		semanticName: "Subprocess",
@@ -3194,7 +3214,7 @@ var Jt = [
 			"framed-rectangle",
 			"subroutine"
 		],
-		handler: mt
+		handler: ht
 	},
 	{
 		semanticName: "Database",
@@ -3208,6 +3228,14 @@ var Jt = [
 		],
 		handler: Se
 	},
+	{
+		semanticName: "Data Store",
+		name: "Data Store",
+		shortName: "datastore",
+		description: "Data flow diagram data store",
+		aliases: ["data-store"],
+		handler: we
+	},
 	{
 		semanticName: "Start",
 		name: "Circle",
@@ -3222,7 +3250,7 @@ var Jt = [
 		shortName: "bang",
 		description: "Bang",
 		aliases: ["bang"],
-		handler: Wt
+		handler: Gt
 	},
 	{
 		semanticName: "Cloud",
@@ -3230,7 +3258,7 @@ var Jt = [
 		shortName: "cloud",
 		description: "cloud",
 		aliases: ["cloud"],
-		handler: Gt
+		handler: Kt
 	},
 	{
 		semanticName: "Decision",
@@ -3242,7 +3270,7 @@ var Jt = [
 			"diamond",
 			"question"
 		],
-		handler: nt
+		handler: rt
 	},
 	{
 		semanticName: "Prepare Conditional",
@@ -3250,7 +3278,7 @@ var Jt = [
 		shortName: "hex",
 		description: "Preparation or condition step",
 		aliases: ["hexagon", "prepare"],
-		handler: Me
+		handler: Pe
 	},
 	{
 		semanticName: "Data Input/Output",
@@ -3259,7 +3287,7 @@ var Jt = [
 		description: "Represents input or output",
 		aliases: ["lean-right", "in-out"],
 		internalAliases: ["lean_right"],
-		handler: Ue
+		handler: We
 	},
 	{
 		semanticName: "Data Input/Output",
@@ -3268,7 +3296,7 @@ var Jt = [
 		description: "Represents output or input",
 		aliases: ["lean-left", "out-in"],
 		internalAliases: ["lean_left"],
-		handler: He
+		handler: Ue
 	},
 	{
 		semanticName: "Priority Action",
@@ -3280,7 +3308,7 @@ var Jt = [
 			"trapezoid-bottom",
 			"trapezoid"
 		],
-		handler: Tt
+		handler: Et
 	},
 	{
 		semanticName: "Manual Operation",
@@ -3293,7 +3321,7 @@ var Jt = [
 			"inv-trapezoid"
 		],
 		internalAliases: ["inv_trapezoid"],
-		handler: ze
+		handler: Ve
 	},
 	{
 		semanticName: "Stop",
@@ -3302,14 +3330,14 @@ var Jt = [
 		description: "Represents a stop point",
 		aliases: ["double-circle"],
 		internalAliases: ["doublecircle"],
-		handler: we
+		handler: Ee
 	},
 	{
 		semanticName: "Text Block",
 		name: "Text Block",
 		shortName: "text",
 		description: "Text block",
-		handler: vt
+		handler: yt
 	},
 	{
 		semanticName: "Card",
@@ -3330,7 +3358,7 @@ var Jt = [
 			"lin-proc",
 			"shaded-process"
 		],
-		handler: ot
+		handler: st
 	},
 	{
 		semanticName: "Start",
@@ -3339,7 +3367,7 @@ var Jt = [
 		description: "Small starting point",
 		aliases: ["start", "small-circle"],
 		internalAliases: ["stateStart"],
-		handler: ft
+		handler: pt
 	},
 	{
 		semanticName: "Stop",
@@ -3348,7 +3376,7 @@ var Jt = [
 		description: "Stop point",
 		aliases: ["stop", "framed-circle"],
 		internalAliases: ["stateEnd"],
-		handler: dt
+		handler: ft
 	},
 	{
 		semanticName: "Fork/Join",
@@ -3357,7 +3385,7 @@ var Jt = [
 		description: "Fork or join in process flow",
 		aliases: ["join"],
 		internalAliases: ["forkJoin"],
-		handler: ke
+		handler: je
 	},
 	{
 		semanticName: "Collate",
@@ -3365,7 +3393,7 @@ var Jt = [
 		shortName: "hourglass",
 		description: "Represents a collate operation",
 		aliases: ["hourglass", "collate"],
-		handler: Ne
+		handler: Fe
 	},
 	{
 		semanticName: "Comment",
@@ -3395,7 +3423,7 @@ var Jt = [
 		shortName: "bolt",
 		description: "Communication link",
 		aliases: ["com-link", "lightning-bolt"],
-		handler: We
+		handler: Ge
 	},
 	{
 		semanticName: "Document",
@@ -3403,7 +3431,7 @@ var Jt = [
 		shortName: "doc",
 		description: "Represents a document",
 		aliases: ["doc", "document"],
-		handler: At
+		handler: jt
 	},
 	{
 		semanticName: "Delay",
@@ -3411,7 +3439,7 @@ var Jt = [
 		shortName: "delay",
 		description: "Represents a delay",
 		aliases: ["half-rounded-rectangle"],
-		handler: Ae
+		handler: Me
 	},
 	{
 		semanticName: "Direct Access Storage",
@@ -3419,7 +3447,7 @@ var Jt = [
 		shortName: "h-cyl",
 		description: "Direct access storage",
 		aliases: ["das", "horizontal-cylinder"],
-		handler: wt
+		handler: Tt
 	},
 	{
 		semanticName: "Disk Storage",
@@ -3427,7 +3455,7 @@ var Jt = [
 		shortName: "lin-cyl",
 		description: "Disk storage",
 		aliases: ["disk", "lined-cylinder"],
-		handler: Xe
+		handler: Ze
 	},
 	{
 		semanticName: "Display",
@@ -3447,7 +3475,7 @@ var Jt = [
 			"divided-rectangle",
 			"divided-process"
 		],
-		handler: Ce
+		handler: Te
 	},
 	{
 		semanticName: "Extract",
@@ -3455,7 +3483,7 @@ var Jt = [
 		shortName: "tri",
 		description: "Extraction process",
 		aliases: ["extract", "triangle"],
-		handler: kt
+		handler: At
 	},
 	{
 		semanticName: "Internal Storage",
@@ -3463,7 +3491,7 @@ var Jt = [
 		shortName: "win-pane",
 		description: "Internal storage",
 		aliases: ["internal-storage", "window-pane"],
-		handler: Mt
+		handler: Nt
 	},
 	{
 		semanticName: "Junction",
@@ -3471,7 +3499,7 @@ var Jt = [
 		shortName: "f-circ",
 		description: "Junction point",
 		aliases: ["junction", "filled-circle"],
-		handler: Te
+		handler: De
 	},
 	{
 		semanticName: "Loop Limit",
@@ -3479,7 +3507,7 @@ var Jt = [
 		shortName: "notch-pent",
 		description: "Loop limit step",
 		aliases: ["loop-limit", "notched-pentagon"],
-		handler: Et
+		handler: Dt
 	},
 	{
 		semanticName: "Manual File",
@@ -3487,7 +3515,7 @@ var Jt = [
 		shortName: "flip-tri",
 		description: "Manual file operation",
 		aliases: ["manual-file", "flipped-triangle"],
-		handler: Oe
+		handler: Ae
 	},
 	{
 		semanticName: "Manual Input",
@@ -3495,7 +3523,7 @@ var Jt = [
 		shortName: "sl-rect",
 		description: "Manual input step",
 		aliases: ["manual-input", "sloped-rectangle"],
-		handler: st
+		handler: ct
 	},
 	{
 		semanticName: "Multi-Document",
@@ -3507,7 +3535,7 @@ var Jt = [
 			"st-doc",
 			"stacked-document"
 		],
-		handler: $e
+		handler: et
 	},
 	{
 		semanticName: "Multi-Process",
@@ -3519,7 +3547,7 @@ var Jt = [
 			"processes",
 			"stacked-rectangle"
 		],
-		handler: Qe
+		handler: $e
 	},
 	{
 		semanticName: "Stored Data",
@@ -3543,7 +3571,7 @@ var Jt = [
 		shortName: "tag-doc",
 		description: "Tagged document",
 		aliases: ["tag-doc", "tagged-document"],
-		handler: _t
+		handler: vt
 	},
 	{
 		semanticName: "Tagged Process",
@@ -3555,7 +3583,7 @@ var Jt = [
 			"tag-proc",
 			"tagged-process"
 		],
-		handler: gt
+		handler: _t
 	},
 	{
 		semanticName: "Paper Tape",
@@ -3563,7 +3591,7 @@ var Jt = [
 		shortName: "flag",
 		description: "Paper tape",
 		aliases: ["paper-tape"],
-		handler: jt
+		handler: Mt
 	},
 	{
 		semanticName: "Odd",
@@ -3571,7 +3599,7 @@ var Jt = [
 		shortName: "odd",
 		description: "Odd shape",
 		internalAliases: ["rect_left_inv_arrow"],
-		handler: rt
+		handler: it
 	},
 	{
 		semanticName: "Lined Document",
@@ -3579,60 +3607,60 @@ var Jt = [
 		shortName: "lin-doc",
 		description: "Lined document",
 		aliases: ["lined-document"],
-		handler: Ze
+		handler: Qe
 	}
-], Yt = (/* @__PURE__ */ l(() => {
+], Xt = (/* @__PURE__ */ t(() => {
 	let e = [...Object.entries({
-		state: ut,
+		state: dt,
 		choice: le,
-		note: et,
-		rectWithTitle: it,
-		labelRect: Ve,
-		iconSquare: Le,
-		iconCircle: Fe,
-		icon: Pe,
-		iconRounded: Ie,
-		imageSquare: Re,
+		note: tt,
+		rectWithTitle: at,
+		labelRect: He,
+		iconSquare: ze,
+		iconCircle: Le,
+		icon: Ie,
+		iconRounded: Re,
+		imageSquare: Be,
 		anchor: G,
-		kanbanItem: Ut,
-		mindmapCircle: qt,
-		defaultMindmapNode: Kt,
-		classBox: Bt,
-		erBox: Ft,
-		requirementBox: Vt
-	}), ...Jt.flatMap((e) => [
+		kanbanItem: Wt,
+		mindmapCircle: Jt,
+		defaultMindmapNode: qt,
+		classBox: Vt,
+		erBox: It,
+		requirementBox: Ht
+	}), ...Yt.flatMap((e) => [
 		e.shortName,
 		..."aliases" in e ? e.aliases : [],
 		..."internalAliases" in e ? e.internalAliases : []
 	].map((t) => [t, e.handler]))];
 	return Object.fromEntries(e);
 }, "generateShapeMap"))();
-function Xt(e) {
-	return e in Yt;
+function Zt(e) {
+	return e in Xt;
 }
-l(Xt, "isValidShape");
-var Zt = /* @__PURE__ */ new Map();
-async function Qt(e, t, n) {
+t(Zt, "isValidShape");
+var Qt = /* @__PURE__ */ new Map();
+async function $t(e, t, n) {
 	let r, i;
 	t.shape === "rect" && (t.rx && t.ry ? t.shape = "roundedRect" : t.shape = "squareRect");
-	let a = t.shape ? Yt[t.shape] : void 0;
+	let a = t.shape ? Xt[t.shape] : void 0;
 	if (!a) throw Error(`No such shape: ${t.shape}. Please check your syntax.`);
 	if (t.link) {
 		let o;
 		n.config.securityLevel === "sandbox" ? o = "_top" : t.linkTarget && (o = t.linkTarget || "_blank"), r = e.insert("svg:a").attr("xlink:href", t.link).attr("target", o ?? null), i = await a(r, t, n);
 	} else i = await a(e, t, n), r = i;
-	return r.attr("data-look", f(t.look)), t.tooltip && i.attr("title", t.tooltip), Zt.set(t.id, r), t.haveCallback && r.attr("class", r.attr("class") + " clickable"), r;
-}
-l(Qt, "insertNode");
-var $t = /* @__PURE__ */ l((e, t) => {
-	Zt.set(t.id, e);
-}, "setNodeElem"), en = /* @__PURE__ */ l(() => {
-	Zt.clear();
-}, "clear"), tn = /* @__PURE__ */ l((e) => {
-	let t = Zt.get(e.id);
-	c.trace("Transforming node", e.diff, e, "translate(" + (e.x - e.width / 2 - 5) + ", " + e.width / 2 + ")");
-	let n = e.diff || 0;
-	return e.clusterNode ? t.attr("transform", "translate(" + (e.x + n - e.width / 2) + ", " + (e.y - e.height / 2 - 8) + ")") : t.attr("transform", "translate(" + e.x + ", " + e.y + ")"), n;
+	return r.attr("data-look", p(t.look)), t.tooltip && i.attr("title", t.tooltip), Qt.set(t.id, r), t.haveCallback && r.attr("class", r.attr("class") + " clickable"), r;
+}
+t($t, "insertNode");
+var en = /* @__PURE__ */ t((e, t) => {
+	Qt.set(t.id, e);
+}, "setNodeElem"), tn = /* @__PURE__ */ t(() => {
+	Qt.clear();
+}, "clear"), nn = /* @__PURE__ */ t((t) => {
+	let n = Qt.get(t.id);
+	e.trace("Transforming node", t.diff, t, "translate(" + (t.x - t.width / 2 - 5) + ", " + t.width / 2 + ")");
+	let r = t.diff || 0;
+	return t.clusterNode ? n.attr("transform", "translate(" + (t.x + r - t.width / 2) + ", " + (t.y - t.height / 2 - 8) + ")") : n.attr("transform", "translate(" + t.x + ", " + t.y + ")"), r;
 }, "positionNode");
 //#endregion
-export { Qt as a, tn as c, ee as i, $t as l, en as n, Xt as o, M as r, C as s, te as t, T as u };
+export { $t as a, nn as c, ee as i, en as l, tn as n, Zt as o, M as r, C as s, te as t, T as u };