@loopstack/loopstack-studio 0.29.5 → 0.31.0

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/chunk-3OPIFGDE.js

@@ -1,51 +1,51 @@
+import select_default from "../../../../d3-selection/src/select.js";
 import { __name, log } from "./chunk-AGHRB4JF.js";
 import { evaluate, getConfig, getConfig2, getEffectiveHtmlLabels, hasKatex, parseGenericTypes, sanitizeText, sanitizeText3 } from "./chunk-CSCIHK7Q.js";
-import select_default from "../../../../d3-selection/src/select.js";
 import "../../../../d3/src/index.js";
 import { calculateTextWidth, decodeEntities, handleUndefinedAttr } from "./chunk-5ZQYHXKU.js";
 import { configureLabelImages, getSubGraphTitleMargins } from "./chunk-L5ZTLDWV.js";
 import { compileStyles, solidStateFill, styles2String, userNodeOverrides } from "./chunk-NZK2D7GU.js";
 import { createText, getIconSVG } from "./chunk-O5CBEL6O.js";
 import { at } from "../../../../roughjs/bundled/rough.esm.js";
-var labelHelper = /* @__PURE__ */ __name(async (e, a, s) => {
-	let l, u = a.useHtmlLabels || evaluate(getConfig2()?.htmlLabels);
-	l = s || "node default";
-	let d = e.insert("g").attr("class", l).attr("id", a.domId || a.id), p = d.insert("g").attr("class", "label").attr("style", handleUndefinedAttr(a.labelStyle)), h;
-	h = a.label === void 0 ? "" : typeof a.label == "string" ? a.label : a.label[0];
-	let y = !!a.icon || !!a.img, b = a.labelType === "markdown", x = await createText(p, sanitizeText(decodeEntities(h), getConfig2()), {
-		useHtmlLabels: u,
-		width: a.width || getConfig2().flowchart?.wrappingWidth,
+var labelHelper = /* @__PURE__ */ __name(async (a, o, c) => {
+	let u, d = o.useHtmlLabels || evaluate(getConfig2()?.htmlLabels);
+	u = c || "node default";
+	let f = a.insert("g").attr("class", u).attr("id", o.domId || o.id), m = f.insert("g").attr("class", "label").attr("style", handleUndefinedAttr(o.labelStyle)), h;
+	h = o.label === void 0 ? "" : typeof o.label == "string" ? o.label : o.label[0];
+	let y = !!o.icon || !!o.img, b = o.labelType === "markdown", x = await createText(m, sanitizeText(decodeEntities(h), getConfig2()), {
+		useHtmlLabels: d,
+		width: o.width || getConfig2().flowchart?.wrappingWidth,
 		classes: b ? "markdown-node-label" : "",
-		style: a.labelStyle,
+		style: o.labelStyle,
 		addSvgBackground: y,
 		markdown: b
-	}, getConfig2()), S = x.getBBox(), C = (a?.padding ?? 0) / 2;
-	if (u) {
-		let e = x.children[0], a = select_default(x);
-		await configureLabelImages(e, h), S = e.getBoundingClientRect(), a.attr("width", S.width), a.attr("height", S.height);
+	}, getConfig2()), S = x.getBBox(), C = (o?.padding ?? 0) / 2;
+	if (d) {
+		let a = x.children[0], o = select_default(x);
+		await configureLabelImages(a, h), S = a.getBoundingClientRect(), o.attr("width", S.width), o.attr("height", S.height);
 	}
-	return u ? p.attr("transform", "translate(" + -S.width / 2 + ", " + -S.height / 2 + ")") : p.attr("transform", "translate(0, " + -S.height / 2 + ")"), a.centerLabel && p.attr("transform", "translate(" + -S.width / 2 + ", " + -S.height / 2 + ")"), p.insert("rect", ":first-child"), {
-		shapeSvg: d,
+	return d ? m.attr("transform", "translate(" + -S.width / 2 + ", " + -S.height / 2 + ")") : m.attr("transform", "translate(0, " + -S.height / 2 + ")"), o.centerLabel && m.attr("transform", "translate(" + -S.width / 2 + ", " + -S.height / 2 + ")"), m.insert("rect", ":first-child"), {
+		shapeSvg: f,
 		bbox: S,
 		halfPadding: C,
-		label: p
+		label: m
 	};
-}, "labelHelper"), insertLabel = /* @__PURE__ */ __name(async (e, a, o) => {
-	let s = o.useHtmlLabels ?? getEffectiveHtmlLabels(getConfig2()), u = e.insert("g").attr("class", "label").attr("style", o.labelStyle || ""), d = await createText(u, sanitizeText(decodeEntities(a), getConfig2()), {
-		useHtmlLabels: s,
-		width: o.width || getConfig2()?.flowchart?.wrappingWidth,
-		style: o.labelStyle,
-		addSvgBackground: !!o.icon || !!o.img
-	}), p = d.getBBox(), h = o.padding / 2;
+}, "labelHelper"), insertLabel = /* @__PURE__ */ __name(async (a, o, s) => {
+	let c = s.useHtmlLabels ?? getEffectiveHtmlLabels(getConfig2()), d = a.insert("g").attr("class", "label").attr("style", s.labelStyle || ""), f = await createText(d, sanitizeText(decodeEntities(o), getConfig2()), {
+		useHtmlLabels: c,
+		width: s.width || getConfig2()?.flowchart?.wrappingWidth,
+		style: s.labelStyle,
+		addSvgBackground: !!s.icon || !!s.img
+	}), m = f.getBBox(), h = s.padding / 2;
 	if (getEffectiveHtmlLabels(getConfig2())) {
-		let e = d.children[0], a = select_default(d);
-		p = e.getBoundingClientRect(), a.attr("width", p.width), a.attr("height", p.height);
+		let a = f.children[0], o = select_default(f);
+		m = a.getBoundingClientRect(), o.attr("width", m.width), o.attr("height", m.height);
 	}
-	return s ? u.attr("transform", "translate(" + -p.width / 2 + ", " + -p.height / 2 + ")") : u.attr("transform", "translate(0, " + -p.height / 2 + ")"), o.centerLabel && u.attr("transform", "translate(" + -p.width / 2 + ", " + -p.height / 2 + ")"), u.insert("rect", ":first-child"), {
-		shapeSvg: e,
-		bbox: p,
+	return c ? d.attr("transform", "translate(" + -m.width / 2 + ", " + -m.height / 2 + ")") : d.attr("transform", "translate(0, " + -m.height / 2 + ")"), s.centerLabel && d.attr("transform", "translate(" + -m.width / 2 + ", " + -m.height / 2 + ")"), d.insert("rect", ":first-child"), {
+		shapeSvg: a,
+		bbox: m,
 		halfPadding: h,
-		label: u
+		label: d
 	};
 }, "insertLabel"), updateNodeBounds = /* @__PURE__ */ __name((e, a) => {
 	let o = a.node().getBBox();
@@ -80,8 +80,8 @@ function generateCirclePoints(e, a, o, s, c, l) {
 	return u;
 }
 __name(generateCirclePoints, "generateCirclePoints");
-function mergePaths(a) {
-	let o = Array.from(a.childNodes).filter((e) => e.tagName === "path"), s = document.createElementNS("http://www.w3.org/2000/svg", "path"), c = o.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
+function mergePaths(e) {
+	let o = Array.from(e.childNodes).filter((e) => e.tagName === "path"), s = document.createElementNS("http://www.w3.org/2000/svg", "path"), c = o.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
 	s.setAttribute("d", c);
 	let l = o.find((e) => e.getAttribute("fill") !== "none"), u = o.find((e) => e.getAttribute("stroke") !== "none"), d = /* @__PURE__ */ __name((e, a) => e?.getAttribute(a) ?? void 0, "getAttr");
 	if (l) {
@@ -113,7 +113,7 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 		x: o + f,
 		y: s + p
 	};
-}, "intersectRect"), createLabel_default = /* @__PURE__ */ __name(async (e, a, o, s = !1, u = !1) => {
+}, "intersectRect"), createLabel_default = /* @__PURE__ */ __name(async (e, a, o, s = !1, c = !1) => {
 	let d = a || "";
 	typeof d == "object" && (d = d[0]);
 	let f = getConfig2(), p = getEffectiveHtmlLabels(f);
@@ -122,7 +122,7 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 		isTitle: s,
 		useHtmlLabels: p,
 		markdown: !1,
-		isNode: u,
+		isNode: c,
 		width: Infinity
 	}, f);
 }, "createLabel"), createRoundedRectPathD = /* @__PURE__ */ __name((e, a, o, s, c) => [
@@ -170,43 +170,43 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 	e + c,
 	a,
 	"Z"
-].join(" "), "createRoundedRectPathD"), rect = /* @__PURE__ */ __name(async (e, o) => {
-	log.info("Creating subgraph rect for ", o.id, o);
-	let s = getConfig2(), { themeVariables: u, handDrawnSeed: d } = s, { clusterBkg: f, clusterBorder: p } = u, { labelStyles: h, nodeStyles: g, borderStyles: _, backgroundStyles: v } = styles2String(o), b = e.insert("g").attr("class", "cluster " + o.cssClasses).attr("id", o.domId).attr("data-look", o.look), x = getEffectiveHtmlLabels(s), T = b.insert("g").attr("class", "cluster-label "), E;
-	E = o.labelType === "markdown" ? await createText(T, o.label, {
-		style: o.labelStyle,
+].join(" "), "createRoundedRectPathD"), rect = /* @__PURE__ */ __name(async (a, s) => {
+	log.info("Creating subgraph rect for ", s.id, s);
+	let c = getConfig2(), { themeVariables: d, handDrawnSeed: f } = c, { clusterBkg: p, clusterBorder: m } = d, { labelStyles: h, nodeStyles: g, borderStyles: _, backgroundStyles: v } = styles2String(s), b = a.insert("g").attr("class", "cluster " + s.cssClasses).attr("id", s.domId).attr("data-look", s.look), x = getEffectiveHtmlLabels(c), T = b.insert("g").attr("class", "cluster-label "), E;
+	E = s.labelType === "markdown" ? await createText(T, s.label, {
+		style: s.labelStyle,
 		useHtmlLabels: x,
 		isNode: !0,
-		width: o.width
-	}) : await createLabel_default(T, o.label, o.labelStyle || "", !1, !0);
+		width: s.width
+	}) : await createLabel_default(T, s.label, s.labelStyle || "", !1, !0);
 	let D = E.getBBox();
-	if (getEffectiveHtmlLabels(s)) {
-		let e = E.children[0], a = select_default(E);
-		D = e.getBoundingClientRect(), a.attr("width", D.width), a.attr("height", D.height);
+	if (getEffectiveHtmlLabels(c)) {
+		let a = E.children[0], o = select_default(E);
+		D = a.getBoundingClientRect(), o.attr("width", D.width), o.attr("height", D.height);
 	}
-	let O = o.width <= D.width + o.padding ? D.width + o.padding : o.width;
-	o.width <= D.width + o.padding ? o.diff = (O - o.width) / 2 - o.padding : o.diff = -o.padding;
-	let k = o.height, A = o.x - O / 2, j = o.y - k / 2;
-	log.trace("Data ", o, JSON.stringify(o));
+	let O = s.width <= D.width + s.padding ? D.width + s.padding : s.width;
+	s.width <= D.width + s.padding ? s.diff = (O - s.width) / 2 - s.padding : s.diff = -s.padding;
+	let k = s.height, A = s.x - O / 2, j = s.y - k / 2;
+	log.trace("Data ", s, JSON.stringify(s));
 	let M;
-	if (o.look === "handDrawn") {
-		let e = at.svg(b), s = userNodeOverrides(o, {
+	if (s.look === "handDrawn") {
+		let e = at.svg(b), a = userNodeOverrides(s, {
 			roughness: .7,
-			fill: f,
-			stroke: p,
+			fill: p,
+			stroke: m,
 			fillWeight: 3,
-			seed: d
-		}), c = e.path(createRoundedRectPathD(A, j, O, k, 0), s);
+			seed: f
+		}), c = e.path(createRoundedRectPathD(A, j, O, k, 0), a);
 		M = b.insert(() => (log.debug("Rough node insert CXC", c), c), ":first-child"), M.select("path:nth-child(2)").attr("style", _.join(";")), M.select("path").attr("style", v.join(";").replace("fill", "stroke"));
-	} else M = b.insert("rect", ":first-child"), M.attr("style", g).attr("rx", o.rx).attr("ry", o.ry).attr("x", A).attr("y", j).attr("width", O).attr("height", k);
-	let { subGraphTitleTopMargin: N } = getSubGraphTitleMargins(s);
-	if (T.attr("transform", `translate(${o.x - D.width / 2}, ${o.y - o.height / 2 + N})`), h) {
+	} else M = b.insert("rect", ":first-child"), M.attr("style", g).attr("rx", s.rx).attr("ry", s.ry).attr("x", A).attr("y", j).attr("width", O).attr("height", k);
+	let { subGraphTitleTopMargin: N } = getSubGraphTitleMargins(c);
+	if (T.attr("transform", `translate(${s.x - D.width / 2}, ${s.y - s.height / 2 + N})`), h) {
 		let e = T.select("span");
 		e && e.attr("style", h);
 	}
 	let L = M.node().getBBox();
-	return o.offsetX = 0, o.width = L.width, o.height = L.height, o.offsetY = D.height - o.padding / 2, o.intersect = function(e) {
-		return intersect_rect_default(o, e);
+	return s.offsetX = 0, s.width = L.width, s.height = L.height, s.offsetY = D.height - s.padding / 2, s.intersect = function(e) {
+		return intersect_rect_default(s, e);
 	}, {
 		cluster: b,
 		labelBBox: D
@@ -214,36 +214,36 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 }, "rect"), shapes = {
 	rect,
 	squareRect: rect,
-	roundedWithTitle: /* @__PURE__ */ __name(async (e, a) => {
-		let o = getConfig2(), { themeVariables: s, handDrawnSeed: u } = o, { altBackground: d, compositeBackground: f, compositeTitleBackground: p, nodeBorder: h } = s, g = e.insert("g").attr("class", a.cssClasses).attr("id", a.domId).attr("data-id", a.id).attr("data-look", a.look), _ = g.insert("g", ":first-child"), v = g.insert("g").attr("class", "cluster-label"), y = g.append("rect"), b = await createLabel_default(v, a.label, a.labelStyle, void 0, !0), x = b.getBBox();
-		if (getEffectiveHtmlLabels(o)) {
-			let e = b.children[0], a = select_default(b);
-			x = e.getBoundingClientRect(), a.attr("width", x.width), a.attr("height", x.height);
+	roundedWithTitle: /* @__PURE__ */ __name(async (a, o) => {
+		let s = getConfig2(), { themeVariables: c, handDrawnSeed: d } = s, { altBackground: f, compositeBackground: p, compositeTitleBackground: m, nodeBorder: h } = c, g = a.insert("g").attr("class", o.cssClasses).attr("id", o.domId).attr("data-id", o.id).attr("data-look", o.look), _ = g.insert("g", ":first-child"), v = g.insert("g").attr("class", "cluster-label"), y = g.append("rect"), b = await createLabel_default(v, o.label, o.labelStyle, void 0, !0), x = b.getBBox();
+		if (getEffectiveHtmlLabels(s)) {
+			let a = b.children[0], o = select_default(b);
+			x = a.getBoundingClientRect(), o.attr("width", x.width), o.attr("height", x.height);
 		}
-		let S = 0 * a.padding, C = S / 2, w = (a.width <= x.width + a.padding ? x.width + a.padding : a.width) + S;
-		a.width <= x.width + a.padding ? a.diff = (w - a.width) / 2 - a.padding : a.diff = -a.padding;
-		let T = a.height + S, E = a.height + S - x.height - 6, D = a.x - w / 2, O = a.y - T / 2;
-		a.width = w;
-		let k = a.y - a.height / 2 - C + x.height + 2, A;
-		if (a.look === "handDrawn") {
-			let e = a.cssClasses.includes("statediagram-cluster-alt"), o = at.svg(g), s = a.rx || a.ry ? o.path(createRoundedRectPathD(D, O, w, T, 10), {
+		let S = 0 * o.padding, C = S / 2, w = (o.width <= x.width + o.padding ? x.width + o.padding : o.width) + S;
+		o.width <= x.width + o.padding ? o.diff = (w - o.width) / 2 - o.padding : o.diff = -o.padding;
+		let T = o.height + S, E = o.height + S - x.height - 6, D = o.x - w / 2, O = o.y - T / 2;
+		o.width = w;
+		let k = o.y - o.height / 2 - C + x.height + 2, A;
+		if (o.look === "handDrawn") {
+			let e = o.cssClasses.includes("statediagram-cluster-alt"), a = at.svg(g), s = o.rx || o.ry ? a.path(createRoundedRectPathD(D, O, w, T, 10), {
 				roughness: .7,
-				fill: p,
+				fill: m,
 				fillStyle: "solid",
 				stroke: h,
-				seed: u
-			}) : o.rectangle(D, O, w, T, { seed: u });
+				seed: d
+			}) : a.rectangle(D, O, w, T, { seed: d });
 			A = g.insert(() => s, ":first-child");
-			let c = o.rectangle(D, k, w, E, {
-				fill: e ? d : f,
+			let c = a.rectangle(D, k, w, E, {
+				fill: e ? f : p,
 				fillStyle: e ? "hachure" : "solid",
 				stroke: h,
-				seed: u
+				seed: d
 			});
 			A = g.insert(() => s, ":first-child"), y = g.insert(() => c);
-		} else A = _.insert("rect", ":first-child"), A.attr("class", "outer").attr("x", D).attr("y", O).attr("width", w).attr("height", T).attr("data-look", a.look), y.attr("class", "inner").attr("x", D).attr("y", k).attr("width", w).attr("height", E);
-		return v.attr("transform", `translate(${a.x - x.width / 2}, ${O + 1 - (getEffectiveHtmlLabels(o) ? 0 : 3)})`), a.height = A.node().getBBox().height, a.offsetX = 0, a.offsetY = x.height - a.padding / 2, a.labelBBox = x, a.intersect = function(e) {
-			return intersect_rect_default(a, e);
+		} else A = _.insert("rect", ":first-child"), A.attr("class", "outer").attr("x", D).attr("y", O).attr("width", w).attr("height", T).attr("data-look", o.look), y.attr("class", "inner").attr("x", D).attr("y", k).attr("width", w).attr("height", E);
+		return v.attr("transform", `translate(${o.x - x.width / 2}, ${O + 1 - (getEffectiveHtmlLabels(s) ? 0 : 3)})`), o.height = A.node().getBBox().height, o.offsetX = 0, o.offsetY = x.height - o.padding / 2, o.labelBBox = x, o.intersect = function(e) {
+			return intersect_rect_default(o, e);
 		}, {
 			cluster: g,
 			labelBBox: x
@@ -264,7 +264,7 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 		};
 	}, "noteGroup"),
 	divider: /* @__PURE__ */ __name((e, a) => {
-		let { themeVariables: o, handDrawnSeed: s } = getConfig2(), { nodeBorder: l } = o, u = e.insert("g").attr("class", a.cssClasses).attr("id", a.domId).attr("data-look", a.look), d = u.insert("g", ":first-child"), f = 0 * a.padding, p = a.width + f;
+		let { themeVariables: o, handDrawnSeed: s } = getConfig2(), { nodeBorder: c } = o, u = e.insert("g").attr("class", a.cssClasses).attr("id", a.domId).attr("data-look", a.look), d = u.insert("g", ":first-child"), f = 0 * a.padding, p = a.width + f;
 		a.diff = -a.padding;
 		let m = a.height + f, h = a.x - p / 2, g = a.y - m / 2;
 		a.width = p;
@@ -274,7 +274,7 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 				fill: "lightgrey",
 				roughness: .5,
 				strokeLineDash: [5],
-				stroke: l,
+				stroke: c,
 				seed: s
 			});
 			_ = u.insert(() => e, ":first-child");
@@ -290,41 +290,41 @@ var intersect_rect_default = /* @__PURE__ */ __name((e, a) => {
 			labelBBox: {}
 		};
 	}, "divider"),
-	kanbanSection: /* @__PURE__ */ __name(async (e, o) => {
-		log.info("Creating subgraph rect for ", o.id, o);
-		let s = getConfig2(), { themeVariables: u, handDrawnSeed: d } = s, { clusterBkg: f, clusterBorder: p } = u, { labelStyles: h, nodeStyles: g, borderStyles: _, backgroundStyles: v } = styles2String(o), b = e.insert("g").attr("class", "cluster " + o.cssClasses).attr("id", o.domId).attr("data-look", o.look), x = getEffectiveHtmlLabels(s), T = b.insert("g").attr("class", "cluster-label "), E = await createText(T, o.label, {
-			style: o.labelStyle,
+	kanbanSection: /* @__PURE__ */ __name(async (a, s) => {
+		log.info("Creating subgraph rect for ", s.id, s);
+		let c = getConfig2(), { themeVariables: d, handDrawnSeed: f } = c, { clusterBkg: p, clusterBorder: m } = d, { labelStyles: h, nodeStyles: g, borderStyles: _, backgroundStyles: v } = styles2String(s), b = a.insert("g").attr("class", "cluster " + s.cssClasses).attr("id", s.domId).attr("data-look", s.look), x = getEffectiveHtmlLabels(c), T = b.insert("g").attr("class", "cluster-label "), E = await createText(T, s.label, {
+			style: s.labelStyle,
 			useHtmlLabels: x,
 			isNode: !0,
-			width: o.width
+			width: s.width
 		}), D = E.getBBox();
-		if (getEffectiveHtmlLabels(s)) {
-			let e = E.children[0], a = select_default(E);
-			D = e.getBoundingClientRect(), a.attr("width", D.width), a.attr("height", D.height);
+		if (getEffectiveHtmlLabels(c)) {
+			let a = E.children[0], o = select_default(E);
+			D = a.getBoundingClientRect(), o.attr("width", D.width), o.attr("height", D.height);
 		}
-		let O = o.width <= D.width + o.padding ? D.width + o.padding : o.width;
-		o.width <= D.width + o.padding ? o.diff = (O - o.width) / 2 - o.padding : o.diff = -o.padding;
-		let k = o.height, A = o.x - O / 2, j = o.y - k / 2;
-		log.trace("Data ", o, JSON.stringify(o));
+		let O = s.width <= D.width + s.padding ? D.width + s.padding : s.width;
+		s.width <= D.width + s.padding ? s.diff = (O - s.width) / 2 - s.padding : s.diff = -s.padding;
+		let k = s.height, A = s.x - O / 2, j = s.y - k / 2;
+		log.trace("Data ", s, JSON.stringify(s));
 		let M;
-		if (o.look === "handDrawn") {
-			let e = at.svg(b), s = userNodeOverrides(o, {
+		if (s.look === "handDrawn") {
+			let e = at.svg(b), a = userNodeOverrides(s, {
 				roughness: .7,
-				fill: f,
-				stroke: p,
+				fill: p,
+				stroke: m,
 				fillWeight: 4,
-				seed: d
-			}), c = e.path(createRoundedRectPathD(A, j, O, k, o.rx), s);
+				seed: f
+			}), c = e.path(createRoundedRectPathD(A, j, O, k, s.rx), a);
 			M = b.insert(() => (log.debug("Rough node insert CXC", c), c), ":first-child"), M.select("path:nth-child(2)").attr("style", _.join(";")), M.select("path").attr("style", v.join(";").replace("fill", "stroke"));
-		} else M = b.insert("rect", ":first-child"), M.attr("style", g).attr("rx", o.rx).attr("ry", o.ry).attr("x", A).attr("y", j).attr("width", O).attr("height", k);
-		let { subGraphTitleTopMargin: N } = getSubGraphTitleMargins(s);
-		if (T.attr("transform", `translate(${o.x - D.width / 2}, ${o.y - o.height / 2 + N})`), h) {
+		} else M = b.insert("rect", ":first-child"), M.attr("style", g).attr("rx", s.rx).attr("ry", s.ry).attr("x", A).attr("y", j).attr("width", O).attr("height", k);
+		let { subGraphTitleTopMargin: N } = getSubGraphTitleMargins(c);
+		if (T.attr("transform", `translate(${s.x - D.width / 2}, ${s.y - s.height / 2 + N})`), h) {
 			let e = T.select("span");
 			e && e.attr("style", h);
 		}
 		let F = M.node().getBBox();
-		return o.offsetX = 0, o.width = F.width, o.height = F.height, o.offsetY = D.height - o.padding / 2, o.intersect = function(e) {
-			return intersect_rect_default(o, e);
+		return s.offsetX = 0, s.width = F.width, s.height = F.height, s.offsetY = D.height - s.padding / 2, s.intersect = function(e) {
+			return intersect_rect_default(s, e);
 		}, {
 			cluster: b,
 			labelBBox: D
@@ -407,20 +407,20 @@ var intersect_default = {
 	polygon: intersectPolygon,
 	rect: intersect_rect_default
 };
-function anchor(e, o) {
-	let { labelStyles: s } = styles2String(o);
-	o.labelStyle = s;
-	let c = getNodeClasses(o), l = c;
+function anchor(e, a) {
+	let { labelStyles: s } = styles2String(a);
+	a.labelStyle = s;
+	let c = getNodeClasses(a), l = c;
 	c || (l = "anchor");
-	let u = e.insert("g").attr("class", l).attr("id", o.domId || o.id), { cssStyles: d } = o, f = at.svg(u), p = userNodeOverrides(o, {
+	let u = e.insert("g").attr("class", l).attr("id", a.domId || a.id), { cssStyles: d } = a, f = at.svg(u), p = userNodeOverrides(a, {
 		fill: "black",
 		stroke: "none",
 		fillStyle: "solid"
 	});
-	o.look !== "handDrawn" && (p.roughness = 0);
+	a.look !== "handDrawn" && (p.roughness = 0);
 	let m = f.circle(0, 0, 2, p), h = u.insert(() => m, ":first-child");
-	return h.attr("class", "anchor").attr("style", handleUndefinedAttr(d)), updateNodeBounds(o, h), o.intersect = function(e) {
-		return log.info("Circle intersect", o, 1, e), intersect_default.circle(o, 1, e);
+	return h.attr("class", "anchor").attr("style", handleUndefinedAttr(d)), updateNodeBounds(a, h), a.intersect = function(e) {
+		return log.info("Circle intersect", a, 1, e), intersect_default.circle(a, 1, e);
 	}, u;
 }
 __name(anchor, "anchor");
@@ -445,13 +445,13 @@ function calculateArcSagitta(e, a, o) {
 	return c * (1 - Math.sqrt(1 - (e / s / 2) ** 2));
 }
 __name(calculateArcSagitta, "calculateArcSagitta");
-async function bowTieRect(a, o) {
+async function bowTieRect(e, o) {
 	let { labelStyles: s, nodeStyles: c } = styles2String(o);
 	o.labelStyle = s;
 	let l = o.padding ?? 0, u = o.look === "neo" ? 16 : l, d = o.look === "neo" ? 12 : l, f = /* @__PURE__ */ __name((e) => e + d, "calcTotalHeight"), p = /* @__PURE__ */ __name((e) => {
 		let a = e / 2;
 		return [a / (2.5 + e / 50), a];
-	}, "calcEllipseRadius"), { shapeSvg: m, bbox: h } = await labelHelper(a, o, getNodeClasses(o)), g = f(o?.height ? o?.height : h.height), [_, v] = p(g), y = calculateArcSagitta(g, _, v), b = (o?.width ? o?.width : h.width) + u * 2 + y - y, x = g, { cssStyles: w } = o, T = [
+	}, "calcEllipseRadius"), { shapeSvg: m, bbox: h } = await labelHelper(e, o, getNodeClasses(o)), g = f(o?.height ? o?.height : h.height), [_, v] = p(g), y = calculateArcSagitta(g, _, v), b = (o?.width ? o?.width : h.width) + u * 2 + y - y, x = g, { cssStyles: w } = o, T = [
 		{
 			x: b / 2,
 			y: -x / 2
@@ -547,19 +547,19 @@ function choice(e, a) {
 	}, s;
 }
 __name(choice, "choice");
-async function circle(e, o, s) {
-	let { labelStyles: c, nodeStyles: l } = styles2String(o);
-	o.labelStyle = c;
-	let { shapeSvg: u, bbox: d, halfPadding: f } = await labelHelper(e, o, getNodeClasses(o)), p = s?.padding ?? f, m = o.look === "neo" ? d.width / 2 + 32 : d.width / 2 + p, h, { cssStyles: g } = o;
-	if (o.look === "handDrawn") {
-		let e = at.svg(u), a = userNodeOverrides(o, {}), s = e.circle(0, 0, m * 2, a);
+async function circle(e, a, s) {
+	let { labelStyles: c, nodeStyles: l } = styles2String(a);
+	a.labelStyle = c;
+	let { shapeSvg: u, bbox: d, halfPadding: f } = await labelHelper(e, a, getNodeClasses(a)), p = s?.padding ?? f, m = a.look === "neo" ? d.width / 2 + 32 : d.width / 2 + p, h, { cssStyles: g } = a;
+	if (a.look === "handDrawn") {
+		let e = at.svg(u), o = userNodeOverrides(a, {}), s = e.circle(0, 0, m * 2, o);
 		h = u.insert(() => s, ":first-child"), h.attr("class", "basic label-container").attr("style", handleUndefinedAttr(g));
 	} else h = u.insert("circle", ":first-child").attr("class", "basic label-container").attr("style", l).attr("r", m).attr("cx", 0).attr("cy", 0);
-	return updateNodeBounds(o, h), o.calcIntersect = function(e, a) {
+	return updateNodeBounds(a, h), a.calcIntersect = function(e, a) {
 		let o = e.width / 2;
 		return intersect_default.circle(e, o, a);
-	}, o.intersect = function(e) {
-		return log.info("Circle intersect", o, m, e), intersect_default.circle(o, m, e);
+	}, a.intersect = function(e) {
+		return log.info("Circle intersect", a, m, e), intersect_default.circle(a, m, e);
 	}, u;
 }
 __name(circle, "circle");
@@ -581,17 +581,17 @@ function createLine(e) {
                    M ${c.x},${c.y} L ${u.x},${u.y}`;
 }
 __name(createLine, "createLine");
-function crossedCircle(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.labelStyle = s, o.label = "";
-	let l = e.insert("g").attr("class", getNodeClasses(o)).attr("id", o.domId ?? o.id), u = Math.max(30, o?.width ?? 0), { cssStyles: d } = o, f = at.svg(l), p = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (p.roughness = 0, p.fillStyle = "solid");
+function crossedCircle(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.labelStyle = s, a.label = "";
+	let l = e.insert("g").attr("class", getNodeClasses(a)).attr("id", a.domId ?? a.id), u = Math.max(30, a?.width ?? 0), { cssStyles: d } = a, f = at.svg(l), p = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (p.roughness = 0, p.fillStyle = "solid");
 	let m = f.circle(0, 0, u * 2, p), h = createLine(u), g = f.path(h, p), _ = l.insert(() => m, ":first-child");
-	return _.insert(() => g), _.attr("class", "outer-path"), d && o.look !== "handDrawn" && _.selectAll("path").attr("style", d), c && o.look !== "handDrawn" && _.selectAll("path").attr("style", c), updateNodeBounds(o, _), o.intersect = function(e) {
-		return log.info("crossedCircle intersect", o, {
+	return _.insert(() => g), _.attr("class", "outer-path"), d && a.look !== "handDrawn" && _.selectAll("path").attr("style", d), c && a.look !== "handDrawn" && _.selectAll("path").attr("style", c), updateNodeBounds(a, _), a.intersect = function(e) {
+		return log.info("crossedCircle intersect", a, {
 			radius: u,
 			point: e
-		}), intersect_default.circle(o, u, e);
+		}), intersect_default.circle(a, u, e);
 	}, l;
 }
 __name(crossedCircle, "crossedCircle");
@@ -966,50 +966,50 @@ async function dividedRectangle(e, a) {
 	}, u;
 }
 __name(dividedRectangle, "dividedRectangle");
-async function doublecircle(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o), l = o.look === "neo" ? 12 : 5;
-	o.labelStyle = s;
-	let u = o.padding ?? 0, d = o.look === "neo" ? 16 : u, { shapeSvg: f, bbox: p } = await labelHelper(e, o, getNodeClasses(o)), m = (o?.width ? o?.width / 2 : p.width / 2) + (d ?? 0), h = m - l, g, { cssStyles: v } = o;
-	if (o.look === "handDrawn") {
-		let e = at.svg(f), a = userNodeOverrides(o, {
+async function doublecircle(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a), l = a.look === "neo" ? 12 : 5;
+	a.labelStyle = s;
+	let u = a.padding ?? 0, d = a.look === "neo" ? 16 : u, { shapeSvg: f, bbox: p } = await labelHelper(e, a, getNodeClasses(a)), m = (a?.width ? a?.width / 2 : p.width / 2) + (d ?? 0), h = m - l, g, { cssStyles: v } = a;
+	if (a.look === "handDrawn") {
+		let e = at.svg(f), o = userNodeOverrides(a, {
 			roughness: .2,
 			strokeWidth: 2.5
-		}), s = userNodeOverrides(o, {
+		}), s = userNodeOverrides(a, {
 			roughness: .2,
 			strokeWidth: 1.5
-		}), c = e.circle(0, 0, m * 2, a), l = e.circle(0, 0, h * 2, s);
-		g = f.insert("g", ":first-child"), g.attr("class", handleUndefinedAttr(o.cssClasses)).attr("style", handleUndefinedAttr(v)), g.node()?.appendChild(c), g.node()?.appendChild(l);
+		}), c = e.circle(0, 0, m * 2, o), l = e.circle(0, 0, h * 2, s);
+		g = f.insert("g", ":first-child"), g.attr("class", handleUndefinedAttr(a.cssClasses)).attr("style", handleUndefinedAttr(v)), g.node()?.appendChild(c), g.node()?.appendChild(l);
 	} else {
 		g = f.insert("g", ":first-child");
 		let e = g.insert("circle", ":first-child"), a = g.insert("circle");
 		g.attr("class", "basic label-container").attr("style", c), e.attr("class", "outer-circle").attr("style", c).attr("r", m).attr("cx", 0).attr("cy", 0), a.attr("class", "inner-circle").attr("style", c).attr("r", h).attr("cx", 0).attr("cy", 0);
 	}
-	return updateNodeBounds(o, g), o.intersect = function(e) {
-		return log.info("DoubleCircle intersect", o, m, e), intersect_default.circle(o, m, e);
+	return updateNodeBounds(a, g), a.intersect = function(e) {
+		return log.info("DoubleCircle intersect", a, m, e), intersect_default.circle(a, m, e);
 	}, f;
 }
 __name(doublecircle, "doublecircle");
-function filledCircle(e, o, { config: { themeVariables: s } }) {
-	let { labelStyles: c, nodeStyles: l } = styles2String(o);
-	o.label = "", o.labelStyle = c;
-	let u = e.insert("g").attr("class", getNodeClasses(o)).attr("id", o.domId ?? o.id), { cssStyles: d } = o, f = at.svg(u), { nodeBorder: p } = s, m = userNodeOverrides(o, { fillStyle: "solid" });
-	o.look !== "handDrawn" && (m.roughness = 0);
+function filledCircle(e, a, { config: { themeVariables: s } }) {
+	let { labelStyles: c, nodeStyles: l } = styles2String(a);
+	a.label = "", a.labelStyle = c;
+	let u = e.insert("g").attr("class", getNodeClasses(a)).attr("id", a.domId ?? a.id), { cssStyles: d } = a, f = at.svg(u), { nodeBorder: p } = s, m = userNodeOverrides(a, { fillStyle: "solid" });
+	a.look !== "handDrawn" && (m.roughness = 0);
 	let h = f.circle(0, 0, 14, m), g = u.insert(() => h, ":first-child");
-	return g.selectAll("path").attr("style", `fill: ${p} !important;`), d && d.length > 0 && o.look !== "handDrawn" && g.selectAll("path").attr("style", d), l && o.look !== "handDrawn" && g.selectAll("path").attr("style", l), updateNodeBounds(o, g), o.intersect = function(e) {
-		return log.info("filledCircle intersect", o, {
+	return g.selectAll("path").attr("style", `fill: ${p} !important;`), d && d.length > 0 && a.look !== "handDrawn" && g.selectAll("path").attr("style", d), l && a.look !== "handDrawn" && g.selectAll("path").attr("style", l), updateNodeBounds(a, g), a.intersect = function(e) {
+		return log.info("filledCircle intersect", a, {
 			radius: 7,
 			point: e
-		}), intersect_default.circle(o, 7, e);
+		}), intersect_default.circle(a, 7, e);
 	}, u;
 }
 __name(filledCircle, "filledCircle");
 var MIN_HEIGHT2 = 10, MIN_WIDTH2 = 10;
-async function flippedTriangle(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.labelStyle = s;
-	let l = o.padding ?? 0, u = o.look === "neo" ? l * 2 : l;
-	(o.width || o.height) && (o.height = o?.height ?? 0, o.height < MIN_HEIGHT2 && (o.height = MIN_HEIGHT2), o.width = (o?.width ?? 0) - u - u / 2, o.width < MIN_WIDTH2 && (o.width = MIN_WIDTH2));
-	let { shapeSvg: d, bbox: f, label: p } = await labelHelper(e, o, getNodeClasses(o)), m = (o?.width ? o?.width : f.width) + (u ?? 0), h = o?.height ? o?.height : m + f.height, g = h, _ = [
+async function flippedTriangle(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.labelStyle = s;
+	let l = a.padding ?? 0, u = a.look === "neo" ? l * 2 : l;
+	(a.width || a.height) && (a.height = a?.height ?? 0, a.height < MIN_HEIGHT2 && (a.height = MIN_HEIGHT2), a.width = (a?.width ?? 0) - u - u / 2, a.width < MIN_WIDTH2 && (a.width = MIN_WIDTH2));
+	let { shapeSvg: d, bbox: f, label: p } = await labelHelper(e, a, getNodeClasses(a)), m = (a?.width ? a?.width : f.width) + (u ?? 0), h = a?.height ? a?.height : m + f.height, g = h, _ = [
 		{
 			x: 0,
 			y: -h
@@ -1022,11 +1022,11 @@ async function flippedTriangle(e, o) {
 			x: g / 2,
 			y: 0
 		}
-	], { cssStyles: v } = o, y = at.svg(d), b = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
+	], { cssStyles: v } = a, y = at.svg(d), b = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
 	let x = createPathFromPoints(_), w = y.path(x, b), T = d.insert(() => w, ":first-child").attr("transform", `translate(${-h / 2}, ${h / 2})`).attr("class", "outer-path");
-	return v && o.look !== "handDrawn" && T.selectChildren("path").attr("style", v), c && o.look !== "handDrawn" && T.selectChildren("path").attr("style", c), o.width = m, o.height = h, updateNodeBounds(o, T), p.attr("transform", `translate(${-f.width / 2 - (f.x - (f.left ?? 0))}, ${-h / 2 + (o.padding ?? 0) / 2 + (f.y - (f.top ?? 0))})`), o.intersect = function(e) {
-		return log.info("Triangle intersect", o, _, e), intersect_default.polygon(o, _, e);
+	return v && a.look !== "handDrawn" && T.selectChildren("path").attr("style", v), c && a.look !== "handDrawn" && T.selectChildren("path").attr("style", c), a.width = m, a.height = h, updateNodeBounds(a, T), p.attr("transform", `translate(${-f.width / 2 - (f.x - (f.left ?? 0))}, ${-h / 2 + (a.padding ?? 0) / 2 + (f.y - (f.top ?? 0))})`), a.intersect = function(e) {
+		return log.info("Triangle intersect", a, _, e), intersect_default.polygon(a, _, e);
 	}, d;
 }
 __name(flippedTriangle, "flippedTriangle");
@@ -1048,13 +1048,13 @@ function forkJoin(e, a, { dir: o, config: { state: s, themeVariables: c } }) {
 	}, u;
 }
 __name(forkJoin, "forkJoin");
-async function halfRoundedRectangle(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.labelStyle = s;
-	let l = o.look === "neo" ? 16 : o.padding ?? 0, u = o.look === "neo" ? 12 : o.padding ?? 0;
-	(o.width || o.height) && (o.height = (o?.height ?? 0) - u * 2, o.height < 10 && (o.height = 10), o.width = (o?.width ?? 0) - l * 2, o.width < 15 && (o.width = 15));
-	let { shapeSvg: d, bbox: f } = await labelHelper(e, o, getNodeClasses(o)), p = (o?.width ? o?.width : Math.max(15, f.width)) + l * 2, m = (o?.height ? o?.height : Math.max(10, f.height)) + u * 2, h = m / 2, { cssStyles: g } = o, _ = at.svg(d), v = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
+async function halfRoundedRectangle(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.labelStyle = s;
+	let l = a.look === "neo" ? 16 : a.padding ?? 0, u = a.look === "neo" ? 12 : a.padding ?? 0;
+	(a.width || a.height) && (a.height = (a?.height ?? 0) - u * 2, a.height < 10 && (a.height = 10), a.width = (a?.width ?? 0) - l * 2, a.width < 15 && (a.width = 15));
+	let { shapeSvg: d, bbox: f } = await labelHelper(e, a, getNodeClasses(a)), p = (a?.width ? a?.width : Math.max(15, f.width)) + l * 2, m = (a?.height ? a?.height : Math.max(10, f.height)) + u * 2, h = m / 2, { cssStyles: g } = a, _ = at.svg(d), v = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
 	let y = [
 		{
 			x: -p / 2,
@@ -1074,11 +1074,11 @@ async function halfRoundedRectangle(e, o) {
 			y: m / 2
 		}
 	], b = createPathFromPoints(y), x = _.path(b, v), w = d.insert(() => x, ":first-child");
-	return w.attr("class", "basic label-container outer-path"), g && o.look !== "handDrawn" && w.selectChildren("path").attr("style", g), c && o.look !== "handDrawn" && w.selectChildren("path").attr("style", c), updateNodeBounds(o, w), o.intersect = function(e) {
-		return log.info("Pill intersect", o, {
+	return w.attr("class", "basic label-container outer-path"), g && a.look !== "handDrawn" && w.selectChildren("path").attr("style", g), c && a.look !== "handDrawn" && w.selectChildren("path").attr("style", c), updateNodeBounds(a, w), a.intersect = function(e) {
+		return log.info("Pill intersect", a, {
 			radius: h,
 			point: e
-		}), intersect_default.polygon(o, y, e);
+		}), intersect_default.polygon(a, y, e);
 	}, d;
 }
 __name(halfRoundedRectangle, "halfRoundedRectangle");
@@ -1134,11 +1134,11 @@ async function hexagon(e, a) {
 	}, f;
 }
 __name(hexagon, "hexagon");
-async function hourglass(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.label = "", o.labelStyle = s;
-	let { shapeSvg: l } = await labelHelper(e, o, getNodeClasses(o)), u = Math.max(30, o?.width ?? 0), d = Math.max(30, o?.height ?? 0), { cssStyles: f } = o, p = at.svg(l), m = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
+async function hourglass(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.label = "", a.labelStyle = s;
+	let { shapeSvg: l } = await labelHelper(e, a, getNodeClasses(a)), u = Math.max(30, a?.width ?? 0), d = Math.max(30, a?.height ?? 0), { cssStyles: f } = a, p = at.svg(l), m = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
 	let h = [
 		{
 			x: 0,
@@ -1157,39 +1157,39 @@ async function hourglass(e, o) {
 			y: d
 		}
 	], g = createPathFromPoints(h), _ = p.path(g, m), v = l.insert(() => _, ":first-child");
-	return v.attr("class", "basic label-container outer-path"), f && o.look !== "handDrawn" && v.selectChildren("path").attr("style", f), c && o.look !== "handDrawn" && v.selectChildren("path").attr("style", c), v.attr("transform", `translate(${-u / 2}, ${-d / 2})`), updateNodeBounds(o, v), o.intersect = function(e) {
-		return log.info("Pill intersect", o, { points: h }), intersect_default.polygon(o, h, e);
+	return v.attr("class", "basic label-container outer-path"), f && a.look !== "handDrawn" && v.selectChildren("path").attr("style", f), c && a.look !== "handDrawn" && v.selectChildren("path").attr("style", c), v.attr("transform", `translate(${-u / 2}, ${-d / 2})`), updateNodeBounds(a, v), a.intersect = function(e) {
+		return log.info("Pill intersect", a, { points: h }), intersect_default.polygon(a, h, e);
 	}, l;
 }
 __name(hourglass, "hourglass");
-async function icon(e, o, { config: { themeVariables: s, flowchart: c } }) {
-	let { labelStyles: l } = styles2String(o);
-	o.labelStyle = l;
-	let u = o.assetHeight ?? 48, d = o.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
-	o.width = Math.max(f, p ?? 0);
-	let { shapeSvg: m, bbox: h, label: g } = await labelHelper(e, o, "icon-shape default"), _ = o.pos === "t", v = f, y = f, { nodeBorder: x } = s, { stylesMap: w } = compileStyles(o), D = -y / 2, k = -v / 2, A = o.label ? 8 : 0, j = at.svg(m), M = userNodeOverrides(o, {
+async function icon(e, a, { config: { themeVariables: s, flowchart: c } }) {
+	let { labelStyles: l } = styles2String(a);
+	a.labelStyle = l;
+	let u = a.assetHeight ?? 48, d = a.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
+	a.width = Math.max(f, p ?? 0);
+	let { shapeSvg: m, bbox: h, label: g } = await labelHelper(e, a, "icon-shape default"), _ = a.pos === "t", v = f, y = f, { nodeBorder: x } = s, { stylesMap: w } = compileStyles(a), D = -y / 2, k = -v / 2, A = a.label ? 8 : 0, j = at.svg(m), M = userNodeOverrides(a, {
 		stroke: "none",
 		fill: "none"
 	});
-	o.look !== "handDrawn" && (M.roughness = 0, M.fillStyle = "solid");
+	a.look !== "handDrawn" && (M.roughness = 0, M.fillStyle = "solid");
 	let N = j.rectangle(D, k, y, v, M), P = Math.max(y, h.width), F = v + h.height + A, I = j.rectangle(-P / 2, -F / 2, P, F, {
 		...M,
 		fill: "transparent",
 		stroke: "none"
 	}), L = m.insert(() => N, ":first-child"), R = m.insert(() => I);
-	if (o.icon) {
+	if (a.icon) {
 		let e = m.append("g");
-		e.html(`<g>${await getIconSVG(o.icon, {
+		e.html(`<g>${await getIconSVG(a.icon, {
 			height: f,
 			width: f,
 			fallbackPrefix: ""
 		})}</g>`);
-		let a = e.node().getBBox(), s = a.width, c = a.height, l = a.x, u = a.y;
+		let o = e.node().getBBox(), s = o.width, c = o.height, l = o.x, u = o.y;
 		e.attr("transform", `translate(${-s / 2 - l},${_ ? h.height / 2 + A / 2 - c / 2 - u : -h.height / 2 - A / 2 - c / 2 - u})`), e.attr("style", `color: ${w.get("stroke") ?? x};`);
 	}
-	return g.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${_ ? -F / 2 : F / 2 - h.height})`), L.attr("transform", `translate(0,${_ ? h.height / 2 + A / 2 : -h.height / 2 - A / 2})`), updateNodeBounds(o, R), o.intersect = function(e) {
-		if (log.info("iconSquare intersect", o, e), !o.label) return intersect_default.rect(o, e);
-		let s = o.x ?? 0, c = o.y ?? 0, l = o.height ?? 0, u = [];
+	return g.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${_ ? -F / 2 : F / 2 - h.height})`), L.attr("transform", `translate(0,${_ ? h.height / 2 + A / 2 : -h.height / 2 - A / 2})`), updateNodeBounds(a, R), a.intersect = function(e) {
+		if (log.info("iconSquare intersect", a, e), !a.label) return intersect_default.rect(a, e);
+		let s = a.x ?? 0, c = a.y ?? 0, l = a.height ?? 0, u = [];
 		return u = _ ? [
 			{
 				x: s - h.width / 2,
@@ -1256,19 +1256,19 @@ async function icon(e, o, { config: { themeVariables: s, flowchart: c } }) {
 				x: s - y / 2,
 				y: c - l / 2 + v
 			}
-		], intersect_default.polygon(o, u, e);
+		], intersect_default.polygon(a, u, e);
 	}, m;
 }
 __name(icon, "icon");
-async function iconCircle(e, o, { config: { themeVariables: s, flowchart: c } }) {
-	let { labelStyles: l } = styles2String(o);
-	o.labelStyle = l;
-	let u = o.assetHeight ?? 48, d = o.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
-	o.width = Math.max(f, p ?? 0);
-	let { shapeSvg: m, bbox: h, label: g } = await labelHelper(e, o, "icon-shape default"), _ = o.label ? 8 : 0, v = o.pos === "t", { nodeBorder: y, mainBkg: x } = s, { stylesMap: w } = compileStyles(o), D = at.svg(m), k = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid"), k.stroke = w.get("fill") ?? x;
+async function iconCircle(e, a, { config: { themeVariables: s, flowchart: c } }) {
+	let { labelStyles: l } = styles2String(a);
+	a.labelStyle = l;
+	let u = a.assetHeight ?? 48, d = a.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
+	a.width = Math.max(f, p ?? 0);
+	let { shapeSvg: m, bbox: h, label: g } = await labelHelper(e, a, "icon-shape default"), _ = a.label ? 8 : 0, v = a.pos === "t", { nodeBorder: y, mainBkg: x } = s, { stylesMap: w } = compileStyles(a), D = at.svg(m), k = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid"), k.stroke = w.get("fill") ?? x;
 	let A = m.append("g");
-	o.icon && A.html(`<g>${await getIconSVG(o.icon, {
+	a.icon && A.html(`<g>${await getIconSVG(a.icon, {
 		height: f,
 		width: f,
 		fallbackPrefix: ""
@@ -1278,36 +1278,36 @@ async function iconCircle(e, o, { config: { themeVariables: s, flowchart: c } })
 		fill: "transparent",
 		stroke: "none"
 	}), V = m.insert(() => L, ":first-child"), H = m.insert(() => B);
-	return A.attr("transform", `translate(${-M / 2 - P},${v ? h.height / 2 + _ / 2 - N / 2 - F : -h.height / 2 - _ / 2 - N / 2 - F})`), A.attr("style", `color: ${w.get("stroke") ?? y};`), g.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -z / 2 : z / 2 - h.height})`), V.attr("transform", `translate(0,${v ? h.height / 2 + _ / 2 : -h.height / 2 - _ / 2})`), updateNodeBounds(o, H), o.intersect = function(e) {
-		return log.info("iconSquare intersect", o, e), intersect_default.rect(o, e);
+	return A.attr("transform", `translate(${-M / 2 - P},${v ? h.height / 2 + _ / 2 - N / 2 - F : -h.height / 2 - _ / 2 - N / 2 - F})`), A.attr("style", `color: ${w.get("stroke") ?? y};`), g.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -z / 2 : z / 2 - h.height})`), V.attr("transform", `translate(0,${v ? h.height / 2 + _ / 2 : -h.height / 2 - _ / 2})`), updateNodeBounds(a, H), a.intersect = function(e) {
+		return log.info("iconSquare intersect", a, e), intersect_default.rect(a, e);
 	}, m;
 }
 __name(iconCircle, "iconCircle");
-async function iconRounded(e, o, { config: { themeVariables: s, flowchart: c } }) {
-	let { labelStyles: l } = styles2String(o);
-	o.labelStyle = l;
-	let u = o.assetHeight ?? 48, d = o.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
-	o.width = Math.max(f, p ?? 0);
-	let { shapeSvg: m, bbox: h, halfPadding: g, label: _ } = await labelHelper(e, o, "icon-shape default"), v = o.pos === "t", y = f + g * 2, x = f + g * 2, { nodeBorder: w, mainBkg: D } = s, { stylesMap: k } = compileStyles(o), A = -x / 2, j = -y / 2, M = o.label ? 8 : 0, N = at.svg(m), P = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (P.roughness = 0, P.fillStyle = "solid"), P.stroke = k.get("fill") ?? D;
+async function iconRounded(e, a, { config: { themeVariables: s, flowchart: c } }) {
+	let { labelStyles: l } = styles2String(a);
+	a.labelStyle = l;
+	let u = a.assetHeight ?? 48, d = a.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
+	a.width = Math.max(f, p ?? 0);
+	let { shapeSvg: m, bbox: h, halfPadding: g, label: _ } = await labelHelper(e, a, "icon-shape default"), v = a.pos === "t", y = f + g * 2, x = f + g * 2, { nodeBorder: w, mainBkg: D } = s, { stylesMap: k } = compileStyles(a), A = -x / 2, j = -y / 2, M = a.label ? 8 : 0, N = at.svg(m), P = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (P.roughness = 0, P.fillStyle = "solid"), P.stroke = k.get("fill") ?? D;
 	let F = N.path(createRoundedRectPathD(A, j, x, y, 5), P), L = Math.max(x, h.width), R = y + h.height + M, z = N.rectangle(-L / 2, -R / 2, L, R, {
 		...P,
 		fill: "transparent",
 		stroke: "none"
 	}), B = m.insert(() => F, ":first-child").attr("class", "icon-shape2"), V = m.insert(() => z);
-	if (o.icon) {
+	if (a.icon) {
 		let e = m.append("g");
-		e.html(`<g>${await getIconSVG(o.icon, {
+		e.html(`<g>${await getIconSVG(a.icon, {
 			height: f,
 			width: f,
 			fallbackPrefix: ""
 		})}</g>`);
-		let a = e.node().getBBox(), s = a.width, c = a.height, l = a.x, u = a.y;
+		let o = e.node().getBBox(), s = o.width, c = o.height, l = o.x, u = o.y;
 		e.attr("transform", `translate(${-s / 2 - l},${v ? h.height / 2 + M / 2 - c / 2 - u : -h.height / 2 - M / 2 - c / 2 - u})`), e.attr("style", `color: ${k.get("stroke") ?? w};`);
 	}
-	return _.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -R / 2 : R / 2 - h.height})`), B.attr("transform", `translate(0,${v ? h.height / 2 + M / 2 : -h.height / 2 - M / 2})`), updateNodeBounds(o, V), o.intersect = function(e) {
-		if (log.info("iconSquare intersect", o, e), !o.label) return intersect_default.rect(o, e);
-		let s = o.x ?? 0, c = o.y ?? 0, l = o.height ?? 0, u = [];
+	return _.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -R / 2 : R / 2 - h.height})`), B.attr("transform", `translate(0,${v ? h.height / 2 + M / 2 : -h.height / 2 - M / 2})`), updateNodeBounds(a, V), a.intersect = function(e) {
+		if (log.info("iconSquare intersect", a, e), !a.label) return intersect_default.rect(a, e);
+		let s = a.x ?? 0, c = a.y ?? 0, l = a.height ?? 0, u = [];
 		return u = v ? [
 			{
 				x: s - h.width / 2,
@@ -1374,35 +1374,35 @@ async function iconRounded(e, o, { config: { themeVariables: s, flowchart: c } }
 				x: s - x / 2,
 				y: c - l / 2 + y
 			}
-		], intersect_default.polygon(o, u, e);
+		], intersect_default.polygon(a, u, e);
 	}, m;
 }
 __name(iconRounded, "iconRounded");
-async function iconSquare(e, o, { config: { themeVariables: s, flowchart: c } }) {
-	let { labelStyles: l } = styles2String(o);
-	o.labelStyle = l;
-	let u = o.assetHeight ?? 48, d = o.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
-	o.width = Math.max(f, p ?? 0);
-	let { shapeSvg: m, bbox: h, halfPadding: g, label: _ } = await labelHelper(e, o, "icon-shape default"), v = o.pos === "t", y = f + g * 2, x = f + g * 2, { nodeBorder: w, mainBkg: D } = s, { stylesMap: k } = compileStyles(o), A = -x / 2, j = -y / 2, M = o.label ? 8 : 0, N = at.svg(m), P = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (P.roughness = 0, P.fillStyle = "solid"), P.stroke = k.get("fill") ?? D;
+async function iconSquare(e, a, { config: { themeVariables: s, flowchart: c } }) {
+	let { labelStyles: l } = styles2String(a);
+	a.labelStyle = l;
+	let u = a.assetHeight ?? 48, d = a.assetWidth ?? 48, f = Math.max(u, d), p = c?.wrappingWidth;
+	a.width = Math.max(f, p ?? 0);
+	let { shapeSvg: m, bbox: h, halfPadding: g, label: _ } = await labelHelper(e, a, "icon-shape default"), v = a.pos === "t", y = f + g * 2, x = f + g * 2, { nodeBorder: w, mainBkg: D } = s, { stylesMap: k } = compileStyles(a), A = -x / 2, j = -y / 2, M = a.label ? 8 : 0, N = at.svg(m), P = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (P.roughness = 0, P.fillStyle = "solid"), P.stroke = k.get("fill") ?? D;
 	let F = N.path(createRoundedRectPathD(A, j, x, y, .1), P), L = Math.max(x, h.width), R = y + h.height + M, z = N.rectangle(-L / 2, -R / 2, L, R, {
 		...P,
 		fill: "transparent",
 		stroke: "none"
 	}), B = m.insert(() => F, ":first-child"), V = m.insert(() => z);
-	if (o.icon) {
+	if (a.icon) {
 		let e = m.append("g");
-		e.html(`<g>${await getIconSVG(o.icon, {
+		e.html(`<g>${await getIconSVG(a.icon, {
 			height: f,
 			width: f,
 			fallbackPrefix: ""
 		})}</g>`);
-		let a = e.node().getBBox(), s = a.width, c = a.height, l = a.x, u = a.y;
+		let o = e.node().getBBox(), s = o.width, c = o.height, l = o.x, u = o.y;
 		e.attr("transform", `translate(${-s / 2 - l},${v ? h.height / 2 + M / 2 - c / 2 - u : -h.height / 2 - M / 2 - c / 2 - u})`), e.attr("style", `color: ${k.get("stroke") ?? w};`);
 	}
-	return _.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -R / 2 : R / 2 - h.height})`), B.attr("transform", `translate(0,${v ? h.height / 2 + M / 2 : -h.height / 2 - M / 2})`), updateNodeBounds(o, V), o.intersect = function(e) {
-		if (log.info("iconSquare intersect", o, e), !o.label) return intersect_default.rect(o, e);
-		let s = o.x ?? 0, c = o.y ?? 0, l = o.height ?? 0, u = [];
+	return _.attr("transform", `translate(${-h.width / 2 - (h.x - (h.left ?? 0))},${v ? -R / 2 : R / 2 - h.height})`), B.attr("transform", `translate(0,${v ? h.height / 2 + M / 2 : -h.height / 2 - M / 2})`), updateNodeBounds(a, V), a.intersect = function(e) {
+		if (log.info("iconSquare intersect", a, e), !a.label) return intersect_default.rect(a, e);
+		let s = a.x ?? 0, c = a.y ?? 0, l = a.height ?? 0, u = [];
 		return u = v ? [
 			{
 				x: s - h.width / 2,
@@ -1469,35 +1469,35 @@ async function iconSquare(e, o, { config: { themeVariables: s, flowchart: c } })
 				x: s - x / 2,
 				y: c - l / 2 + y
 			}
-		], intersect_default.polygon(o, u, e);
+		], intersect_default.polygon(a, u, e);
 	}, m;
 }
 __name(iconSquare, "iconSquare");
-async function imageSquare(e, o, { config: { flowchart: s } }) {
+async function imageSquare(e, a, { config: { flowchart: s } }) {
 	let c = new Image();
-	c.src = o?.img ?? "", await c.decode();
+	c.src = a?.img ?? "", await c.decode();
 	let l = Number(c.naturalWidth.toString().replace("px", "")), u = Number(c.naturalHeight.toString().replace("px", ""));
-	o.imageAspectRatio = l / u;
-	let { labelStyles: d } = styles2String(o);
-	o.labelStyle = d;
+	a.imageAspectRatio = l / u;
+	let { labelStyles: d } = styles2String(a);
+	a.labelStyle = d;
 	let f = s?.wrappingWidth;
-	o.defaultWidth = s?.wrappingWidth;
-	let p = Math.max(o.label ? f ?? 0 : 0, o?.assetWidth ?? l), m = o.constraint === "on" && o?.assetHeight ? o.assetHeight * o.imageAspectRatio : p, h = o.constraint === "on" ? m / o.imageAspectRatio : o?.assetHeight ?? u;
-	o.width = Math.max(m, f ?? 0);
-	let { shapeSvg: g, bbox: _, label: v } = await labelHelper(e, o, "image-shape default"), y = o.pos === "t", b = -m / 2, x = -h / 2, w = o.label ? 8 : 0, T = at.svg(g), D = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (D.roughness = 0, D.fillStyle = "solid");
+	a.defaultWidth = s?.wrappingWidth;
+	let p = Math.max(a.label ? f ?? 0 : 0, a?.assetWidth ?? l), m = a.constraint === "on" && a?.assetHeight ? a.assetHeight * a.imageAspectRatio : p, h = a.constraint === "on" ? m / a.imageAspectRatio : a?.assetHeight ?? u;
+	a.width = Math.max(m, f ?? 0);
+	let { shapeSvg: g, bbox: _, label: v } = await labelHelper(e, a, "image-shape default"), y = a.pos === "t", b = -m / 2, x = -h / 2, w = a.label ? 8 : 0, T = at.svg(g), D = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (D.roughness = 0, D.fillStyle = "solid");
 	let k = T.rectangle(b, x, m, h, D), A = Math.max(m, _.width), j = h + _.height + w, M = T.rectangle(-A / 2, -j / 2, A, j, {
 		...D,
 		fill: "none",
 		stroke: "none"
 	}), N = g.insert(() => k, ":first-child"), P = g.insert(() => M);
-	if (o.img) {
+	if (a.img) {
 		let e = g.append("image");
-		e.attr("href", o.img), e.attr("width", m), e.attr("height", h), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-m / 2},${y ? j / 2 - h : -j / 2})`);
+		e.attr("href", a.img), e.attr("width", m), e.attr("height", h), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-m / 2},${y ? j / 2 - h : -j / 2})`);
 	}
-	return v.attr("transform", `translate(${-_.width / 2 - (_.x - (_.left ?? 0))},${y ? -h / 2 - _.height / 2 - w / 2 : h / 2 - _.height / 2 + w / 2})`), N.attr("transform", `translate(0,${y ? _.height / 2 + w / 2 : -_.height / 2 - w / 2})`), updateNodeBounds(o, P), o.intersect = function(e) {
-		if (log.info("iconSquare intersect", o, e), !o.label) return intersect_default.rect(o, e);
-		let s = o.x ?? 0, c = o.y ?? 0, l = o.height ?? 0, u = [];
+	return v.attr("transform", `translate(${-_.width / 2 - (_.x - (_.left ?? 0))},${y ? -h / 2 - _.height / 2 - w / 2 : h / 2 - _.height / 2 + w / 2})`), N.attr("transform", `translate(0,${y ? _.height / 2 + w / 2 : -_.height / 2 - w / 2})`), updateNodeBounds(a, P), a.intersect = function(e) {
+		if (log.info("iconSquare intersect", a, e), !a.label) return intersect_default.rect(a, e);
+		let s = a.x ?? 0, c = a.y ?? 0, l = a.height ?? 0, u = [];
 		return u = y ? [
 			{
 				x: s - _.width / 2,
@@ -1564,7 +1564,7 @@ async function imageSquare(e, o, { config: { flowchart: s } }) {
 				x: s - m / 2,
 				y: c - l / 2 + h
 			}
-		], intersect_default.polygon(o, u, e);
+		], intersect_default.polygon(a, u, e);
 	}, g;
 }
 __name(imageSquare, "imageSquare");
@@ -1665,10 +1665,10 @@ async function lean_right(e, a) {
 	}, d;
 }
 __name(lean_right, "lean_right");
-function lightningBolt(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.label = "", o.labelStyle = s;
-	let l = e.insert("g").attr("class", getNodeClasses(o)).attr("id", o.domId ?? o.id), { cssStyles: u } = o, d = Math.max(35, o?.width ?? 0), f = Math.max(35, o?.height ?? 0), p = [
+function lightningBolt(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.label = "", a.labelStyle = s;
+	let l = e.insert("g").attr("class", getNodeClasses(a)).attr("id", a.domId ?? a.id), { cssStyles: u } = a, d = Math.max(35, a?.width ?? 0), f = Math.max(35, a?.height ?? 0), p = [
 		{
 			x: d,
 			y: 0
@@ -1693,11 +1693,11 @@ function lightningBolt(e, o) {
 			x: 14,
 			y: f - 7 / 2
 		}
-	], m = at.svg(l), h = userNodeOverrides(o, {});
-	o.look !== "handDrawn" && (h.roughness = 0, h.fillStyle = "solid");
+	], m = at.svg(l), h = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (h.roughness = 0, h.fillStyle = "solid");
 	let g = createPathFromPoints(p), _ = m.path(g, h), v = l.insert(() => _, ":first-child");
-	return v.attr("class", "outer-path"), u && o.look !== "handDrawn" && v.selectAll("path").attr("style", u), c && o.look !== "handDrawn" && v.selectAll("path").attr("style", c), v.attr("transform", `translate(-${d / 2},${-f})`), updateNodeBounds(o, v), o.intersect = function(e) {
-		return log.info("lightningBolt intersect", o, e), intersect_default.polygon(o, p, e);
+	return v.attr("class", "outer-path"), u && a.look !== "handDrawn" && v.selectAll("path").attr("style", u), c && a.look !== "handDrawn" && v.selectAll("path").attr("style", c), v.attr("transform", `translate(-${d / 2},${-f})`), updateNodeBounds(a, v), a.intersect = function(e) {
+		return log.info("lightningBolt intersect", a, e), intersect_default.polygon(a, p, e);
 	}, l;
 }
 __name(lightningBolt, "lightningBolt");
@@ -1965,15 +1965,15 @@ async function multiWaveEdgedRectangle(e, a) {
 }
 __name(multiWaveEdgedRectangle, "multiWaveEdgedRectangle");
 async function note(e, a, { config: { themeVariables: o } }) {
-	let { labelStyles: c, nodeStyles: u } = styles2String(a);
-	a.labelStyle = c, a.useHtmlLabels || getEffectiveHtmlLabels(getConfig()) || (a.centerLabel = !0);
+	let { labelStyles: s, nodeStyles: l } = styles2String(a);
+	a.labelStyle = s, a.useHtmlLabels || getEffectiveHtmlLabels(getConfig()) || (a.centerLabel = !0);
 	let { shapeSvg: d, bbox: f, label: p } = await labelHelper(e, a, getNodeClasses(a)), m = Math.max(f.width + (a.padding ?? 0) * 2, a?.width ?? 0), h = Math.max(f.height + (a.padding ?? 0) * 2, a?.height ?? 0), g = -m / 2, _ = -h / 2, { cssStyles: v } = a, y = at.svg(d), b = userNodeOverrides(a, {
 		fill: o.noteBkgColor,
 		stroke: o.noteBorderColor
 	});
 	a.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
 	let x = y.rectangle(g, _, m, h, b), w = d.insert(() => x, ":first-child");
-	return w.attr("class", "basic label-container outer-path"), p.attr("class", "label noteLabel"), v && a.look !== "handDrawn" && w.selectAll("path").attr("style", v), u && a.look !== "handDrawn" && w.selectAll("path").attr("style", u), p.attr("transform", `translate(${-f.width / 2 - (f.x - (f.left ?? 0))}, ${-(f.height / 2) - (f.y - (f.top ?? 0))})`), updateNodeBounds(a, w), a.intersect = function(e) {
+	return w.attr("class", "basic label-container outer-path"), p.attr("class", "label noteLabel"), v && a.look !== "handDrawn" && w.selectAll("path").attr("style", v), l && a.look !== "handDrawn" && w.selectAll("path").attr("style", l), p.attr("transform", `translate(${-f.width / 2 - (f.x - (f.left ?? 0))}, ${-(f.height / 2) - (f.y - (f.top ?? 0))})`), updateNodeBounds(a, w), a.intersect = function(e) {
 		return intersect_default.rect(a, e);
 	}, d;
 }
@@ -2070,32 +2070,32 @@ async function rect_left_inv_arrow(e, a) {
 	}, d;
 }
 __name(rect_left_inv_arrow, "rect_left_inv_arrow");
-async function rectWithTitle(e, o) {
-	let { labelStyles: s, nodeStyles: u } = styles2String(o);
-	o.labelStyle = s;
-	let d;
-	d = o.cssClasses ? "node " + o.cssClasses : "node default";
-	let f = e.insert("g").attr("class", d).attr("id", o.domId || o.id), p = f.insert("g"), h = f.insert("g").attr("class", "label").attr("style", u), g = o.description, _ = o.label, v = await createLabel_default(h, _, o.labelStyle, !0, !0), y = {
+async function rectWithTitle(a, s) {
+	let { labelStyles: c, nodeStyles: d } = styles2String(s);
+	s.labelStyle = c;
+	let f;
+	f = s.cssClasses ? "node " + s.cssClasses : "node default";
+	let p = a.insert("g").attr("class", f).attr("id", s.domId || s.id), m = p.insert("g"), h = p.insert("g").attr("class", "label").attr("style", d), g = s.description, _ = s.label, v = await createLabel_default(h, _, s.labelStyle, !0, !0), y = {
 		width: 0,
 		height: 0
 	};
 	if (getEffectiveHtmlLabels(getConfig2())) {
-		let e = v.children[0], a = select_default(v);
-		y = e.getBoundingClientRect(), a.attr("width", y.width), a.attr("height", y.height);
+		let a = v.children[0], o = select_default(v);
+		y = a.getBoundingClientRect(), o.attr("width", y.width), o.attr("height", y.height);
 	}
 	log.info("Text 2", g);
-	let b = g || [], x = v.getBBox(), w = await createLabel_default(h, Array.isArray(b) ? b.join("<br/>") : b, o.labelStyle, !0, !0), T = w.children[0], E = select_default(w);
+	let b = g || [], x = v.getBBox(), w = await createLabel_default(h, Array.isArray(b) ? b.join("<br/>") : b, s.labelStyle, !0, !0), T = w.children[0], E = select_default(w);
 	y = T.getBoundingClientRect(), E.attr("width", y.width), E.attr("height", y.height);
-	let D = (o.padding || 0) / 2;
+	let D = (s.padding || 0) / 2;
 	select_default(w).attr("transform", "translate( " + (y.width > x.width ? 0 : (x.width - y.width) / 2) + ", " + (x.height + D + 5) + ")"), select_default(v).attr("transform", "translate( " + (y.width < x.width ? 0 : -(x.width - y.width) / 2) + ", 0)"), y = h.node().getBBox(), h.attr("transform", "translate(" + -y.width / 2 + ", " + (-y.height / 2 - D + 3) + ")");
-	let k = y.width + (o.padding || 0), A = y.height + (o.padding || 0), j = -y.width / 2 - D, M = -y.height / 2 - D, N, P;
-	if (o.look === "handDrawn") {
-		let e = at.svg(f), s = userNodeOverrides(o, {}), c = e.path(createRoundedRectPathD(j, M, k, A, o.rx || 0), s), l = e.line(-y.width / 2 - D, -y.height / 2 - D + x.height + D, y.width / 2 + D, -y.height / 2 - D + x.height + D, s);
-		P = f.insert(() => (log.debug("Rough node insert CXC", c), l), ":first-child"), N = f.insert(() => (log.debug("Rough node insert CXC", c), c), ":first-child");
-	} else N = p.insert("rect", ":first-child"), P = p.insert("line"), N.attr("class", "outer title-state").attr("style", u).attr("x", -y.width / 2 - D).attr("y", -y.height / 2 - D).attr("width", y.width + (o.padding || 0)).attr("height", y.height + (o.padding || 0)), P.attr("class", "divider").attr("x1", -y.width / 2 - D).attr("x2", y.width / 2 + D).attr("y1", -y.height / 2 - D + x.height + D).attr("y2", -y.height / 2 - D + x.height + D);
-	return updateNodeBounds(o, N), o.intersect = function(e) {
-		return intersect_default.rect(o, e);
-	}, f;
+	let k = y.width + (s.padding || 0), A = y.height + (s.padding || 0), j = -y.width / 2 - D, M = -y.height / 2 - D, N, P;
+	if (s.look === "handDrawn") {
+		let e = at.svg(p), a = userNodeOverrides(s, {}), c = e.path(createRoundedRectPathD(j, M, k, A, s.rx || 0), a), l = e.line(-y.width / 2 - D, -y.height / 2 - D + x.height + D, y.width / 2 + D, -y.height / 2 - D + x.height + D, a);
+		P = p.insert(() => (log.debug("Rough node insert CXC", c), l), ":first-child"), N = p.insert(() => (log.debug("Rough node insert CXC", c), c), ":first-child");
+	} else N = m.insert("rect", ":first-child"), P = m.insert("line"), N.attr("class", "outer title-state").attr("style", d).attr("x", -y.width / 2 - D).attr("y", -y.height / 2 - D).attr("width", y.width + (s.padding || 0)).attr("height", y.height + (s.padding || 0)), P.attr("class", "divider").attr("x1", -y.width / 2 - D).attr("x2", y.width / 2 + D).attr("y1", -y.height / 2 - D + x.height + D).attr("y2", -y.height / 2 - D + x.height + D);
+	return updateNodeBounds(s, N), s.intersect = function(e) {
+		return intersect_default.rect(s, e);
+	}, p;
 }
 __name(rectWithTitle, "rectWithTitle");
 async function roundedRect(e, a, { config: { themeVariables: o } }) {
@@ -2538,12 +2538,12 @@ async function trapezoidalPentagon(e, a) {
 }
 __name(trapezoidalPentagon, "trapezoidalPentagon");
 var MIN_HEIGHT5 = 10, MIN_WIDTH5 = 10;
-async function triangle(e, s) {
-	let { labelStyles: l, nodeStyles: u } = styles2String(s);
-	s.labelStyle = l;
-	let d = s.padding ?? 0, f = s.look === "neo" ? d * 2 : d;
-	(s.width || s.height) && (s.width = ((s?.width ?? 0) - f) / 2, s.width < MIN_WIDTH5 && (s.width = MIN_WIDTH5), s.height = s?.height ?? 0, s.height < MIN_HEIGHT5 && (s.height = MIN_HEIGHT5));
-	let { shapeSvg: p, bbox: m, label: h } = await labelHelper(e, s, getNodeClasses(s)), g = evaluate(getConfig2().flowchart?.htmlLabels), _ = (s?.width ? s?.width : m.width) + f, v = s?.height ? s?.height : _ + m.height, y = v, b = [
+async function triangle(e, a) {
+	let { labelStyles: c, nodeStyles: u } = styles2String(a);
+	a.labelStyle = c;
+	let d = a.padding ?? 0, f = a.look === "neo" ? d * 2 : d;
+	(a.width || a.height) && (a.width = ((a?.width ?? 0) - f) / 2, a.width < MIN_WIDTH5 && (a.width = MIN_WIDTH5), a.height = a?.height ?? 0, a.height < MIN_HEIGHT5 && (a.height = MIN_HEIGHT5));
+	let { shapeSvg: p, bbox: m, label: h } = await labelHelper(e, a, getNodeClasses(a)), g = evaluate(getConfig2().flowchart?.htmlLabels), _ = (a?.width ? a?.width : m.width) + f, v = a?.height ? a?.height : _ + m.height, y = v, b = [
 		{
 			x: 0,
 			y: 0
@@ -2556,11 +2556,11 @@ async function triangle(e, s) {
 			x: y / 2,
 			y: -v
 		}
-	], { cssStyles: x } = s, w = at.svg(p), T = userNodeOverrides(s, {});
-	s.look !== "handDrawn" && (T.roughness = 0, T.fillStyle = "solid");
+	], { cssStyles: x } = a, w = at.svg(p), T = userNodeOverrides(a, {});
+	a.look !== "handDrawn" && (T.roughness = 0, T.fillStyle = "solid");
 	let D = createPathFromPoints(b), j = w.path(D, T), M = p.insert(() => j, ":first-child").attr("transform", `translate(${-v / 2}, ${v / 2})`).attr("class", "outer-path");
-	return x && s.look !== "handDrawn" && M.selectChildren("path").attr("style", x), u && s.look !== "handDrawn" && M.selectChildren("path").attr("style", u), s.width = _, s.height = v, updateNodeBounds(s, M), h.attr("transform", `translate(${-m.width / 2 - (m.x - (m.left ?? 0))}, ${v / 2 - (m.height + (s.padding ?? 0) / (g ? 2 : 1) - (m.y - (m.top ?? 0)))})`), s.intersect = function(e) {
-		return log.info("Triangle intersect", s, b, e), intersect_default.polygon(s, b, e);
+	return x && a.look !== "handDrawn" && M.selectChildren("path").attr("style", x), u && a.look !== "handDrawn" && M.selectChildren("path").attr("style", u), a.width = _, a.height = v, updateNodeBounds(a, M), h.attr("transform", `translate(${-m.width / 2 - (m.x - (m.left ?? 0))}, ${v / 2 - (m.height + (a.padding ?? 0) / (g ? 2 : 1) - (m.y - (m.top ?? 0)))})`), a.intersect = function(e) {
+		return log.info("Triangle intersect", a, b, e), intersect_default.polygon(a, b, e);
 	}, p;
 }
 __name(triangle, "triangle");
@@ -2658,50 +2658,50 @@ var COLOR_THEMES = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]),
 	"redux-color",
 	"redux-dark-color"
 ]);
-async function erBox(e, a) {
-	let c = a;
-	c.alias && (a.label = c.alias);
-	let { theme: l, themeVariables: u } = getConfig(), { rowEven: d, rowOdd: f, nodeBorder: p, borderColorArray: g } = u;
-	if (a.look === "handDrawn") {
-		let { themeVariables: o } = getConfig(), { background: c } = o;
-		await erBox(e, {
-			...a,
-			id: a.id + "-background",
-			domId: (a.domId || a.id) + "-background",
+async function erBox(a, o) {
+	let l = o;
+	l.alias && (o.label = l.alias);
+	let { theme: u, themeVariables: d } = getConfig(), { rowEven: f, rowOdd: p, nodeBorder: m, borderColorArray: g } = d;
+	if (o.look === "handDrawn") {
+		let { themeVariables: e } = getConfig(), { background: s } = e;
+		await erBox(a, {
+			...o,
+			id: o.id + "-background",
+			domId: (o.domId || o.id) + "-background",
 			look: "default",
-			cssStyles: ["stroke: none", `fill: ${c}`]
+			cssStyles: ["stroke: none", `fill: ${s}`]
 		});
 	}
 	let _ = getConfig();
-	a.useHtmlLabels = _.htmlLabels;
-	let v = _.er?.diagramPadding ?? 10, y = _.er?.entityPadding ?? 6, { cssStyles: b } = a, { labelStyles: x, nodeStyles: w } = styles2String(a);
-	if (c.attributes.length === 0 && a.label) {
-		let s = {
+	o.useHtmlLabels = _.htmlLabels;
+	let v = _.er?.diagramPadding ?? 10, y = _.er?.entityPadding ?? 6, { cssStyles: b } = o, { labelStyles: x, nodeStyles: w } = styles2String(o);
+	if (l.attributes.length === 0 && o.label) {
+		let e = {
 			rx: 0,
 			ry: 0,
 			labelPaddingX: v,
 			labelPaddingY: v * 1.5,
 			classes: ""
 		};
-		calculateTextWidth(a.label, _) + s.labelPaddingX * 2 < _.er.minEntityWidth && (a.width = _.er.minEntityWidth);
-		let u = await drawRect(e, a, s);
-		if (l != null && COLOR_THEMES.has(l)) {
-			let e = c.colorIndex ?? 0;
-			u.attr("data-color-id", `color-${e % g.length}`);
+		calculateTextWidth(o.label, _) + e.labelPaddingX * 2 < _.er.minEntityWidth && (o.width = _.er.minEntityWidth);
+		let c = await drawRect(a, o, e);
+		if (u != null && COLOR_THEMES.has(u)) {
+			let e = l.colorIndex ?? 0;
+			c.attr("data-color-id", `color-${e % g.length}`);
 		}
 		if (!evaluate(_.htmlLabels)) {
-			let e = u.select("text"), a = e.node()?.getBBox();
+			let e = c.select("text"), a = e.node()?.getBBox();
 			e.attr("transform", `translate(${-a.width / 2}, 0)`);
 		}
-		return u;
+		return c;
 	}
 	_.htmlLabels || (v *= 1.25, y *= 1.25);
-	let T = getNodeClasses(a);
+	let T = getNodeClasses(o);
 	T ||= "node default";
-	let E = e.insert("g").attr("class", T).attr("id", a.domId || a.id), D = await addText(E, a.label ?? "", _, 0, 0, ["name"], x);
+	let E = a.insert("g").attr("class", T).attr("id", o.domId || o.id), D = await addText(E, o.label ?? "", _, 0, 0, ["name"], x);
 	D.height += y;
 	let A = 0, j = [], M = [], N = 0, P = 0, F = 0, I = 0, L = !0, R = !0;
-	for (let e of c.attributes) {
+	for (let e of l.attributes) {
 		let a = await addText(E, e.type, _, 0, A, ["attribute-type"], x);
 		N = Math.max(N, a.width + v);
 		let o = await addText(E, e.name, _, 0, A, ["attribute-name"], x);
@@ -2723,20 +2723,20 @@ async function erBox(e, a) {
 		let e = D.width + v * 2 - (N + P + F + I);
 		N += e / z, P += e / z, F > 0 && (F += e / z), I > 0 && (I += e / z);
 	}
-	let V = N + P + F + I, H = at.svg(E), U = userNodeOverrides(a, {});
-	a.look !== "handDrawn" && (U.roughness = 0, U.fillStyle = "solid");
+	let V = N + P + F + I, H = at.svg(E), U = userNodeOverrides(o, {});
+	o.look !== "handDrawn" && (U.roughness = 0, U.fillStyle = "solid");
 	let W = 0;
 	M.length > 0 && (W = M.reduce((e, a) => e + (a?.rowHeight ?? 0), 0));
-	let G = Math.max(B.width + v * 2, a?.width || 0, V), K = Math.max((W ?? 0) + D.height, a?.height || 0), q = -G / 2, J = -K / 2;
-	if (E.selectAll("g:not(:first-child)").each((e, a, o) => {
-		let s = select_default(o[a]), c = s.attr("transform"), l = 0, u = 0;
-		if (c) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(c);
-			e && (l = parseFloat(e[1]), u = parseFloat(e[2]), s.attr("class").includes("attribute-name") ? l += N : s.attr("class").includes("attribute-keys") ? l += N + P : s.attr("class").includes("attribute-comment") && (l += N + P + F));
+	let G = Math.max(B.width + v * 2, o?.width || 0, V), K = Math.max((W ?? 0) + D.height, o?.height || 0), q = -G / 2, J = -K / 2;
+	if (E.selectAll("g:not(:first-child)").each((a, o, s) => {
+		let c = select_default(s[o]), l = c.attr("transform"), u = 0, d = 0;
+		if (l) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(l);
+			e && (u = parseFloat(e[1]), d = parseFloat(e[2]), c.attr("class").includes("attribute-name") ? u += N : c.attr("class").includes("attribute-keys") ? u += N + P : c.attr("class").includes("attribute-comment") && (u += N + P + F));
 		}
-		s.attr("transform", `translate(${q + v / 2 + l}, ${u + J + D.height + y / 2})`);
-	}), E.select(".name").attr("transform", "translate(" + -D.width / 2 + ", " + (J + y / 2) + ")"), l != null && COLOR_THEMES.has(l)) {
-		let e = c.colorIndex ?? 0;
+		c.attr("transform", `translate(${q + v / 2 + u}, ${d + J + D.height + y / 2})`);
+	}), E.select(".name").attr("transform", "translate(" + -D.width / 2 + ", " + (J + y / 2) + ")"), u != null && COLOR_THEMES.has(u)) {
+		let e = l.colorIndex ?? 0;
 		E.attr("data-color-id", `color-${e % g.length}`);
 	}
 	let Y = H.rectangle(q, J, G, K, U), X = E.insert(() => Y, ":first-child").attr("class", "outer-path").attr("style", b.join(""));
@@ -2744,8 +2744,8 @@ async function erBox(e, a) {
 	for (let [e, a] of M.entries()) {
 		let o = (e + 1) % 2 == 0 && a.yOffset !== 0, s = H.rectangle(q, D.height + J + a?.yOffset, G, a?.rowHeight, {
 			...U,
-			fill: o ? d : f,
-			stroke: p
+			fill: o ? f : p,
+			stroke: m
 		});
 		E.insert(() => s, "g.label").attr("style", b.join("")).attr("class", `row-rect-${o ? "even" : "odd"}`);
 	}
@@ -2762,34 +2762,34 @@ async function erBox(e, a) {
 		let a = D.height + J + e;
 		Q = lineToPolygon(q, a, G + q, a, Z), $ = H.polygon(Q.map((e) => [e.x, e.y]), U), E.insert(() => $).attr("class", "divider");
 	}
-	if (updateNodeBounds(a, X), w && a.look !== "handDrawn") if (l != null && REDUX_THEMES.has(l)) E.selectAll("path").attr("style", w);
+	if (updateNodeBounds(o, X), w && o.look !== "handDrawn") if (u != null && REDUX_THEMES.has(u)) E.selectAll("path").attr("style", w);
 	else {
 		let e = w.split(";")?.filter((e) => e.includes("stroke"))?.map((e) => `${e}`).join("; ");
 		E.selectAll("path").attr("style", e ?? ""), E.selectAll(".row-rect-even path").attr("style", w);
 	}
-	return a.intersect = function(e) {
-		return intersect_default.rect(a, e);
+	return o.intersect = function(e) {
+		return intersect_default.rect(o, e);
 	}, E;
 }
 __name(erBox, "erBox");
-async function addText(e, a, s, c = 0, l = 0, u = [], f = "") {
-	let p = e.insert("g").attr("class", `label ${u.join(" ")}`).attr("transform", `translate(${c}, ${l})`).attr("style", f);
-	a !== parseGenericTypes(a) && (a = parseGenericTypes(a), a = a.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
-	let g = p.node().appendChild(await createText(p, a, {
-		width: calculateTextWidth(a, s) + 100,
-		style: f,
-		useHtmlLabels: s.htmlLabels
-	}, s));
-	if (a.includes("&lt;") || a.includes("&gt;")) {
+async function addText(a, o, c, l = 0, u = 0, d = [], p = "") {
+	let m = a.insert("g").attr("class", `label ${d.join(" ")}`).attr("transform", `translate(${l}, ${u})`).attr("style", p);
+	o !== parseGenericTypes(o) && (o = parseGenericTypes(o), o = o.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
+	let g = m.node().appendChild(await createText(m, o, {
+		width: calculateTextWidth(o, c) + 100,
+		style: p,
+		useHtmlLabels: c.htmlLabels
+	}, c));
+	if (o.includes("&lt;") || o.includes("&gt;")) {
 		let e = g.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 _ = g.getBBox();
-	if (evaluate(s.htmlLabels)) {
-		let e = g.children[0];
-		e.style.textAlign = "start";
-		let a = select_default(g);
-		_ = e.getBoundingClientRect(), a.attr("width", _.width), a.attr("height", _.height);
+	if (evaluate(c.htmlLabels)) {
+		let a = g.children[0];
+		a.style.textAlign = "start";
+		let o = select_default(g);
+		_ = a.getBoundingClientRect(), o.attr("width", _.width), o.attr("height", _.height);
 	}
 	return _;
 }
@@ -2863,23 +2863,23 @@ async function textHelper(e, a, o, s, c = o.class.padding ?? 12) {
 	};
 }
 __name(textHelper, "textHelper");
-async function addText2(a, c, l, d = []) {
-	let f = a.insert("g").attr("class", "label").attr("style", d.join("; ")), _ = getConfig(), v = "useHtmlLabels" in c ? c.useHtmlLabels : evaluate(_.htmlLabels) ?? !0, y = "";
-	y = "text" in c ? c.text : c.label, !v && y.startsWith("\\") && (y = y.substring(1)), hasKatex(y) && (v = !0);
-	let b = await createText(f, sanitizeText3(decodeEntities(y)), {
+async function addText2(o, l, u, f = []) {
+	let p = o.insert("g").attr("class", "label").attr("style", f.join("; ")), _ = getConfig(), v = "useHtmlLabels" in l ? l.useHtmlLabels : evaluate(_.htmlLabels) ?? !0, y = "";
+	y = "text" in l ? l.text : l.label, !v && y.startsWith("\\") && (y = y.substring(1)), hasKatex(y) && (v = !0);
+	let b = await createText(p, sanitizeText3(decodeEntities(y)), {
 		width: calculateTextWidth(y, _) + 50,
 		classes: "markdown-node-label",
 		useHtmlLabels: v
 	}, _), x, S = 1;
 	if (v) {
-		let a = b.children[0], o = select_default(b);
-		S = a.innerHTML.split("<br>").length, a.innerHTML.includes("</math>") && (S += a.innerHTML.split("<mrow>").length - 1);
-		let s = a.getElementsByTagName("img");
-		if (s) {
-			let a = y.replace(/<img[^>]*>/g, "").trim() === "";
-			await Promise.all([...s].map((o) => new Promise((s) => {
+		let o = b.children[0], s = select_default(b);
+		S = o.innerHTML.split("<br>").length, o.innerHTML.includes("</math>") && (S += o.innerHTML.split("<mrow>").length - 1);
+		let c = o.getElementsByTagName("img");
+		if (c) {
+			let e = y.replace(/<img[^>]*>/g, "").trim() === "";
+			await Promise.all([...c].map((o) => new Promise((s) => {
 				function c() {
-					if (o.style.display = "flex", o.style.flexDirection = "column", a) {
+					if (o.style.display = "flex", o.style.flexDirection = "column", e) {
 						let e = _.fontSize?.toString() ?? window.getComputedStyle(document.body).fontSize, a = parseInt(e, 10) * 5 + "px";
 						o.style.minWidth = a, o.style.maxWidth = a;
 					} else o.style.width = "100%";
@@ -2890,56 +2890,56 @@ async function addText2(a, c, l, d = []) {
 				}), o.addEventListener("error", c), o.addEventListener("load", c);
 			})));
 		}
-		x = a.getBoundingClientRect(), o.attr("width", x.width), o.attr("height", x.height);
+		x = o.getBoundingClientRect(), s.attr("width", x.width), s.attr("height", x.height);
 	} else {
-		d.includes("font-weight: bolder") && select_default(b).selectAll("tspan").attr("font-weight", ""), S = b.children.length;
-		let e = b.children[0];
-		(b.textContent === "" || b.textContent.includes("&gt")) && (e.textContent = y[0] + y.substring(1).replaceAll("&gt;", ">").replaceAll("&lt;", "<").trim(), y[1] === " " && (e.textContent = e.textContent[0] + " " + e.textContent.substring(1))), e.textContent === "undefined" && (e.textContent = ""), x = b.getBBox();
+		f.includes("font-weight: bolder") && select_default(b).selectAll("tspan").attr("font-weight", ""), S = b.children.length;
+		let a = b.children[0];
+		(b.textContent === "" || b.textContent.includes("&gt")) && (a.textContent = y[0] + y.substring(1).replaceAll("&gt;", ">").replaceAll("&lt;", "<").trim(), y[1] === " " && (a.textContent = a.textContent[0] + " " + a.textContent.substring(1))), a.textContent === "undefined" && (a.textContent = ""), x = b.getBBox();
 	}
-	return f.attr("transform", "translate(0," + (-x.height / (2 * S) + l) + ")"), x.height;
+	return p.attr("transform", "translate(0," + (-x.height / (2 * S) + u) + ")"), x.height;
 }
 __name(addText2, "addText");
-async function classBox(e, a) {
-	let s = getConfig2(), { themeVariables: l } = s, { useGradient: u } = l, d = s.class.padding ?? 12, f = d, p = a.useHtmlLabels ?? evaluate(s.htmlLabels) ?? !0, h = a;
+async function classBox(a, o) {
+	let c = getConfig2(), { themeVariables: u } = c, { useGradient: d } = u, f = c.class.padding ?? 12, p = f, m = o.useHtmlLabels ?? evaluate(c.htmlLabels) ?? !0, h = o;
 	h.annotations = h.annotations ?? [], h.members = h.members ?? [], h.methods = h.methods ?? [];
-	let { shapeSvg: g, bbox: _ } = await textHelper(e, a, s, p, f), { labelStyles: v, nodeStyles: y } = styles2String(a);
-	a.labelStyle = v, a.cssStyles = h.styles || "";
+	let { shapeSvg: g, bbox: _ } = await textHelper(a, o, c, m, p), { labelStyles: v, nodeStyles: y } = styles2String(o);
+	o.labelStyle = v, o.cssStyles = h.styles || "";
 	let b = h.styles?.join(";") || y || "";
-	a.cssStyles ||= b.replaceAll("!important", "").split(";");
-	let x = h.members.length === 0 && h.methods.length === 0 && !s.class?.hideEmptyMembersBox, w = at.svg(g), T = userNodeOverrides(a, {});
-	a.look !== "handDrawn" && (T.roughness = 0, T.fillStyle = "solid");
-	let E = Math.max(a.width ?? 0, _.width), D = Math.max(a.height ?? 0, _.height), k = (a.height ?? 0) > _.height;
-	h.members.length === 0 && h.methods.length === 0 ? D += f : h.members.length > 0 && h.methods.length === 0 && (D += f * 2);
-	let A = -E / 2, j = -D / 2, M = x ? d * 2 : h.members.length === 0 && h.methods.length === 0 ? -d : 0;
-	k && (M = d * 2);
-	let N = w.rectangle(A - d, j - d - (x ? d : h.members.length === 0 && h.methods.length === 0 ? -d / 2 : 0), E + 2 * d, D + 2 * d + M, T), P = g.insert(() => N, ":first-child");
+	o.cssStyles ||= b.replaceAll("!important", "").split(";");
+	let x = h.members.length === 0 && h.methods.length === 0 && !c.class?.hideEmptyMembersBox, w = at.svg(g), T = userNodeOverrides(o, {});
+	o.look !== "handDrawn" && (T.roughness = 0, T.fillStyle = "solid");
+	let E = Math.max(o.width ?? 0, _.width), D = Math.max(o.height ?? 0, _.height), k = (o.height ?? 0) > _.height;
+	h.members.length === 0 && h.methods.length === 0 ? D += p : h.members.length > 0 && h.methods.length === 0 && (D += p * 2);
+	let A = -E / 2, j = -D / 2, M = x ? f * 2 : h.members.length === 0 && h.methods.length === 0 ? -f : 0;
+	k && (M = f * 2);
+	let N = w.rectangle(A - f, j - f - (x ? f : h.members.length === 0 && h.methods.length === 0 ? -f / 2 : 0), E + 2 * f, D + 2 * f + M, T), P = g.insert(() => N, ":first-child");
 	P.attr("class", "basic label-container outer-path");
-	let F = P.node().getBBox(), I = g.select(".annotation-group").node().getBBox().height - (x ? d / 2 : 0) || 0, L = g.select(".label-group").node().getBBox().height - (x ? d / 2 : 0) || 0, R = g.select(".members-group").node().getBBox().height - (x ? d / 2 : 0) || 0, z = (I + L + j + d - (j - d - (x ? d : h.members.length === 0 && h.methods.length === 0 ? -d / 2 : 0))) / 2;
-	if (g.selectAll(".text").each((e, a, o) => {
-		let c = select_default(o[a]), l = c.attr("transform"), u = 0;
-		if (l) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(l);
-			e && (u = parseFloat(e[2]));
+	let F = P.node().getBBox(), I = g.select(".annotation-group").node().getBBox().height - (x ? f / 2 : 0) || 0, L = g.select(".label-group").node().getBBox().height - (x ? f / 2 : 0) || 0, R = g.select(".members-group").node().getBBox().height - (x ? f / 2 : 0) || 0, z = (I + L + j + f - (j - f - (x ? f : h.members.length === 0 && h.methods.length === 0 ? -f / 2 : 0))) / 2;
+	if (g.selectAll(".text").each((a, o, s) => {
+		let l = select_default(s[o]), u = l.attr("transform"), d = 0;
+		if (u) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(u);
+			e && (d = parseFloat(e[2]));
 		}
-		let _ = u + j + d - (x ? d : h.members.length === 0 && h.methods.length === 0 ? -d / 2 : 0);
-		if (c.attr("class").includes("methods-group")) {
-			let e = Math.max(R, f / 2);
-			_ = k ? Math.max(z, I + L + e + j + f * 2 + d) + f * 2 : I + L + e + j + f * 4 + d;
+		let _ = d + j + f - (x ? f : h.members.length === 0 && h.methods.length === 0 ? -f / 2 : 0);
+		if (l.attr("class").includes("methods-group")) {
+			let e = Math.max(R, p / 2);
+			_ = k ? Math.max(z, I + L + e + j + p * 2 + f) + p * 2 : I + L + e + j + p * 4 + f;
 		}
-		h.members.length === 0 && h.methods.length === 0 && s.class?.hideEmptyMembersBox && (_ = h.annotations.length > 0 ? u - f : u), p || (_ -= 4);
+		h.members.length === 0 && h.methods.length === 0 && c.class?.hideEmptyMembersBox && (_ = h.annotations.length > 0 ? d - p : d), m || (_ -= 4);
 		let v = A;
-		(c.attr("class").includes("label-group") || c.attr("class").includes("annotation-group")) && (v = -c.node()?.getBBox().width / 2 || 0, g.selectAll("text").each(function(e, a, o) {
+		(l.attr("class").includes("label-group") || l.attr("class").includes("annotation-group")) && (v = -l.node()?.getBBox().width / 2 || 0, g.selectAll("text").each(function(e, a, o) {
 			window.getComputedStyle(o[a]).textAnchor === "middle" && (v = 0);
-		})), c.attr("transform", `translate(${v}, ${_})`);
+		})), l.attr("transform", `translate(${v}, ${_})`);
 	}), h.members.length > 0 || h.methods.length > 0 || x) {
-		let e = I + L + j + d, o = w.line(F.x, e, F.x + F.width, e + .001, T);
-		g.insert(() => o).attr("class", `divider${a.look === "neo" && !u ? " neo-line" : ""}`).attr("style", b);
+		let e = I + L + j + f, a = w.line(F.x, e, F.x + F.width, e + .001, T);
+		g.insert(() => a).attr("class", `divider${o.look === "neo" && !d ? " neo-line" : ""}`).attr("style", b);
 	}
 	if (x || h.members.length > 0 || h.methods.length > 0) {
-		let e = I + L + R + j + f * 2 + d, o = w.line(F.x, k ? Math.max(z, e) : e, F.x + F.width, (k ? Math.max(z, e) : e) + .001, T);
-		g.insert(() => o).attr("class", `divider${a.look === "neo" && !u ? " neo-line" : ""}`).attr("style", b);
+		let e = I + L + R + j + p * 2 + f, a = w.line(F.x, k ? Math.max(z, e) : e, F.x + F.width, (k ? Math.max(z, e) : e) + .001, T);
+		g.insert(() => a).attr("class", `divider${o.look === "neo" && !d ? " neo-line" : ""}`).attr("style", b);
 	}
-	if (h.look !== "handDrawn" && g.selectAll("path").attr("style", b), P.select(":nth-child(2)").attr("style", b), g.selectAll(".divider").select("path").attr("style", b), a.labelStyle ? g.selectAll("span").attr("style", a.labelStyle) : g.selectAll("span").attr("style", b), !p) {
+	if (h.look !== "handDrawn" && g.selectAll("path").attr("style", b), P.select(":nth-child(2)").attr("style", b), g.selectAll(".divider").select("path").attr("style", b), o.labelStyle ? g.selectAll("span").attr("style", o.labelStyle) : g.selectAll("span").attr("style", b), !m) {
 		let e = RegExp(/color\s*:\s*([^;]*)/), a = e.exec(b);
 		if (a) {
 			let e = a[0].replace("color", "fill");
@@ -2952,78 +2952,78 @@ async function classBox(e, a) {
 			}
 		}
 	}
-	return updateNodeBounds(a, P), a.intersect = function(e) {
-		return intersect_default.rect(a, e);
+	return updateNodeBounds(o, P), o.intersect = function(e) {
+		return intersect_default.rect(o, e);
 	}, g;
 }
 __name(classBox, "classBox");
-async function requirementBox(e, a) {
-	let { labelStyles: o, nodeStyles: s } = styles2String(a);
-	a.labelStyle = o;
-	let l = a, u = a, d = "verifyMethod" in a, f = getNodeClasses(a), { themeVariables: p } = getConfig2(), { borderColorArray: h, requirementEdgeLabelBackground: g } = p, _ = e.insert("g").attr("class", f).attr("id", a.domId ?? a.id), v;
-	v = d ? await addText3(_, `&lt;&lt;${l.type}&gt;&gt;`, 0, a.labelStyle) : await addText3(_, "&lt;&lt;Element&gt;&gt;", 0, a.labelStyle);
-	let y = v, b = await addText3(_, l.name, y, a.labelStyle + "; font-weight: bold;");
-	if (y += b + 20, d) {
-		let e = await addText3(_, `${l.requirementId ? `ID: ${l.requirementId}` : ""}`, y, a.labelStyle);
+async function requirementBox(a, o) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(o);
+	o.labelStyle = s;
+	let u = o, d = o, f = "verifyMethod" in o, p = getNodeClasses(o), { themeVariables: m } = getConfig2(), { borderColorArray: h, requirementEdgeLabelBackground: g } = m, _ = a.insert("g").attr("class", p).attr("id", o.domId ?? o.id), v;
+	v = f ? await addText3(_, `&lt;&lt;${u.type}&gt;&gt;`, 0, o.labelStyle) : await addText3(_, "&lt;&lt;Element&gt;&gt;", 0, o.labelStyle);
+	let y = v, b = await addText3(_, u.name, y, o.labelStyle + "; font-weight: bold;");
+	if (y += b + 20, f) {
+		let e = await addText3(_, `${u.requirementId ? `ID: ${u.requirementId}` : ""}`, y, o.labelStyle);
 		y += e;
-		let o = await addText3(_, `${l.text ? `Text: ${l.text}` : ""}`, y, a.labelStyle);
-		y += o;
-		let s = await addText3(_, `${l.risk ? `Risk: ${l.risk}` : ""}`, y, a.labelStyle);
-		y += s, await addText3(_, `${l.verifyMethod ? `Verification: ${l.verifyMethod}` : ""}`, y, a.labelStyle);
+		let a = await addText3(_, `${u.text ? `Text: ${u.text}` : ""}`, y, o.labelStyle);
+		y += a;
+		let s = await addText3(_, `${u.risk ? `Risk: ${u.risk}` : ""}`, y, o.labelStyle);
+		y += s, await addText3(_, `${u.verifyMethod ? `Verification: ${u.verifyMethod}` : ""}`, y, o.labelStyle);
 	} else {
-		let e = await addText3(_, `${u.type ? `Type: ${u.type}` : ""}`, y, a.labelStyle);
-		y += e, await addText3(_, `${u.docRef ? `Doc Ref: ${u.docRef}` : ""}`, y, a.labelStyle);
+		let e = await addText3(_, `${d.type ? `Type: ${d.type}` : ""}`, y, o.labelStyle);
+		y += e, await addText3(_, `${d.docRef ? `Doc Ref: ${d.docRef}` : ""}`, y, o.labelStyle);
 	}
-	let x = (_.node()?.getBBox().width ?? 200) + 20, w = (_.node()?.getBBox().height ?? 200) + 20, T = -x / 2, E = -w / 2, D = at.svg(_), A = userNodeOverrides(a, {});
-	a.look !== "handDrawn" && (A.roughness = 0, A.fillStyle = "solid");
+	let x = (_.node()?.getBBox().width ?? 200) + 20, w = (_.node()?.getBBox().height ?? 200) + 20, T = -x / 2, E = -w / 2, D = at.svg(_), A = userNodeOverrides(o, {});
+	o.look !== "handDrawn" && (A.roughness = 0, A.fillStyle = "solid");
 	let j = D.rectangle(T, E, x, w, A), M = _.insert(() => j, ":first-child");
-	if (M.attr("class", "basic label-container outer-path").attr("style", s), h?.length) {
-		let e = a.colorIndex ?? 0;
+	if (M.attr("class", "basic label-container outer-path").attr("style", c), h?.length) {
+		let e = o.colorIndex ?? 0;
 		_.attr("data-color-id", `color-${e % h.length}`);
 	}
-	if (_.selectAll(".label").each((e, a, o) => {
-		let s = select_default(o[a]), c = s.attr("transform"), l = 0, u = 0;
-		if (c) {
-			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(c);
-			e && (l = parseFloat(e[1]), u = parseFloat(e[2]));
+	if (_.selectAll(".label").each((a, o, s) => {
+		let c = select_default(s[o]), l = c.attr("transform"), u = 0, d = 0;
+		if (l) {
+			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(l);
+			e && (u = parseFloat(e[1]), d = parseFloat(e[2]));
 		}
-		let d = u - w / 2, f = T + 20 / 2;
-		(a === 0 || a === 1) && (f = l), s.attr("transform", `translate(${f}, ${d + 20})`);
+		let f = d - w / 2, p = T + 20 / 2;
+		(o === 0 || o === 1) && (p = u), c.attr("transform", `translate(${p}, ${f + 20})`);
 	}), y > v + b + 20) {
-		let e = E + v + b + 20, o;
-		if (a.look === "neo") {
-			let a = .001, s = [
+		let e = E + v + b + 20, a;
+		if (o.look === "neo") {
+			let o = .001, s = [
 				[T, e],
 				[T + x, e],
-				[T + x, e + a],
-				[T, e + a]
+				[T + x, e + o],
+				[T, e + o]
 			];
-			o = D.polygon(s, A);
-		} else o = D.line(T, e, T + x, e, A);
-		_.insert(() => o).attr("class", "divider");
+			a = D.polygon(s, A);
+		} else a = D.line(T, e, T + x, e, A);
+		_.insert(() => a).attr("class", "divider");
 	}
-	return updateNodeBounds(a, M), a.intersect = function(e) {
-		return intersect_default.rect(a, e);
-	}, s && a.look !== "handDrawn" && (g || h?.length) && _.selectAll("path").attr("style", s), _;
+	return updateNodeBounds(o, M), o.intersect = function(e) {
+		return intersect_default.rect(o, e);
+	}, c && o.look !== "handDrawn" && (g || h?.length) && _.selectAll("path").attr("style", c), _;
 }
 __name(requirementBox, "requirementBox");
-async function addText3(e, a, o, s = "") {
-	if (a === "") return 0;
-	let l = e.insert("g").attr("class", "label").attr("style", s), u = getConfig2(), d = u.htmlLabels ?? !0, f = await createText(l, sanitizeText3(decodeEntities(a)), {
-		width: calculateTextWidth(a, u) + 50,
+async function addText3(a, o, s, c = "") {
+	if (o === "") return 0;
+	let u = a.insert("g").attr("class", "label").attr("style", c), d = getConfig2(), f = d.htmlLabels ?? !0, p = await createText(u, sanitizeText3(decodeEntities(o)), {
+		width: calculateTextWidth(o, d) + 50,
 		classes: "markdown-node-label",
-		useHtmlLabels: d,
-		style: s
-	}, u), _;
-	if (d) {
-		let e = f.children[0], a = select_default(f);
-		_ = e.getBoundingClientRect(), a.attr("width", _.width), a.attr("height", _.height);
+		useHtmlLabels: f,
+		style: c
+	}, d), _;
+	if (f) {
+		let a = p.children[0], o = select_default(p);
+		_ = a.getBoundingClientRect(), o.attr("width", _.width), o.attr("height", _.height);
 	} else {
-		let e = f.children[0];
-		for (let a of e.children) s && a.setAttribute("style", s);
-		_ = f.getBBox(), _.height += 6;
+		let e = p.children[0];
+		for (let a of e.children) c && a.setAttribute("style", c);
+		_ = p.getBBox(), _.height += 6;
 	}
-	return l.attr("transform", `translate(${-_.width / 2},${-_.height / 2 + o})`), _.height;
+	return u.attr("transform", `translate(${-_.width / 2},${-_.height / 2 + s})`), _.height;
 }
 __name(addText3, "addText");
 var colorFromPriority = /* @__PURE__ */ __name((e) => {
@@ -3072,10 +3072,10 @@ async function kanbanItem(e, a, { config: o }) {
 	}, u;
 }
 __name(kanbanItem, "kanbanItem");
-async function bang(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.labelStyle = s;
-	let { shapeSvg: l, bbox: u, halfPadding: d, label: f } = await labelHelper(e, o, getNodeClasses(o)), p = u.width + 10 * d, m = u.height + 8 * d, h = .15 * p, { cssStyles: g } = o, v = u.width + 20, y = u.height + 20, b = Math.max(p, v), x = Math.max(m, y);
+async function bang(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.labelStyle = s;
+	let { shapeSvg: l, bbox: u, halfPadding: d, label: f } = await labelHelper(e, a, getNodeClasses(a)), p = u.width + 10 * d, m = u.height + 8 * d, h = .15 * p, { cssStyles: g } = a, v = u.width + 20, y = u.height + 20, b = Math.max(p, v), x = Math.max(m, y);
 	f.attr("transform", `translate(${-u.width / 2}, ${-u.height / 2})`);
 	let w, T = `M0 0 
     a${h},${h} 1 0,0 ${b * .25},${-1 * x * .1}
@@ -3096,21 +3096,21 @@ async function bang(e, o) {
     a${h * .8},${h * .8} 1 0,0 0,${-1 * x * .34}
     a${h},${h} 1 0,0 ${b * .1},${-1 * x * .33}
   H0 V0 Z`;
-	if (o.look === "handDrawn") {
-		let e = at.svg(l), a = userNodeOverrides(o, {}), s = e.path(T, a);
+	if (a.look === "handDrawn") {
+		let e = at.svg(l), o = userNodeOverrides(a, {}), s = e.path(T, o);
 		w = l.insert(() => s, ":first-child"), w.attr("class", "basic label-container").attr("style", handleUndefinedAttr(g));
 	} else w = l.insert("path", ":first-child").attr("class", "basic label-container").attr("style", c).attr("d", T);
-	return w.attr("transform", `translate(${-b / 2}, ${-x / 2})`), updateNodeBounds(o, w), o.calcIntersect = function(e, a) {
+	return w.attr("transform", `translate(${-b / 2}, ${-x / 2})`), updateNodeBounds(a, w), a.calcIntersect = function(e, a) {
 		return intersect_default.rect(e, a);
-	}, o.intersect = function(e) {
-		return log.info("Bang intersect", o, e), intersect_default.rect(o, e);
+	}, a.intersect = function(e) {
+		return log.info("Bang intersect", a, e), intersect_default.rect(a, e);
 	}, l;
 }
 __name(bang, "bang");
-async function cloud(e, o) {
-	let { labelStyles: s, nodeStyles: c } = styles2String(o);
-	o.labelStyle = s;
-	let { shapeSvg: l, bbox: u, halfPadding: d, label: f } = await labelHelper(e, o, getNodeClasses(o)), p = u.width + 2 * d, m = u.height + 2 * d, h = .15 * p, g = .25 * p, v = .35 * p, y = .2 * p, { cssStyles: b } = o, x, w = `M0 0 
+async function cloud(e, a) {
+	let { labelStyles: s, nodeStyles: c } = styles2String(a);
+	a.labelStyle = s;
+	let { shapeSvg: l, bbox: u, halfPadding: d, label: f } = await labelHelper(e, a, getNodeClasses(a)), p = u.width + 2 * d, m = u.height + 2 * d, h = .15 * p, g = .25 * p, v = .35 * p, y = .2 * p, { cssStyles: b } = a, x, w = `M0 0 
     a${h},${h} 0 0,1 ${p * .25},${-1 * p * .1}
     a${v},${v} 1 0,1 ${p * .4},${-1 * p * .1}
     a${g},${g} 1 0,1 ${p * .35},${p * .2}
@@ -3125,14 +3125,14 @@ async function cloud(e, o) {
     a${h},${h} 1 0,1 ${-1 * p * .1},${-1 * m * .35}
     a${y},${y} 1 0,1 ${p * .1},${-1 * m * .65}
   H0 V0 Z`;
-	if (o.look === "handDrawn") {
-		let e = at.svg(l), a = userNodeOverrides(o, {}), s = e.path(w, a);
+	if (a.look === "handDrawn") {
+		let e = at.svg(l), o = userNodeOverrides(a, {}), s = e.path(w, o);
 		x = l.insert(() => s, ":first-child"), x.attr("class", "basic label-container").attr("style", handleUndefinedAttr(b));
 	} else x = l.insert("path", ":first-child").attr("class", "basic label-container").attr("style", c).attr("d", w);
-	return f.attr("transform", `translate(${-u.width / 2}, ${-u.height / 2})`), x.attr("transform", `translate(${-p / 2}, ${-m / 2})`), updateNodeBounds(o, x), o.calcIntersect = function(e, a) {
+	return f.attr("transform", `translate(${-u.width / 2}, ${-u.height / 2})`), x.attr("transform", `translate(${-p / 2}, ${-m / 2})`), updateNodeBounds(a, x), a.calcIntersect = function(e, a) {
 		return intersect_default.rect(e, a);
-	}, o.intersect = function(e) {
-		return log.info("Cloud intersect", o, e), intersect_default.rect(o, e);
+	}, a.intersect = function(e) {
+		return log.info("Cloud intersect", a, e), intersect_default.rect(a, e);
 	}, l;
 }
 __name(cloud, "cloud");
@@ -3658,9 +3658,9 @@ var setNodeElem = /* @__PURE__ */ __name((e, a) => {
 }, "setNodeElem"), clear2 = /* @__PURE__ */ __name(() => {
 	nodeElems.clear();
 }, "clear"), positionNode = /* @__PURE__ */ __name((e) => {
-	let o = nodeElems.get(e.id);
+	let a = nodeElems.get(e.id);
 	log.trace("Transforming node", e.diff, e, "translate(" + (e.x - e.width / 2 - 5) + ", " + e.width / 2 + ")");
 	let s = e.diff || 0;
-	return e.clusterNode ? o.attr("transform", "translate(" + (e.x + s - e.width / 2) + ", " + (e.y - e.height / 2 - 8) + ")") : o.attr("transform", "translate(" + e.x + ", " + e.y + ")"), s;
+	return e.clusterNode ? a.attr("transform", "translate(" + (e.x + s - e.width / 2) + ", " + (e.y - e.height / 2 - 8) + ")") : a.attr("transform", "translate(" + e.x + ", " + e.y + ")"), s;
 }, "positionNode");
 export { clear, clear2, createLabel_default, insertCluster, insertNode, isValidShape, labelHelper, positionNode, setNodeElem, updateNodeBounds };