@sme.up/ketchup2 2.7.0 → 2.8.1

package/dist/{chunk-3OPIFGDE-Bs2mXISw.js → chunk-4HAMMTFA-CZgIgrp_.js}

@@ -1,61 +1,125 @@
-import { g as e, h as t, p as n } from "./src-DjDATEq3.js";
-import { A as r, B as i, M as a, T as o, b as s, g as c, x as l, z as u } from "./chunk-CSCIHK7Q-BEk3YcEH.js";
-import { a as d, r as f, u as p } from "./chunk-5ZQYHXKU-B_nOC8-n.js";
-import { n as m, t as h } from "./chunk-L5ZTLDWV-BQCNoMVG.js";
-import { a as g, i as _, r as v, t as y } from "./chunk-NZK2D7GU-CPxdSJTy.js";
-import { n as b, r as x } from "./chunk-O5CBEL6O-DbWeP4Au.js";
-import { t as S } from "./rough.esm-rcMoXTJj.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-3OPIFGDE.mjs
-var C = /* @__PURE__ */ t(async (e, t, r) => {
-	let i, a = t.useHtmlLabels || c(l()?.htmlLabels);
+import { m as e, p as t } from "./src-DQoflmwT.js";
+import { A as n, B as r, M as i, T as a, b as o, f as s, g as c, x as l, z as u } from "./chunk-DU6HZSFF-waeanndy.js";
+import { n as d } from "./chunk-Y2CYZVJY-i11wjrBe.js";
+import { a as f, p, r as m, u as h } from "./chunk-75Z2AOVW-Drsj7a97.js";
+import { a as g, i as _, r as v, t as y } from "./chunk-P2QGCYS3-BUeNZ170.js";
+import { t as b } from "./chunk-PWAF6VOD-D37VoZ8H.js";
+import { n as x, r as S } from "./chunk-GMAD6QVW-D80II4AD.js";
+import { t as C } from "./rough.esm-DXYGHN3m.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/chunk-4HAMMTFA.mjs
+var w = 1, T = 3;
+async function E(e) {
+	let t = e.getElementsByTagName("img");
+	if (!t || t.length === 0) return;
+	let n = !D(e);
+	await Promise.all([...t].map((e) => new Promise((t) => {
+		function r() {
+			if (e.style.display = "flex", e.style.flexDirection = "column", n) {
+				let t = l().fontSize ? l().fontSize : window.getComputedStyle(document.body).fontSize, [n = s.fontSize] = p(t), r = n * 5 + "px";
+				e.style.minWidth = r, e.style.maxWidth = r;
+			} else e.style.width = "100%";
+			t(e);
+		}
+		d(r, "setupImage"), setTimeout(() => {
+			e.complete && r();
+		}), e.addEventListener("error", r), e.addEventListener("load", r);
+	})));
+}
+d(E, "configureLabelImages");
+function D(e) {
+	return e.nodeType === T ? e.textContent?.trim() !== "" : e.nodeType !== w || e.tagName.toLowerCase() === "img" ? !1 : [...e.childNodes].some(D);
+}
+d(D, "hasTextBesidesImages");
+var O = 3, k = 32, A = /* @__PURE__ */ d(async (e, n, r) => {
+	let i = l(), a = e.insert("g").attr("class", r ?? "node default").attr("id", n.domId || n.id), o = a.insert("g").attr("class", "label").attr("style", h(n.labelStyle)), s = [
+		{
+			text: typeof n.label == "string" ? n.label : n.label?.[0] ?? "",
+			cssClass: "c4-name"
+		},
+		{
+			text: n.stereotype,
+			cssClass: "c4-type"
+		},
+		...(n.description ?? []).map((e) => ({
+			text: e,
+			cssClass: "c4-descr"
+		}))
+	].filter((e) => e.text), c = n.width ? Math.max(n.width - 2 * (n.padding ?? 0), k) : l().flowchart?.wrappingWidth ?? 200, d = i.c4?.wrap ?? !0 ? c : Infinity, p = await Promise.all(s.map(async (e) => {
+		let r = o.append("g").attr("class", e.cssClass), a = await x(r, u(f(e.text ?? ""), i), {
+			useHtmlLabels: !1,
+			markdown: !1,
+			isNode: !0,
+			width: d,
+			style: n.labelStyle
+		}, i);
+		return t(a).selectAll("tspan.text-outer-tspan").attr("text-anchor", "middle"), t(a).selectAll("tspan.text-inner-tspan").attr("font-weight", null).attr("font-style", null), {
+			el: r,
+			box: r.node().getBBox()
+		};
+	})), m = Math.max(...p.map(({ box: e }) => e.width), 0), g = 0;
+	for (let { el: e, box: t } of p) e.attr("transform", `translate(${m / 2 - t.x - t.width / 2}, ${g - t.y})`), g += t.height + O;
+	let _ = p.length > 0 ? g - O : 0;
+	return o.insert("rect", ":first-child"), o.attr("transform", `translate(${-m / 2}, ${-_ / 2})`), {
+		shapeSvg: a,
+		bbox: o.node().getBBox(),
+		halfPadding: (n.padding ?? 0) / 2,
+		label: o
+	};
+}, "c4LabelHelper"), j = /* @__PURE__ */ d(async (e, n, r) => {
+	if (n.stereotype !== void 0) return A(e, n, r);
+	let i, a = n.useHtmlLabels || c(l()?.htmlLabels);
 	i = r || "node default";
-	let o = e.insert("g").attr("class", i).attr("id", t.domId || t.id), s = o.insert("g").attr("class", "label").attr("style", p(t.labelStyle)), f;
-	f = t.label === void 0 ? "" : typeof t.label == "string" ? t.label : t.label[0];
-	let m = !!t.icon || !!t.img, g = t.labelType === "markdown", _ = await b(s, u(d(f), l()), {
+	let o = e.insert("g").attr("class", i).attr("id", n.domId || n.id), s = o.insert("g").attr("class", "label").attr("style", h(n.labelStyle)), d;
+	d = n.label === void 0 ? "" : typeof n.label == "string" ? n.label : n.label[0];
+	let p = !!n.icon || !!n.img, m = n.labelType === "markdown", g = await x(s, u(f(d), l()), {
 		useHtmlLabels: a,
-		width: t.width || l().flowchart?.wrappingWidth,
-		classes: g ? "markdown-node-label" : "",
-		style: t.labelStyle,
-		addSvgBackground: m,
-		markdown: g
-	}, l()), v = _.getBBox(), y = (t?.padding ?? 0) / 2;
+		width: n.width || n.wrappingWidth || l().flowchart?.wrappingWidth,
+		classes: m ? "markdown-node-label" : "",
+		style: n.labelStyle,
+		addSvgBackground: p,
+		markdown: m
+	}, l()), _ = (n?.padding ?? 0) / 2, v;
 	if (a) {
-		let e = _.children[0], t = n(_);
-		await h(e, f), v = e.getBoundingClientRect(), t.attr("width", v.width), t.attr("height", v.height);
-	}
-	return a ? s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")") : s.attr("transform", "translate(0, " + -v.height / 2 + ")"), t.centerLabel && s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")"), s.insert("rect", ":first-child"), {
+		let e = g.children[0], n = t(g);
+		await E(e), v = await S.measure(() => e.getBoundingClientRect()), n.attr("width", v.width), n.attr("height", v.height);
+	} else v = await S.measure(() => g.getBBox());
+	return a ? s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")") : s.attr("transform", "translate(0, " + -v.height / 2 + ")"), n.centerLabel && s.attr("transform", "translate(" + -v.width / 2 + ", " + -v.height / 2 + ")"), s.insert("rect", ":first-child"), {
 		shapeSvg: o,
 		bbox: v,
-		halfPadding: y,
+		halfPadding: _,
 		label: s
 	};
-}, "labelHelper"), w = /* @__PURE__ */ t(async (e, t, r) => {
-	let i = r.useHtmlLabels ?? o(l()), a = e.insert("g").attr("class", "label").attr("style", r.labelStyle || ""), s = await b(a, u(d(t), l()), {
+}, "labelHelper"), M = /* @__PURE__ */ d(async (e, n, r) => {
+	let i = r.useHtmlLabels ?? a(l()), o = e.insert("g").attr("class", "label").attr("style", r.labelStyle || ""), s = await x(o, u(f(n), l()), {
 		useHtmlLabels: i,
 		width: r.width || l()?.flowchart?.wrappingWidth,
 		style: r.labelStyle,
 		addSvgBackground: !!r.icon || !!r.img
-	}), c = s.getBBox(), f = r.padding / 2;
-	if (o(l())) {
-		let e = s.children[0], t = n(s);
-		c = e.getBoundingClientRect(), t.attr("width", c.width), t.attr("height", c.height);
-	}
-	return i ? a.attr("transform", "translate(" + -c.width / 2 + ", " + -c.height / 2 + ")") : a.attr("transform", "translate(0, " + -c.height / 2 + ")"), r.centerLabel && a.attr("transform", "translate(" + -c.width / 2 + ", " + -c.height / 2 + ")"), a.insert("rect", ":first-child"), {
+	}), c = r.padding / 2, d;
+	if (a(l())) {
+		let e = s.children[0], n = t(s);
+		d = await S.measure(() => e.getBoundingClientRect()), n.attr("width", d.width), n.attr("height", d.height);
+	} else d = await S.measure(() => s.getBBox());
+	return i ? o.attr("transform", "translate(" + -d.width / 2 + ", " + -d.height / 2 + ")") : o.attr("transform", "translate(0, " + -d.height / 2 + ")"), r.centerLabel && o.attr("transform", "translate(" + -d.width / 2 + ", " + -d.height / 2 + ")"), o.insert("rect", ":first-child"), {
 		shapeSvg: e,
-		bbox: c,
-		halfPadding: f,
-		label: a
+		bbox: d,
+		halfPadding: c,
+		label: o
 	};
-}, "insertLabel"), T = /* @__PURE__ */ t((e, t) => {
-	let n = t.node().getBBox();
-	e.width = n.width, e.height = n.height;
-}, "updateNodeBounds"), E = /* @__PURE__ */ t((e, t) => (e.look === "handDrawn" ? "rough-node" : "node") + " " + e.cssClasses + " " + (t || ""), "getNodeClasses");
-function D(e) {
+}, "insertLabel"), N = /* @__PURE__ */ d((e, t, n) => {
+	if (n) {
+		e.width = n.width, e.height = n.height;
+		return;
+	}
+	let r = t.node().getBBox();
+	e.width = r.width, e.height = r.height;
+}, "updateNodeBounds"), P = /* @__PURE__ */ d((e, t) => (e.look === "handDrawn" ? "rough-node" : "node") + " " + e.cssClasses + " " + (t || ""), "getNodeClasses");
+function F(e) {
 	let t = e.map((e, t) => `${t === 0 ? "M" : "L"}${e.x},${e.y}`);
 	return t.push("Z"), t.join(" ");
 }
-t(D, "createPathFromPoints");
-function O(e, t, n, r, i, a) {
+d(F, "createPathFromPoints");
+function I(e, t, n, r, i, a) {
 	let o = [], s = n - e, c = r - t, l = s / a, u = 2 * Math.PI / l, d = t + c / 2;
 	for (let t = 0; t <= 50; t++) {
 		let n = e + t / 50 * s, r = d + i * Math.sin(u * (n - e));
@@ -66,8 +130,8 @@ function O(e, t, n, r, i, a) {
 	}
 	return o;
 }
-t(O, "generateFullSineWavePoints");
-function k(e, t, n, r, i, a) {
+d(I, "generateFullSineWavePoints");
+function L(e, t, n, r, i, a) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
 		let r = s + i * c, a = e + n * Math.cos(r), l = t + n * Math.sin(r);
@@ -78,53 +142,41 @@ function k(e, t, n, r, i, a) {
 	}
 	return o;
 }
-t(k, "generateCirclePoints");
-function A(e) {
-	let n = Array.from(e.childNodes).filter((e) => e.tagName === "path"), r = document.createElementNS("http://www.w3.org/2000/svg", "path"), i = n.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
-	r.setAttribute("d", i);
-	let a = n.find((e) => e.getAttribute("fill") !== "none"), o = n.find((e) => e.getAttribute("stroke") !== "none"), s = /* @__PURE__ */ t((e, t) => e?.getAttribute(t) ?? void 0, "getAttr");
-	if (a) {
+d(L, "generateCirclePoints");
+function ee(e) {
+	let t = Array.from(e.childNodes).filter((e) => e.tagName === "path"), n = document.createElementNS("http://www.w3.org/2000/svg", "path"), r = t.map((e) => e.getAttribute("d")).filter((e) => e !== null).join(" ");
+	n.setAttribute("d", r);
+	let i = t.find((e) => e.getAttribute("fill") !== "none"), a = t.find((e) => e.getAttribute("stroke") !== "none"), o = /* @__PURE__ */ d((e, t) => e?.getAttribute(t) ?? void 0, "getAttr");
+	if (i) {
 		let e = {
-			fill: s(a, "fill"),
-			"fill-opacity": s(a, "fill-opacity") ?? "1"
+			fill: o(i, "fill"),
+			"fill-opacity": o(i, "fill-opacity") ?? "1"
 		};
 		Object.entries(e).forEach(([e, t]) => {
-			t && r.setAttribute(e, t);
+			t && n.setAttribute(e, t);
 		});
 	}
-	if (o) {
+	if (a) {
 		let e = {
-			stroke: s(o, "stroke"),
-			"stroke-width": s(o, "stroke-width") ?? "1",
-			"stroke-opacity": s(o, "stroke-opacity") ?? "1"
+			stroke: o(a, "stroke"),
+			"stroke-width": o(a, "stroke-width") ?? "1",
+			"stroke-opacity": o(a, "stroke-opacity") ?? "1"
 		};
 		Object.entries(e).forEach(([e, t]) => {
-			t && r.setAttribute(e, t);
+			t && n.setAttribute(e, t);
 		});
 	}
-	let c = document.createElementNS("http://www.w3.org/2000/svg", "g");
-	return c.appendChild(r), c;
+	let s = document.createElementNS("http://www.w3.org/2000/svg", "g");
+	return s.appendChild(n), s;
 }
-t(A, "mergePaths");
-var j = /* @__PURE__ */ t((e, t) => {
+d(ee, "mergePaths");
+var R = /* @__PURE__ */ d((e, t) => {
 	var n = e.x, r = e.y, i = t.x - n, a = t.y - r, o = e.width / 2, s = e.height / 2, c, l;
 	return Math.abs(a) * o > Math.abs(i) * s ? (a < 0 && (s = -s), c = a === 0 ? 0 : s * i / a, l = s) : (i < 0 && (o = -o), c = o, l = i === 0 ? 0 : o * a / i), {
 		x: n + c,
 		y: r + l
 	};
-}, "intersectRect"), M = /* @__PURE__ */ t(async (e, t, n, r = !1, i = !1) => {
-	let a = t || "";
-	typeof a == "object" && (a = a[0]);
-	let s = l(), c = o(s);
-	return await b(e, a, {
-		style: n,
-		isTitle: r,
-		useHtmlLabels: c,
-		markdown: !1,
-		isNode: i,
-		width: Infinity
-	}, s);
-}, "createLabel"), N = /* @__PURE__ */ t((e, t, n, r, i) => [
+}, "intersectRect"), z = /* @__PURE__ */ d((e, t, n, r, i) => [
 	"M",
 	e + i,
 	t,
@@ -169,178 +221,25 @@ var j = /* @__PURE__ */ t((e, t) => {
 	e + i,
 	t,
 	"Z"
-].join(" "), "createRoundedRectPathD"), P = /* @__PURE__ */ t(async (t, r) => {
-	e.info("Creating subgraph rect for ", r.id, r);
-	let i = l(), { themeVariables: a, handDrawnSeed: s } = i, { clusterBkg: c, clusterBorder: u } = a, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(r), v = t.insert("g").attr("class", "cluster " + r.cssClasses).attr("id", r.domId).attr("data-look", r.look), y = o(i), x = v.insert("g").attr("class", "cluster-label "), C;
-	C = r.labelType === "markdown" ? await b(x, r.label, {
-		style: r.labelStyle,
-		useHtmlLabels: y,
-		isNode: !0,
-		width: r.width
-	}) : await M(x, r.label, r.labelStyle || "", !1, !0);
-	let w = C.getBBox();
-	if (o(i)) {
-		let e = C.children[0], t = n(C);
-		w = e.getBoundingClientRect(), t.attr("width", w.width), t.attr("height", w.height);
-	}
-	let T = r.width <= w.width + r.padding ? w.width + r.padding : r.width;
-	r.width <= w.width + r.padding ? r.diff = (T - r.width) / 2 - r.padding : r.diff = -r.padding;
-	let E = r.height, D = r.x - T / 2, O = r.y - E / 2;
-	e.trace("Data ", r, JSON.stringify(r));
-	let k;
-	if (r.look === "handDrawn") {
-		let t = S.svg(v), n = g(r, {
-			roughness: .7,
-			fill: c,
-			stroke: u,
-			fillWeight: 3,
-			seed: s
-		}), i = t.path(N(D, O, T, E, 0), n);
-		k = v.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
-	} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", r.rx).attr("ry", r.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
-	let { subGraphTitleTopMargin: A } = m(i);
-	if (x.attr("transform", `translate(${r.x - w.width / 2}, ${r.y - r.height / 2 + A})`), d) {
-		let e = x.select("span");
-		e && e.attr("style", d);
-	}
-	let P = k.node().getBBox();
-	return r.offsetX = 0, r.width = P.width, r.height = P.height, r.offsetY = w.height - r.padding / 2, r.intersect = function(e) {
-		return j(r, e);
-	}, {
-		cluster: v,
-		labelBBox: w
-	};
-}, "rect"), F = {
-	rect: P,
-	squareRect: P,
-	roundedWithTitle: /* @__PURE__ */ t(async (e, t) => {
-		let r = l(), { themeVariables: i, handDrawnSeed: a } = r, { altBackground: s, compositeBackground: c, compositeTitleBackground: u, nodeBorder: d } = i, f = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-id", t.id).attr("data-look", t.look), p = f.insert("g", ":first-child"), m = f.insert("g").attr("class", "cluster-label"), h = f.append("rect"), g = await M(m, t.label, t.labelStyle, void 0, !0), _ = g.getBBox();
-		if (o(r)) {
-			let e = g.children[0], t = n(g);
-			_ = e.getBoundingClientRect(), t.attr("width", _.width), t.attr("height", _.height);
-		}
-		let v = 0 * t.padding, y = v / 2, b = (t.width <= _.width + t.padding ? _.width + t.padding : t.width) + v;
-		t.width <= _.width + t.padding ? t.diff = (b - t.width) / 2 - t.padding : t.diff = -t.padding;
-		let x = t.height + v, C = t.height + v - _.height - 6, w = t.x - b / 2, T = t.y - x / 2;
-		t.width = b;
-		let E = t.y - t.height / 2 - y + _.height + 2, D;
-		if (t.look === "handDrawn") {
-			let e = t.cssClasses.includes("statediagram-cluster-alt"), n = S.svg(f), r = t.rx || t.ry ? n.path(N(w, T, b, x, 10), {
-				roughness: .7,
-				fill: u,
-				fillStyle: "solid",
-				stroke: d,
-				seed: a
-			}) : n.rectangle(w, T, b, x, { seed: a });
-			D = f.insert(() => r, ":first-child");
-			let i = n.rectangle(w, E, b, C, {
-				fill: e ? s : c,
-				fillStyle: e ? "hachure" : "solid",
-				stroke: d,
-				seed: a
-			});
-			D = f.insert(() => r, ":first-child"), h = f.insert(() => i);
-		} else D = p.insert("rect", ":first-child"), D.attr("class", "outer").attr("x", w).attr("y", T).attr("width", b).attr("height", x).attr("data-look", t.look), h.attr("class", "inner").attr("x", w).attr("y", E).attr("width", b).attr("height", C);
-		return m.attr("transform", `translate(${t.x - _.width / 2}, ${T + 1 - (o(r) ? 0 : 3)})`), t.height = D.node().getBBox().height, t.offsetX = 0, t.offsetY = _.height - t.padding / 2, t.labelBBox = _, t.intersect = function(e) {
-			return j(t, e);
-		}, {
-			cluster: f,
-			labelBBox: _
-		};
-	}, "roundedWithTitle"),
-	noteGroup: /* @__PURE__ */ t((e, t) => {
-		let n = e.insert("g").attr("class", "note-cluster").attr("id", t.domId), r = n.insert("rect", ":first-child"), i = 0 * t.padding, a = i / 2;
-		r.attr("rx", t.rx).attr("ry", t.ry).attr("x", t.x - t.width / 2 - a).attr("y", t.y - t.height / 2 - a).attr("width", t.width + i).attr("height", t.height + i).attr("fill", "none");
-		let o = r.node().getBBox();
-		return t.width = o.width, t.height = o.height, t.intersect = function(e) {
-			return j(t, e);
-		}, {
-			cluster: n,
-			labelBBox: {
-				width: 0,
-				height: 0
-			}
-		};
-	}, "noteGroup"),
-	divider: /* @__PURE__ */ t((e, t) => {
-		let { themeVariables: n, handDrawnSeed: r } = l(), { nodeBorder: i } = n, a = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-look", t.look), o = a.insert("g", ":first-child"), s = 0 * t.padding, c = t.width + s;
-		t.diff = -t.padding;
-		let u = t.height + s, d = t.x - c / 2, f = t.y - u / 2;
-		t.width = c;
-		let p;
-		if (t.look === "handDrawn") {
-			let e = S.svg(a).rectangle(d, f, c, u, {
-				fill: "lightgrey",
-				roughness: .5,
-				strokeLineDash: [5],
-				stroke: i,
-				seed: r
-			});
-			p = a.insert(() => e, ":first-child");
-		} else {
-			p = o.insert("rect", ":first-child");
-			let e = "outer";
-			e = (t.look, "divider"), p.attr("class", e).attr("x", d).attr("y", f).attr("width", c).attr("height", u).attr("data-look", t.look);
-		}
-		return t.height = p.node().getBBox().height, t.offsetX = 0, t.offsetY = 0, t.intersect = function(e) {
-			return j(t, e);
-		}, {
-			cluster: a,
-			labelBBox: {}
-		};
-	}, "divider"),
-	kanbanSection: /* @__PURE__ */ t(async (t, r) => {
-		e.info("Creating subgraph rect for ", r.id, r);
-		let i = l(), { themeVariables: a, handDrawnSeed: s } = i, { clusterBkg: c, clusterBorder: u } = a, { labelStyles: d, nodeStyles: f, borderStyles: p, backgroundStyles: h } = _(r), v = t.insert("g").attr("class", "cluster " + r.cssClasses).attr("id", r.domId).attr("data-look", r.look), y = o(i), x = v.insert("g").attr("class", "cluster-label "), C = await b(x, r.label, {
-			style: r.labelStyle,
-			useHtmlLabels: y,
-			isNode: !0,
-			width: r.width
-		}), w = C.getBBox();
-		if (o(i)) {
-			let e = C.children[0], t = n(C);
-			w = e.getBoundingClientRect(), t.attr("width", w.width), t.attr("height", w.height);
-		}
-		let T = r.width <= w.width + r.padding ? w.width + r.padding : r.width;
-		r.width <= w.width + r.padding ? r.diff = (T - r.width) / 2 - r.padding : r.diff = -r.padding;
-		let E = r.height, D = r.x - T / 2, O = r.y - E / 2;
-		e.trace("Data ", r, JSON.stringify(r));
-		let k;
-		if (r.look === "handDrawn") {
-			let t = S.svg(v), n = g(r, {
-				roughness: .7,
-				fill: c,
-				stroke: u,
-				fillWeight: 4,
-				seed: s
-			}), i = t.path(N(D, O, T, E, r.rx), n);
-			k = v.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child"), k.select("path:nth-child(2)").attr("style", p.join(";")), k.select("path").attr("style", h.join(";").replace("fill", "stroke"));
-		} else k = v.insert("rect", ":first-child"), k.attr("style", f).attr("rx", r.rx).attr("ry", r.ry).attr("x", D).attr("y", O).attr("width", T).attr("height", E);
-		let { subGraphTitleTopMargin: A } = m(i);
-		if (x.attr("transform", `translate(${r.x - w.width / 2}, ${r.y - r.height / 2 + A})`), d) {
-			let e = x.select("span");
-			e && e.attr("style", d);
-		}
-		let M = k.node().getBBox();
-		return r.offsetX = 0, r.width = M.width, r.height = M.height, r.offsetY = w.height - r.padding / 2, r.intersect = function(e) {
-			return j(r, e);
-		}, {
-			cluster: v,
-			labelBBox: w
-		};
-	}, "kanbanSection")
-}, I = /* @__PURE__ */ new Map(), ee = /* @__PURE__ */ t(async (e, t) => {
-	let n = await F[t.shape || "rect"](e, t);
-	return I.set(t.id, n), n;
-}, "insertCluster"), te = /* @__PURE__ */ t(() => {
-	I = /* @__PURE__ */ new Map();
-}, "clear");
-function L(e, t) {
+].join(" "), "createRoundedRectPathD"), te = /* @__PURE__ */ d(async (e, t, n, r = !1, i = !1) => {
+	let o = t || "";
+	typeof o == "object" && (o = o[0]);
+	let s = l(), c = a(s);
+	return await x(e, o, {
+		style: n,
+		isTitle: r,
+		useHtmlLabels: c,
+		markdown: !1,
+		isNode: i,
+		width: Infinity
+	}, s);
+}, "createLabel");
+function B(e, t) {
 	return e.intersect(t);
 }
-t(L, "intersectNode");
-var R = L;
-function ne(e, t, n, r) {
+d(B, "intersectNode");
+var ne = B;
+function V(e, t, n, r) {
 	var i = e.x, a = e.y, o = i - r.x, s = a - r.y, c = Math.sqrt(t * t * s * s + n * n * o * o), l = Math.abs(t * n * o / c);
 	r.x < i && (l = -l);
 	var u = Math.abs(t * n * s / c);
@@ -349,19 +248,19 @@ function ne(e, t, n, r) {
 		y: a + u
 	};
 }
-t(ne, "intersectEllipse");
-var z = ne;
-function B(e, t, n) {
-	return z(e, t, t, n);
+d(V, "intersectEllipse");
+var H = V;
+function re(e, t, n) {
+	return H(e, t, t, n);
 }
-t(B, "intersectCircle");
-var V = B;
-function H(e, t, n, r) {
+d(re, "intersectCircle");
+var ie = re;
+function U(e, t, n, r) {
 	{
 		let i = t.y - e.y, a = e.x - t.x, o = t.x * e.y - e.x * t.y, s = i * n.x + a * n.y + o, c = i * r.x + a * r.y + o, l = 1e-6;
-		if (s !== 0 && c !== 0 && re(s, c)) return;
+		if (s !== 0 && c !== 0 && W(s, c)) return;
 		let u = r.y - n.y, d = n.x - r.x, f = r.x * n.y - n.x * r.y, p = u * e.x + d * e.y + f, m = u * t.x + d * t.y + f;
-		if (Math.abs(p) < l && Math.abs(m) < l && re(p, m)) return;
+		if (Math.abs(p) < l && Math.abs(m) < l && W(p, m)) return;
 		let h = i * d - u * a;
 		if (h === 0) return;
 		let g = Math.abs(h / 2), _ = a * f - d * o, v = _ < 0 ? (_ - g) / h : (_ + g) / h;
@@ -371,20 +270,20 @@ function H(e, t, n, r) {
 		};
 	}
 }
-t(H, "intersectLine");
-function re(e, t) {
+d(U, "intersectLine");
+function W(e, t) {
 	return e * t > 0;
 }
-t(re, "sameSign");
-var ie = H;
-function U(e, t, n) {
+d(W, "sameSign");
+var G = U;
+function ae(e, t, n) {
 	let r = e.x, i = e.y, a = [], o = Infinity, s = Infinity;
 	typeof t.forEach == "function" ? t.forEach(function(e) {
 		o = Math.min(o, e.x), s = Math.min(s, e.y);
 	}) : (o = Math.min(o, t.x), s = Math.min(s, t.y));
 	let c = r - e.width / 2 - o, l = i - e.height / 2 - s;
 	for (let r = 0; r < t.length; r++) {
-		let i = t[r], o = t[r < t.length - 1 ? r + 1 : 0], s = ie(e, n, {
+		let i = t[r], o = t[r < t.length - 1 ? r + 1 : 0], s = G(e, n, {
 			x: c + i.x,
 			y: l + i.y
 		}, {
@@ -398,32 +297,32 @@ function U(e, t, n) {
 		return a < c ? -1 : a === c ? 0 : 1;
 	}), a[0]) : e;
 }
-t(U, "intersectPolygon");
-var W = {
-	node: R,
-	circle: V,
-	ellipse: z,
-	polygon: U,
-	rect: j
+d(ae, "intersectPolygon");
+var K = {
+	node: ne,
+	circle: ie,
+	ellipse: H,
+	polygon: ae,
+	rect: R
 };
-function G(t, n) {
+function oe(t, n) {
 	let { labelStyles: r } = _(n);
 	n.labelStyle = r;
-	let i = E(n), a = i;
+	let i = P(n), a = i;
 	i || (a = "anchor");
-	let o = t.insert("g").attr("class", a).attr("id", n.domId || n.id), { cssStyles: s } = n, c = S.svg(o), l = g(n, {
+	let o = t.insert("g").attr("class", a).attr("id", n.domId || n.id), { cssStyles: s } = n, c = C.svg(o), l = g(n, {
 		fill: "black",
 		stroke: "none",
 		fillStyle: "solid"
 	});
 	n.look !== "handDrawn" && (l.roughness = 0);
 	let u = c.circle(0, 0, 2, l), d = o.insert(() => u, ":first-child");
-	return d.attr("class", "anchor").attr("style", p(s)), T(n, d), n.intersect = function(t) {
-		return e.info("Circle intersect", n, 1, t), W.circle(n, 1, t);
+	return d.attr("class", "anchor").attr("style", h(s)), N(n, d), n.intersect = function(t) {
+		return e.info("Circle intersect", n, 1, t), K.circle(n, 1, t);
 	}, o;
 }
-t(G, "anchor");
-function K(e, t, n, r, i, a, o) {
+d(oe, "anchor");
+function se(e, t, n, r, i, a, o) {
 	let s = (e + n) / 2, c = (t + r) / 2, l = Math.atan2(r - t, n - e), u = (n - e) / 2, d = (r - t) / 2, f = u / i, p = d / a, m = Math.sqrt(f ** 2 + p ** 2);
 	if (m > 1) throw Error("The given radii are too small to create an arc between the points.");
 	let h = Math.sqrt(1 - m ** 2), g = s + h * a * Math.sin(l) * (o ? -1 : 1), _ = c - h * i * Math.cos(l) * (o ? -1 : 1), v = Math.atan2((t - _) / a, (e - g) / i), y = Math.atan2((r - _) / a, (n - g) / i) - v;
@@ -438,54 +337,577 @@ function K(e, t, n, r, i, a, o) {
 	}
 	return b;
 }
-t(K, "generateArcPoints");
-function ae(e, t, n) {
+d(se, "generateArcPoints");
+function ce(e, t, n) {
 	let [r, i] = [t, n].sort((e, t) => t - e);
 	return i * (1 - Math.sqrt(1 - (e / r / 2) ** 2));
 }
-t(ae, "calculateArcSagitta");
-async function oe(e, n) {
-	let { labelStyles: r, nodeStyles: i } = _(n);
-	n.labelStyle = r;
-	let a = n.padding ?? 0, o = n.look === "neo" ? 16 : a, s = n.look === "neo" ? 12 : a, c = /* @__PURE__ */ t((e) => e + s, "calcTotalHeight"), l = /* @__PURE__ */ t((e) => {
+d(ce, "calculateArcSagitta");
+async function le(e, t) {
+	let { labelStyles: n, nodeStyles: r } = _(t);
+	t.labelStyle = n;
+	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = /* @__PURE__ */ d((e) => e + o, "calcTotalHeight"), c = /* @__PURE__ */ d((e) => {
 		let t = e / 2;
 		return [t / (2.5 + e / 50), t];
-	}, "calcEllipseRadius"), { shapeSvg: u, bbox: d } = await C(e, n, E(n)), f = c(n?.height ? n?.height : d.height), [p, m] = l(f), h = ae(f, p, m), v = (n?.width ? n?.width : d.width) + o * 2 + h - h, y = f, { cssStyles: b } = n, x = [
+	}, "calcEllipseRadius"), { shapeSvg: l, bbox: u } = await j(e, t, P(t)), f = s(t?.height ? t?.height : u.height), [p, m] = c(f), h = ce(f, p, m), v = (t?.width ? t?.width : u.width) + a * 2 + h - h, y = f, { cssStyles: b } = t, x = [
+		{
+			x: v / 2,
+			y: -y / 2
+		},
+		{
+			x: -v / 2,
+			y: -y / 2
+		},
+		...se(-v / 2, -y / 2, -v / 2, y / 2, p, m, !1),
+		{
+			x: v / 2,
+			y: y / 2
+		},
+		...se(v / 2, y / 2, v / 2, -y / 2, p, m, !0)
+	], S = C.svg(l), w = g(t, {});
+	t.look !== "handDrawn" && (w.roughness = 0, w.fillStyle = "solid");
+	let T = F(x), E = S.path(T, w), D = l.insert(() => E, ":first-child");
+	return D.attr("class", "basic label-container outer-path"), b && t.look !== "handDrawn" && D.selectAll("path").attr("style", b), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), D.attr("transform", `translate(${p / 2}, 0)`), N(t, D), t.intersect = function(e) {
+		return K.polygon(t, x, e);
+	}, l;
+}
+d(le, "bowTieRect");
+async function ue(e, t, { config: { themeVariables: n } }) {
+	let { labelStyles: r, nodeStyles: i } = _(t);
+	t.labelStyle = r;
+	let { shapeSvg: a, bbox: o, label: s } = await j(e, t, P(t)), c = n?.nodeBorder ?? n?.lineColor ?? "currentColor", l = t.padding ?? 12, u = Math.max(o.width + l * 2, t.width ?? 0, 80), f = Math.max(Math.min(u * .08, 12), 5), p = Math.max(o.height + l * 2 + f, t.height ?? 0), m = -p / 2 + f, h = p / 2, v = u * .72, y = [
+		`M${-u / 2},${m}`,
+		`L${-v / 2},${h}`,
+		`A${v / 2},${f} 0 0 0 ${v / 2},${h}`,
+		`L${u / 2},${m}`,
+		`A${u / 2},${f} 0 0 0 ${-u / 2},${m}`,
+		"Z"
+	].join(" "), { cssStyles: b } = t, x = a.insert("g", ":first-child").attr("class", "basic label-container");
+	if (t.look === "handDrawn") {
+		let e = C.svg(a).path(y, g(t, {}));
+		x.node()?.appendChild(e), b && x.attr("style", b);
+	} else x.append("path").attr("d", y).attr("style", i);
+	x.append("ellipse").attr("cx", 0).attr("cy", m).attr("rx", u / 2).attr("ry", f).attr("style", `fill:none;stroke:${c};stroke-width:1px`), N(t, x);
+	let S = m + (h - m) / 2;
+	s.attr("transform", `translate(${-(o.width / 2) - (o.x - (o.left ?? 0))}, ${S - o.height / 2 - (o.y - (o.top ?? 0))})`);
+	let w = /* @__PURE__ */ d((e, t, n) => Array.from({ length: 13 }, (r, i) => {
+		let a = Math.PI - i * Math.PI / 12;
+		return {
+			x: e * Math.cos(a),
+			y: t + n * f * Math.sin(a)
+		};
+	}), "arc"), T = [...w(u / 2, m, -1), ...w(v / 2, h, 1).reverse()];
+	return t.intersect = function(e) {
+		return K.polygon(t, T, e);
+	}, a;
+}
+d(ue, "bucket");
+var de = 20, fe = 8, pe = 80, me = 8;
+async function he(e, t) {
+	let { themeVariables: n } = l(), r = n.clusterBkg, i = n.clusterBorder, { nodeStyles: o } = _(t), { shapeSvg: s, bbox: c } = await j(e, t, P(t)), u = t.padding ?? 8, d = c.height, f = Math.max(c.width + u * 2, pe, t?.width ?? 0), p = Math.max(d + fe + de + u * 2, t?.height ?? 0), m = -f / 2, v = -p / 2, y = -(fe + de) / 2, b = s.select(".label");
+	b && (t.useHtmlLabels ?? a(l()) ? b.attr("transform", `translate(${-c.width / 2}, ${-c.height / 2 + y})`) : b.attr("transform", `translate(0, ${-c.height / 2 + y})`));
+	let x;
+	if (t.look === "handDrawn") {
+		let e = C.svg(s), n = g(t, {
+			fill: r,
+			stroke: i,
+			fillStyle: "solid"
+		}), a = e.path(z(m, v, f, p, me), n);
+		x = s.insert(() => a, ":first-child"), x.attr("class", "basic label-container collapsed-group").attr("style", h(t.cssStyles));
+	} else x = s.insert("rect", ":first-child"), x.attr("class", "basic label-container collapsed-group").attr("style", o).attr("rx", me).attr("ry", me).attr("x", m).attr("y", v).attr("width", f).attr("height", p).attr("fill", r).attr("stroke", i);
+	let S = v + u + d + fe;
+	s.append("line").attr("class", "collapsed-separator").attr("x1", m + 8).attr("y1", S).attr("x2", m + f - 8).attr("y2", S).attr("stroke", i).attr("stroke-dasharray", "3, 3");
+	let w = S + de / 2;
+	for (let e = -1; e <= 1; e++) s.append("circle").attr("class", "collapsed-indicator").attr("cx", e * 10).attr("cy", w).attr("r", 2.5).attr("fill", i);
+	return N(t, x), t.calcIntersect = function(e, t) {
+		return K.rect(e, t);
+	}, t.intersect = function(e) {
+		return K.rect(t, e);
+	}, s;
+}
+d(he, "collapsedGroup");
+function q(e, t, n, r) {
+	return e.insert("polygon", ":first-child").attr("points", r.map(function(e) {
+		return e.x + "," + e.y;
+	}).join(" ")).attr("class", "label-container").attr("transform", "translate(" + -t / 2 + "," + n / 2 + ")");
+}
+d(q, "insertPolygonShape");
+var ge = [
+	"right",
+	"left",
+	"up",
+	"down"
+], _e = "point", ve = /* @__PURE__ */ d((e) => {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) switch (n) {
+		case "x":
+			t.add("right"), t.add("left");
+			break;
+		case "y":
+			t.add("up"), t.add("down");
+			break;
+		default: t.add(n);
+	}
+	return t;
+}, "expandAndDeduplicateDirections"), ye = /* @__PURE__ */ d((e) => ge.filter((t) => e.has(t)).join("|") || _e, "getDirectionKey"), be = {
+	"right|left|up|down": /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: r / 2,
+			y: 2 * n
+		},
+		{
+			x: r - t,
+			y: 0
+		},
+		{
+			x: r,
+			y: 0
+		},
+		{
+			x: r,
+			y: -e / 3
+		},
+		{
+			x: r + 2 * n,
+			y: -e / 2
+		},
+		{
+			x: r,
+			y: -2 * e / 3
+		},
+		{
+			x: r,
+			y: -e
+		},
+		{
+			x: r - t,
+			y: -e
+		},
+		{
+			x: r / 2,
+			y: -e - 2 * n
+		},
+		{
+			x: t,
+			y: -e
+		},
+		{
+			x: 0,
+			y: -e
+		},
+		{
+			x: 0,
+			y: -2 * e / 3
+		},
+		{
+			x: -2 * n,
+			y: -e / 2
+		},
+		{
+			x: 0,
+			y: -e / 3
+		}
+	], "right|left|up|down"),
+	"right|left|up": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: n - t,
+			y: 0
+		},
+		{
+			x: n,
+			y: -e / 2
+		},
+		{
+			x: n - t,
+			y: -e
+		},
+		{
+			x: t,
+			y: -e
+		},
+		{
+			x: 0,
+			y: -e / 2
+		}
+	], "right|left|up"),
+	"right|left|down": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: t,
+			y: -e
+		},
+		{
+			x: n - t,
+			y: -e
+		},
+		{
+			x: n,
+			y: 0
+		}
+	], "right|left|down"),
+	"right|up|down": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: n,
+			y: -t
+		},
+		{
+			x: n,
+			y: -e + t
+		},
+		{
+			x: 0,
+			y: -e
+		}
+	], "right|up|down"),
+	"left|up|down": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: n,
+			y: 0
+		},
+		{
+			x: 0,
+			y: -t
+		},
+		{
+			x: 0,
+			y: -e + t
+		},
+		{
+			x: n,
+			y: -e
+		}
+	], "left|up|down"),
+	"right|left": /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: 0
+		},
+		{
+			x: r,
+			y: -e / 2
+		},
+		{
+			x: r - t,
+			y: -e
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e
+		},
+		{
+			x: 0,
+			y: -e / 2
+		}
+	], "right|left"),
+	"up|down": /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: r / 2,
+			y: 0
+		},
+		{
+			x: 0,
+			y: -n
+		},
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: t,
+			y: -e + n
+		},
+		{
+			x: 0,
+			y: -e + n
+		},
+		{
+			x: r / 2,
+			y: -e
+		},
+		{
+			x: r,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -n
+		},
+		{
+			x: r,
+			y: -n
+		}
+	], "up|down"),
+	"right|up": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: n,
+			y: -t
+		},
+		{
+			x: 0,
+			y: -e
+		}
+	], "right|up"),
+	"right|down": /* @__PURE__ */ d(({ height: e, width: t }) => [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: 0,
+			y: -e
+		}
+	], "right|down"),
+	"left|up": /* @__PURE__ */ d(({ height: e, midpoint: t, width: n }) => [
+		{
+			x: n,
+			y: 0
+		},
+		{
+			x: 0,
+			y: -t
+		},
+		{
+			x: n,
+			y: -e
+		}
+	], "left|up"),
+	"left|down": /* @__PURE__ */ d(({ height: e, width: t }) => [
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: t,
+			y: -e
+		}
+	], "left|down"),
+	right: /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: 0
+		},
+		{
+			x: r,
+			y: -e / 2
+		},
+		{
+			x: r - t,
+			y: -e
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e + n
+		}
+	], "right"),
+	left: /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: t,
+			y: 0
+		},
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: -n
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e + n
+		},
+		{
+			x: t,
+			y: -e
+		},
 		{
-			x: v / 2,
-			y: -y / 2
+			x: 0,
+			y: -e / 2
+		}
+	], "left"),
+	up: /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: t,
+			y: -n
 		},
 		{
-			x: -v / 2,
-			y: -y / 2
+			x: t,
+			y: -e + n
 		},
-		...K(-v / 2, -y / 2, -v / 2, y / 2, p, m, !1),
 		{
-			x: v / 2,
-			y: y / 2
+			x: 0,
+			y: -e + n
 		},
-		...K(v / 2, y / 2, v / 2, -y / 2, p, m, !0)
-	], w = S.svg(u), O = g(n, {});
-	n.look !== "handDrawn" && (O.roughness = 0, O.fillStyle = "solid");
-	let k = D(x), A = w.path(k, O), j = u.insert(() => A, ":first-child");
-	return j.attr("class", "basic label-container outer-path"), b && n.look !== "handDrawn" && j.selectAll("path").attr("style", b), i && n.look !== "handDrawn" && j.selectAll("path").attr("style", i), j.attr("transform", `translate(${p / 2}, 0)`), T(n, j), n.intersect = function(e) {
-		return W.polygon(n, x, e);
-	}, u;
+		{
+			x: r / 2,
+			y: -e
+		},
+		{
+			x: r,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -n
+		}
+	], "up"),
+	down: /* @__PURE__ */ d(({ height: e, midpoint: t, padding: n, width: r }) => [
+		{
+			x: r / 2,
+			y: 0
+		},
+		{
+			x: 0,
+			y: -n
+		},
+		{
+			x: t,
+			y: -n
+		},
+		{
+			x: t,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -e + n
+		},
+		{
+			x: r - t,
+			y: -n
+		},
+		{
+			x: r,
+			y: -n
+		}
+	], "down"),
+	[_e]: () => [{
+		x: 0,
+		y: 0
+	}]
+}, xe = /* @__PURE__ */ d((e, t, n, r) => {
+	let i = ve(e), a = (n.padding ?? 0) / 2, o = t.height + 4 * a, s = o / 2, c = r ?? t.width + 2 * s + 2 * a;
+	return (be[ye(i)] ?? be[_e])({
+		height: o,
+		midpoint: s,
+		padding: a,
+		width: c
+	});
+}, "getArrowPoints");
+async function Se(e, t) {
+	let n = t, { shapeSvg: r, bbox: i } = await j(e, n, P(n)), a = n.padding ?? 0, o = i.height + 2 * a, s = o / 2, c = i.width + 2 * s + a, l = n.width ?? 0, u = n.positioned && (n.widthInColumns ?? 1) > 1 && l > c ? l : c, d = xe(n.directions ?? [], i, n, u), f = q(r, u, o, d);
+	return f.attr("style", n.style ?? null), N(n, f), n.intersect = function(e) {
+		return K.polygon(n, d, e);
+	}, r;
 }
-t(oe, "bowTieRect");
-function q(e, t, n, r) {
-	return e.insert("polygon", ":first-child").attr("points", r.map(function(e) {
-		return e.x + "," + e.y;
-	}).join(" ")).attr("class", "label-container").attr("transform", "translate(" + -t / 2 + "," + n / 2 + ")");
+d(Se, "block_arrow");
+async function Ce(e, t, { config: { themeVariables: n } }) {
+	let { labelStyles: r, nodeStyles: i } = _(t);
+	t.labelStyle = r;
+	let { shapeSvg: a, bbox: o, label: s } = await j(e, t, P(t)), c = n?.nodeBorder ?? n?.lineColor ?? "currentColor", l = t.padding ?? 12, u = Math.max(o.width + l * 2, t.width ?? 0, 90), d = Math.max(o.height + l * 2 + 18, t.height ?? 0), f = -d / 2, { cssStyles: p } = t, m = a.insert("g", ":first-child").attr("class", "basic label-container");
+	if (t.look === "handDrawn") {
+		let e = C.svg(a).path(z(-u / 2, f, u, d, 12), g(t, {}));
+		m.node()?.appendChild(e), p && m.attr("style", p);
+	} else m.append("rect").attr("x", -u / 2).attr("y", f).attr("width", u).attr("height", d).attr("rx", 12).attr("ry", 12).attr("style", i);
+	m.append("line").attr("x1", -u / 2).attr("y1", f + 18).attr("x2", u / 2).attr("y2", f + 18).attr("style", `stroke:${c};stroke-width:1px`);
+	for (let e = 0; e < 3; e++) m.append("circle").attr("cx", -u / 2 + 12 + e * 9).attr("cy", f + 9).attr("r", 2.5).attr("style", `fill:${c};stroke:none`);
+	m.append("rect").attr("class", "browser-address-bar").attr("x", -u / 2 + 44).attr("y", f + 4).attr("width", Math.max(u - 56, 10)).attr("height", 10).attr("rx", 3).attr("ry", 3).attr("style", `fill:none;stroke:${c};stroke-width:1px;opacity:0.6`), N(t, m);
+	let h = f + 18 + (d - 18) / 2;
+	return s.attr("transform", `translate(${-(o.width / 2) - (o.x - (o.left ?? 0))}, ${h - o.height / 2 - (o.y - (o.top ?? 0))})`), t.intersect = function(e) {
+		return K.rect(t, e);
+	}, a;
 }
-t(q, "insertPolygonShape");
-var se = 12;
-async function ce(e, t) {
+d(Ce, "browser");
+var we = 12;
+async function Te(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 24 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ?? c.width) + (t.look === "neo" ? a * 2 : a + se), u = (t?.height ?? c.height) + (t.look === "neo" ? o * 2 : o), d = l, f = -u, p = [
+	let i = t.padding ?? 0, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 24 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = (t?.width ?? c.width) + (t.look === "neo" ? a * 2 : a + we), u = (t?.height ?? c.height) + (t.look === "neo" ? o * 2 : o), d = l, f = -u, p = [
 		{
-			x: 0 + se,
+			x: 0 + we,
 			y: f
 		},
 		{
@@ -502,26 +924,26 @@ async function ce(e, t) {
 		},
 		{
 			x: 0,
-			y: f + se
+			y: f + we
 		},
 		{
-			x: 0 + se,
+			x: 0 + we,
 			y: f
 		}
 	], m, { cssStyles: h } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = D(p), i = e.path(r, n);
+		let e = C.svg(s), n = g(t, {}), r = F(p), i = e.path(r, n);
 		m = s.insert(() => i, ":first-child").attr("transform", `translate(${-l / 2}, ${u / 2})`), h && m.attr("style", h);
 	} else m = q(s, l, u, p);
-	return r && m.attr("style", r), T(t, m), t.intersect = function(e) {
-		return W.polygon(t, p, e);
+	return r && m.attr("style", r), N(t, m), t.intersect = function(e) {
+		return K.polygon(t, p, e);
 	}, s;
 }
-t(ce, "card");
-function le(e, t) {
+d(Te, "card");
+function Ee(e, t) {
 	let { nodeStyles: n } = _(t);
 	t.label = "";
-	let r = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), { cssStyles: i } = t, a = Math.max(28, t.width ?? 0), o = [
+	let r = e.insert("g").attr("class", P(t)).attr("id", t.domId ?? t.id), { cssStyles: i } = t, a = Math.max(28, t.width ?? 0), o = [
 		{
 			x: 0,
 			y: a / 2
@@ -538,31 +960,57 @@ function le(e, t) {
 			x: -a / 2,
 			y: 0
 		}
-	], s = S.svg(r), c = g(t, {});
+	], s = C.svg(r), c = g(t, {});
 	t.look !== "handDrawn" && (c.roughness = 0, c.fillStyle = "solid");
-	let l = D(o), u = s.path(l, c), d = r.insert(() => u, ":first-child");
+	let l = F(o), u = s.path(l, c), d = r.insert(() => u, ":first-child");
 	return i && t.look !== "handDrawn" && d.selectAll("path").attr("style", i), n && t.look !== "handDrawn" && d.selectAll("path").attr("style", n), t.width = 28, t.height = 28, t.intersect = function(e) {
-		return W.polygon(t, o, e);
+		return K.polygon(t, o, e);
 	}, r;
 }
-t(le, "choice");
-async function ue(t, n, r) {
+d(Ee, "choice");
+async function De(t, n, r) {
 	let { labelStyles: i, nodeStyles: a } = _(n);
 	n.labelStyle = i;
-	let { shapeSvg: o, bbox: s, halfPadding: c } = await C(t, n, E(n)), l = r?.padding ?? c, u = n.look === "neo" ? s.width / 2 + 32 : s.width / 2 + l, d, { cssStyles: f } = n;
+	let { shapeSvg: o, bbox: s, halfPadding: c } = await j(t, n, P(n)), l = r?.padding ?? c, u = n.look === "neo" ? s.width / 2 + 32 : s.width / 2 + l, d, { cssStyles: f } = n;
 	if (n.look === "handDrawn") {
-		let e = S.svg(o), t = g(n, {}), r = e.circle(0, 0, u * 2, t);
-		d = o.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", p(f));
+		let e = C.svg(o), t = g(n, {}), r = e.circle(0, 0, u * 2, t);
+		d = o.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", h(f));
 	} else d = o.insert("circle", ":first-child").attr("class", "basic label-container").attr("style", a).attr("r", u).attr("cx", 0).attr("cy", 0);
-	return T(n, d), n.calcIntersect = function(e, t) {
+	return N(n, d), n.calcIntersect = function(e, t) {
 		let n = e.width / 2;
-		return W.circle(e, n, t);
+		return K.circle(e, n, t);
 	}, n.intersect = function(t) {
-		return e.info("Circle intersect", n, u, t), W.circle(n, u, t);
+		return e.info("Circle intersect", n, u, t), K.circle(n, u, t);
 	}, o;
 }
-t(ue, "circle");
-function de(e) {
+d(De, "circle");
+async function Oe(e, t) {
+	let n = t, { shapeSvg: r, bbox: i, halfPadding: a } = await j(e, n, [
+		"node",
+		n.cssClasses,
+		n.class
+	].filter(Boolean).join(" ")), o = r.insert("rect", ":first-child"), s = n.padding ?? 0, c = n.positioned ? n.width ?? 0 : i.width + s, l = n.positioned ? n.height ?? 0 : i.height + s, u = n.positioned ? -c / 2 : -i.width / 2 - a, d = n.positioned ? -l / 2 : -i.height / 2 - a;
+	return o.attr("class", "basic cluster composite label-container").attr("style", n.style ?? null).attr("rx", n.rx ?? null).attr("ry", n.ry ?? null).attr("x", u).attr("y", d).attr("width", c).attr("height", l), N(n, o), n.intersect = function(e) {
+		return K.rect(n, e);
+	}, r;
+}
+d(Oe, "composite");
+async function ke(e, t, { config: { themeVariables: n } }) {
+	let { labelStyles: r, nodeStyles: i } = _(t);
+	t.labelStyle = r;
+	let { shapeSvg: a, bbox: o, label: s } = await j(e, t, P(t)), c = n?.nodeBorder ?? n?.lineColor ?? "currentColor", l = t.padding ?? 12, u = Math.max(o.width + l * 2, t.width ?? 0, 90), d = Math.max(o.height + l * 2 + 20, t.height ?? 0), f = -d / 2, { cssStyles: p } = t, m = a.insert("g", ":first-child").attr("class", "basic label-container");
+	if (t.look === "handDrawn") {
+		let e = C.svg(a).path(z(-u / 2, f, u, d, 12), g(t, {}));
+		m.node()?.appendChild(e), p && m.attr("style", p);
+	} else m.append("rect").attr("x", -u / 2).attr("y", f).attr("width", u).attr("height", d).attr("rx", 12).attr("ry", 12).attr("style", i);
+	m.append("text").attr("x", -u / 2 + 12).attr("y", f + 16).attr("class", "console-glyph").attr("style", `font-family:monospace;font-weight:bold;font-size:14px;fill:${c}`).text(">_"), N(t, m);
+	let h = f + 20 + (d - 20) / 2;
+	return s.attr("transform", `translate(${-(o.width / 2) - (o.x - (o.left ?? 0))}, ${h - o.height / 2 - (o.y - (o.top ?? 0))})`), t.intersect = function(e) {
+		return K.rect(t, e);
+	}, a;
+}
+d(ke, "consoleWindow");
+function Ae(e) {
 	let t = Math.cos(Math.PI / 4), n = Math.sin(Math.PI / 4), r = e * 2, i = {
 		x: r / 2 * t,
 		y: r / 2 * n
@@ -579,21 +1027,21 @@ function de(e) {
 	return `M ${a.x},${a.y} L ${s.x},${s.y}
                    M ${i.x},${i.y} L ${o.x},${o.y}`;
 }
-t(de, "createLine");
-function fe(t, n) {
+d(Ae, "createLine");
+function je(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r, n.label = "";
-	let a = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), o = Math.max(30, n?.width ?? 0), { cssStyles: s } = n, c = S.svg(a), l = g(n, {});
+	let a = t.insert("g").attr("class", P(n)).attr("id", n.domId ?? n.id), o = Math.max(30, n?.width ?? 0), { cssStyles: s } = n, c = C.svg(a), l = g(n, {});
 	n.look !== "handDrawn" && (l.roughness = 0, l.fillStyle = "solid");
-	let u = c.circle(0, 0, o * 2, l), d = de(o), f = c.path(d, l), p = a.insert(() => u, ":first-child");
-	return p.insert(() => f), p.attr("class", "outer-path"), s && n.look !== "handDrawn" && p.selectAll("path").attr("style", s), i && n.look !== "handDrawn" && p.selectAll("path").attr("style", i), T(n, p), n.intersect = function(t) {
+	let u = c.circle(0, 0, o * 2, l), d = Ae(o), f = c.path(d, l), p = a.insert(() => u, ":first-child");
+	return p.insert(() => f), p.attr("class", "outer-path"), s && n.look !== "handDrawn" && p.selectAll("path").attr("style", s), i && n.look !== "handDrawn" && p.selectAll("path").attr("style", i), N(n, p), n.intersect = function(t) {
 		return e.info("crossedCircle intersect", n, {
 			radius: o,
 			point: t
-		}), W.circle(n, o, t);
+		}), K.circle(n, o, t);
 	}, a;
 }
-t(fe, "crossedCircle");
+d(je, "crossedCircle");
 function J(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -605,11 +1053,11 @@ function J(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-t(J, "generateCirclePoints");
-async function pe(e, t) {
+d(J, "generateCirclePoints");
+async function Me(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + s, u = a.height + c, d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + s, u = a.height + c, d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
 		...J(l / 2, -u / 2, d, 30, -90, 0),
 		{
 			x: -l / 2 - d,
@@ -651,14 +1099,14 @@ async function pe(e, t) {
 			x: l / 2,
 			y: u / 2 + d
 		}
-	], h = S.svg(i), v = g(t, { fill: "none" });
+	], h = C.svg(i), v = g(t, { fill: "none" });
 	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
-	let y = D(p).replace("Z", ""), b = h.path(y, v), x = D(m), w = h.path(x, { ...v }), O = i.insert("g", ":first-child");
-	return O.insert(() => w, ":first-child").attr("stroke-opacity", 0), O.insert(() => b, ":first-child"), O.attr("class", "text"), f && t.look !== "handDrawn" && O.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && O.selectAll("path").attr("style", r), O.attr("transform", `translate(${d}, 0)`), o.attr("transform", `translate(${-l / 2 + d - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), T(t, O), t.intersect = function(e) {
-		return W.polygon(t, m, e);
+	let y = F(p).replace("Z", ""), b = h.path(y, v), x = F(m), S = h.path(x, { ...v }), w = i.insert("g", ":first-child");
+	return w.insert(() => S, ":first-child").attr("stroke-opacity", 0), w.insert(() => b, ":first-child"), w.attr("class", "text"), f && t.look !== "handDrawn" && w.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && w.selectAll("path").attr("style", r), w.attr("transform", `translate(${d}, 0)`), o.attr("transform", `translate(${-l / 2 + d - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), N(t, w), t.intersect = function(e) {
+		return K.polygon(t, m, e);
 	}, i;
 }
-t(pe, "curlyBraceLeft");
+d(Me, "curlyBraceLeft");
 function Y(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -670,11 +1118,11 @@ function Y(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-t(Y, "generateCirclePoints");
-async function me(e, t) {
+d(Y, "generateCirclePoints");
+async function Ne(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + (t.look === "neo" ? s * 2 : s), u = a.height + (t.look === "neo" ? c * 2 : c), d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + (t.look === "neo" ? s * 2 : s), u = a.height + (t.look === "neo" ? c * 2 : c), d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
 		...Y(l / 2, -u / 2, d, 20, -90, 0),
 		{
 			x: l / 2 + d,
@@ -716,14 +1164,14 @@ async function me(e, t) {
 			x: -l / 2,
 			y: u / 2 + d
 		}
-	], h = S.svg(i), v = g(t, { fill: "none" });
+	], h = C.svg(i), v = g(t, { fill: "none" });
 	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
-	let y = D(p).replace("Z", ""), b = h.path(y, v), x = D(m), w = h.path(x, { ...v }), O = i.insert("g", ":first-child");
-	return O.insert(() => w, ":first-child").attr("stroke-opacity", 0), O.insert(() => b, ":first-child"), O.attr("class", "text"), f && t.look !== "handDrawn" && O.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && O.selectAll("path").attr("style", r), O.attr("transform", `translate(${-d}, 0)`), o.attr("transform", `translate(${-l / 2 + (t.padding ?? 0) / 2 - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), T(t, O), t.intersect = function(e) {
-		return W.polygon(t, m, e);
+	let y = F(p).replace("Z", ""), b = h.path(y, v), x = F(m), S = h.path(x, { ...v }), w = i.insert("g", ":first-child");
+	return w.insert(() => S, ":first-child").attr("stroke-opacity", 0), w.insert(() => b, ":first-child"), w.attr("class", "text"), f && t.look !== "handDrawn" && w.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && w.selectAll("path").attr("style", r), w.attr("transform", `translate(${-d}, 0)`), o.attr("transform", `translate(${-l / 2 + (t.padding ?? 0) / 2 - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), N(t, w), t.intersect = function(e) {
+		return K.polygon(t, m, e);
 	}, i;
 }
-t(me, "curlyBraceRight");
+d(Ne, "curlyBraceRight");
 function X(e, t, n, r = 100, i = 0, a = 180) {
 	let o = [], s = i * Math.PI / 180, c = (a * Math.PI / 180 - s) / (r - 1);
 	for (let i = 0; i < r; i++) {
@@ -735,11 +1183,11 @@ function X(e, t, n, r = 100, i = 0, a = 180) {
 	}
 	return o;
 }
-t(X, "generateCirclePoints");
-async function he(e, t) {
+d(X, "generateCirclePoints");
+async function Pe(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + (t.look === "neo" ? s * 2 : s), u = a.height + (t.look === "neo" ? c * 2 : c), d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.look === "neo" ? 18 : t.padding ?? 0, c = t.look === "neo" ? 12 : t.padding ?? 0, l = a.width + (t.look === "neo" ? s * 2 : s), u = a.height + (t.look === "neo" ? c * 2 : c), d = Math.max(5, u * .1), { cssStyles: f } = t, p = [
 		...X(l / 2, -u / 2, d, 30, -90, 0),
 		{
 			x: -l / 2 - d,
@@ -806,18 +1254,18 @@ async function he(e, t) {
 			y: -d
 		},
 		...X(-l / 2 + d + d / 2, u / 2, d, 30, -180, -270)
-	], v = S.svg(i), y = g(t, { fill: "none" });
+	], v = C.svg(i), y = g(t, { fill: "none" });
 	t.look !== "handDrawn" && (y.roughness = 0, y.fillStyle = "solid");
-	let b = D(p).replace("Z", ""), x = v.path(b, y), w = D(m).replace("Z", ""), O = v.path(w, y), k = D(h), A = v.path(k, { ...y }), j = i.insert("g", ":first-child");
-	return j.insert(() => A, ":first-child").attr("stroke-opacity", 0), j.insert(() => x, ":first-child"), j.insert(() => O, ":first-child"), j.attr("class", "text"), f && t.look !== "handDrawn" && j.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && j.selectAll("path").attr("style", r), j.attr("transform", `translate(${d - d / 4}, 0)`), o.attr("transform", `translate(${-l / 2 + (t.padding ?? 0) / 2 - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), T(t, j), t.intersect = function(e) {
-		return W.polygon(t, h, e);
+	let b = F(p).replace("Z", ""), x = v.path(b, y), S = F(m).replace("Z", ""), w = v.path(S, y), T = F(h), E = v.path(T, { ...y }), D = i.insert("g", ":first-child");
+	return D.insert(() => E, ":first-child").attr("stroke-opacity", 0), D.insert(() => x, ":first-child"), D.insert(() => w, ":first-child"), D.attr("class", "text"), f && t.look !== "handDrawn" && D.selectAll("path").attr("style", f), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), D.attr("transform", `translate(${d - d / 4}, 0)`), o.attr("transform", `translate(${-l / 2 + (t.padding ?? 0) / 2 - (a.x - (a.left ?? 0))},${-u / 2 + (t.padding ?? 0) / 2 - (a.y - (a.top ?? 0))})`), N(t, D), t.intersect = function(e) {
+		return K.polygon(t, h, e);
 	}, i;
 }
-t(he, "curlyBraces");
-async function ge(e, t) {
+d(Pe, "curlyBraces");
+async function Fe(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = Math.max(20, (c.width + a * 2) * 1.25, t?.width ?? 0), u = Math.max(5, c.height + o * 2, t?.height ?? 0), d = u / 2, { cssStyles: f } = t, p = S.svg(s), m = g(t, {});
+	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(20, (c.width + a * 2) * 1.25, t?.width ?? 0), u = Math.max(5, c.height + o * 2, t?.height ?? 0), d = u / 2, { cssStyles: f } = t, p = C.svg(s), m = g(t, {});
 	t.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
 	let h = l, v = u, y = h - d, b = v / 4, x = [
 		{
@@ -840,73 +1288,97 @@ async function ge(e, t) {
 			x: y,
 			y: v
 		},
-		...k(-y, -v / 2, d, 50, 270, 90)
-	], w = D(x), O = p.path(w, m), A = s.insert(() => O, ":first-child");
-	return A.attr("class", "basic label-container outer-path"), f && t.look !== "handDrawn" && A.selectChildren("path").attr("style", f), r && t.look !== "handDrawn" && A.selectChildren("path").attr("style", r), A.attr("transform", `translate(${-l / 2}, ${-u / 2})`), T(t, A), t.intersect = function(e) {
-		return W.polygon(t, x, e);
+		...L(-y, -v / 2, d, 50, 270, 90)
+	], S = F(x), w = p.path(S, m), T = s.insert(() => w, ":first-child");
+	return T.attr("class", "basic label-container outer-path"), f && t.look !== "handDrawn" && T.selectChildren("path").attr("style", f), r && t.look !== "handDrawn" && T.selectChildren("path").attr("style", r), T.attr("transform", `translate(${-l / 2}, ${-u / 2})`), N(t, T), t.intersect = function(e) {
+		return K.polygon(t, x, e);
 	}, s;
 }
-t(ge, "curvedTrapezoid");
-var _e = /* @__PURE__ */ t((e, t, n, r, i, a) => [
+d(Fe, "curvedTrapezoid");
+async function Ie(e, t) {
+	let { labelStyles: n, nodeStyles: r } = _(t);
+	t.labelStyle = n;
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.padding ?? 20, c = Math.max(a.width + s * 2, t.width ?? 0, 100), l = Math.min(Math.max(c * .23, 16), 56), u = l * .27, d = Math.max(a.height + s * 2, t.height ? t.height - (2 * l - u) : 0), f = Math.min(c * .177, d * .45), p = d + 2 * l - u, m = -p / 2, h = m + 2 * l - u, v = i.insert("g", ":first-child").attr("class", "basic label-container"), { cssStyles: y } = t;
+	if (t.look === "handDrawn") {
+		let e = C.svg(i), n = g(t, {}), r = e.path(z(-c / 2, h, c, d, f), n), a = e.circle(0, m + l, l * 2, n);
+		v.insert(() => a, ":first-child"), v.insert(() => r, ":first-child"), y && v.attr("style", y);
+	} else v.append("rect").attr("x", -c / 2).attr("y", h).attr("width", c).attr("height", d).attr("rx", f).attr("ry", f).attr("style", r), v.append("circle").attr("cx", 0).attr("cy", m + l).attr("r", l).attr("style", r);
+	N(t, v);
+	let b = h + d / 2;
+	o.attr("transform", `translate(${-(a.width / 2) - (a.x - (a.left ?? 0))}, ${b - a.height / 2 - (a.y - (a.top ?? 0))})`);
+	let x = m + l, S = Math.asin(Math.min(1, (h - x) / l)) * 180 / Math.PI, w = [
+		...L(0, -x, l, 24, 180 + S, -S),
+		...L(-(-c / 2 + f), -(h + f), f, 12, 90, 0),
+		...L(-(-c / 2 + f), -(p / 2 - f), f, 12, 360, 270),
+		...L(-(c / 2 - f), -(p / 2 - f), f, 12, 270, 180),
+		...L(-(c / 2 - f), -(h + f), f, 12, 180, 90)
+	];
+	return t.intersect = function(e) {
+		return K.polygon(t, w, e);
+	}, i;
+}
+d(Ie, "person");
+var Le = /* @__PURE__ */ d((e, t, n, r, i, a) => [
 	`M${e},${t + a}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`a${i},${a} 0,0,0 ${-n},0`,
 	`l0,${r}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`l0,${-r}`
-].join(" "), "createCylinderPathD"), ve = /* @__PURE__ */ t((e, t, n, r, i, a) => [
+].join(" "), "createCylinderPathD"), Re = /* @__PURE__ */ d((e, t, n, r, i, a) => [
 	`M${e},${t + a}`,
 	`M${e + n},${t + a}`,
 	`a${i},${a} 0,0,0 ${-n},0`,
 	`l0,${r}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`l0,${-r}`
-].join(" "), "createOuterCylinderPathD"), ye = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), be = 8, xe = 8;
-async function Se(e, t) {
+].join(" "), "createOuterCylinderPathD"), ze = /* @__PURE__ */ d((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), Be = 8, Ve = 8;
+async function He(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 24 : i, o = t.look === "neo" ? 24 : i;
-	if (t.width || t.height) {
-		let e = t.width ?? 0;
-		t.width = (t.width ?? 0) - o, t.width < xe && (t.width = xe);
-		let n = e / 2 / (2.5 + e / 50);
-		t.height = (t.height ?? 0) - a - n * 3, t.height < be && (t.height = be);
+	let i = t.padding ?? 0, a = t.look === "neo" ? 24 : i, o = t.look === "neo" ? 24 : i, s = t.width ?? 0;
+	if (t.width && (t.width -= o, t.width < Ve && (t.width = Ve)), t.height) {
+		let e = s / 2 / (2.5 + s / 50);
+		t.height = t.height - a - e * 3, t.height < Be && (t.height = Be);
 	}
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t.width ? t.width : c.width) + o, d = u / 2, f = d / (2.5 + u / 50), m = (t.height ? t.height : c.height) + a + f, h, { cssStyles: v } = t;
+	let { shapeSvg: c, bbox: l, label: u } = await j(e, t, P(t)), d = Math.max(t.width ?? 0, l.width) + o, f = d / 2, p = f / (2.5 + d / 50), m = Math.max(t.height ?? 0, l.height) + a + p, v, { cssStyles: y } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = ve(0, 0, u, m, d, f), r = ye(0, f, u, m, d, f), i = g(t, {}), a = e.path(n, i), o = e.path(r, g(t, { fill: "none" }));
-		h = s.insert(() => o, ":first-child"), h = s.insert(() => a, ":first-child"), h.attr("class", "basic label-container"), v && h.attr("style", v);
+		let e = C.svg(c), n = Re(0, 0, d, m, f, p), r = ze(0, p, d, m, f, p), i = g(t, {}), a = e.path(n, i), o = e.path(r, g(t, { fill: "none" }));
+		v = c.insert(() => o, ":first-child"), v = c.insert(() => a, ":first-child"), v.attr("class", "basic label-container"), y && v.attr("style", y);
 	} else {
-		let e = _e(0, 0, u, m, d, f);
-		h = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", p(v)).attr("style", r);
+		let e = Le(0, 0, d, m, f, p);
+		v = c.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", h(y)).attr("style", r);
 	}
-	return h.attr("label-offset-y", f), h.attr("transform", `translate(${-u / 2}, ${-(m / 2 + f)})`), T(t, h), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + (t.padding ?? 0) / 1.5 - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
-		let n = W.rect(t, e), r = n.x - (t.x ?? 0);
-		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - f)) {
-			let i = f * f * (1 - r * r / (d * d));
-			i > 0 && (i = Math.sqrt(i)), i = f - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
+	return v.attr("label-offset-y", p), v.attr("transform", `translate(${-d / 2}, ${-(m / 2 + p)})`), N(t, v), u.attr("transform", `translate(${-(l.width / 2) - (l.x - (l.left ?? 0))}, ${-(l.height / 2) + (t.padding ?? 0) / 1.5 - (l.y - (l.top ?? 0))})`), t.intersect = function(e) {
+		let n = K.rect(t, e), r = n.x - (t.x ?? 0);
+		if (f != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - p)) {
+			let i = p * p * (1 - r * r / (f * f));
+			i > 0 && (i = Math.sqrt(i)), i = p - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
 		}
 		return n;
-	}, s;
+	}, c;
 }
-t(Se, "cylinder");
-async function Ce(e, t, n) {
+d(He, "cylinder");
+async function Ue(e, t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r;
-	let { shapeSvg: a, bbox: o } = await C(e, t, E(t)), s = Math.max(o.width + n.labelPaddingX * 2, t?.width || 0), c = Math.max(o.height + n.labelPaddingY * 2, t?.height || 0), l = -s / 2, u = -c / 2, d, { rx: f, ry: m } = t, { cssStyles: h } = t;
-	if (n?.rx && n.ry && (f = n.rx, m = n.ry), t.look === "handDrawn") {
-		let e = S.svg(a), n = g(t, {}), r = f || m ? e.path(N(l, u, s, c, f || 0), n) : e.rectangle(l, u, s, c, n);
-		d = a.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", p(h));
-	} else d = a.insert("rect", ":first-child"), d.attr("class", "basic label-container").attr("style", i).attr("rx", p(f)).attr("ry", p(m)).attr("x", l).attr("y", u).attr("width", s).attr("height", c);
-	return T(t, d), t.calcIntersect = function(e, t) {
-		return W.rect(e, t);
+	let { shapeSvg: a, bbox: o } = await j(e, t, P(t)), s = Math.max(o.width + n.labelPaddingX * 2, t?.width || 0), c = Math.max(o.height + n.labelPaddingY * 2, t?.height || 0), l = -s / 2, u = -c / 2, d, { rx: f, ry: p } = t, { cssStyles: m } = t;
+	if (n?.rx && n.ry && (f = n.rx, p = n.ry), t.look === "handDrawn") {
+		let e = C.svg(a), n = g(t, {}), r = f || p ? e.path(z(l, u, s, c, f || 0), n) : e.rectangle(l, u, s, c, n);
+		d = a.insert(() => r, ":first-child"), d.attr("class", "basic label-container").attr("style", h(m));
+	} else d = a.insert("rect", ":first-child"), d.attr("class", "basic label-container").attr("style", i).attr("rx", h(f)).attr("ry", h(p)).attr("x", l).attr("y", u).attr("width", s).attr("height", c);
+	return N(t, d, t.look === "handDrawn" ? void 0 : {
+		width: s,
+		height: c
+	}), t.calcIntersect = function(e, t) {
+		return K.rect(e, t);
 	}, t.intersect = function(e) {
-		return W.rect(t, e);
+		return K.rect(t, e);
 	}, a;
 }
-t(Ce, "drawRect");
-async function we(e, t) {
-	let { cssClasses: n, labelPaddingX: r, labelPaddingY: i, padding: a, width: o, height: s } = t, c = await Ce(e, t, {
+d(Ue, "drawRect");
+async function We(e, t) {
+	let { cssClasses: n, labelPaddingX: r, labelPaddingY: i, padding: a, width: o, height: s } = t, c = await Ue(e, t, {
 		rx: 0,
 		ry: 0,
 		classes: n ?? "",
@@ -914,7 +1386,7 @@ async function we(e, t) {
 		labelPaddingY: i ?? a ?? 0
 	});
 	if (t.look === "handDrawn") {
-		let e = S.svg(c), n = g(t, {}), r = c.select(".basic.label-container > path:nth-child(2)"), i = r.node();
+		let e = C.svg(c), n = g(t, {}), r = c.select(".basic.label-container > path:nth-child(2)"), i = r.node();
 		if (!i) return c;
 		let a = null;
 		if (i instanceof SVGGraphicsElement) a = i.getBBox();
@@ -924,11 +1396,11 @@ async function we(e, t) {
 	let l = c.select(".basic.label-container"), u = (Number(l.attr("width")) || o) ?? 0, d = (Number(l.attr("height")) || s) ?? 0;
 	return u > 0 && d > 0 && l.attr("stroke-dasharray", `${u} ${d}`), c;
 }
-t(we, "datastore");
-async function Te(e, t) {
+d(We, "datastore");
+async function Ge(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 16 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = s.width + i, u = s.height + a, d = u * .2, f = -l / 2, p = -u / 2 - d / 2, { cssStyles: m } = t, h = S.svg(o), v = g(t, {});
+	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 16 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await j(e, t, P(t)), l = s.width + i, u = s.height + a, d = u * .2, f = -l / 2, p = -u / 2 - d / 2, { cssStyles: m } = t, h = C.svg(o), v = g(t, {});
 	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
 	let y = [
 		{
@@ -960,55 +1432,55 @@ async function Te(e, t) {
 			y: p + d
 		}
 	], b = h.polygon(y.map((e) => [e.x, e.y]), v), x = o.insert(() => b, ":first-child");
-	return x.attr("class", "basic label-container outer-path"), m && t.look !== "handDrawn" && x.selectAll("path").attr("style", m), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), c.attr("transform", `translate(${f + (t.padding ?? 0) / 2 - (s.x - (s.left ?? 0))}, ${p + d + (t.padding ?? 0) / 2 - (s.y - (s.top ?? 0))})`), T(t, x), t.intersect = function(e) {
-		return W.rect(t, e);
+	return x.attr("class", "basic label-container outer-path"), m && t.look !== "handDrawn" && x.selectAll("path").attr("style", m), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), c.attr("transform", `translate(${f + (t.padding ?? 0) / 2 - (s.x - (s.left ?? 0))}, ${p + d + (t.padding ?? 0) / 2 - (s.y - (s.top ?? 0))})`), N(t, x), t.intersect = function(e) {
+		return K.rect(t, e);
 	}, o;
 }
-t(Te, "dividedRectangle");
-async function Ee(t, n) {
+d(Ge, "dividedRectangle");
+async function Ke(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n), a = n.look === "neo" ? 12 : 5;
 	n.labelStyle = r;
-	let o = n.padding ?? 0, s = n.look === "neo" ? 16 : o, { shapeSvg: c, bbox: l } = await C(t, n, E(n)), u = (n?.width ? n?.width / 2 : l.width / 2) + (s ?? 0), d = u - a, f, { cssStyles: m } = n;
+	let o = n.padding ?? 0, s = n.look === "neo" ? 16 : o, { shapeSvg: c, bbox: l } = await j(t, n, P(n)), u = (n?.width ? n?.width / 2 : l.width / 2) + (s ?? 0), d = u - a, f, { cssStyles: p } = n;
 	if (n.look === "handDrawn") {
-		let e = S.svg(c), t = g(n, {
+		let e = C.svg(c), t = g(n, {
 			roughness: .2,
 			strokeWidth: 2.5
 		}), r = g(n, {
 			roughness: .2,
 			strokeWidth: 1.5
 		}), i = e.circle(0, 0, u * 2, t), a = e.circle(0, 0, d * 2, r);
-		f = c.insert("g", ":first-child"), f.attr("class", p(n.cssClasses)).attr("style", p(m)), f.node()?.appendChild(i), f.node()?.appendChild(a);
+		f = c.insert("g", ":first-child"), f.attr("class", h(n.cssClasses)).attr("style", h(p)), f.node()?.appendChild(i), f.node()?.appendChild(a);
 	} else {
 		f = c.insert("g", ":first-child");
 		let e = f.insert("circle", ":first-child"), t = f.insert("circle");
 		f.attr("class", "basic label-container").attr("style", i), e.attr("class", "outer-circle").attr("style", i).attr("r", u).attr("cx", 0).attr("cy", 0), t.attr("class", "inner-circle").attr("style", i).attr("r", d).attr("cx", 0).attr("cy", 0);
 	}
-	return T(n, f), n.intersect = function(t) {
-		return e.info("DoubleCircle intersect", n, u, t), W.circle(n, u, t);
+	return N(n, f), n.intersect = function(t) {
+		return e.info("DoubleCircle intersect", n, u, t), K.circle(n, u, t);
 	}, c;
 }
-t(Ee, "doublecircle");
-function De(t, n, { config: { themeVariables: r } }) {
+d(Ke, "doublecircle");
+function qe(t, n, { config: { themeVariables: r } }) {
 	let { labelStyles: i, nodeStyles: a } = _(n);
 	n.label = "", n.labelStyle = i;
-	let o = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), { cssStyles: s } = n, c = S.svg(o), { nodeBorder: l } = r, u = g(n, { fillStyle: "solid" });
+	let o = t.insert("g").attr("class", P(n)).attr("id", n.domId ?? n.id), { cssStyles: s } = n, c = C.svg(o), { nodeBorder: l } = r, u = g(n, { fillStyle: "solid" });
 	n.look !== "handDrawn" && (u.roughness = 0);
 	let d = c.circle(0, 0, 14, u), f = o.insert(() => d, ":first-child");
-	return f.selectAll("path").attr("style", `fill: ${l} !important;`), s && s.length > 0 && n.look !== "handDrawn" && f.selectAll("path").attr("style", s), a && n.look !== "handDrawn" && f.selectAll("path").attr("style", a), T(n, f), n.intersect = function(t) {
+	return f.selectAll("path").attr("style", `fill: ${l} !important;`), s && s.length > 0 && n.look !== "handDrawn" && f.selectAll("path").attr("style", s), a && n.look !== "handDrawn" && f.selectAll("path").attr("style", a), N(n, f), n.intersect = function(t) {
 		return e.info("filledCircle intersect", n, {
 			radius: 7,
 			point: t
-		}), W.circle(n, 7, t);
+		}), K.circle(n, 7, t);
 	}, o;
 }
-t(De, "filledCircle");
-var Oe = 10, ke = 10;
-async function Ae(t, n) {
+d(qe, "filledCircle");
+var Je = 10, Ye = 10;
+async function Xe(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r;
 	let a = n.padding ?? 0, o = n.look === "neo" ? a * 2 : a;
-	(n.width || n.height) && (n.height = n?.height ?? 0, n.height < Oe && (n.height = Oe), n.width = (n?.width ?? 0) - o - o / 2, n.width < ke && (n.width = ke));
-	let { shapeSvg: s, bbox: c, label: l } = await C(t, n, E(n)), u = (n?.width ? n?.width : c.width) + (o ?? 0), d = n?.height ? n?.height : u + c.height, f = d, p = [
+	(n.width || n.height) && (n.height = n?.height ?? 0, n.height < Je && (n.height = Je), n.width = (n?.width ?? 0) - o - o / 2, n.width < Ye && (n.width = Ye));
+	let { shapeSvg: s, bbox: c, label: l } = await j(t, n, P(n)), u = (n?.width ? n?.width : c.width) + (o ?? 0), d = n?.height ? n?.height : u + c.height, f = d, p = [
 		{
 			x: 0,
 			y: -d
@@ -1021,38 +1493,85 @@ async function Ae(t, n) {
 			x: f / 2,
 			y: 0
 		}
-	], { cssStyles: m } = n, h = S.svg(s), v = g(n, {});
+	], { cssStyles: m } = n, h = C.svg(s), v = g(n, {});
 	n.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
-	let y = D(p), b = h.path(y, v), x = s.insert(() => b, ":first-child").attr("transform", `translate(${-d / 2}, ${d / 2})`).attr("class", "outer-path");
-	return m && n.look !== "handDrawn" && x.selectChildren("path").attr("style", m), i && n.look !== "handDrawn" && x.selectChildren("path").attr("style", i), n.width = u, n.height = d, T(n, x), l.attr("transform", `translate(${-c.width / 2 - (c.x - (c.left ?? 0))}, ${-d / 2 + (n.padding ?? 0) / 2 + (c.y - (c.top ?? 0))})`), n.intersect = function(t) {
-		return e.info("Triangle intersect", n, p, t), W.polygon(n, p, t);
+	let y = F(p), b = h.path(y, v), x = s.insert(() => b, ":first-child").attr("transform", `translate(${-d / 2}, ${d / 2})`).attr("class", "outer-path");
+	return m && n.look !== "handDrawn" && x.selectChildren("path").attr("style", m), i && n.look !== "handDrawn" && x.selectChildren("path").attr("style", i), n.width = u, n.height = d, N(n, x), l.attr("transform", `translate(${-c.width / 2 - (c.x - (c.left ?? 0))}, ${-d / 2 + (n.padding ?? 0) / 2 + (c.y - (c.top ?? 0))})`), n.intersect = function(t) {
+		return e.info("Triangle intersect", n, p, t), K.polygon(n, p, t);
 	}, s;
 }
-t(Ae, "flippedTriangle");
-function je(e, t, { dir: n, config: { state: r, themeVariables: i } }) {
+d(Xe, "flippedTriangle");
+async function Ze(e, t) {
+	let { labelStyles: n, nodeStyles: r } = _(t);
+	t.labelStyle = n;
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.padding ?? 12, c = Math.max(a.width + s * 2, t.width ?? 0, 90), l = a.height + s * 2, u = Math.max(Math.min(l * .16, 14), 8), d = Math.max(l + u, t.height ?? 0), f = d - u, p = Math.max(c * .38, 28), m = -d / 2, h = [
+		{
+			x: -c / 2,
+			y: m
+		},
+		{
+			x: -c / 2 + p,
+			y: m
+		},
+		{
+			x: -c / 2 + p,
+			y: m + u
+		},
+		{
+			x: c / 2,
+			y: m + u
+		},
+		{
+			x: c / 2,
+			y: d / 2
+		},
+		{
+			x: -c / 2,
+			y: d / 2
+		}
+	], v = [
+		`M${h[0].x},${h[0].y}`,
+		...h.slice(1).map((e) => `L${e.x},${e.y}`),
+		"Z"
+	].join(" "), { cssStyles: y } = t, b;
+	if (t.look === "handDrawn") {
+		let e = C.svg(i).path(v, g(t, {}));
+		b = i.insert(() => e, ":first-child").attr("class", "basic label-container"), y && b.attr("style", y);
+	} else b = i.insert("path", ":first-child").attr("d", v).attr("class", "basic label-container").attr("style", r);
+	t.look === "handDrawn" ? N(t, b) : N(t, b, {
+		width: c,
+		height: d
+	});
+	let x = m + u + f / 2;
+	return o.attr("transform", `translate(${-(a.width / 2) - (a.x - (a.left ?? 0))}, ${x - a.height / 2 - (a.y - (a.top ?? 0))})`), t.intersect = function(e) {
+		return K.polygon(t, h, e);
+	}, i;
+}
+d(Ze, "folder");
+function Qe(e, t, { dir: n, config: { state: r, themeVariables: i } }) {
 	let { nodeStyles: a } = _(t);
 	t.label = "";
-	let o = e.insert("g").attr("class", E(t)).attr("id", t.domId ?? t.id), { cssStyles: s } = t, c = Math.max(70, t?.width ?? 0), l = Math.max(10, t?.height ?? 0);
+	let o = e.insert("g").attr("class", P(t)).attr("id", t.domId ?? t.id), { cssStyles: s } = t, c = Math.max(70, t?.width ?? 0), l = Math.max(10, t?.height ?? 0);
 	n === "LR" && (c = Math.max(10, t?.width ?? 0), l = Math.max(70, t?.height ?? 0));
-	let u = -1 * c / 2, d = -1 * l / 2, f = S.svg(o), p = g(t, {
+	let u = -1 * c / 2, d = -1 * l / 2, f = C.svg(o), p = g(t, {
 		stroke: i.lineColor,
 		fill: i.lineColor
 	});
 	t.look !== "handDrawn" && (p.roughness = 0, p.fillStyle = "solid");
 	let m = f.rectangle(u, d, c, l, p), h = o.insert(() => m, ":first-child");
-	s && t.look !== "handDrawn" && h.selectAll("path").attr("style", s), a && t.look !== "handDrawn" && h.selectAll("path").attr("style", a), T(t, h);
+	s && t.look !== "handDrawn" && h.selectAll("path").attr("style", s), a && t.look !== "handDrawn" && h.selectAll("path").attr("style", a), N(t, h);
 	let v = r?.padding ?? 0;
 	return t.width && t.height && (t.width += v / 2 || 0, t.height += v / 2 || 0), t.intersect = function(e) {
-		return W.rect(t, e);
+		return K.rect(t, e);
 	}, o;
 }
-t(je, "forkJoin");
-async function Me(t, n) {
+d(Qe, "forkJoin");
+async function $e(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r;
 	let a = n.look === "neo" ? 16 : n.padding ?? 0, o = n.look === "neo" ? 12 : n.padding ?? 0;
 	(n.width || n.height) && (n.height = (n?.height ?? 0) - o * 2, n.height < 10 && (n.height = 10), n.width = (n?.width ?? 0) - a * 2, n.width < 15 && (n.width = 15));
-	let { shapeSvg: s, bbox: c } = await C(t, n, E(n)), l = (n?.width ? n?.width : Math.max(15, c.width)) + a * 2, u = (n?.height ? n?.height : Math.max(10, c.height)) + o * 2, d = u / 2, { cssStyles: f } = n, p = S.svg(s), m = g(n, {});
+	let { shapeSvg: s, bbox: c } = await j(t, n, P(n)), l = (n?.width ? n?.width : Math.max(15, c.width)) + a * 2, u = (n?.height ? n?.height : Math.max(10, c.height)) + o * 2, d = u / 2, { cssStyles: f } = n, p = C.svg(s), m = g(n, {});
 	n.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
 	let h = [
 		{
@@ -1063,7 +1582,7 @@ async function Me(t, n) {
 			x: l / 2 - d,
 			y: -u / 2
 		},
-		...k(-l / 2 + d, 0, d, 50, 90, 270),
+		...L(-l / 2 + d, 0, d, 50, 90, 270),
 		{
 			x: l / 2 - d,
 			y: u / 2
@@ -1072,16 +1591,16 @@ async function Me(t, n) {
 			x: -l / 2,
 			y: u / 2
 		}
-	], v = D(h), y = p.path(v, m), b = s.insert(() => y, ":first-child");
-	return b.attr("class", "basic label-container outer-path"), f && n.look !== "handDrawn" && b.selectChildren("path").attr("style", f), i && n.look !== "handDrawn" && b.selectChildren("path").attr("style", i), T(n, b), n.intersect = function(t) {
+	], v = F(h), y = p.path(v, m), b = s.insert(() => y, ":first-child");
+	return b.attr("class", "basic label-container outer-path"), f && n.look !== "handDrawn" && b.selectChildren("path").attr("style", f), i && n.look !== "handDrawn" && b.selectChildren("path").attr("style", i), N(n, b), n.intersect = function(t) {
 		return e.info("Pill intersect", n, {
 			radius: d,
 			point: t
-		}), W.polygon(n, h, t);
+		}), K.polygon(n, h, t);
 	}, s;
 }
-t(Me, "halfRoundedRectangle");
-var Ne = /* @__PURE__ */ t((e, t, n, r, i) => [
+d($e, "halfRoundedRectangle");
+var et = /* @__PURE__ */ d((e, t, n, r, i) => [
 	`M${e + i},${t}`,
 	`L${e + n - i},${t}`,
 	`L${e + n},${t - r / 2}`,
@@ -1090,7 +1609,7 @@ var Ne = /* @__PURE__ */ t((e, t, n, r, i) => [
 	`L${e},${t - r / 2}`,
 	"Z"
 ].join(" "), "createHexagonPathD");
-async function Pe(e, t) {
+async function tt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t), i = t.look === "neo" ? 3.5 : 4;
 	t.labelStyle = n;
 	let a = t.padding ?? 0, o = t.look === "neo" ? 70 : a, s = t.look === "neo" ? 32 : a;
@@ -1098,7 +1617,7 @@ async function Pe(e, t) {
 		let e = (t.height ?? 0) / i;
 		t.width = (t?.width ?? 0) - 2 * e - s, t.height = (t.height ?? 0) - o;
 	}
-	let { shapeSvg: c, bbox: l } = await C(e, t, E(t)), u = (t?.height ? t?.height : l.height) + o, d = u / i, f = (t?.width ? t?.width : l.width) + 2 * d + s, p = [
+	let { shapeSvg: c, bbox: l } = await j(e, t, P(t)), u = (t?.height ? t?.height : l.height) + o, d = u / i, f = (t?.width ? t?.width : l.width) + 2 * d + s, p = [
 		{
 			x: d,
 			y: 0
@@ -1125,18 +1644,18 @@ async function Pe(e, t) {
 		}
 	], m, { cssStyles: h } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(c), n = g(t, {}), r = Ne(0, 0, f, u, d), i = e.path(r, n);
+		let e = C.svg(c), n = g(t, {}), r = et(0, 0, f, u, d), i = e.path(r, n);
 		m = c.insert(() => i, ":first-child").attr("transform", `translate(${-f / 2}, ${u / 2})`), h && m.attr("style", h);
 	} else m = q(c, f, u, p);
-	return r && m.attr("style", r), t.width = f, t.height = u, T(t, m), t.intersect = function(e) {
-		return W.polygon(t, p, e);
+	return r && m.attr("style", r), t.width = f, t.height = u, N(t, m), t.intersect = function(e) {
+		return K.polygon(t, p, e);
 	}, c;
 }
-t(Pe, "hexagon");
-async function Fe(t, n) {
+d(tt, "hexagon");
+async function nt(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.label = "", n.labelStyle = r;
-	let { shapeSvg: a } = await C(t, n, E(n)), o = Math.max(30, n?.width ?? 0), s = Math.max(30, n?.height ?? 0), { cssStyles: c } = n, l = S.svg(a), u = g(n, {});
+	let { shapeSvg: a } = await j(t, n, P(n)), o = Math.max(30, n?.width ?? 0), s = Math.max(30, n?.height ?? 0), { cssStyles: c } = n, l = C.svg(a), u = g(n, {});
 	n.look !== "handDrawn" && (u.roughness = 0, u.fillStyle = "solid");
 	let d = [
 		{
@@ -1155,39 +1674,39 @@ async function Fe(t, n) {
 			x: o,
 			y: s
 		}
-	], f = D(d), p = l.path(f, u), m = a.insert(() => p, ":first-child");
-	return m.attr("class", "basic label-container outer-path"), c && n.look !== "handDrawn" && m.selectChildren("path").attr("style", c), i && n.look !== "handDrawn" && m.selectChildren("path").attr("style", i), m.attr("transform", `translate(${-o / 2}, ${-s / 2})`), T(n, m), n.intersect = function(t) {
-		return e.info("Pill intersect", n, { points: d }), W.polygon(n, d, t);
+	], f = F(d), p = l.path(f, u), m = a.insert(() => p, ":first-child");
+	return m.attr("class", "basic label-container outer-path"), c && n.look !== "handDrawn" && m.selectChildren("path").attr("style", c), i && n.look !== "handDrawn" && m.selectChildren("path").attr("style", i), m.attr("transform", `translate(${-o / 2}, ${-s / 2})`), N(n, m), n.intersect = function(t) {
+		return e.info("Pill intersect", n, { points: d }), K.polygon(n, d, t);
 	}, a;
 }
-t(Fe, "hourglass");
-async function Ie(t, n, { config: { themeVariables: r, flowchart: i } }) {
+d(nt, "hourglass");
+async function rt(t, n, { config: { themeVariables: r, flowchart: i } }) {
 	let { labelStyles: a } = _(n);
 	n.labelStyle = a;
 	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
 	n.width = Math.max(c, l ?? 0);
-	let { shapeSvg: u, bbox: d, label: f } = await C(t, n, "icon-shape default"), p = n.pos === "t", m = c, h = c, { nodeBorder: v } = r, { stylesMap: b } = y(n), w = -h / 2, E = -m / 2, D = n.label ? 8 : 0, O = S.svg(u), k = g(n, {
+	let { shapeSvg: u, bbox: d, label: f } = await j(t, n, "icon-shape default"), p = n.pos === "t", m = c, h = c, { nodeBorder: v } = r, { stylesMap: x } = y(n), S = -h / 2, w = -m / 2, T = n.label ? 8 : 0, E = C.svg(u), D = g(n, {
 		stroke: "none",
 		fill: "none"
 	});
-	n.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid");
-	let A = O.rectangle(w, E, h, m, k), j = Math.max(h, d.width), M = m + d.height + D, N = O.rectangle(-j / 2, -M / 2, j, M, {
-		...k,
+	n.look !== "handDrawn" && (D.roughness = 0, D.fillStyle = "solid");
+	let O = E.rectangle(S, w, h, m, D), k = Math.max(h, d.width), A = m + d.height + T, M = E.rectangle(-k / 2, -A / 2, k, A, {
+		...D,
 		fill: "transparent",
 		stroke: "none"
-	}), P = u.insert(() => A, ":first-child"), F = u.insert(() => N);
+	}), P = u.insert(() => O, ":first-child"), F = u.insert(() => M);
 	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(n.icon, {
+		e.html(`<g>${await b(n.icon, {
 			height: c,
 			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
 		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
-		e.attr("transform", `translate(${-r / 2 - a},${p ? d.height / 2 + D / 2 - i / 2 - o : -d.height / 2 - D / 2 - i / 2 - o})`), e.attr("style", `color: ${b.get("stroke") ?? v};`);
+		e.attr("transform", `translate(${-r / 2 - a},${p ? d.height / 2 + T / 2 - i / 2 - o : -d.height / 2 - T / 2 - i / 2 - o})`), e.attr("style", `color: ${x.get("stroke") ?? v};`);
 	}
-	return f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${p ? -M / 2 : M / 2 - d.height})`), P.attr("transform", `translate(0,${p ? d.height / 2 + D / 2 : -d.height / 2 - D / 2})`), T(n, F), n.intersect = function(t) {
-		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+	return f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${p ? -A / 2 : A / 2 - d.height})`), P.attr("transform", `translate(0,${p ? d.height / 2 + T / 2 : -d.height / 2 - T / 2})`), N(n, F), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return K.rect(n, t);
 		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
 		return o = p ? [
 			{
@@ -1200,11 +1719,11 @@ async function Ie(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r + d.width / 2,
-				y: i - a / 2 + d.height + D
+				y: i - a / 2 + d.height + T
 			},
 			{
 				x: r + h / 2,
-				y: i - a / 2 + d.height + D
+				y: i - a / 2 + d.height + T
 			},
 			{
 				x: r + h / 2,
@@ -1216,11 +1735,11 @@ async function Ie(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r - h / 2,
-				y: i - a / 2 + d.height + D
+				y: i - a / 2 + d.height + T
 			},
 			{
 				x: r - d.width / 2,
-				y: i - a / 2 + d.height + D
+				y: i - a / 2 + d.height + T
 			}
 		] : [
 			{
@@ -1255,57 +1774,57 @@ async function Ie(t, n, { config: { themeVariables: r, flowchart: i } }) {
 				x: r - h / 2,
 				y: i - a / 2 + m
 			}
-		], W.polygon(n, o, t);
+		], K.polygon(n, o, t);
 	}, u;
 }
-t(Ie, "icon");
-async function Le(t, n, { config: { themeVariables: r, flowchart: i } }) {
+d(rt, "icon");
+async function it(t, n, { config: { themeVariables: r, flowchart: i } }) {
 	let { labelStyles: a } = _(n);
 	n.labelStyle = a;
 	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
 	n.width = Math.max(c, l ?? 0);
-	let { shapeSvg: u, bbox: d, label: f } = await C(t, n, "icon-shape default"), p = n.label ? 8 : 0, m = n.pos === "t", { nodeBorder: h, mainBkg: v } = r, { stylesMap: b } = y(n), w = S.svg(u), E = g(n, {});
-	n.look !== "handDrawn" && (E.roughness = 0, E.fillStyle = "solid"), E.stroke = b.get("fill") ?? v;
-	let D = u.append("g");
-	n.icon && D.html(`<g>${await x(n.icon, {
+	let { shapeSvg: u, bbox: d, label: f } = await j(t, n, "icon-shape default"), p = n.label ? 8 : 0, m = n.pos === "t", { nodeBorder: h, mainBkg: v } = r, { stylesMap: x } = y(n), S = C.svg(u), w = g(n, {});
+	n.look !== "handDrawn" && (w.roughness = 0, w.fillStyle = "solid"), w.stroke = x.get("fill") ?? v;
+	let T = u.append("g");
+	n.icon && T.html(`<g>${await b(n.icon, {
 		height: c,
 		width: c,
 		fallbackPrefix: ""
 	})}</g>`);
-	let O = D.node().getBBox(), k = O.width, A = O.height, j = O.x, M = O.y, N = Math.max(k, A) * Math.SQRT2 + 40, P = w.circle(0, 0, N, E), F = Math.max(N, d.width), I = N + d.height + p, ee = w.rectangle(-F / 2, -I / 2, F, I, {
-		...E,
+	let E = T.node().getBBox(), D = E.width, O = E.height, k = E.x, A = E.y, M = Math.max(D, O) * Math.SQRT2 + 40, P = S.circle(0, 0, M, w), F = Math.max(M, d.width), I = M + d.height + p, L = S.rectangle(-F / 2, -I / 2, F, I, {
+		...w,
 		fill: "transparent",
 		stroke: "none"
-	}), te = u.insert(() => P, ":first-child"), L = u.insert(() => ee);
-	return D.attr("transform", `translate(${-k / 2 - j},${m ? d.height / 2 + p / 2 - A / 2 - M : -d.height / 2 - p / 2 - A / 2 - M})`), D.attr("style", `color: ${b.get("stroke") ?? h};`), f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -I / 2 : I / 2 - d.height})`), te.attr("transform", `translate(0,${m ? d.height / 2 + p / 2 : -d.height / 2 - p / 2})`), T(n, L), n.intersect = function(t) {
-		return e.info("iconSquare intersect", n, t), W.rect(n, t);
+	}), ee = u.insert(() => P, ":first-child"), R = u.insert(() => L);
+	return T.attr("transform", `translate(${-D / 2 - k},${m ? d.height / 2 + p / 2 - O / 2 - A : -d.height / 2 - p / 2 - O / 2 - A})`), T.attr("style", `color: ${x.get("stroke") ?? h};`), f.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -I / 2 : I / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + p / 2 : -d.height / 2 - p / 2})`), N(n, R), n.intersect = function(t) {
+		return e.info("iconSquare intersect", n, t), K.rect(n, t);
 	}, u;
 }
-t(Le, "iconCircle");
-async function Re(t, n, { config: { themeVariables: r, flowchart: i } }) {
+d(it, "iconCircle");
+async function at(t, n, { config: { themeVariables: r, flowchart: i } }) {
 	let { labelStyles: a } = _(n);
 	n.labelStyle = a;
 	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
 	n.width = Math.max(c, l ?? 0);
-	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: b, mainBkg: w } = r, { stylesMap: E } = y(n), D = -v / 2, O = -h / 2, k = n.label ? 8 : 0, A = S.svg(u), j = g(n, {});
-	n.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
-	let M = A.path(N(D, O, v, h, 5), j), P = Math.max(v, d.width), F = h + d.height + k, I = A.rectangle(-P / 2, -F / 2, P, F, {
-		...j,
+	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await j(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: x, mainBkg: S } = r, { stylesMap: w } = y(n), T = -v / 2, E = -h / 2, D = n.label ? 8 : 0, O = C.svg(u), k = g(n, {});
+	n.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid"), k.stroke = w.get("fill") ?? S;
+	let A = O.path(z(T, E, v, h, 5), k), M = Math.max(v, d.width), P = h + d.height + D, F = O.rectangle(-M / 2, -P / 2, M, P, {
+		...k,
 		fill: "transparent",
 		stroke: "none"
-	}), ee = u.insert(() => M, ":first-child").attr("class", "icon-shape2"), te = u.insert(() => I);
+	}), I = u.insert(() => A, ":first-child").attr("class", "icon-shape2"), L = u.insert(() => F);
 	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(n.icon, {
+		e.html(`<g>${await b(n.icon, {
 			height: c,
 			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
 		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
-		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + k / 2 - i / 2 - o : -d.height / 2 - k / 2 - i / 2 - o})`), e.attr("style", `color: ${E.get("stroke") ?? b};`);
+		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + D / 2 - i / 2 - o : -d.height / 2 - D / 2 - i / 2 - o})`), e.attr("style", `color: ${w.get("stroke") ?? x};`);
 	}
-	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(n, te), n.intersect = function(t) {
-		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -P / 2 : P / 2 - d.height})`), I.attr("transform", `translate(0,${m ? d.height / 2 + D / 2 : -d.height / 2 - D / 2})`), N(n, L), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return K.rect(n, t);
 		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
 		return o = m ? [
 			{
@@ -1318,11 +1837,11 @@ async function Re(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r + d.width / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r + v / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r + v / 2,
@@ -1334,11 +1853,11 @@ async function Re(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r - v / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r - d.width / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			}
 		] : [
 			{
@@ -1373,34 +1892,34 @@ async function Re(t, n, { config: { themeVariables: r, flowchart: i } }) {
 				x: r - v / 2,
 				y: i - a / 2 + h
 			}
-		], W.polygon(n, o, t);
+		], K.polygon(n, o, t);
 	}, u;
 }
-t(Re, "iconRounded");
-async function ze(t, n, { config: { themeVariables: r, flowchart: i } }) {
+d(at, "iconRounded");
+async function ot(t, n, { config: { themeVariables: r, flowchart: i } }) {
 	let { labelStyles: a } = _(n);
 	n.labelStyle = a;
 	let o = n.assetHeight ?? 48, s = n.assetWidth ?? 48, c = Math.max(o, s), l = i?.wrappingWidth;
 	n.width = Math.max(c, l ?? 0);
-	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await C(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: b, mainBkg: w } = r, { stylesMap: E } = y(n), D = -v / 2, O = -h / 2, k = n.label ? 8 : 0, A = S.svg(u), j = g(n, {});
-	n.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid"), j.stroke = E.get("fill") ?? w;
-	let M = A.path(N(D, O, v, h, .1), j), P = Math.max(v, d.width), F = h + d.height + k, I = A.rectangle(-P / 2, -F / 2, P, F, {
-		...j,
+	let { shapeSvg: u, bbox: d, halfPadding: f, label: p } = await j(t, n, "icon-shape default"), m = n.pos === "t", h = c + f * 2, v = c + f * 2, { nodeBorder: x, mainBkg: S } = r, { stylesMap: w } = y(n), T = -v / 2, E = -h / 2, D = n.label ? 8 : 0, O = C.svg(u), k = g(n, {});
+	n.look !== "handDrawn" && (k.roughness = 0, k.fillStyle = "solid"), k.stroke = w.get("fill") ?? S;
+	let A = O.path(z(T, E, v, h, .1), k), M = Math.max(v, d.width), P = h + d.height + D, F = O.rectangle(-M / 2, -P / 2, M, P, {
+		...k,
 		fill: "transparent",
 		stroke: "none"
-	}), ee = u.insert(() => M, ":first-child"), te = u.insert(() => I);
+	}), I = u.insert(() => A, ":first-child"), L = u.insert(() => F);
 	if (n.icon) {
 		let e = u.append("g");
-		e.html(`<g>${await x(n.icon, {
+		e.html(`<g>${await b(n.icon, {
 			height: c,
 			width: c,
 			fallbackPrefix: ""
 		})}</g>`);
 		let t = e.node().getBBox(), r = t.width, i = t.height, a = t.x, o = t.y;
-		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + k / 2 - i / 2 - o : -d.height / 2 - k / 2 - i / 2 - o})`), e.attr("style", `color: ${E.get("stroke") ?? b};`);
+		e.attr("transform", `translate(${-r / 2 - a},${m ? d.height / 2 + D / 2 - i / 2 - o : -d.height / 2 - D / 2 - i / 2 - o})`), e.attr("style", `color: ${w.get("stroke") ?? x};`);
 	}
-	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -F / 2 : F / 2 - d.height})`), ee.attr("transform", `translate(0,${m ? d.height / 2 + k / 2 : -d.height / 2 - k / 2})`), T(n, te), n.intersect = function(t) {
-		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+	return p.attr("transform", `translate(${-d.width / 2 - (d.x - (d.left ?? 0))},${m ? -P / 2 : P / 2 - d.height})`), I.attr("transform", `translate(0,${m ? d.height / 2 + D / 2 : -d.height / 2 - D / 2})`), N(n, L), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return K.rect(n, t);
 		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
 		return o = m ? [
 			{
@@ -1413,11 +1932,11 @@ async function ze(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r + d.width / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r + v / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r + v / 2,
@@ -1429,11 +1948,11 @@ async function ze(t, n, { config: { themeVariables: r, flowchart: i } }) {
 			},
 			{
 				x: r - v / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			},
 			{
 				x: r - d.width / 2,
-				y: i - a / 2 + d.height + k
+				y: i - a / 2 + d.height + D
 			}
 		] : [
 			{
@@ -1468,11 +1987,11 @@ async function ze(t, n, { config: { themeVariables: r, flowchart: i } }) {
 				x: r - v / 2,
 				y: i - a / 2 + h
 			}
-		], W.polygon(n, o, t);
+		], K.polygon(n, o, t);
 	}, u;
 }
-t(ze, "iconSquare");
-async function Be(t, n, { config: { flowchart: r } }) {
+d(ot, "iconSquare");
+async function st(t, n, { config: { flowchart: r } }) {
 	let i = new Image();
 	i.src = n?.img ?? "", await i.decode();
 	let a = Number(i.naturalWidth.toString().replace("px", "")), o = Number(i.naturalHeight.toString().replace("px", ""));
@@ -1483,19 +2002,19 @@ async function Be(t, n, { config: { flowchart: r } }) {
 	n.defaultWidth = r?.wrappingWidth;
 	let l = Math.max(n.label ? c ?? 0 : 0, n?.assetWidth ?? a), u = n.constraint === "on" && n?.assetHeight ? n.assetHeight * n.imageAspectRatio : l, d = n.constraint === "on" ? u / n.imageAspectRatio : n?.assetHeight ?? o;
 	n.width = Math.max(u, c ?? 0);
-	let { shapeSvg: f, bbox: p, label: m } = await C(t, n, "image-shape default"), h = n.pos === "t", v = -u / 2, y = -d / 2, b = n.label ? 8 : 0, x = S.svg(f), w = g(n, {});
-	n.look !== "handDrawn" && (w.roughness = 0, w.fillStyle = "solid");
-	let E = x.rectangle(v, y, u, d, w), D = Math.max(u, p.width), O = d + p.height + b, k = x.rectangle(-D / 2, -O / 2, D, O, {
-		...w,
+	let { shapeSvg: f, bbox: p, label: m } = await j(t, n, "image-shape default"), h = n.pos === "t", v = -u / 2, y = -d / 2, b = n.label ? 8 : 0, x = C.svg(f), S = g(n, {});
+	n.look !== "handDrawn" && (S.roughness = 0, S.fillStyle = "solid");
+	let w = x.rectangle(v, y, u, d, S), T = Math.max(u, p.width), E = d + p.height + b, D = x.rectangle(-T / 2, -E / 2, T, E, {
+		...S,
 		fill: "none",
 		stroke: "none"
-	}), A = f.insert(() => E, ":first-child"), j = f.insert(() => k);
+	}), O = f.insert(() => w, ":first-child"), k = f.insert(() => D);
 	if (n.img) {
 		let e = f.append("image");
-		e.attr("href", n.img), e.attr("width", u), e.attr("height", d), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-u / 2},${h ? O / 2 - d : -O / 2})`);
+		e.attr("href", n.img), e.attr("width", u), e.attr("height", d), e.attr("preserveAspectRatio", "none"), e.attr("transform", `translate(${-u / 2},${h ? E / 2 - d : -E / 2})`);
 	}
-	return m.attr("transform", `translate(${-p.width / 2 - (p.x - (p.left ?? 0))},${h ? -d / 2 - p.height / 2 - b / 2 : d / 2 - p.height / 2 + b / 2})`), A.attr("transform", `translate(0,${h ? p.height / 2 + b / 2 : -p.height / 2 - b / 2})`), T(n, j), n.intersect = function(t) {
-		if (e.info("iconSquare intersect", n, t), !n.label) return W.rect(n, t);
+	return m.attr("transform", `translate(${-p.width / 2 - (p.x - (p.left ?? 0))},${h ? -d / 2 - p.height / 2 - b / 2 : d / 2 - p.height / 2 + b / 2})`), O.attr("transform", `translate(0,${h ? p.height / 2 + b / 2 : -p.height / 2 - b / 2})`), N(n, k), n.intersect = function(t) {
+		if (e.info("iconSquare intersect", n, t), !n.label) return K.rect(n, t);
 		let r = n.x ?? 0, i = n.y ?? 0, a = n.height ?? 0, o = [];
 		return o = h ? [
 			{
@@ -1563,51 +2082,51 @@ async function Be(t, n, { config: { flowchart: r } }) {
 				x: r - u / 2,
 				y: i - a / 2 + d
 			}
-		], W.polygon(n, o, t);
+		], K.polygon(n, o, t);
 	}, f;
 }
-t(Be, "imageSquare");
-async function Ve(e, t) {
+d(st, "imageSquare");
+async function ct(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = Math.max(c.width + (o ?? 0) * 2, t?.width ?? 0), u = Math.max(c.height + (a ?? 0) * 2, t?.height ?? 0), d = [
+	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(c.height + a * 2, t.height ?? 0), u = Math.max(c.width + o * 2, (t.width ?? 0) - l), d = [
 		{
 			x: 0,
 			y: 0
 		},
 		{
-			x: l,
+			x: u,
 			y: 0
 		},
 		{
-			x: l + 3 * u / 6,
-			y: -u
+			x: u + 3 * l / 6,
+			y: -l
 		},
 		{
-			x: -3 * u / 6,
-			y: -u
+			x: -3 * l / 6,
+			y: -l
 		}
 	], f, { cssStyles: p } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = D(d), i = e.path(r, n);
-		f = s.insert(() => i, ":first-child").attr("transform", `translate(${-l / 2}, ${u / 2})`), p && f.attr("style", p);
-	} else f = q(s, l, u, d);
-	return r && f.attr("style", r), t.width = l, t.height = u, T(t, f), t.intersect = function(e) {
-		return W.polygon(t, d, e);
+		let e = C.svg(s), n = g(t, {}), r = F(d), i = e.path(r, n);
+		f = s.insert(() => i, ":first-child").attr("transform", `translate(${-u / 2}, ${l / 2})`), p && f.attr("style", p);
+	} else f = q(s, u, l, d);
+	return r && f.attr("style", r), t.width = u, t.height = l, N(t, f), t.intersect = function(e) {
+		return K.polygon(t, d, e);
 	}, s;
 }
-t(Ve, "inv_trapezoid");
-async function He(e, t) {
-	let { shapeSvg: n, bbox: r, label: i } = await C(e, t, "label"), a = n.insert("rect", ":first-child");
-	return a.attr("width", .1).attr("height", .1), n.attr("class", "label edgeLabel"), i.attr("transform", `translate(${-(r.width / 2) - (r.x - (r.left ?? 0))}, ${-(r.height / 2) - (r.y - (r.top ?? 0))})`), T(t, a), t.intersect = function(e) {
-		return W.rect(t, e);
+d(ct, "inv_trapezoid");
+async function lt(e, t) {
+	let { shapeSvg: n, bbox: r, label: i } = await j(e, t, "label"), a = n.insert("rect", ":first-child");
+	return a.attr("width", .1).attr("height", .1), n.attr("class", "label edgeLabel"), i.attr("transform", `translate(${-(r.width / 2) - (r.x - (r.left ?? 0))}, ${-(r.height / 2) - (r.y - (r.top ?? 0))})`), N(t, a), t.intersect = function(e) {
+		return K.rect(t, e);
 	}, n;
 }
-t(He, "labelRect");
-async function Ue(e, t) {
+d(lt, "labelRect");
+async function ut(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
+	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(c.height + a, t.height ?? 0), u = Math.max(c.width + o, (t.width ?? 0) - l), d = [
 		{
 			x: 0,
 			y: 0
@@ -1626,18 +2145,18 @@ async function Ue(e, t) {
 		}
 	], f, { cssStyles: p } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = D(d), i = e.path(r, n);
+		let e = C.svg(s), n = g(t, {}), r = F(d), i = e.path(r, n);
 		f = s.insert(() => i, ":first-child").attr("transform", `translate(${-u / 2}, ${l / 2})`), p && f.attr("style", p);
 	} else f = q(s, u, l, d);
-	return r && f.attr("style", r), t.width = u, t.height = l, T(t, f), t.intersect = function(e) {
-		return W.polygon(t, d, e);
+	return r && f.attr("style", r), t.width = u, t.height = l, N(t, f), t.intersect = function(e) {
+		return K.polygon(t, d, e);
 	}, s;
 }
-t(Ue, "lean_left");
-async function We(e, t) {
+d(ut, "lean_left");
+async function dt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
+	let i = t.padding ?? 0, a = i, o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(c.height + a, t.height ?? 0), u = Math.max(c.width + o, (t.width ?? 0) - l), d = [
 		{
 			x: -3 * l / 6,
 			y: 0
@@ -1656,18 +2175,18 @@ async function We(e, t) {
 		}
 	], f, { cssStyles: p } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = D(d), i = e.path(r, n);
+		let e = C.svg(s), n = g(t, {}), r = F(d), i = e.path(r, n);
 		f = s.insert(() => i, ":first-child").attr("transform", `translate(${-u / 2}, ${l / 2})`), p && f.attr("style", p);
 	} else f = q(s, u, l, d);
-	return r && f.attr("style", r), t.width = u, t.height = l, T(t, f), t.intersect = function(e) {
-		return W.polygon(t, d, e);
+	return r && f.attr("style", r), t.width = u, t.height = l, N(t, f), t.intersect = function(e) {
+		return K.polygon(t, d, e);
 	}, s;
 }
-t(We, "lean_right");
-function Ge(t, n) {
+d(dt, "lean_right");
+function ft(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.label = "", n.labelStyle = r;
-	let a = t.insert("g").attr("class", E(n)).attr("id", n.domId ?? n.id), { cssStyles: o } = n, s = Math.max(35, n?.width ?? 0), c = Math.max(35, n?.height ?? 0), l = [
+	let a = t.insert("g").attr("class", P(n)).attr("id", n.domId ?? n.id), { cssStyles: o } = n, s = Math.max(35, n?.width ?? 0), c = Math.max(35, n?.height ?? 0), l = [
 		{
 			x: s,
 			y: 0
@@ -1692,15 +2211,15 @@ function Ge(t, n) {
 			x: 14,
 			y: c - 7 / 2
 		}
-	], u = S.svg(a), d = g(n, {});
+	], u = C.svg(a), d = g(n, {});
 	n.look !== "handDrawn" && (d.roughness = 0, d.fillStyle = "solid");
-	let f = D(l), p = u.path(f, d), m = a.insert(() => p, ":first-child");
-	return m.attr("class", "outer-path"), o && n.look !== "handDrawn" && m.selectAll("path").attr("style", o), i && n.look !== "handDrawn" && m.selectAll("path").attr("style", i), m.attr("transform", `translate(-${s / 2},${-c})`), T(n, m), n.intersect = function(t) {
-		return e.info("lightningBolt intersect", n, t), W.polygon(n, l, t);
+	let f = F(l), p = u.path(f, d), m = a.insert(() => p, ":first-child");
+	return m.attr("class", "outer-path"), o && n.look !== "handDrawn" && m.selectAll("path").attr("style", o), i && n.look !== "handDrawn" && m.selectAll("path").attr("style", i), m.attr("transform", `translate(-${s / 2},${-c})`), N(n, m), n.intersect = function(t) {
+		return e.info("lightningBolt intersect", n, t), K.polygon(n, l, t);
 	}, a;
 }
-t(Ge, "lightningBolt");
-var Ke = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
+d(ft, "lightningBolt");
+var pt = /* @__PURE__ */ d((e, t, n, r, i, a, o) => [
 	`M${e},${t + a}`,
 	`a${i},${a} 0,0,0 ${n},0`,
 	`a${i},${a} 0,0,0 ${-n},0`,
@@ -1709,7 +2228,7 @@ var Ke = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
 	`l0,${-r}`,
 	`M${e},${t + a + o}`,
 	`a${i},${a} 0,0,0 ${n},0`
-].join(" "), "createCylinderPathD"), qe = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
+].join(" "), "createCylinderPathD"), mt = /* @__PURE__ */ d((e, t, n, r, i, a, o) => [
 	`M${e},${t + a}`,
 	`M${e + n},${t + a}`,
 	`a${i},${a} 0,0,0 ${-n},0`,
@@ -1718,27 +2237,27 @@ var Ke = /* @__PURE__ */ t((e, t, n, r, i, a, o) => [
 	`l0,${-r}`,
 	`M${e},${t + a + o}`,
 	`a${i},${a} 0,0,0 ${n},0`
-].join(" "), "createOuterCylinderPathD"), Je = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), Ye = 10, Xe = 10;
-async function Ze(e, t) {
+].join(" "), "createOuterCylinderPathD"), ht = /* @__PURE__ */ d((e, t, n, r, i, a) => [`M${e - n / 2},${-r / 2}`, `a${i},${a} 0,0,0 ${n},0`].join(" "), "createInnerCylinderPathD"), gt = 10, _t = 10;
+async function vt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 24 : i;
 	if (t.width || t.height) {
 		let e = t.width ?? 0;
-		t.width = (t.width ?? 0) - a, t.width < Xe && (t.width = Xe);
+		t.width = (t.width ?? 0) - a, t.width < _t && (t.width = _t);
 		let n = e / 2 / (2.5 + e / 50);
-		t.height = (t.height ?? 0) - o - n * 3, t.height < Ye && (t.height = Ye);
+		t.height = (t.height ?? 0) - o - n * 3, t.height < gt && (t.height = gt);
 	}
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = u / 2, f = d / (2.5 + u / 50), m = (t?.height ? t?.height : c.height) + f + o * 2, h = m * .1, v, { cssStyles: y } = t;
+	let { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = u / 2, f = d / (2.5 + u / 50), p = (t?.height ? t?.height : c.height) + f + o * 2, m = p * .1, v, { cssStyles: y } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = qe(0, 0, u, m, d, f, h), r = Je(0, f, u, m, d, f), i = g(t, {}), a = e.path(n, i), o = e.path(r, i);
+		let e = C.svg(s), n = mt(0, 0, u, p, d, f, m), r = ht(0, f, u, p, d, f), i = g(t, {}), a = e.path(n, i), o = e.path(r, i);
 		s.insert(() => o, ":first-child").attr("class", "line"), v = s.insert(() => a, ":first-child"), v.attr("class", "basic label-container"), y && v.attr("style", y);
 	} else {
-		let e = Ke(0, 0, u, m, d, f, h);
-		v = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", p(y)).attr("style", r);
+		let e = pt(0, 0, u, p, d, f, m);
+		v = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container outer-path").attr("style", h(y)).attr("style", r);
 	}
-	return v.attr("label-offset-y", f), v.attr("transform", `translate(${-u / 2}, ${-(m / 2 + f)})`), T(t, v), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + f - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
-		let n = W.rect(t, e), r = n.x - (t.x ?? 0);
+	return v.attr("label-offset-y", f), v.attr("transform", `translate(${-u / 2}, ${-(p / 2 + f)})`), N(t, v), l.attr("transform", `translate(${-(c.width / 2) - (c.x - (c.left ?? 0))}, ${-(c.height / 2) + f - (c.y - (c.top ?? 0))})`), t.intersect = function(e) {
+		let n = K.rect(t, e), r = n.x - (t.x ?? 0);
 		if (d != 0 && (Math.abs(r) < (t.width ?? 0) / 2 || Math.abs(r) == (t.width ?? 0) / 2 && Math.abs(n.y - (t.y ?? 0)) > (t.height ?? 0) / 2 - f)) {
 			let i = f * f * (1 - r * r / (d * d));
 			i > 0 && (i = Math.sqrt(i)), i = f - i, e.y - (t.y ?? 0) > 0 && (i = -i), n.y += i;
@@ -1746,13 +2265,13 @@ async function Ze(e, t) {
 		return n;
 	}, s;
 }
-t(Ze, "linedCylinder");
-async function Qe(e, t) {
+d(vt, "linedCylinder");
+async function yt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
 	(t.width || t.height) && (t.width = (t.width ?? 0) * 10 / 11 - a * 2, t.width < 10 && (t.width = 10), t.height = (t?.height ?? 0) - o * 2, t.height < 10 && (t.height = 10));
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : c.width) + (a ?? 0) * 2, d = (t?.height ? t?.height : c.height) + (o ?? 0) * 2, f = t.look === "neo" ? d / 4 : d / 8, p = d + f, { cssStyles: m } = t, h = S.svg(s), v = g(t, {});
+	let { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = (t?.width ? t?.width : c.width) + (a ?? 0) * 2, d = (t?.height ? t?.height : c.height) + (o ?? 0) * 2, f = t.look === "neo" ? d / 4 : d / 8, p = d + f, { cssStyles: m } = t, h = C.svg(s), v = g(t, {});
 	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
 	let y = [
 		{
@@ -1763,7 +2282,7 @@ async function Qe(e, t) {
 			x: -u / 2 - u / 2 * .1,
 			y: p / 2
 		},
-		...O(-u / 2 - u / 2 * .1, p / 2, u / 2 + u / 2 * .1, p / 2, f, .8),
+		...I(-u / 2 - u / 2 * .1, p / 2, u / 2 + u / 2 * .1, p / 2, f, .8),
 		{
 			x: u / 2 + u / 2 * .1,
 			y: -p / 2
@@ -1785,17 +2304,17 @@ async function Qe(e, t) {
 			y: -p / 2
 		}
 	], b = h.polygon(y.map((e) => [e.x, e.y]), v), x = s.insert(() => b, ":first-child");
-	return x.attr("class", "basic label-container outer-path"), m && t.look !== "handDrawn" && x.selectAll("path").attr("style", m), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), x.attr("transform", `translate(0,${-f / 2})`), l.attr("transform", `translate(${-u / 2 + (t.padding ?? 0) + u / 2 * .1 / 2 - (c.x - (c.left ?? 0))},${-d / 2 + (t.padding ?? 0) - f / 2 - (c.y - (c.top ?? 0))})`), T(t, x), t.intersect = function(e) {
-		return W.polygon(t, y, e);
+	return x.attr("class", "basic label-container outer-path"), m && t.look !== "handDrawn" && x.selectAll("path").attr("style", m), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), x.attr("transform", `translate(0,${-f / 2})`), l.attr("transform", `translate(${-u / 2 + (t.padding ?? 0) + u / 2 * .1 / 2 - (c.x - (c.left ?? 0))},${-d / 2 + (t.padding ?? 0) - f / 2 - (c.y - (c.top ?? 0))})`), N(t, x), t.intersect = function(e) {
+		return K.polygon(t, y, e);
 	}, s;
 }
-t(Qe, "linedWaveEdgedRect");
-async function $e(e, t) {
+d(yt, "linedWaveEdgedRect");
+async function bt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = t.look === "neo" ? 10 : 5;
 	(t.width || t.height) && (t.width = Math.max((t?.width ?? 0) - a * 2 - 2 * s, 10), t.height = Math.max((t?.height ?? 0) - o * 2 - 2 * s, 10));
-	let { shapeSvg: c, bbox: l, label: u } = await C(e, t, E(t)), d = (t?.width ? t?.width : l.width) + a * 2 + 2 * s, f = (t?.height ? t?.height : l.height) + o * 2 + 2 * s, p = d - 2 * s, m = f - 2 * s, h = -p / 2, v = -m / 2, { cssStyles: y } = t, b = S.svg(c), x = g(t, {}), w = [
+	let { shapeSvg: c, bbox: l, label: u } = await j(e, t, P(t)), d = (t?.width ? t?.width : l.width) + a * 2 + 2 * s, f = (t?.height ? t?.height : l.height) + o * 2 + 2 * s, p = d - 2 * s, m = f - 2 * s, h = -p / 2, v = -m / 2, { cssStyles: y } = t, b = C.svg(c), x = g(t, {}), S = [
 		{
 			x: h - s,
 			y: v + s
@@ -1844,7 +2363,7 @@ async function $e(e, t) {
 			x: h,
 			y: v + s
 		}
-	], O = [
+	], w = [
 		{
 			x: h,
 			y: v + s
@@ -1871,20 +2390,20 @@ async function $e(e, t) {
 		}
 	];
 	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
-	let k = D(w), j = b.path(k, x), M = D(O), N = b.path(M, x);
-	t.look !== "handDrawn" && (j = A(j), N = A(N));
-	let P = c.insert("g", ":first-child");
-	return P.insert(() => j), P.insert(() => N), P.attr("class", "basic label-container outer-path"), y && t.look !== "handDrawn" && P.selectAll("path").attr("style", y), r && t.look !== "handDrawn" && P.selectAll("path").attr("style", r), u.attr("transform", `translate(${-(l.width / 2) - s - (l.x - (l.left ?? 0))}, ${-(l.height / 2) + s - (l.y - (l.top ?? 0))})`), T(t, P), t.intersect = function(e) {
-		return W.polygon(t, w, e);
+	let T = F(S), E = b.path(T, x), D = F(w), O = b.path(D, x);
+	t.look !== "handDrawn" && (E = ee(E), O = ee(O));
+	let k = c.insert("g", ":first-child");
+	return k.insert(() => E), k.insert(() => O), k.attr("class", "basic label-container outer-path"), y && t.look !== "handDrawn" && k.selectAll("path").attr("style", y), r && t.look !== "handDrawn" && k.selectAll("path").attr("style", r), u.attr("transform", `translate(${-(l.width / 2) - s - (l.x - (l.left ?? 0))}, ${-(l.height / 2) + s - (l.y - (l.top ?? 0))})`), N(t, k), t.intersect = function(e) {
+		return K.polygon(t, S, e);
 	}, c;
 }
-t($e, "multiRect");
-async function et(e, t) {
+d(bt, "multiRect");
+async function xt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = t.padding ?? 0, c = t.look === "neo" ? 16 : s, l = t.look === "neo" ? 12 : s, u = !0;
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = t.padding ?? 0, c = t.look === "neo" ? 16 : s, l = t.look === "neo" ? 12 : s, u = !0;
 	(t.width || t.height) && (u = !1, t.width = (t?.width ?? 0) - c * 2, t.height = (t?.height ?? 0) - l * 3);
-	let d = Math.max(a.width, t?.width ?? 0) + c * 2, f = Math.max(a.height, t?.height ?? 0) + l * 3, p = t.look === "neo" ? f / 4 : f / 8, m = f + (u ? p / 2 : -p / 2), h = -d / 2, v = -m / 2, { cssStyles: y } = t, b = O(h - 10, v + m + 10, h + d - 10, v + m + 10, p, .8), x = b?.[b.length - 1], w = [
+	let d = Math.max(a.width, t?.width ?? 0) + c * 2, f = Math.max(a.height, t?.height ?? 0) + l * 3, p = t.look === "neo" ? f / 4 : f / 8, m = f + (u ? p / 2 : -p / 2), h = -d / 2, v = -m / 2, { cssStyles: y } = t, b = I(h - 10, v + m + 10, h + d - 10, v + m + 10, p, .8), x = b?.[b.length - 1], S = [
 		{
 			x: h - 10,
 			y: v + 10
@@ -1930,7 +2449,7 @@ async function et(e, t) {
 			x: h,
 			y: v + 10
 		}
-	], k = [
+	], w = [
 		{
 			x: h,
 			y: v + 10
@@ -1955,39 +2474,39 @@ async function et(e, t) {
 			x: h,
 			y: v
 		}
-	], A = S.svg(i), j = g(t, {});
-	t.look !== "handDrawn" && (j.roughness = 0, j.fillStyle = "solid");
-	let M = D(w), N = A.path(M, j), P = D(k), F = A.path(P, j), I = i.insert(() => N, ":first-child");
-	return I.insert(() => F), I.attr("class", "basic label-container outer-path"), y && t.look !== "handDrawn" && I.selectAll("path").attr("style", y), r && t.look !== "handDrawn" && I.selectAll("path").attr("style", r), I.attr("transform", `translate(0,${-p / 2})`), o.attr("transform", `translate(${-(a.width / 2) - 10 - (a.x - (a.left ?? 0))}, ${-(a.height / 2) + 10 - p / 2 - (a.y - (a.top ?? 0))})`), T(t, I), t.intersect = function(e) {
-		return W.polygon(t, w, e);
+	], T = C.svg(i), E = g(t, {});
+	t.look !== "handDrawn" && (E.roughness = 0, E.fillStyle = "solid");
+	let D = F(S), O = T.path(D, E), k = F(w), A = T.path(k, E), M = i.insert(() => O, ":first-child");
+	return M.insert(() => A), M.attr("class", "basic label-container outer-path"), y && t.look !== "handDrawn" && M.selectAll("path").attr("style", y), r && t.look !== "handDrawn" && M.selectAll("path").attr("style", r), M.attr("transform", `translate(0,${-p / 2})`), o.attr("transform", `translate(${-(a.width / 2) - 10 - (a.x - (a.left ?? 0))}, ${-(a.height / 2) + 10 - p / 2 - (a.y - (a.top ?? 0))})`), N(t, M), t.intersect = function(e) {
+		return K.polygon(t, S, e);
 	}, i;
 }
-t(et, "multiWaveEdgedRectangle");
-async function tt(e, t, { config: { themeVariables: n } }) {
+d(xt, "multiWaveEdgedRectangle");
+async function St(e, t, { config: { themeVariables: n } }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.labelStyle = r, t.useHtmlLabels || o(s()) || (t.centerLabel = !0);
-	let { shapeSvg: a, bbox: c, label: l } = await C(e, t, E(t)), u = Math.max(c.width + (t.padding ?? 0) * 2, t?.width ?? 0), d = Math.max(c.height + (t.padding ?? 0) * 2, t?.height ?? 0), f = -u / 2, p = -d / 2, { cssStyles: m } = t, h = S.svg(a), v = g(t, {
+	t.labelStyle = r, t.useHtmlLabels || a(o()) || (t.centerLabel = !0);
+	let { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = Math.max(c.width + (t.padding ?? 0) * 2, t?.width ?? 0), d = Math.max(c.height + (t.padding ?? 0) * 2, t?.height ?? 0), f = -u / 2, p = -d / 2, { cssStyles: m } = t, h = C.svg(s), v = g(t, {
 		fill: n.noteBkgColor,
 		stroke: n.noteBorderColor
 	});
 	t.look !== "handDrawn" && (v.roughness = 0, v.fillStyle = "solid");
-	let y = h.rectangle(f, p, u, d, v), b = a.insert(() => y, ":first-child");
-	return b.attr("class", "basic label-container outer-path"), l.attr("class", "label noteLabel"), m && t.look !== "handDrawn" && b.selectAll("path").attr("style", m), i && t.look !== "handDrawn" && b.selectAll("path").attr("style", i), l.attr("transform", `translate(${-c.width / 2 - (c.x - (c.left ?? 0))}, ${-(c.height / 2) - (c.y - (c.top ?? 0))})`), T(t, b), t.intersect = function(e) {
-		return W.rect(t, e);
-	}, a;
+	let y = h.rectangle(f, p, u, d, v), b = s.insert(() => y, ":first-child");
+	return b.attr("class", "basic label-container outer-path"), l.attr("class", "label noteLabel"), m && t.look !== "handDrawn" && b.selectAll("path").attr("style", m), i && t.look !== "handDrawn" && b.selectAll("path").attr("style", i), l.attr("transform", `translate(${-c.width / 2 - (c.x - (c.left ?? 0))}, ${-(c.height / 2) - (c.y - (c.top ?? 0))})`), N(t, b), t.intersect = function(e) {
+		return K.rect(t, e);
+	}, s;
 }
-t(tt, "note");
-var nt = /* @__PURE__ */ t((e, t, n) => [
+d(St, "note");
+var Ct = /* @__PURE__ */ d((e, t, n) => [
 	`M${e + n / 2},${t}`,
 	`L${e + n},${t - n / 2}`,
 	`L${e + n / 2},${t - n}`,
 	`L${e},${t - n / 2}`,
 	"Z"
 ].join(" "), "createDecisionBoxPathD");
-async function rt(e, t) {
+async function wt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a } = await C(e, t, E(t)), o = a.width + (t.padding ?? 0) + (a.height + (t.padding ?? 0)), s = .5, c = [
+	let { shapeSvg: i, bbox: a } = await j(e, t, P(t)), o = a.width + (t.padding ?? 0) + (a.height + (t.padding ?? 0)), s = .5, c = [
 		{
 			x: o / 2,
 			y: 0
@@ -2006,10 +2525,10 @@ async function rt(e, t) {
 		}
 	], l, { cssStyles: u } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(i), n = g(t, {}), r = nt(0, 0, o), a = e.path(r, n);
+		let e = C.svg(i), n = g(t, {}), r = Ct(0, 0, o), a = e.path(r, n);
 		l = i.insert(() => a, ":first-child").attr("transform", `translate(${-o / 2 + s}, ${o / 2})`), u && l.attr("style", u);
 	} else l = q(i, o, o, c), l.attr("transform", `translate(${-o / 2 + s}, ${o / 2})`);
-	return r && l.attr("style", r), T(t, l), t.calcIntersect = function(e, t) {
+	return r && l.attr("style", r), N(t, l), t.calcIntersect = function(e, t) {
 		let n = e.width, r = [
 			{
 				x: n / 2,
@@ -2027,7 +2546,7 @@ async function rt(e, t) {
 				x: 0,
 				y: -n / 2
 			}
-		], i = W.polygon(e, r, t);
+		], i = K.polygon(e, r, t);
 		return {
 			x: i.x - .5,
 			y: i.y - .5
@@ -2036,70 +2555,70 @@ async function rt(e, t) {
 		return this.calcIntersect(t, e);
 	}, i;
 }
-t(rt, "question");
-async function it(e, t) {
+d(wt, "question");
+async function Tt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 21 : i ?? 0, o = t.look === "neo" ? 12 : i ?? 0, { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ?? c.width) + (t.look === "neo" ? a * 2 : a), d = (t?.height ?? c.height) + (t.look === "neo" ? o * 2 : o), f = -u / 2, p = -d / 2, m = p / 2, h = [
+	let i = t.padding ?? 0, a = t.look === "neo" ? 21 : i ?? 0, o = t.look === "neo" ? 12 : i ?? 0, { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = c.width + (t.look === "neo" ? a * 2 : a), d = Math.max(c.height + (t.look === "neo" ? o * 2 : o), t.height ?? 0), f = d / 4, p = -Math.max(u, (t.width ?? 0) - f) / 2, m = -d / 2, h = m / 2, v = [
 		{
-			x: f + m,
-			y: p
+			x: p + h,
+			y: m
 		},
 		{
-			x: f,
+			x: p,
 			y: 0
 		},
 		{
-			x: f + m,
-			y: -p
+			x: p + h,
+			y: -m
 		},
 		{
-			x: -f,
-			y: -p
+			x: -p,
+			y: -m
 		},
 		{
-			x: -f,
-			y: p
+			x: -p,
+			y: m
 		}
-	], { cssStyles: v } = t, y = S.svg(s), b = g(t, {});
-	t.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
-	let x = D(h), w = y.path(x, b), O = s.insert(() => w, ":first-child");
-	return O.attr("class", "basic label-container outer-path"), v && t.look !== "handDrawn" && O.selectAll("path").attr("style", v), r && t.look !== "handDrawn" && O.selectAll("path").attr("style", r), O.attr("transform", `translate(${-m / 2},0)`), l.attr("transform", `translate(${-m / 2 - c.width / 2 - (c.x - (c.left ?? 0))}, ${-(c.height / 2) - (c.y - (c.top ?? 0))})`), T(t, O), t.intersect = function(e) {
-		return W.polygon(t, h, e);
+	], { cssStyles: y } = t, b = C.svg(s), x = g(t, {});
+	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
+	let S = F(v), w = b.path(S, x), T = s.insert(() => w, ":first-child");
+	return T.attr("class", "basic label-container outer-path"), y && t.look !== "handDrawn" && T.selectAll("path").attr("style", y), r && t.look !== "handDrawn" && T.selectAll("path").attr("style", r), T.attr("transform", `translate(${-h / 2},0)`), l.attr("transform", `translate(${-h / 2 - c.width / 2 - (c.x - (c.left ?? 0))}, ${-(c.height / 2) - (c.y - (c.top ?? 0))})`), N(t, T), t.intersect = function(e) {
+		return K.polygon(t, v, e);
 	}, s;
 }
-t(it, "rect_left_inv_arrow");
-async function at(t, r) {
-	let { labelStyles: i, nodeStyles: a } = _(r);
+d(Tt, "rect_left_inv_arrow");
+async function Et(n, r) {
+	let { labelStyles: i, nodeStyles: o } = _(r);
 	r.labelStyle = i;
 	let s;
 	s = r.cssClasses ? "node " + r.cssClasses : "node default";
-	let c = t.insert("g").attr("class", s).attr("id", r.domId || r.id), u = c.insert("g"), d = c.insert("g").attr("class", "label").attr("style", a), f = r.description, p = r.label, m = await M(d, p, r.labelStyle, !0, !0), h = {
+	let c = n.insert("g").attr("class", s).attr("id", r.domId || r.id), u = c.insert("g"), d = c.insert("g").attr("class", "label").attr("style", o), f = r.description, p = r.label, m = await te(d, p, r.labelStyle, !0, !0), h = {
 		width: 0,
 		height: 0
 	};
-	if (o(l())) {
-		let e = m.children[0], t = n(m);
-		h = e.getBoundingClientRect(), t.attr("width", h.width), t.attr("height", h.height);
+	if (a(l())) {
+		let e = m.children[0], n = t(m);
+		h = e.getBoundingClientRect(), n.attr("width", h.width), n.attr("height", h.height);
 	}
 	e.info("Text 2", f);
-	let v = f || [], y = m.getBBox(), b = await M(d, Array.isArray(v) ? v.join("<br/>") : v, r.labelStyle, !0, !0), x = b.children[0], C = n(b);
-	h = x.getBoundingClientRect(), C.attr("width", h.width), C.attr("height", h.height);
+	let v = f || [], y = m.getBBox(), b = await te(d, Array.isArray(v) ? v.join("<br/>") : v, r.labelStyle, !0, !0), x = b.children[0], S = t(b);
+	h = x.getBoundingClientRect(), S.attr("width", h.width), S.attr("height", h.height);
 	let w = (r.padding || 0) / 2;
-	n(b).attr("transform", "translate( " + (h.width > y.width ? 0 : (y.width - h.width) / 2) + ", " + (y.height + w + 5) + ")"), n(m).attr("transform", "translate( " + (h.width < y.width ? 0 : -(y.width - h.width) / 2) + ", 0)"), h = d.node().getBBox(), d.attr("transform", "translate(" + -h.width / 2 + ", " + (-h.height / 2 - w + 3) + ")");
-	let E = h.width + (r.padding || 0), D = h.height + (r.padding || 0), O = -h.width / 2 - w, k = -h.height / 2 - w, A, j;
+	t(b).attr("transform", "translate( " + (h.width > y.width ? 0 : (y.width - h.width) / 2) + ", " + (y.height + w + 5) + ")"), t(m).attr("transform", "translate( " + (h.width < y.width ? 0 : -(y.width - h.width) / 2) + ", 0)"), h = d.node().getBBox(), d.attr("transform", "translate(" + -h.width / 2 + ", " + (-h.height / 2 - w + 3) + ")");
+	let T = h.width + (r.padding || 0), E = h.height + (r.padding || 0), D = -h.width / 2 - w, O = -h.height / 2 - w, k, A;
 	if (r.look === "handDrawn") {
-		let t = S.svg(c), n = g(r, {}), i = t.path(N(O, k, E, D, r.rx || 0), n), a = t.line(-h.width / 2 - w, -h.height / 2 - w + y.height + w, h.width / 2 + w, -h.height / 2 - w + y.height + w, n);
-		j = c.insert(() => (e.debug("Rough node insert CXC", i), a), ":first-child"), A = c.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child");
-	} else A = u.insert("rect", ":first-child"), j = u.insert("line"), A.attr("class", "outer title-state").attr("style", a).attr("x", -h.width / 2 - w).attr("y", -h.height / 2 - w).attr("width", h.width + (r.padding || 0)).attr("height", h.height + (r.padding || 0)), j.attr("class", "divider").attr("x1", -h.width / 2 - w).attr("x2", h.width / 2 + w).attr("y1", -h.height / 2 - w + y.height + w).attr("y2", -h.height / 2 - w + y.height + w);
-	return T(r, A), r.intersect = function(e) {
-		return W.rect(r, e);
+		let t = C.svg(c), n = g(r, {}), i = t.path(z(D, O, T, E, r.rx || 0), n), a = t.line(-h.width / 2 - w, -h.height / 2 - w + y.height + w, h.width / 2 + w, -h.height / 2 - w + y.height + w, n);
+		A = c.insert(() => (e.debug("Rough node insert CXC", i), a), ":first-child"), k = c.insert(() => (e.debug("Rough node insert CXC", i), i), ":first-child");
+	} else k = u.insert("rect", ":first-child"), A = u.insert("line"), k.attr("class", "outer title-state").attr("style", o).attr("x", -h.width / 2 - w).attr("y", -h.height / 2 - w).attr("width", h.width + (r.padding || 0)).attr("height", h.height + (r.padding || 0)), A.attr("class", "divider").attr("x1", -h.width / 2 - w).attr("x2", h.width / 2 + w).attr("y1", -h.height / 2 - w + y.height + w).attr("y2", -h.height / 2 - w + y.height + w);
+	return N(r, k), r.intersect = function(e) {
+		return K.rect(r, e);
 	}, c;
 }
-t(at, "rectWithTitle");
-async function ot(e, t, { config: { themeVariables: n } }) {
+d(Et, "rectWithTitle");
+async function Dt(e, t, { config: { themeVariables: n } }) {
 	let r = n?.radius ?? 5;
-	return Ce(e, t, {
+	return Ue(e, t, {
 		rx: r,
 		ry: r,
 		classes: "",
@@ -2107,54 +2626,54 @@ async function ot(e, t, { config: { themeVariables: n } }) {
 		labelPaddingY: (t?.padding ?? 0) * 1
 	});
 }
-t(ot, "roundedRect");
+d(Dt, "roundedRect");
 var Z = 8;
-async function st(e, t) {
+async function Ot(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t?.width ?? s.width) + i * 2 + (t.look === "neo" ? Z : Z * 2), u = (t?.height ?? s.height) + a * 2, d = l - Z, f = u, m = Z - l / 2, h = -u / 2, { cssStyles: v } = t, y = S.svg(o), b = g(t, {});
+	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0, { shapeSvg: o, bbox: s, label: c } = await j(e, t, P(t)), l = (t?.width ?? s.width) + i * 2 + (t.look === "neo" ? Z : Z * 2), u = (t?.height ?? s.height) + a * 2, d = l - Z, f = u, p = Z - l / 2, m = -u / 2, { cssStyles: v } = t, y = C.svg(o), b = g(t, {});
 	t.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
 	let x = [
 		{
-			x: m,
-			y: h
+			x: p,
+			y: m
 		},
 		{
-			x: m + d,
-			y: h
+			x: p + d,
+			y: m
 		},
 		{
-			x: m + d,
-			y: h + f
+			x: p + d,
+			y: m + f
 		},
 		{
-			x: m - Z,
-			y: h + f
+			x: p - Z,
+			y: m + f
 		},
 		{
-			x: m - Z,
-			y: h
+			x: p - Z,
+			y: m
 		},
 		{
-			x: m,
-			y: h
+			x: p,
+			y: m
 		},
 		{
-			x: m,
-			y: h + f
+			x: p,
+			y: m + f
 		}
-	], w = y.polygon(x.map((e) => [e.x, e.y]), b), D = o.insert(() => w, ":first-child");
-	return D.attr("class", "basic label-container outer-path").attr("style", p(v)), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), v && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), c.attr("transform", `translate(${Z / 2 - s.width / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, D), t.intersect = function(e) {
-		return W.rect(t, e);
+	], S = y.polygon(x.map((e) => [e.x, e.y]), b), w = o.insert(() => S, ":first-child");
+	return w.attr("class", "basic label-container outer-path").attr("style", h(v)), r && t.look !== "handDrawn" && w.selectAll("path").attr("style", r), v && t.look !== "handDrawn" && w.selectAll("path").attr("style", r), c.attr("transform", `translate(${Z / 2 - s.width / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), N(t, w), t.intersect = function(e) {
+		return K.rect(t, e);
 	}, o;
 }
-t(st, "shadedProcess");
-async function ct(e, t) {
+d(Ot, "shadedProcess");
+async function kt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
 	(t.width || t.height) && (t.width = Math.max((t?.width ?? 0) - a * 2, 10), t.height = Math.max((t?.height ?? 0) / 1.5 - o * 2, 10));
-	let { shapeSvg: s, bbox: c, label: l } = await C(e, t, E(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = ((t?.height ? t?.height : c.height) + o * 2) * 1.5, f = u, p = d / 1.5, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = S.svg(s), b = g(t, {});
+	let { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = (t?.width ? t?.width : c.width) + a * 2, d = ((t?.height ? t?.height : c.height) + o * 2) * 1.5, f = u, p = d / 1.5, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = C.svg(s), b = g(t, {});
 	t.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
 	let x = [
 		{
@@ -2173,15 +2692,15 @@ async function ct(e, t) {
 			x: m + f,
 			y: h - p / 2
 		}
-	], w = D(x), O = y.path(w, b), k = s.insert(() => O, ":first-child");
-	return k.attr("class", "basic label-container  outer-path"), v && t.look !== "handDrawn" && k.selectChildren("path").attr("style", v), r && t.look !== "handDrawn" && k.selectChildren("path").attr("style", r), k.attr("transform", `translate(0, ${p / 4})`), l.attr("transform", `translate(${-f / 2 + (t.padding ?? 0) - (c.x - (c.left ?? 0))}, ${-p / 4 + (t.padding ?? 0) - (c.y - (c.top ?? 0))})`), T(t, k), t.intersect = function(e) {
-		return W.polygon(t, x, e);
+	], S = F(x), w = y.path(S, b), T = s.insert(() => w, ":first-child");
+	return T.attr("class", "basic label-container  outer-path"), v && t.look !== "handDrawn" && T.selectChildren("path").attr("style", v), r && t.look !== "handDrawn" && T.selectChildren("path").attr("style", r), T.attr("transform", `translate(0, ${p / 4})`), l.attr("transform", `translate(${-f / 2 + (t.padding ?? 0) - (c.x - (c.left ?? 0))}, ${-p / 4 + (t.padding ?? 0) - (c.y - (c.top ?? 0))})`), N(t, T), t.intersect = function(e) {
+		return K.polygon(t, x, e);
 	}, s;
 }
-t(ct, "slopedRect");
-async function lt(e, t) {
+d(kt, "slopedRect");
+async function At(e, t) {
 	let n = t.padding ?? 0, r = t.look === "neo" ? 16 : n * 2, i = t.look === "neo" ? 12 : n;
-	return Ce(e, t, {
+	return Ue(e, t, {
 		rx: 0,
 		ry: 0,
 		classes: "",
@@ -2189,11 +2708,11 @@ async function lt(e, t) {
 		labelPaddingY: i
 	});
 }
-t(lt, "squareRect");
-async function ut(e, t) {
+d(At, "squareRect");
+async function jt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 20 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = c.height + (t.look === "neo" ? o * 2 : o), u = c.width + l / 4 + (t.look === "neo" ? a * 2 : a), d = l / 2, { cssStyles: f } = t, p = S.svg(s), m = g(t, {});
+	let i = t.padding ?? 0, a = t.look === "neo" ? 20 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = c.height + (t.look === "neo" ? o * 2 : o), u = c.width + l / 4 + (t.look === "neo" ? a * 2 : a), d = l / 2, { cssStyles: f } = t, p = C.svg(s), m = g(t, {});
 	t.look !== "handDrawn" && (m.roughness = 0, m.fillStyle = "solid");
 	let h = [
 		{
@@ -2204,32 +2723,32 @@ async function ut(e, t) {
 			x: u / 2 - d,
 			y: -l / 2
 		},
-		...k(-u / 2 + d, 0, d, 50, 90, 270),
+		...L(-u / 2 + d, 0, d, 50, 90, 270),
 		{
 			x: u / 2 - d,
 			y: l / 2
 		},
-		...k(u / 2 - d, 0, d, 50, 270, 450)
-	], v = D(h), y = p.path(v, m), b = s.insert(() => y, ":first-child");
-	return b.attr("class", "basic label-container outer-path"), f && t.look !== "handDrawn" && b.selectChildren("path").attr("style", f), r && t.look !== "handDrawn" && b.selectChildren("path").attr("style", r), T(t, b), t.intersect = function(e) {
-		return W.polygon(t, h, e);
+		...L(u / 2 - d, 0, d, 50, 270, 450)
+	], v = F(h), y = p.path(v, m), b = s.insert(() => y, ":first-child");
+	return b.attr("class", "basic label-container outer-path"), f && t.look !== "handDrawn" && b.selectChildren("path").attr("style", f), r && t.look !== "handDrawn" && b.selectChildren("path").attr("style", r), N(t, b), t.intersect = function(e) {
+		return K.polygon(t, h, e);
 	}, s;
 }
-t(ut, "stadium");
-async function dt(e, t) {
-	return Ce(e, t, {
+d(jt, "stadium");
+async function Mt(e, t) {
+	return Ue(e, t, {
 		rx: t.look === "neo" ? 3 : 5,
 		ry: t.look === "neo" ? 3 : 5,
 		classes: "flowchart-node"
 	});
 }
-t(dt, "state");
-function ft(e, t, { config: { themeVariables: n } }) {
+d(Mt, "state");
+function Nt(e, t, { config: { themeVariables: n } }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r;
 	let { cssStyles: a } = t, { lineColor: o, stateBorder: s, nodeBorder: c, nodeShadow: l } = n;
 	(t.width || t.height) && ((t.width ?? 0) < 14 && (t.width = 14), (t.height ?? 0) < 14 && (t.height = 14)), t.width ||= 14, t.height ||= 14;
-	let u = e.insert("g").attr("class", "node default").attr("id", t.domId ?? t.id), d = S.svg(u), f = g(t, {});
+	let u = e.insert("g").attr("class", "node default").attr("id", t.domId ?? t.id), d = C.svg(u), f = g(t, {});
 	t.look !== "handDrawn" && (f.roughness = 0, f.fillStyle = "solid");
 	let p = d.circle(0, 0, t.width, {
 		...f,
@@ -2246,33 +2765,33 @@ function ft(e, t, { config: { themeVariables: n } }) {
 		let t = e.node()?.ownerSVGElement?.id ?? "", n = t ? `${t}-drop-shadow-small` : "drop-shadow-small";
 		y.attr("style", `filter:url(#${n})`);
 	}
-	return T(t, y), t.intersect = function(e) {
-		return W.circle(t, (t.width ?? 0) / 2, e);
+	return N(t, y), t.intersect = function(e) {
+		return K.circle(t, (t.width ?? 0) / 2, e);
 	}, u;
 }
-t(ft, "stateEnd");
-function pt(e, t, { config: { themeVariables: n } }) {
+d(Nt, "stateEnd");
+function Pt(e, t, { config: { themeVariables: n } }) {
 	let { lineColor: r, nodeShadow: i } = n;
 	(t.width || t.height) && ((t.width ?? 0) < 14 && (t.width = 14), (t.height ?? 0) < 14 && (t.height = 14)), t.width ||= 14, t.height ||= 14;
 	let a = e.insert("g").attr("class", "node default").attr("id", t.domId || t.id), o;
 	if (t.look === "handDrawn") {
-		let e = S.svg(a).circle(0, 0, t.width, v(r));
+		let e = C.svg(a).circle(0, 0, t.width, v(r));
 		o = a.insert(() => e), o.attr("class", "state-start").attr("r", (t.width ?? 7) / 2).attr("width", t.width ?? 14).attr("height", t.height ?? 14);
 	} else o = a.insert("circle", ":first-child"), o.attr("class", "state-start").attr("r", (t.width ?? 7) / 2).attr("width", t.width ?? 14).attr("height", t.height ?? 14);
 	if (t.width < 25 && i && t.look !== "handDrawn") {
 		let t = e.node()?.ownerSVGElement?.id ?? "", n = t ? `${t}-drop-shadow-small` : "drop-shadow-small";
 		o.attr("style", `filter:url(#${n})`);
 	}
-	return T(t, o), t.intersect = function(e) {
-		return W.circle(t, (t.width ?? 7) / 2, e);
+	return N(t, o), t.intersect = function(e) {
+		return K.circle(t, (t.width ?? 7) / 2, e);
 	}, a;
 }
-t(pt, "stateStart");
-var mt = 8;
-async function ht(e, t) {
+d(Pt, "stateStart");
+var Ft = 8;
+async function It(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t?.padding ?? 8, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ?? c.width) + 2 * mt + a, u = (t?.height ?? c.height) + o, d = l - 2 * mt, f = u, m = -l / 2, h = -u / 2, v = [
+	let i = t?.padding ?? 8, a = t.look === "neo" ? 28 : i, o = t.look === "neo" ? 12 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(c.width + 2 * Ft + a, t.width ?? 0), u = Math.max(c.height + o, t.height ?? 0), d = l - 2 * Ft, f = u, p = -l / 2, m = -u / 2, v = [
 		{
 			x: 0,
 			y: 0
@@ -2315,26 +2834,26 @@ async function ht(e, t) {
 		}
 	];
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = e.rectangle(m, h, d + 16, f, n), i = e.line(m + mt, h, m + mt, h + f, n), a = e.line(m + mt + d, h, m + mt + d, h + f, n);
+		let e = C.svg(s), n = g(t, {}), r = e.rectangle(p, m, d + 16, f, n), i = e.line(p + Ft, m, p + Ft, m + f, n), a = e.line(p + Ft + d, m, p + Ft + d, m + f, n);
 		s.insert(() => i, ":first-child"), s.insert(() => a, ":first-child");
 		let o = s.insert(() => r, ":first-child"), { cssStyles: c } = t;
-		o.attr("class", "basic label-container").attr("style", p(c)), T(t, o);
+		o.attr("class", "basic label-container").attr("style", h(c)), N(t, o);
 	} else {
 		let e = q(s, d, f, v);
-		r && e.attr("style", r), T(t, e);
+		r && e.attr("style", r), N(t, e);
 	}
 	return t.intersect = function(e) {
-		return W.polygon(t, v, e);
+		return K.polygon(t, v, e);
 	}, s;
 }
-t(ht, "subroutine");
-var gt = .2;
-async function _t(e, t) {
+d(It, "subroutine");
+var Lt = .2;
+async function Rt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
-	(t.width || t.height) && (t.height = Math.max((t?.height ?? 0) - o * 2, 10), t.width = Math.max((t?.width ?? 0) - a * 2 - gt * (t.height + o * 2), 10));
-	let { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ? t?.height : c.height) + o * 2, u = gt * l, d = gt * l, f = (t?.width ? t?.width : c.width) + a * 2 + u - u, p = l, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = S.svg(s), b = g(t, {}), x = [
+	(t.width || t.height) && (t.height = Math.max((t?.height ?? 0) - o * 2, 10), t.width = Math.max((t?.width ?? 0) - a * 2 - Lt * (t.height + o * 2), 10));
+	let { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = (t?.height ? t?.height : c.height) + o * 2, u = Lt * l, d = Lt * l, f = (t?.width ? t?.width : c.width) + a * 2 + u - u, p = l, m = -f / 2, h = -p / 2, { cssStyles: v } = t, y = C.svg(s), b = g(t, {}), x = [
 		{
 			x: m - u / 2,
 			y: h
@@ -2351,7 +2870,7 @@ async function _t(e, t) {
 			x: m - u / 2,
 			y: h + p
 		}
-	], w = [
+	], S = [
 		{
 			x: m + f - u / 2,
 			y: h + p
@@ -2366,26 +2885,26 @@ async function _t(e, t) {
 		}
 	];
 	t.look !== "handDrawn" && (b.roughness = 0, b.fillStyle = "solid");
-	let O = D(x), k = y.path(O, b), A = D(w), j = y.path(A, {
+	let w = F(x), T = y.path(w, b), E = F(S), D = y.path(E, {
 		...b,
 		fillStyle: "solid"
-	}), M = s.insert(() => j, ":first-child");
-	return M.insert(() => k, ":first-child"), M.attr("class", "basic label-container outer-path"), v && t.look !== "handDrawn" && M.selectAll("path").attr("style", v), r && t.look !== "handDrawn" && M.selectAll("path").attr("style", r), T(t, M), t.intersect = function(e) {
-		return W.polygon(t, x, e);
+	}), O = s.insert(() => D, ":first-child");
+	return O.insert(() => T, ":first-child"), O.attr("class", "basic label-container outer-path"), v && t.look !== "handDrawn" && O.selectAll("path").attr("style", v), r && t.look !== "handDrawn" && O.selectAll("path").attr("style", r), N(t, O), t.intersect = function(e) {
+		return K.polygon(t, x, e);
 	}, s;
 }
-t(_t, "taggedRect");
-async function vt(e, t) {
+d(Rt, "taggedRect");
+async function zt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, label: o } = await C(e, t, E(t)), s = Math.max(a.width + (t.padding ?? 0) * 2, t?.width ?? 0), c = Math.max(a.height + (t.padding ?? 0) * 2, t?.height ?? 0), l = c / 8, u = .2 * s, d = .2 * c, f = c + l, { cssStyles: p } = t, m = S.svg(i), h = g(t, {});
+	let { shapeSvg: i, bbox: a, label: o } = await j(e, t, P(t)), s = Math.max(a.width + (t.padding ?? 0) * 2, t?.width ?? 0), c = Math.max(a.height + (t.padding ?? 0) * 2, t?.height ?? 0), l = c / 8, u = .2 * s, d = .2 * c, f = c + l, { cssStyles: p } = t, m = C.svg(i), h = g(t, {});
 	t.look !== "handDrawn" && (h.roughness = 0, h.fillStyle = "solid");
 	let v = [
 		{
 			x: -s / 2 - s / 2 * .1,
 			y: f / 2
 		},
-		...O(-s / 2 - s / 2 * .1, f / 2, s / 2 + s / 2 * .1, f / 2, l, .8),
+		...I(-s / 2 - s / 2 * .1, f / 2, s / 2 + s / 2 * .1, f / 2, l, .8),
 		{
 			x: s / 2 + s / 2 * .1,
 			y: -f / 2
@@ -2407,71 +2926,69 @@ async function vt(e, t) {
 			x: y + s,
 			y: (b + c) * .9
 		},
-		...O(y + s, (b + c) * 1.25, y + s - u, (b + c) * 1.3, -c * .02, .5)
-	], w = D(v), k = m.path(w, h), A = D(x), j = m.path(A, {
+		...I(y + s, (b + c) * 1.25, y + s - u, (b + c) * 1.3, -c * .02, .5)
+	], S = F(v), w = m.path(S, h), T = F(x), E = m.path(T, {
 		...h,
 		fillStyle: "solid"
-	}), M = i.insert(() => j, ":first-child");
-	return M.insert(() => k, ":first-child"), M.attr("class", "basic label-container outer-path"), p && t.look !== "handDrawn" && M.selectAll("path").attr("style", p), r && t.look !== "handDrawn" && M.selectAll("path").attr("style", r), M.attr("transform", `translate(0,${-l / 2})`), o.attr("transform", `translate(${-s / 2 + (t.padding ?? 0) - (a.x - (a.left ?? 0))},${-c / 2 + (t.padding ?? 0) - l / 2 - (a.y - (a.top ?? 0))})`), T(t, M), t.intersect = function(e) {
-		return W.polygon(t, v, e);
+	}), D = i.insert(() => E, ":first-child");
+	return D.insert(() => w, ":first-child"), D.attr("class", "basic label-container outer-path"), p && t.look !== "handDrawn" && D.selectAll("path").attr("style", p), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), D.attr("transform", `translate(0,${-l / 2})`), o.attr("transform", `translate(${-s / 2 + (t.padding ?? 0) - (a.x - (a.left ?? 0))},${-c / 2 + (t.padding ?? 0) - l / 2 - (a.y - (a.top ?? 0))})`), N(t, D), t.intersect = function(e) {
+		return K.polygon(t, v, e);
 	}, i;
 }
-t(vt, "taggedWaveEdgedRectangle");
-async function yt(e, t) {
+d(zt, "taggedWaveEdgedRectangle");
+async function Bt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a } = await C(e, t, E(t)), o = Math.max(a.width + (t.padding ?? 0), t?.width || 0), s = Math.max(a.height + (t.padding ?? 0), t?.height || 0), c = -o / 2, l = -s / 2, u = i.insert("rect", ":first-child");
-	return u.attr("class", "text").attr("style", r).attr("rx", 0).attr("ry", 0).attr("x", c).attr("y", l).attr("width", o).attr("height", s), T(t, u), t.intersect = function(e) {
-		return W.rect(t, e);
+	let { shapeSvg: i, bbox: a } = await j(e, t, P(t)), o = Math.max(a.width + (t.padding ?? 0), t?.width || 0), s = Math.max(a.height + (t.padding ?? 0), t?.height || 0), c = -o / 2, l = -s / 2, u = i.insert("rect", ":first-child");
+	return u.attr("class", "text").attr("style", r).attr("rx", 0).attr("ry", 0).attr("x", c).attr("y", l).attr("width", o).attr("height", s), N(t, u), t.intersect = function(e) {
+		return K.rect(t, e);
 	}, i;
 }
-t(yt, "text");
-var bt = /* @__PURE__ */ t((e, t, n, r, i, a) => `M${e},${t}
+d(Bt, "text");
+var Vt = /* @__PURE__ */ d((e, t, n, r, i, a) => `M${e},${t}
     a${i},${a} 0,0,1 0,${-r}
     l${n},0
     a${i},${a} 0,0,1 0,${r}
     M${n},${-r}
     a${i},${a} 0,0,0 0,${r}
-    l${-n},0`, "createCylinderPathD"), xt = /* @__PURE__ */ t((e, t, n, r, i, a) => [
+    l${-n},0`, "createCylinderPathD"), Ht = /* @__PURE__ */ d((e, t, n, r, i, a) => [
 	`M${e},${t}`,
 	`M${e + n},${t}`,
 	`a${i},${a} 0,0,0 0,${-r}`,
 	`l${-n},0`,
 	`a${i},${a} 0,0,0 0,${r}`,
 	`l${n},0`
-].join(" "), "createOuterCylinderPathD"), St = /* @__PURE__ */ t((e, t, n, r, i, a) => [`M${e + n / 2},${-r / 2}`, `a${i},${a} 0,0,0 0,${r}`].join(" "), "createInnerCylinderPathD"), Ct = 5, wt = 10;
-async function Tt(e, t) {
+].join(" "), "createOuterCylinderPathD"), Ut = /* @__PURE__ */ d((e, t, n, r, i, a) => [`M${e + n / 2},${-r / 2}`, `a${i},${a} 0,0,0 0,${r}`].join(" "), "createInnerCylinderPathD"), Wt = 5, Gt = 10;
+async function Kt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = t.look === "neo" ? 12 : i / 2;
-	if (t.width || t.height) {
-		let e = t.height ?? 0;
-		t.height = (t.height ?? 0) - a, t.height < Ct && (t.height = Ct);
-		let n = e / 2 / (2.5 + e / 50);
-		t.width = (t.width ?? 0) - a - n * 3, t.width < wt && (t.width = wt);
+	let i = t.padding ?? 0, a = t.look === "neo" ? 12 : i / 2, o = t.height ?? 0;
+	if (t.height && (t.height -= a, t.height < Wt && (t.height = Wt)), t.width) {
+		let e = o / 2 / (2.5 + o / 50);
+		t.width = t.width - a - e * 3, t.width < Gt && (t.width = Gt);
 	}
-	let { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t.height ? t.height : s.height) + a, u = l / 2, d = u / (2.5 + l / 50), f = (t.width ? t.width : s.width) + d + a, { cssStyles: m } = t, h;
+	let { shapeSvg: s, bbox: c, label: l } = await j(e, t, P(t)), u = Math.max(t.height ?? 0, c.height) + a, d = u / 2, f = d / (2.5 + u / 50), p = Math.max(t.width ?? 0, c.width) + f + a, { cssStyles: m } = t, v;
 	if (t.look === "handDrawn") {
-		let e = S.svg(o), n = xt(0, 0, f, l, d, u), r = St(0, 0, f, l, d, u), i = e.path(n, g(t, {})), a = e.path(r, g(t, { fill: "none" }));
-		h = o.insert(() => a, ":first-child"), h = o.insert(() => i, ":first-child"), h.attr("class", "basic label-container"), m && h.attr("style", m);
+		let e = C.svg(s), n = Ht(0, 0, p, u, f, d), r = Ut(0, 0, p, u, f, d), i = e.path(n, g(t, {})), a = e.path(r, g(t, { fill: "none" }));
+		v = s.insert(() => a, ":first-child"), v = s.insert(() => i, ":first-child"), v.attr("class", "basic label-container"), m && v.attr("style", m);
 	} else {
-		let e = bt(0, 0, f, l, d, u);
-		h = o.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container").attr("style", p(m)).attr("style", r), h.attr("class", "basic label-container outer-path"), m && h.selectAll("path").attr("style", m), r && h.selectAll("path").attr("style", r);
+		let e = Vt(0, 0, p, u, f, d);
+		v = s.insert("path", ":first-child").attr("d", e).attr("class", "basic label-container").attr("style", h(m)).attr("style", r), v.attr("class", "basic label-container outer-path"), m && v.selectAll("path").attr("style", m), r && v.selectAll("path").attr("style", r);
 	}
-	return h.attr("label-offset-x", d), h.attr("transform", `translate(${-f / 2}, ${l / 2} )`), c.attr("transform", `translate(${-(s.width / 2) - d - (s.x - (s.left ?? 0))}, ${-(s.height / 2) - (s.y - (s.top ?? 0))})`), T(t, h), t.intersect = function(e) {
-		let n = W.rect(t, e), r = n.y - (t.y ?? 0);
-		if (u != 0 && (Math.abs(r) < (t.height ?? 0) / 2 || Math.abs(r) == (t.height ?? 0) / 2 && Math.abs(n.x - (t.x ?? 0)) > (t.width ?? 0) / 2 - d)) {
-			let i = d * d * (1 - r * r / (u * u));
-			i != 0 && (i = Math.sqrt(Math.abs(i))), i = d - i, e.x - (t.x ?? 0) > 0 && (i = -i), n.x += i;
+	return v.attr("label-offset-x", f), v.attr("transform", `translate(${-p / 2}, ${u / 2} )`), l.attr("transform", `translate(${-(c.width / 2) - f - (c.x - (c.left ?? 0))}, ${-(c.height / 2) - (c.y - (c.top ?? 0))})`), N(t, v), t.intersect = function(e) {
+		let n = K.rect(t, e), r = n.y - (t.y ?? 0);
+		if (d != 0 && (Math.abs(r) < (t.height ?? 0) / 2 || Math.abs(r) == (t.height ?? 0) / 2 && Math.abs(n.x - (t.x ?? 0)) > (t.width ?? 0) / 2 - f)) {
+			let i = f * f * (1 - r * r / (d * d));
+			i != 0 && (i = Math.sqrt(Math.abs(i))), i = f - i, e.x - (t.x ?? 0) > 0 && (i = -i), n.x += i;
 		}
 		return n;
-	}, o;
+	}, s;
 }
-t(Tt, "tiltedCylinder");
-async function Et(e, t) {
+d(Kt, "tiltedCylinder");
+async function qt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let i = t.padding ?? 0, a = (t.look, i), o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.height ?? c.height) + a, u = (t?.width ?? c.width) + o, d = [
+	let i = t.padding ?? 0, a = (t.look, i), o = t.look === "neo" ? i * 2 : i, { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = Math.max(c.height + a, t.height ?? 0), u = Math.max(c.width + o, (t.width ?? 0) - l), d = [
 		{
 			x: -3 * l / 6,
 			y: 0
@@ -2490,20 +3007,20 @@ async function Et(e, t) {
 		}
 	], f, { cssStyles: p } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(s), n = g(t, {}), r = D(d), i = e.path(r, n);
+		let e = C.svg(s), n = g(t, {}), r = F(d), i = e.path(r, n);
 		f = s.insert(() => i, ":first-child").attr("transform", `translate(${-u / 2}, ${l / 2})`), p && f.attr("style", p);
 	} else f = q(s, u, l, d);
-	return r && f.attr("style", r), t.width = u, t.height = l, T(t, f), t.intersect = function(e) {
-		return W.polygon(t, d, e);
+	return r && f.attr("style", r), t.width = u, t.height = l, N(t, f), t.intersect = function(e) {
+		return K.polygon(t, d, e);
 	}, s;
 }
-t(Et, "trapezoid");
-async function Dt(e, t) {
+d(qt, "trapezoid");
+async function Jt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i;
 	(t.width || t.height) && (t.height = (t.height ?? 0) - o * 2, t.height < 5 && (t.height = 5), t.width = (t.width ?? 0) - a * 2, t.width < 15 && (t.width = 15));
-	let { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ? t?.width : c.width) + a * 2, u = (t?.height ? t?.height : c.height) + o * 2, { cssStyles: d } = t, f = S.svg(s), p = g(t, {});
+	let { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = (t?.width ? t?.width : c.width) + a * 2, u = (t?.height ? t?.height : c.height) + o * 2, { cssStyles: d } = t, f = C.svg(s), p = g(t, {});
 	t.look !== "handDrawn" && (p.roughness = 0, p.fillStyle = "solid");
 	let m = [
 		{
@@ -2530,19 +3047,19 @@ async function Dt(e, t) {
 			x: -l / 2,
 			y: -u / 2 * .6
 		}
-	], h = D(m), v = f.path(h, p), y = s.insert(() => v, ":first-child");
-	return y.attr("class", "basic label-container outer-path"), d && t.look !== "handDrawn" && y.selectChildren("path").attr("style", d), r && t.look !== "handDrawn" && y.selectChildren("path").attr("style", r), T(t, y), t.intersect = function(e) {
-		return W.polygon(t, m, e);
+	], h = F(m), v = f.path(h, p), y = s.insert(() => v, ":first-child");
+	return y.attr("class", "basic label-container outer-path"), d && t.look !== "handDrawn" && y.selectChildren("path").attr("style", d), r && t.look !== "handDrawn" && y.selectChildren("path").attr("style", r), N(t, y), t.intersect = function(e) {
+		return K.polygon(t, m, e);
 	}, s;
 }
-t(Dt, "trapezoidalPentagon");
-var Ot = 10, kt = 10;
-async function At(t, n) {
+d(Jt, "trapezoidalPentagon");
+var Yt = 10, Xt = 10;
+async function Zt(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r;
 	let a = n.padding ?? 0, o = n.look === "neo" ? a * 2 : a;
-	(n.width || n.height) && (n.width = ((n?.width ?? 0) - o) / 2, n.width < kt && (n.width = kt), n.height = n?.height ?? 0, n.height < Ot && (n.height = Ot));
-	let { shapeSvg: s, bbox: u, label: d } = await C(t, n, E(n)), f = c(l().flowchart?.htmlLabels), p = (n?.width ? n?.width : u.width) + o, m = n?.height ? n?.height : p + u.height, h = m, v = [
+	(n.width || n.height) && (n.width = ((n?.width ?? 0) - o) / 2, n.width < Xt && (n.width = Xt), n.height = n?.height ?? 0, n.height < Yt && (n.height = Yt));
+	let { shapeSvg: s, bbox: u, label: d } = await j(t, n, P(n)), f = c(l().flowchart?.htmlLabels), p = (n?.width ? n?.width : u.width) + o, m = n?.height ? n?.height : p + u.height, h = m, v = [
 		{
 			x: 0,
 			y: 0
@@ -2555,27 +3072,27 @@ async function At(t, n) {
 			x: h / 2,
 			y: -m
 		}
-	], { cssStyles: y } = n, b = S.svg(s), x = g(n, {});
+	], { cssStyles: y } = n, b = C.svg(s), x = g(n, {});
 	n.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
-	let w = D(v), O = b.path(w, x), k = s.insert(() => O, ":first-child").attr("transform", `translate(${-m / 2}, ${m / 2})`).attr("class", "outer-path");
-	return y && n.look !== "handDrawn" && k.selectChildren("path").attr("style", y), i && n.look !== "handDrawn" && k.selectChildren("path").attr("style", i), n.width = p, n.height = m, T(n, k), d.attr("transform", `translate(${-u.width / 2 - (u.x - (u.left ?? 0))}, ${m / 2 - (u.height + (n.padding ?? 0) / (f ? 2 : 1) - (u.y - (u.top ?? 0)))})`), n.intersect = function(t) {
-		return e.info("Triangle intersect", n, v, t), W.polygon(n, v, t);
+	let S = F(v), w = b.path(S, x), T = s.insert(() => w, ":first-child").attr("transform", `translate(${-m / 2}, ${m / 2})`).attr("class", "outer-path");
+	return y && n.look !== "handDrawn" && T.selectChildren("path").attr("style", y), i && n.look !== "handDrawn" && T.selectChildren("path").attr("style", i), n.width = p, n.height = m, N(n, T), d.attr("transform", `translate(${-u.width / 2 - (u.x - (u.left ?? 0))}, ${m / 2 - (u.height + (n.padding ?? 0) / (f ? 2 : 1) - (u.y - (u.top ?? 0)))})`), n.intersect = function(t) {
+		return e.info("Triangle intersect", n, v, t), K.polygon(n, v, t);
 	}, s;
 }
-t(At, "triangle");
-async function jt(e, t) {
+d(Zt, "triangle");
+async function Qt(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 12 : i, s = !0;
 	(t.width || t.height) && (s = !1, t.width = (t?.width ?? 0) - a * 2, t.width < 10 && (t.width = 10), t.height = (t?.height ?? 0) - o * 2, t.height < 10 && (t.height = 10));
-	let { shapeSvg: c, bbox: l, label: u } = await C(e, t, E(t)), d = (t?.width ? t?.width : l.width) + (a ?? 0) * 2, f = (t?.height ? t?.height : l.height) + (o ?? 0) * 2, p = t.look === "neo" ? f / 4 : f / 8, m = f + (s ? p : -p), { cssStyles: h } = t, v = 14 - d, y = v > 0 ? v / 2 : 0, b = S.svg(c), x = g(t, {});
+	let { shapeSvg: c, bbox: l, label: u } = await j(e, t, P(t)), d = (t?.width ? t?.width : l.width) + (a ?? 0) * 2, f = (t?.height ? t?.height : l.height) + (o ?? 0) * 2, p = t.look === "neo" ? f / 4 : f / 8, m = f + (s ? p : -p), { cssStyles: h } = t, v = 14 - d, y = v > 0 ? v / 2 : 0, b = C.svg(c), x = g(t, {});
 	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
-	let w = [
+	let S = [
 		{
 			x: -d / 2 - y,
 			y: m / 2
 		},
-		...O(-d / 2 - y, m / 2, d / 2 + y, m / 2, p, .8),
+		...I(-d / 2 - y, m / 2, d / 2 + y, m / 2, p, .8),
 		{
 			x: d / 2 + y,
 			y: -m / 2
@@ -2584,13 +3101,13 @@ async function jt(e, t) {
 			x: -d / 2 - y,
 			y: -m / 2
 		}
-	], k = D(w), A = b.path(k, x), j = c.insert(() => A, ":first-child");
-	return j.attr("class", "basic label-container outer-path"), h && t.look !== "handDrawn" && j.selectAll("path").attr("style", h), r && t.look !== "handDrawn" && j.selectAll("path").attr("style", r), j.attr("transform", `translate(0,${-p / 2})`), u.attr("transform", `translate(${-d / 2 + (t.padding ?? 0) - (l.x - (l.left ?? 0))},${-f / 2 + (t.padding ?? 0) - p - (l.y - (l.top ?? 0))})`), T(t, j), t.intersect = function(e) {
-		return W.polygon(t, w, e);
+	], w = F(S), T = b.path(w, x), E = c.insert(() => T, ":first-child");
+	return E.attr("class", "basic label-container outer-path"), h && t.look !== "handDrawn" && E.selectAll("path").attr("style", h), r && t.look !== "handDrawn" && E.selectAll("path").attr("style", r), E.attr("transform", `translate(0,${-p / 2})`), u.attr("transform", `translate(${-d / 2 + (t.padding ?? 0) - (l.x - (l.left ?? 0))},${-f / 2 + (t.padding ?? 0) - p - (l.y - (l.top ?? 0))})`), N(t, E), t.intersect = function(e) {
+		return K.polygon(t, S, e);
 	}, c;
 }
-t(jt, "waveEdgedRectangle");
-async function Mt(e, t) {
+d(Qt, "waveEdgedRectangle");
+async function $t(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.padding ?? 0, a = t.look === "neo" ? 16 : i, o = t.look === "neo" ? 20 : i;
@@ -2599,32 +3116,32 @@ async function Mt(e, t) {
 		let e = Math.min(t.height * .2, t.height / 4);
 		t.height = Math.ceil(t.height - o - 20 / 9 * e), t.width -= a * 2;
 	}
-	let { shapeSvg: s, bbox: c } = await C(e, t, E(t)), l = (t?.width ? t?.width : c.width) + a * 2, u = (t?.height ? t?.height : c.height) + o, d = u / 8, f = u + d * 2, { cssStyles: p } = t, m = S.svg(s), h = g(t, {});
+	let { shapeSvg: s, bbox: c } = await j(e, t, P(t)), l = (t?.width ? t?.width : c.width) + a * 2, u = (t?.height ? t?.height : c.height) + o, d = u / 8, f = u + d * 2, { cssStyles: p } = t, m = C.svg(s), h = g(t, {});
 	t.look !== "handDrawn" && (h.roughness = 0, h.fillStyle = "solid");
 	let v = [
 		{
 			x: -l / 2,
 			y: f / 2
 		},
-		...O(-l / 2, f / 2, l / 2, f / 2, d, 1),
+		...I(-l / 2, f / 2, l / 2, f / 2, d, 1),
 		{
 			x: l / 2,
 			y: -f / 2
 		},
-		...O(l / 2, -f / 2, -l / 2, -f / 2, d, -1)
-	], y = D(v), b = m.path(y, h), x = s.insert(() => b, ":first-child");
-	return x.attr("class", "basic label-container"), p && t.look !== "handDrawn" && x.selectAll("path").attr("style", p), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), T(t, x), t.intersect = function(e) {
-		return W.polygon(t, v, e);
+		...I(l / 2, -f / 2, -l / 2, -f / 2, d, -1)
+	], y = F(v), b = m.path(y, h), x = s.insert(() => b, ":first-child");
+	return x.attr("class", "basic label-container"), p && t.look !== "handDrawn" && x.selectAll("path").attr("style", p), r && t.look !== "handDrawn" && x.selectAll("path").attr("style", r), N(t, x), t.intersect = function(e) {
+		return K.polygon(t, v, e);
 	}, s;
 }
-t(Mt, "waveRectangle");
+d($t, "waveRectangle");
 var Q = 10;
-async function Nt(e, t) {
+async function en(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
 	let i = t.look === "neo" ? 16 : t.padding ?? 0, a = t.look === "neo" ? 12 : t.padding ?? 0;
 	(t.width || t.height) && (t.width = Math.max((t?.width ?? 0) - i * 2 - Q, 10), t.height = Math.max((t?.height ?? 0) - a * 2 - Q, 10));
-	let { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = (t?.width ? t?.width : s.width) + i * 2 + Q, u = (t?.height ? t?.height : s.height) + a * 2 + Q, d = l - Q, f = u - Q, p = -d / 2, m = -f / 2, { cssStyles: h } = t, v = S.svg(o), y = g(t, {}), b = [
+	let { shapeSvg: o, bbox: s, label: c } = await j(e, t, P(t)), l = (t?.width ? t?.width : s.width) + i * 2 + Q, u = (t?.height ? t?.height : s.height) + a * 2 + Q, d = l - Q, f = u - Q, p = -d / 2, m = -f / 2, { cssStyles: h } = t, v = C.svg(o), y = g(t, {}), b = [
 		{
 			x: p - Q,
 			y: m - Q
@@ -2645,155 +3162,157 @@ async function Nt(e, t) {
                 M${p - Q},${m} L${p + d},${m}
                 M${p},${m - Q} L${p},${m + f}`;
 	t.look !== "handDrawn" && (y.roughness = 0, y.fillStyle = "solid");
-	let w = v.path(x, y), D = o.insert(() => w, ":first-child");
-	return D.attr("transform", `translate(${Q / 2}, ${Q / 2})`), D.attr("class", "basic label-container outer-path"), h && t.look !== "handDrawn" && D.selectAll("path").attr("style", h), r && t.look !== "handDrawn" && D.selectAll("path").attr("style", r), c.attr("transform", `translate(${-(s.width / 2) + Q / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) + Q / 2 - (s.y - (s.top ?? 0))})`), T(t, D), t.intersect = function(e) {
-		return W.polygon(t, b, e);
+	let S = v.path(x, y), w = o.insert(() => S, ":first-child");
+	return w.attr("transform", `translate(${Q / 2}, ${Q / 2})`), w.attr("class", "basic label-container outer-path"), h && t.look !== "handDrawn" && w.selectAll("path").attr("style", h), r && t.look !== "handDrawn" && w.selectAll("path").attr("style", r), c.attr("transform", `translate(${-(s.width / 2) + Q / 2 - (s.x - (s.left ?? 0))}, ${-(s.height / 2) + Q / 2 - (s.y - (s.top ?? 0))})`), N(t, w), t.intersect = function(e) {
+		return K.polygon(t, b, e);
 	}, o;
 }
-t(Nt, "windowPane");
-var Pt = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]), Ft = /* @__PURE__ */ new Set([
+d(en, "windowPane");
+var tn = /* @__PURE__ */ new Set(["redux-color", "redux-dark-color"]), nn = /* @__PURE__ */ new Set([
 	"redux",
 	"redux-dark",
 	"redux-color",
 	"redux-dark-color"
 ]);
-async function It(e, t) {
-	let r = t;
-	r.alias && (t.label = r.alias);
-	let { theme: i, themeVariables: a } = s(), { rowEven: o, rowOdd: l, nodeBorder: u, borderColorArray: d } = a;
-	if (t.look === "handDrawn") {
-		let { themeVariables: n } = s(), { background: r } = n;
-		await It(e, {
-			...t,
-			id: t.id + "-background",
-			domId: (t.domId || t.id) + "-background",
+async function rn(e, n) {
+	let r = n;
+	r.alias && (n.label = r.alias);
+	let { theme: i, themeVariables: a } = o(), { rowEven: s, rowOdd: l, nodeBorder: u, borderColorArray: d } = a;
+	if (n.look === "handDrawn") {
+		let { themeVariables: t } = o(), { background: r } = t;
+		await rn(e, {
+			...n,
+			id: n.id + "-background",
+			domId: (n.domId || n.id) + "-background",
 			look: "default",
 			cssStyles: ["stroke: none", `fill: ${r}`]
 		});
 	}
-	let p = s();
-	t.useHtmlLabels = p.htmlLabels;
-	let m = p.er?.diagramPadding ?? 10, h = p.er?.entityPadding ?? 6, { cssStyles: v } = t, { labelStyles: y, nodeStyles: b } = _(t);
-	if (r.attributes.length === 0 && t.label) {
-		let n = {
+	let f = o();
+	n.useHtmlLabels = f.htmlLabels;
+	let p = f.er?.diagramPadding ?? 10, h = f.er?.entityPadding ?? 6, { cssStyles: v } = n, { labelStyles: y, nodeStyles: b } = _(n);
+	if (r.attributes.length === 0 && n.label) {
+		let t = {
 			rx: 0,
 			ry: 0,
-			labelPaddingX: m,
-			labelPaddingY: m * 1.5,
+			labelPaddingX: p,
+			labelPaddingY: p * 1.5,
 			classes: ""
 		};
-		f(t.label, p) + n.labelPaddingX * 2 < p.er.minEntityWidth && (t.width = p.er.minEntityWidth);
-		let a = await Ce(e, t, n);
-		if (i != null && Pt.has(i)) {
+		m(n.label, f) + t.labelPaddingX * 2 < f.er.minEntityWidth && (n.width = f.er.minEntityWidth);
+		let a = await Ue(e, n, t);
+		if (i != null && tn.has(i)) {
 			let e = r.colorIndex ?? 0;
 			a.attr("data-color-id", `color-${e % d.length}`);
 		}
-		if (!c(p.htmlLabels)) {
+		if (!c(f.htmlLabels)) {
 			let e = a.select("text"), t = e.node()?.getBBox();
 			e.attr("transform", `translate(${-t.width / 2}, 0)`);
 		}
 		return a;
 	}
-	p.htmlLabels || (m *= 1.25, h *= 1.25);
-	let x = E(t);
+	f.htmlLabels || (p *= 1.25, h *= 1.25);
+	let x = P(n);
 	x ||= "node default";
-	let C = e.insert("g").attr("class", x).attr("id", t.domId || t.id), w = await Lt(C, t.label ?? "", p, 0, 0, ["name"], y);
+	let S = e.insert("g").attr("class", x).attr("id", n.domId || n.id), w = await an(S, n.label ?? "", f, 0, 0, ["name"], y);
 	w.height += h;
-	let D = 0, O = [], k = [], A = 0, j = 0, M = 0, N = 0, P = !0, F = !0;
+	let T = 0, E = [], D = [], O = 0, k = 0, A = 0, j = 0, M = !0, F = !0;
 	for (let e of r.attributes) {
-		let t = await Lt(C, e.type, p, 0, D, ["attribute-type"], y);
-		A = Math.max(A, t.width + m);
-		let n = await Lt(C, e.name, p, 0, D, ["attribute-name"], y);
-		j = Math.max(j, n.width + m);
-		let r = await Lt(C, e.keys.join(), p, 0, D, ["attribute-keys"], y);
-		M = Math.max(M, r.width + m);
-		let i = await Lt(C, e.comment, p, 0, D, ["attribute-comment"], y);
-		N = Math.max(N, i.width + m);
+		let t = await an(S, e.type, f, 0, T, ["attribute-type"], y);
+		O = Math.max(O, t.width + p);
+		let n = await an(S, e.name, f, 0, T, ["attribute-name"], y);
+		k = Math.max(k, n.width + p);
+		let r = await an(S, e.keys.join(), f, 0, T, ["attribute-keys"], y);
+		A = Math.max(A, r.width + p);
+		let i = await an(S, e.comment, f, 0, T, ["attribute-comment"], y);
+		j = Math.max(j, i.width + p);
 		let a = Math.max(t.height, n.height, r.height, i.height) + h;
-		k.push({
-			yOffset: D,
+		D.push({
+			yOffset: T,
 			rowHeight: a
-		}), D += a;
+		}), T += a;
 	}
 	let I = 4;
-	M <= m && (P = !1, M = 0, I--), N <= m && (F = !1, N = 0, I--);
-	let ee = C.node().getBBox();
-	if (w.width + m * 2 - (A + j + M + N) > 0) {
-		let e = w.width + m * 2 - (A + j + M + N);
-		A += e / I, j += e / I, M > 0 && (M += e / I), N > 0 && (N += e / I);
+	A <= p && (M = !1, A = 0, I--), j <= p && (F = !1, j = 0, I--);
+	let L = S.node().getBBox();
+	if (w.width + p * 2 - (O + k + A + j) > 0) {
+		let e = w.width + p * 2 - (O + k + A + j);
+		O += e / I, k += e / I, A > 0 && (A += e / I), j > 0 && (j += e / I);
 	}
-	let te = A + j + M + N, L = S.svg(C), R = g(t, {});
-	t.look !== "handDrawn" && (R.roughness = 0, R.fillStyle = "solid");
-	let ne = 0;
-	k.length > 0 && (ne = k.reduce((e, t) => e + (t?.rowHeight ?? 0), 0));
-	let z = Math.max(ee.width + m * 2, t?.width || 0, te), B = Math.max((ne ?? 0) + w.height, t?.height || 0), V = -z / 2, H = -B / 2;
-	if (C.selectAll("g:not(:first-child)").each((e, t, r) => {
-		let i = n(r[t]), a = i.attr("transform"), o = 0, s = 0;
+	let ee = O + k + A + j, R = C.svg(S), z = g(n, {});
+	n.look !== "handDrawn" && (z.roughness = 0, z.fillStyle = "solid");
+	let te = 0;
+	D.length > 0 && (te = D.reduce((e, t) => e + (t?.rowHeight ?? 0), 0));
+	let B = Math.max(L.width + p * 2, n?.width || 0, ee), ne = Math.max((te ?? 0) + w.height, n?.height || 0), V = -B / 2, H = -ne / 2;
+	if (S.selectAll("g:not(:first-child)").each((e, n, r) => {
+		let i = t(r[n]), a = i.attr("transform"), o = 0, s = 0;
 		if (a) {
 			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(a);
-			e && (o = parseFloat(e[1]), s = parseFloat(e[2]), i.attr("class").includes("attribute-name") ? o += A : i.attr("class").includes("attribute-keys") ? o += A + j : i.attr("class").includes("attribute-comment") && (o += A + j + M));
+			e && (o = parseFloat(e[1]), s = parseFloat(e[2]), i.attr("class").includes("attribute-name") ? o += O : i.attr("class").includes("attribute-keys") ? o += O + k : i.attr("class").includes("attribute-comment") && (o += O + k + A));
 		}
-		i.attr("transform", `translate(${V + m / 2 + o}, ${s + H + w.height + h / 2})`);
-	}), C.select(".name").attr("transform", "translate(" + -w.width / 2 + ", " + (H + h / 2) + ")"), i != null && Pt.has(i)) {
+		i.attr("transform", `translate(${V + p / 2 + o}, ${s + H + w.height + h / 2})`);
+	}), S.select(".name").attr("transform", "translate(" + -w.width / 2 + ", " + (H + h / 2) + ")"), i != null && tn.has(i)) {
 		let e = r.colorIndex ?? 0;
-		C.attr("data-color-id", `color-${e % d.length}`);
+		S.attr("data-color-id", `color-${e % d.length}`);
 	}
-	let re = L.rectangle(V, H, z, B, R), ie = C.insert(() => re, ":first-child").attr("class", "outer-path").attr("style", v.join(""));
-	O.push(0);
-	for (let [e, t] of k.entries()) {
-		let n = (e + 1) % 2 == 0 && t.yOffset !== 0, r = L.rectangle(V, w.height + H + t?.yOffset, z, t?.rowHeight, {
-			...R,
-			fill: n ? o : l,
+	let re = R.rectangle(V, H, B, ne, z), ie = S.insert(() => re, ":first-child").attr("class", "outer-path").attr("style", v.join(""));
+	E.push(0);
+	for (let [e, t] of D.entries()) {
+		let n = (e + 1) % 2 == 0 && t.yOffset !== 0, r = R.rectangle(V, w.height + H + t?.yOffset, B, t?.rowHeight, {
+			...z,
+			fill: n ? s : l,
 			stroke: u
 		});
-		C.insert(() => r, "g.label").attr("style", v.join("")).attr("class", `row-rect-${n ? "even" : "odd"}`);
+		S.insert(() => r, "g.label").attr("style", v.join("")).attr("class", `row-rect-${n ? "even" : "odd"}`);
 	}
-	let U = 1e-4, G = Rt(V, w.height + H, z + V, w.height + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R);
-	if (C.insert(() => K).attr("class", "divider"), G = Rt(A + V, w.height + H, A + V, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider"), P) {
-		let e = A + j + V;
-		G = Rt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+	let U = 1e-4, W = on(V, w.height + H, B + V, w.height + H, U), G = R.polygon(W.map((e) => [e.x, e.y]), z);
+	if (S.insert(() => G).attr("class", "divider"), W = on(O + V, w.height + H, O + V, ne + H, U), G = R.polygon(W.map((e) => [e.x, e.y]), z), S.insert(() => G).attr("class", "divider"), M) {
+		let e = O + k + V;
+		W = on(e, w.height + H, e, ne + H, U), G = R.polygon(W.map((e) => [e.x, e.y]), z), S.insert(() => G).attr("class", "divider");
 	}
 	if (F) {
-		let e = A + j + M + V;
-		G = Rt(e, w.height + H, e, B + H, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+		let e = O + k + A + V;
+		W = on(e, w.height + H, e, ne + H, U), G = R.polygon(W.map((e) => [e.x, e.y]), z), S.insert(() => G).attr("class", "divider");
 	}
-	for (let e of O) {
+	for (let e of E) {
 		let t = w.height + H + e;
-		G = Rt(V, t, z + V, t, U), K = L.polygon(G.map((e) => [e.x, e.y]), R), C.insert(() => K).attr("class", "divider");
+		W = on(V, t, B + V, t, U), G = R.polygon(W.map((e) => [e.x, e.y]), z), S.insert(() => G).attr("class", "divider");
 	}
-	if (T(t, ie), b && t.look !== "handDrawn") if (i != null && Ft.has(i)) C.selectAll("path").attr("style", b);
-	else {
-		let e = b.split(";")?.filter((e) => e.includes("stroke"))?.map((e) => `${e}`).join("; ");
-		C.selectAll("path").attr("style", e ?? ""), C.selectAll(".row-rect-even path").attr("style", b);
+	if (N(n, ie), b && n.look !== "handDrawn") {
+		if (i != null && nn.has(i)) S.selectAll("path").attr("style", b);
+		else {
+			let e = b.split(";")?.filter((e) => e.includes("stroke"))?.map((e) => `${e}`).join("; ");
+			S.selectAll("path").attr("style", e ?? ""), S.selectAll(".row-rect-even path").attr("style", b);
+		}
 	}
-	return t.intersect = function(e) {
-		return W.rect(t, e);
-	}, C;
-}
-t(It, "erBox");
-async function Lt(e, t, r, i = 0, o = 0, s = [], l = "") {
-	let u = e.insert("g").attr("class", `label ${s.join(" ")}`).attr("transform", `translate(${i}, ${o})`).attr("style", l);
-	t !== a(t) && (t = a(t), t = t.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
-	let d = u.node().appendChild(await b(u, t, {
-		width: f(t, r) + 100,
+	return n.intersect = function(e) {
+		return K.rect(n, e);
+	}, S;
+}
+d(rn, "erBox");
+async function an(e, n, r, a = 0, o = 0, s = [], l = "") {
+	let u = e.insert("g").attr("class", `label ${s.join(" ")}`).attr("transform", `translate(${a}, ${o})`).attr("style", l);
+	n !== i(n) && (n = i(n), n = n.replaceAll("<", "&lt;").replaceAll(">", "&gt;"));
+	let d = u.node().appendChild(await x(u, n, {
+		width: m(n, r) + 100,
 		style: l,
 		useHtmlLabels: r.htmlLabels
 	}, r));
-	if (t.includes("&lt;") || t.includes("&gt;")) {
+	if (n.includes("&lt;") || n.includes("&gt;")) {
 		let e = d.children[0];
 		for (e.textContent = e.textContent.replaceAll("&lt;", "<").replaceAll("&gt;", ">"); e.childNodes[0];) e = e.childNodes[0], e.textContent = e.textContent.replaceAll("&lt;", "<").replaceAll("&gt;", ">");
 	}
-	let p = d.getBBox();
+	let f = d.getBBox();
 	if (c(r.htmlLabels)) {
 		let e = d.children[0];
 		e.style.textAlign = "start";
-		let t = n(d);
-		p = e.getBoundingClientRect(), t.attr("width", p.width), t.attr("height", p.height);
+		let n = t(d);
+		f = e.getBoundingClientRect(), n.attr("width", f.width), n.attr("height", f.height);
 	}
-	return p;
+	return f;
 }
-t(Lt, "addText");
-function Rt(e, t, n, r, i) {
+d(an, "addText");
+function on(e, t, n, r, i) {
 	return e === n ? [
 		{
 			x: e - i / 2,
@@ -2830,25 +3349,25 @@ function Rt(e, t, n, r, i) {
 		}
 	];
 }
-t(Rt, "lineToPolygon");
-async function zt(e, t, n, r, i = n.class.padding ?? 12) {
-	let a = r ? 0 : 3, o = e.insert("g").attr("class", E(t)).attr("id", t.domId || t.id), s = null, c = null, l = null, u = null, d = 0, f = 0, p = 0;
+d(on, "lineToPolygon");
+async function sn(e, t, n, r, i = n.class.padding ?? 12) {
+	let a = r ? 0 : 3, o = e.insert("g").attr("class", P(t)).attr("id", t.domId || t.id), s = null, c = null, l = null, u = null, d = 0, f = 0, p = 0;
 	if (s = o.insert("g").attr("class", "annotation-group text"), t.annotations.length > 0) {
 		let e = t.annotations[0];
-		await Bt(s, { text: `\xAB${e}\xBB` }, 0), d = s.node().getBBox().height;
+		await cn(s, { text: `\xAB${e}\xBB` }, 0), d = s.node().getBBox().height;
 	}
-	c = o.insert("g").attr("class", "label-group text"), await Bt(c, t, 0, ["font-weight: bolder"]);
+	c = o.insert("g").attr("class", "label-group text"), await cn(c, t, 0, ["font-weight: bolder"]);
 	let m = c.node().getBBox();
 	f = m.height, l = o.insert("g").attr("class", "members-group text");
 	let h = 0;
 	for (let e of t.members) {
-		let t = await Bt(l, e, h, [e.parseClassifier()]);
+		let t = await cn(l, e, h, [e.parseClassifier()]);
 		h += t + a;
 	}
 	p = l.node().getBBox().height, p <= 0 && (p = i / 2), u = o.insert("g").attr("class", "methods-group text");
 	let g = 0;
 	for (let e of t.methods) {
-		let t = await Bt(u, e, g, [e.parseClassifier()]);
+		let t = await cn(u, e, g, [e.parseClassifier()]);
 		g += t + a;
 	}
 	let _ = o.node().getBBox();
@@ -2861,84 +3380,67 @@ async function zt(e, t, n, r, i = n.class.padding ?? 12) {
 		bbox: _
 	};
 }
-t(zt, "textHelper");
-async function Bt(e, a, o, l = []) {
-	let u = e.insert("g").attr("class", "label").attr("style", l.join("; ")), p = s(), m = "useHtmlLabels" in a ? a.useHtmlLabels : c(p.htmlLabels) ?? !0, h = "";
-	h = "text" in a ? a.text : a.label, !m && h.startsWith("\\") && (h = h.substring(1)), r(h) && (m = !0);
-	let g = await b(u, i(d(h)), {
-		width: f(h, p) + 50,
+d(sn, "textHelper");
+async function cn(e, i, a, s = []) {
+	let l = e.insert("g").attr("class", "label").attr("style", s.join("; ")), u = o(), d = "useHtmlLabels" in i ? i.useHtmlLabels : c(u.htmlLabels) ?? !0, p = "";
+	p = "text" in i ? i.text : i.label, !d && p.startsWith("\\") && (p = p.substring(1)), n(p) && (d = !0);
+	let h = await x(l, r(f(p)), {
+		width: m(p, u) + 50,
 		classes: "markdown-node-label",
-		useHtmlLabels: m
-	}, p), _, v = 1;
-	if (m) {
-		let e = g.children[0], r = n(g);
-		v = e.innerHTML.split("<br>").length, e.innerHTML.includes("</math>") && (v += e.innerHTML.split("<mrow>").length - 1);
-		let i = e.getElementsByTagName("img");
-		if (i) {
-			let e = h.replace(/<img[^>]*>/g, "").trim() === "";
-			await Promise.all([...i].map((n) => new Promise((r) => {
-				function i() {
-					if (n.style.display = "flex", n.style.flexDirection = "column", e) {
-						let e = p.fontSize?.toString() ?? window.getComputedStyle(document.body).fontSize, t = parseInt(e, 10) * 5 + "px";
-						n.style.minWidth = t, n.style.maxWidth = t;
-					} else n.style.width = "100%";
-					r(n);
-				}
-				t(i, "setupImage"), setTimeout(() => {
-					n.complete && i();
-				}), n.addEventListener("error", i), n.addEventListener("load", i);
-			})));
-		}
-		_ = e.getBoundingClientRect(), r.attr("width", _.width), r.attr("height", _.height);
+		useHtmlLabels: d
+	}, u), g, _ = 1;
+	if (d) {
+		let e = h.children[0], n = t(h);
+		_ = e.innerHTML.split("<br>").length, e.innerHTML.includes("</math>") && (_ += e.innerHTML.split("<mrow>").length - 1), await E(e), g = e.getBoundingClientRect(), n.attr("width", g.width), n.attr("height", g.height);
 	} else {
-		l.includes("font-weight: bolder") && n(g).selectAll("tspan").attr("font-weight", ""), v = g.children.length;
-		let e = g.children[0];
-		(g.textContent === "" || g.textContent.includes("&gt")) && (e.textContent = h[0] + h.substring(1).replaceAll("&gt;", ">").replaceAll("&lt;", "<").trim(), h[1] === " " && (e.textContent = e.textContent[0] + " " + e.textContent.substring(1))), e.textContent === "undefined" && (e.textContent = ""), _ = g.getBBox();
+		s.includes("font-weight: bolder") && t(h).selectAll("tspan").attr("font-weight", ""), _ = h.children.length;
+		let e = h.children[0];
+		(h.textContent === "" || h.textContent.includes("&gt")) && (e.textContent = p[0] + p.substring(1).replaceAll("&gt;", ">").replaceAll("&lt;", "<").trim(), p[1] === " " && (e.textContent = e.textContent[0] + " " + e.textContent.substring(1))), e.textContent === "undefined" && (e.textContent = ""), g = h.getBBox();
 	}
-	return u.attr("transform", "translate(0," + (-_.height / (2 * v) + o) + ")"), _.height;
+	return l.attr("transform", "translate(0," + (-g.height / (2 * _) + a) + ")"), g.height;
 }
-t(Bt, "addText");
-async function Vt(e, t) {
-	let r = l(), { themeVariables: i } = r, { useGradient: a } = i, o = r.class.padding ?? 12, s = o, u = t.useHtmlLabels ?? c(r.htmlLabels) ?? !0, d = t;
+d(cn, "addText");
+async function ln(e, n) {
+	let r = l(), { themeVariables: i } = r, { useGradient: a } = i, o = r.class.padding ?? 12, s = o, u = n.useHtmlLabels ?? c(r.htmlLabels) ?? !0, d = n;
 	d.annotations = d.annotations ?? [], d.members = d.members ?? [], d.methods = d.methods ?? [];
-	let { shapeSvg: f, bbox: p } = await zt(e, t, r, u, s), { labelStyles: m, nodeStyles: h } = _(t);
-	t.labelStyle = m, t.cssStyles = d.styles || "";
+	let { shapeSvg: f, bbox: p } = await sn(e, n, r, u, s), { labelStyles: m, nodeStyles: h } = _(n);
+	n.labelStyle = m, n.cssStyles = d.styles || "";
 	let v = d.styles?.join(";") || h || "";
-	t.cssStyles ||= v.replaceAll("!important", "").split(";");
-	let y = d.members.length === 0 && d.methods.length === 0 && !r.class?.hideEmptyMembersBox, b = S.svg(f), x = g(t, {});
-	t.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
-	let C = Math.max(t.width ?? 0, p.width), w = Math.max(t.height ?? 0, p.height), E = (t.height ?? 0) > p.height;
+	n.cssStyles ||= v.replaceAll("!important", "").split(";");
+	let y = d.members.length === 0 && d.methods.length === 0 && !r.class?.hideEmptyMembersBox, b = C.svg(f), x = g(n, {});
+	n.look !== "handDrawn" && (x.roughness = 0, x.fillStyle = "solid");
+	let S = Math.max(n.width ?? 0, p.width), w = Math.max(n.height ?? 0, p.height), T = (n.height ?? 0) > p.height;
 	d.members.length === 0 && d.methods.length === 0 ? w += s : d.members.length > 0 && d.methods.length === 0 && (w += s * 2);
-	let D = -C / 2, O = -w / 2, k = y ? o * 2 : d.members.length === 0 && d.methods.length === 0 ? -o : 0;
-	E && (k = o * 2);
-	let A = b.rectangle(D - o, O - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0), C + 2 * o, w + 2 * o + k, x), j = f.insert(() => A, ":first-child");
-	j.attr("class", "basic label-container outer-path");
-	let M = j.node().getBBox(), N = f.select(".annotation-group").node().getBBox().height - (y ? o / 2 : 0) || 0, P = f.select(".label-group").node().getBBox().height - (y ? o / 2 : 0) || 0, F = f.select(".members-group").node().getBBox().height - (y ? o / 2 : 0) || 0, I = (N + P + O + o - (O - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0))) / 2;
-	if (f.selectAll(".text").each((e, t, i) => {
-		let a = n(i[t]), c = a.attr("transform"), l = 0;
+	let E = -S / 2, D = -w / 2, O = y ? o * 2 : d.members.length === 0 && d.methods.length === 0 ? -o : 0;
+	T && (O = o * 2);
+	let k = b.rectangle(E - o, D - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0), S + 2 * o, w + 2 * o + O, x), A = f.insert(() => k, ":first-child");
+	A.attr("class", "basic label-container outer-path");
+	let j = A.node().getBBox(), M = f.select(".annotation-group").node().getBBox().height - (y ? o / 2 : 0) || 0, P = f.select(".label-group").node().getBBox().height - (y ? o / 2 : 0) || 0, F = f.select(".members-group").node().getBBox().height - (y ? o / 2 : 0) || 0, I = (M + P + D + o - (D - o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0))) / 2;
+	if (f.selectAll(".text").each((e, n, i) => {
+		let a = t(i[n]), c = a.attr("transform"), l = 0;
 		if (c) {
 			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(c);
 			e && (l = parseFloat(e[2]));
 		}
-		let p = l + O + o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0);
+		let p = l + D + o - (y ? o : d.members.length === 0 && d.methods.length === 0 ? -o / 2 : 0);
 		if (a.attr("class").includes("methods-group")) {
 			let e = Math.max(F, s / 2);
-			p = E ? Math.max(I, N + P + e + O + s * 2 + o) + s * 2 : N + P + e + O + s * 4 + o;
+			p = T ? Math.max(I, M + P + e + D + s * 2 + o) + s * 2 : M + P + e + D + s * 4 + o;
 		}
 		d.members.length === 0 && d.methods.length === 0 && r.class?.hideEmptyMembersBox && (p = d.annotations.length > 0 ? l - s : l), u || (p -= 4);
-		let m = D;
+		let m = E;
 		(a.attr("class").includes("label-group") || a.attr("class").includes("annotation-group")) && (m = -a.node()?.getBBox().width / 2 || 0, f.selectAll("text").each(function(e, t, n) {
 			window.getComputedStyle(n[t]).textAnchor === "middle" && (m = 0);
 		})), a.attr("transform", `translate(${m}, ${p})`);
 	}), d.members.length > 0 || d.methods.length > 0 || y) {
-		let e = N + P + O + o, n = b.line(M.x, e, M.x + M.width, e + .001, x);
-		f.insert(() => n).attr("class", `divider${t.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
+		let e = M + P + D + o, t = b.line(j.x, e, j.x + j.width, e + .001, x);
+		f.insert(() => t).attr("class", `divider${n.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
 	}
 	if (y || d.members.length > 0 || d.methods.length > 0) {
-		let e = N + P + F + O + s * 2 + o, n = b.line(M.x, E ? Math.max(I, e) : e, M.x + M.width, (E ? Math.max(I, e) : e) + .001, x);
-		f.insert(() => n).attr("class", `divider${t.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
+		let e = M + P + F + D + s * 2 + o, t = b.line(j.x, T ? Math.max(I, e) : e, j.x + j.width, (T ? Math.max(I, e) : e) + .001, x);
+		f.insert(() => t).attr("class", `divider${n.look === "neo" && !a ? " neo-line" : ""}`).attr("style", v);
 	}
-	if (d.look !== "handDrawn" && f.selectAll("path").attr("style", v), j.select(":nth-child(2)").attr("style", v), f.selectAll(".divider").select("path").attr("style", v), t.labelStyle ? f.selectAll("span").attr("style", t.labelStyle) : f.selectAll("span").attr("style", v), !u) {
+	if (d.look !== "handDrawn" && f.selectAll("path").attr("style", v), A.select(":nth-child(2)").attr("style", v), f.selectAll(".divider").select("path").attr("style", v), n.labelStyle ? f.selectAll("span").attr("style", n.labelStyle) : f.selectAll("span").attr("style", v), !u) {
 		let e = RegExp(/color\s*:\s*([^;]*)/), t = e.exec(v);
 		if (t) {
 			let e = t[0].replace("color", "fill");
@@ -2951,81 +3453,85 @@ async function Vt(e, t) {
 			}
 		}
 	}
-	return T(t, j), t.intersect = function(e) {
-		return W.rect(t, e);
+	return N(n, A), n.intersect = function(e) {
+		return K.rect(n, e);
 	}, f;
 }
-t(Vt, "classBox");
-async function Ht(e, t) {
-	let { labelStyles: r, nodeStyles: i } = _(t);
-	t.labelStyle = r;
-	let a = t, o = t, s = "verifyMethod" in t, c = E(t), { themeVariables: u } = l(), { borderColorArray: d, requirementEdgeLabelBackground: f } = u, p = e.insert("g").attr("class", c).attr("id", t.domId ?? t.id), m;
-	m = s ? await $(p, `&lt;&lt;${a.type}&gt;&gt;`, 0, t.labelStyle) : await $(p, "&lt;&lt;Element&gt;&gt;", 0, t.labelStyle);
-	let h = m, v = await $(p, a.name, h, t.labelStyle + "; font-weight: bold;");
-	if (h += v + 20, s) {
-		let e = await $(p, `${a.requirementId ? `ID: ${a.requirementId}` : ""}`, h, t.labelStyle);
-		h += e;
-		let n = await $(p, `${a.text ? `Text: ${a.text}` : ""}`, h, t.labelStyle);
-		h += n;
-		let r = await $(p, `${a.risk ? `Risk: ${a.risk}` : ""}`, h, t.labelStyle);
-		h += r, await $(p, `${a.verifyMethod ? `Verification: ${a.verifyMethod}` : ""}`, h, t.labelStyle);
+d(ln, "classBox");
+async function un(e, n) {
+	let { labelStyles: r, nodeStyles: i } = _(n);
+	n.labelStyle = r;
+	let a = n, o = n, s = "verifyMethod" in n, c = P(n), u = l(), { themeVariables: d } = u, { borderColorArray: f, requirementEdgeLabelBackground: p } = d, m = u.layout === "elk" ? "start" : "center", h = e.insert("g").attr("class", c).attr("id", n.domId ?? n.id), v;
+	v = s ? await $(h, `&lt;&lt;${a.type}&gt;&gt;`, 0, n.labelStyle) : await $(h, "&lt;&lt;Element&gt;&gt;", 0, n.labelStyle);
+	let y = v, b = await $(h, a.name, y, n.labelStyle + "; font-weight: bold;");
+	if (y += b + 20, s) {
+		let e = await $(h, `${a.requirementId ? `ID: ${a.requirementId}` : ""}`, y, n.labelStyle, m);
+		y += e;
+		let t = await $(h, `${a.text ? `Text: ${a.text}` : ""}`, y, n.labelStyle, m);
+		y += t;
+		let r = await $(h, `${a.risk ? `Risk: ${a.risk}` : ""}`, y, n.labelStyle, m);
+		y += r, await $(h, `${a.verifyMethod ? `Verification: ${a.verifyMethod}` : ""}`, y, n.labelStyle, m);
 	} else {
-		let e = await $(p, `${o.type ? `Type: ${o.type}` : ""}`, h, t.labelStyle);
-		h += e, await $(p, `${o.docRef ? `Doc Ref: ${o.docRef}` : ""}`, h, t.labelStyle);
+		let e = await $(h, `${o.type ? `Type: ${o.type}` : ""}`, y, n.labelStyle, m);
+		y += e, await $(h, `${o.docRef ? `Doc Ref: ${o.docRef}` : ""}`, y, n.labelStyle, m);
 	}
-	let y = (p.node()?.getBBox().width ?? 200) + 20, b = (p.node()?.getBBox().height ?? 200) + 20, x = -y / 2, C = -b / 2, w = S.svg(p), D = g(t, {});
-	t.look !== "handDrawn" && (D.roughness = 0, D.fillStyle = "solid");
-	let O = w.rectangle(x, C, y, b, D), k = p.insert(() => O, ":first-child");
-	if (k.attr("class", "basic label-container outer-path").attr("style", i), d?.length) {
-		let e = t.colorIndex ?? 0;
-		p.attr("data-color-id", `color-${e % d.length}`);
+	let x = (h.node()?.getBBox().width ?? 200) + 20, S = (h.node()?.getBBox().height ?? 200) + 20, w = -x / 2, T = -S / 2, E = C.svg(h), D = g(n, {});
+	n.look !== "handDrawn" && (D.roughness = 0, D.fillStyle = "solid");
+	let O = E.rectangle(w, T, x, S, D), k = h.insert(() => O, ":first-child");
+	if (k.attr("class", "basic label-container outer-path").attr("style", i), f?.length) {
+		let e = n.colorIndex ?? 0;
+		h.attr("data-color-id", `color-${e % f.length}`);
 	}
-	if (p.selectAll(".label").each((e, t, r) => {
-		let i = n(r[t]), a = i.attr("transform"), o = 0, s = 0;
+	if (h.selectAll(".label").each((e, n, r) => {
+		let i = t(r[n]), a = i.attr("transform"), o = 0, s = 0;
 		if (a) {
 			let e = RegExp(/translate\(([^,]+),([^)]+)\)/).exec(a);
 			e && (o = parseFloat(e[1]), s = parseFloat(e[2]));
 		}
-		let c = s - b / 2, l = x + 20 / 2;
-		(t === 0 || t === 1) && (l = o), i.attr("transform", `translate(${l}, ${c + 20})`);
-	}), h > m + v + 20) {
-		let e = C + m + v + 20, n;
-		if (t.look === "neo") {
-			let t = .001, r = [
-				[x, e],
-				[x + y, e],
-				[x + y, e + t],
-				[x, e + t]
+		let c = s - S / 2, l = w + 10;
+		(n === 0 || n === 1) && (l = o), i.attr("transform", `translate(${l}, ${c + 20})`);
+	}), y > v + b + 20) {
+		let e = T + v + b + 20, t;
+		if (n.look === "neo") {
+			let n = .001, r = [
+				[w, e],
+				[w + x, e],
+				[w + x, e + n],
+				[w, e + n]
 			];
-			n = w.polygon(r, D);
-		} else n = w.line(x, e, x + y, e, D);
-		p.insert(() => n).attr("class", "divider");
+			t = E.polygon(r, D);
+		} else t = E.line(w, e, w + x, e, D);
+		h.insert(() => t).attr("class", "divider");
 	}
-	return T(t, k), t.intersect = function(e) {
-		return W.rect(t, e);
-	}, i && t.look !== "handDrawn" && (f || d?.length) && p.selectAll("path").attr("style", i), p;
-}
-t(Ht, "requirementBox");
-async function $(e, t, r, a = "") {
-	if (t === "") return 0;
-	let o = e.insert("g").attr("class", "label").attr("style", a), s = l(), c = s.htmlLabels ?? !0, u = await b(o, i(d(t)), {
-		width: f(t, s) + 50,
+	return N(n, k), n.intersect = function(e) {
+		return K.rect(n, e);
+	}, i && n.look !== "handDrawn" && (p || f?.length) && h.selectAll("path").attr("style", i), h;
+}
+d(un, "requirementBox");
+async function $(e, n, i, a = "", o = "center") {
+	if (n === "") return 0;
+	let s = e.insert("g").attr("class", "label").attr("style", a), c = l(), u = c.htmlLabels ?? !0, d = await x(s, r(f(n)), {
+		width: m(n, c) + 50,
 		classes: "markdown-node-label",
-		useHtmlLabels: c,
+		useHtmlLabels: u,
 		style: a
-	}, s), p;
-	if (c) {
-		let e = u.children[0], t = n(u);
-		p = e.getBoundingClientRect(), t.attr("width", p.width), t.attr("height", p.height);
+	}, c), p;
+	if (u) {
+		let e = d.children[0], n = t(d);
+		o === "start" && t(e).style("text-align", "left"), p = e.getBoundingClientRect(), n.attr("width", p.width), n.attr("height", p.height);
 	} else {
-		let e = u.children[0];
+		let e = d.children[0];
 		for (let t of e.children) a && t.setAttribute("style", a);
-		p = u.getBBox(), p.height += 6;
+		if (o === "start") {
+			e.setAttribute("text-anchor", "start");
+			for (let t of e.children) t.setAttribute("text-anchor", "start");
+		}
+		p = d.getBBox(), p.height += 6;
 	}
-	return o.attr("transform", `translate(${-p.width / 2},${-p.height / 2 + r})`), p.height;
+	return s.attr("transform", `translate(${-p.width / 2},${-p.height / 2 + i})`), p.height;
 }
-t($, "addText");
-var Ut = /* @__PURE__ */ t((e) => {
+d($, "addText");
+var dn = /* @__PURE__ */ d((e) => {
 	switch (e) {
 		case "Very High": return "red";
 		case "High": return "orange";
@@ -3034,12 +3540,12 @@ var Ut = /* @__PURE__ */ t((e) => {
 		case "Very Low": return "lightblue";
 	}
 }, "colorFromPriority");
-async function Wt(e, t, { config: n }) {
+async function fn(e, t, { config: n }) {
 	let { labelStyles: r, nodeStyles: i } = _(t);
 	t.labelStyle = r || "";
 	let a = t.width;
 	t.width = (t.width ?? 200) - 10;
-	let { shapeSvg: o, bbox: s, label: c } = await C(e, t, E(t)), l = t.padding || 10, u = "", d;
+	let { shapeSvg: o, bbox: s, label: c } = await j(e, t, P(t)), l = t.padding || 10, u = "", d;
 	"ticket" in t && t.ticket && n?.kanban?.ticketBaseUrl && (u = n?.kanban?.ticketBaseUrl.replace("#TICKET#", t.ticket), d = o.insert("svg:a", ":first-child").attr("class", "kanban-ticket-link").attr("xlink:href", u).attr("target", "_blank"));
 	let f = {
 		useHtmlLabels: t.useHtmlLabels,
@@ -3049,32 +3555,32 @@ async function Wt(e, t, { config: n }) {
 		padding: t.padding || 8,
 		centerLabel: !1
 	}, p, m;
-	d ? {label: p, bbox: m} = await w(d, "ticket" in t && t.ticket || "", f) : {label: p, bbox: m} = await w(o, "ticket" in t && t.ticket || "", f);
-	let { label: h, bbox: v } = await w(o, "assigned" in t && t.assigned || "", f);
+	d ? {label: p, bbox: m} = await M(d, "ticket" in t && t.ticket || "", f) : {label: p, bbox: m} = await M(o, "ticket" in t && t.ticket || "", f);
+	let { label: h, bbox: v } = await M(o, "assigned" in t && t.assigned || "", f);
 	t.width = a;
-	let y = t?.width || 0, b = Math.max(m.height, v.height) / 2, x = Math.max(s.height + 20, t?.height || 0) + b, D = -y / 2, O = -x / 2;
+	let y = t?.width || 0, b = Math.max(m.height, v.height) / 2, x = Math.max(s.height + 20, t?.height || 0) + b, S = -y / 2, w = -x / 2;
 	c.attr("transform", "translate(" + (l - y / 2) + ", " + (-b - s.height / 2) + ")"), p.attr("transform", "translate(" + (l - y / 2) + ", " + (-b + s.height / 2) + ")"), h.attr("transform", "translate(" + (l + y / 2 - v.width - 20) + ", " + (-b + s.height / 2) + ")");
-	let k, { rx: A, ry: j } = t, { cssStyles: M } = t;
+	let T, { rx: E, ry: D } = t, { cssStyles: O } = t;
 	if (t.look === "handDrawn") {
-		let e = S.svg(o), n = g(t, {}), r = A || j ? e.path(N(D, O, y, x, A || 0), n) : e.rectangle(D, O, y, x, n);
-		k = o.insert(() => r, ":first-child"), k.attr("class", "basic label-container").attr("style", M || null);
+		let e = C.svg(o), n = g(t, {}), r = E || D ? e.path(z(S, w, y, x, E || 0), n) : e.rectangle(S, w, y, x, n);
+		T = o.insert(() => r, ":first-child"), T.attr("class", "basic label-container").attr("style", O || null);
 	} else {
-		k = o.insert("rect", ":first-child"), k.attr("class", "basic label-container __APA__").attr("style", i).attr("rx", A ?? 5).attr("ry", j ?? 5).attr("x", D).attr("y", O).attr("width", y).attr("height", x);
+		T = o.insert("rect", ":first-child"), T.attr("class", "basic label-container __APA__").attr("style", i).attr("rx", E ?? 5).attr("ry", D ?? 5).attr("x", S).attr("y", w).attr("width", y).attr("height", x);
 		let e = "priority" in t && t.priority;
 		if (e) {
-			let t = o.append("line"), n = D + 2, r = O + Math.floor((A ?? 0) / 2), i = O + x - Math.floor((A ?? 0) / 2);
-			t.attr("x1", n).attr("y1", r).attr("x2", n).attr("y2", i).attr("stroke-width", "4").attr("stroke", Ut(e));
+			let t = o.append("line"), n = S + 2, r = w + Math.floor((E ?? 0) / 2), i = w + x - Math.floor((E ?? 0) / 2);
+			t.attr("x1", n).attr("y1", r).attr("x2", n).attr("y2", i).attr("stroke-width", "4").attr("stroke", dn(e));
 		}
 	}
-	return T(t, k), t.height = x, t.intersect = function(e) {
-		return W.rect(t, e);
+	return N(t, T), t.height = x, t.intersect = function(e) {
+		return K.rect(t, e);
 	}, o;
 }
-t(Wt, "kanbanItem");
-async function Gt(t, n) {
+d(fn, "kanbanItem");
+async function pn(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r;
-	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await C(t, n, E(n)), l = o.width + 10 * s, u = o.height + 8 * s, d = .15 * l, { cssStyles: f } = n, m = o.width + 20, h = o.height + 20, v = Math.max(l, m), y = Math.max(u, h);
+	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await j(t, n, P(n)), l = o.width + 10 * s, u = o.height + 8 * s, d = .15 * l, { cssStyles: f } = n, p = o.width + 20, m = o.height + 20, v = Math.max(l, p), y = Math.max(u, m);
 	c.attr("transform", `translate(${-o.width / 2}, ${-o.height / 2})`);
 	let b, x = `M0 0 
     a${d},${d} 1 0,0 ${v * .25},${-1 * y * .1}
@@ -3096,49 +3602,49 @@ async function Gt(t, n) {
     a${d},${d} 1 0,0 ${v * .1},${-1 * y * .33}
   H0 V0 Z`;
 	if (n.look === "handDrawn") {
-		let e = S.svg(a), t = g(n, {}), r = e.path(x, t);
-		b = a.insert(() => r, ":first-child"), b.attr("class", "basic label-container").attr("style", p(f));
+		let e = C.svg(a), t = g(n, {}), r = e.path(x, t);
+		b = a.insert(() => r, ":first-child"), b.attr("class", "basic label-container").attr("style", h(f));
 	} else b = a.insert("path", ":first-child").attr("class", "basic label-container").attr("style", i).attr("d", x);
-	return b.attr("transform", `translate(${-v / 2}, ${-y / 2})`), T(n, b), n.calcIntersect = function(e, t) {
-		return W.rect(e, t);
+	return b.attr("transform", `translate(${-v / 2}, ${-y / 2})`), N(n, b), n.calcIntersect = function(e, t) {
+		return K.rect(e, t);
 	}, n.intersect = function(t) {
-		return e.info("Bang intersect", n, t), W.rect(n, t);
+		return e.info("Bang intersect", n, t), K.rect(n, t);
 	}, a;
 }
-t(Gt, "bang");
-async function Kt(t, n) {
+d(pn, "bang");
+async function mn(t, n) {
 	let { labelStyles: r, nodeStyles: i } = _(n);
 	n.labelStyle = r;
-	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await C(t, n, E(n)), l = o.width + 2 * s, u = o.height + 2 * s, d = .15 * l, f = .25 * l, m = .35 * l, h = .2 * l, { cssStyles: v } = n, y, b = `M0 0 
+	let { shapeSvg: a, bbox: o, halfPadding: s, label: c } = await j(t, n, P(n)), l = o.width + 2 * s, u = o.height + 2 * s, d = .15 * l, f = .25 * l, p = .35 * l, m = .2 * l, { cssStyles: v } = n, y, b = `M0 0 
     a${d},${d} 0 0,1 ${l * .25},${-1 * l * .1}
-    a${m},${m} 1 0,1 ${l * .4},${-1 * l * .1}
+    a${p},${p} 1 0,1 ${l * .4},${-1 * l * .1}
     a${f},${f} 1 0,1 ${l * .35},${l * .2}
 
     a${d},${d} 1 0,1 ${l * .15},${u * .35}
-    a${h},${h} 1 0,1 ${-1 * l * .15},${u * .65}
+    a${m},${m} 1 0,1 ${-1 * l * .15},${u * .65}
 
     a${f},${d} 1 0,1 ${-1 * l * .25},${l * .15}
-    a${m},${m} 1 0,1 ${-1 * l * .5},0
+    a${p},${p} 1 0,1 ${-1 * l * .5},0
     a${d},${d} 1 0,1 ${-1 * l * .25},${-1 * l * .15}
 
     a${d},${d} 1 0,1 ${-1 * l * .1},${-1 * u * .35}
-    a${h},${h} 1 0,1 ${l * .1},${-1 * u * .65}
+    a${m},${m} 1 0,1 ${l * .1},${-1 * u * .65}
   H0 V0 Z`;
 	if (n.look === "handDrawn") {
-		let e = S.svg(a), t = g(n, {}), r = e.path(b, t);
-		y = a.insert(() => r, ":first-child"), y.attr("class", "basic label-container").attr("style", p(v));
+		let e = C.svg(a), t = g(n, {}), r = e.path(b, t);
+		y = a.insert(() => r, ":first-child"), y.attr("class", "basic label-container").attr("style", h(v));
 	} else y = a.insert("path", ":first-child").attr("class", "basic label-container").attr("style", i).attr("d", b);
-	return c.attr("transform", `translate(${-o.width / 2}, ${-o.height / 2})`), y.attr("transform", `translate(${-l / 2}, ${-u / 2})`), T(n, y), n.calcIntersect = function(e, t) {
-		return W.rect(e, t);
+	return c.attr("transform", `translate(${-o.width / 2}, ${-o.height / 2})`), y.attr("transform", `translate(${-l / 2}, ${-u / 2})`), N(n, y), n.calcIntersect = function(e, t) {
+		return K.rect(e, t);
 	}, n.intersect = function(t) {
-		return e.info("Cloud intersect", n, t), W.rect(n, t);
+		return e.info("Cloud intersect", n, t), K.rect(n, t);
 	}, a;
 }
-t(Kt, "cloud");
-async function qt(e, t) {
+d(mn, "cloud");
+async function hn(e, t) {
 	let { labelStyles: n, nodeStyles: r } = _(t);
 	t.labelStyle = n;
-	let { shapeSvg: i, bbox: a, halfPadding: o, label: s } = await C(e, t, E(t)), c = a.width + 8 * o, l = a.height + 2 * o, u = t.look === "neo" ? `
+	let { shapeSvg: i, bbox: a, halfPadding: o, label: s } = await j(e, t, P(t)), c = a.width + 8 * o, l = a.height + 2 * o, u = t.look === "neo" ? `
     M${-c / 2} ${l / 2 - 5}
     v${-l + 10}
     q0,-5 5,-5
@@ -3161,18 +3667,18 @@ async function qt(e, t) {
   `;
 	if (!t.domId) throw Error(`defaultMindmapNode: node "${t.id}" is missing a domId \u2014 was render.ts domId prefixing skipped?`);
 	let d = i.append("path").attr("id", t.domId).attr("class", "node-bkg node-" + t.type).attr("style", r).attr("d", u);
-	return i.append("line").attr("class", "node-line-").attr("x1", -c / 2).attr("y1", l / 2).attr("x2", c / 2).attr("y2", l / 2), s.attr("transform", `translate(${-a.width / 2}, ${-a.height / 2})`), i.append(() => s.node()), T(t, d), t.calcIntersect = function(e, t) {
-		return W.rect(e, t);
+	return i.append("line").attr("class", "node-line-").attr("x1", -c / 2).attr("y1", l / 2).attr("x2", c / 2).attr("y2", l / 2), s.attr("transform", `translate(${-a.width / 2}, ${-a.height / 2})`), i.append(() => s.node()), N(t, d), t.calcIntersect = function(e, t) {
+		return K.rect(e, t);
 	}, t.intersect = function(e) {
-		return W.rect(t, e);
+		return K.rect(t, e);
 	}, i;
 }
-t(qt, "defaultMindmapNode");
-async function Jt(e, t) {
-	return ue(e, t, { padding: t.padding ?? 0 });
+d(hn, "defaultMindmapNode");
+async function gn(e, t) {
+	return De(e, t, { padding: t.padding ?? 0 });
 }
-t(Jt, "mindmapCircle");
-var Yt = [
+d(gn, "mindmapCircle");
+var _n = [
 	{
 		semanticName: "Process",
 		name: "Rectangle",
@@ -3184,7 +3690,7 @@ var Yt = [
 			"rectangle"
 		],
 		internalAliases: ["squareRect"],
-		handler: lt
+		handler: At
 	},
 	{
 		semanticName: "Event",
@@ -3193,7 +3699,7 @@ var Yt = [
 		description: "Represents an event",
 		aliases: ["event"],
 		internalAliases: ["roundedRect"],
-		handler: ot
+		handler: Dt
 	},
 	{
 		semanticName: "Terminal Point",
@@ -3201,7 +3707,7 @@ var Yt = [
 		shortName: "stadium",
 		description: "Terminal point",
 		aliases: ["terminal", "pill"],
-		handler: ut
+		handler: jt
 	},
 	{
 		semanticName: "Subprocess",
@@ -3214,7 +3720,7 @@ var Yt = [
 			"framed-rectangle",
 			"subroutine"
 		],
-		handler: ht
+		handler: It
 	},
 	{
 		semanticName: "Database",
@@ -3226,7 +3732,7 @@ var Yt = [
 			"database",
 			"cylinder"
 		],
-		handler: Se
+		handler: He
 	},
 	{
 		semanticName: "Data Store",
@@ -3234,7 +3740,43 @@ var Yt = [
 		shortName: "datastore",
 		description: "Data flow diagram data store",
 		aliases: ["data-store"],
-		handler: we
+		handler: We
+	},
+	{
+		semanticName: "Folder",
+		name: "Folder",
+		shortName: "folder",
+		description: "Folder or directory",
+		aliases: ["directory"],
+		handler: Ze
+	},
+	{
+		semanticName: "Bucket",
+		name: "Bucket",
+		shortName: "bucket",
+		description: "Object storage bucket",
+		handler: ue
+	},
+	{
+		semanticName: "Console",
+		name: "Console (terminal window)",
+		shortName: "console",
+		description: "Terminal or console window",
+		handler: ke
+	},
+	{
+		semanticName: "Browser",
+		name: "Browser",
+		shortName: "browser",
+		description: "Browser window",
+		handler: Ce
+	},
+	{
+		semanticName: "Person",
+		name: "Person",
+		shortName: "person",
+		description: "Person (circular head above a rounded body)",
+		handler: Ie
 	},
 	{
 		semanticName: "Start",
@@ -3242,7 +3784,7 @@ var Yt = [
 		shortName: "circle",
 		description: "Starting point",
 		aliases: ["circ"],
-		handler: ue
+		handler: De
 	},
 	{
 		semanticName: "Bang",
@@ -3250,7 +3792,7 @@ var Yt = [
 		shortName: "bang",
 		description: "Bang",
 		aliases: ["bang"],
-		handler: Gt
+		handler: pn
 	},
 	{
 		semanticName: "Cloud",
@@ -3258,7 +3800,7 @@ var Yt = [
 		shortName: "cloud",
 		description: "cloud",
 		aliases: ["cloud"],
-		handler: Kt
+		handler: mn
 	},
 	{
 		semanticName: "Decision",
@@ -3270,7 +3812,7 @@ var Yt = [
 			"diamond",
 			"question"
 		],
-		handler: rt
+		handler: wt
 	},
 	{
 		semanticName: "Prepare Conditional",
@@ -3278,7 +3820,7 @@ var Yt = [
 		shortName: "hex",
 		description: "Preparation or condition step",
 		aliases: ["hexagon", "prepare"],
-		handler: Pe
+		handler: tt
 	},
 	{
 		semanticName: "Data Input/Output",
@@ -3287,7 +3829,7 @@ var Yt = [
 		description: "Represents input or output",
 		aliases: ["lean-right", "in-out"],
 		internalAliases: ["lean_right"],
-		handler: We
+		handler: dt
 	},
 	{
 		semanticName: "Data Input/Output",
@@ -3296,7 +3838,7 @@ var Yt = [
 		description: "Represents output or input",
 		aliases: ["lean-left", "out-in"],
 		internalAliases: ["lean_left"],
-		handler: Ue
+		handler: ut
 	},
 	{
 		semanticName: "Priority Action",
@@ -3308,7 +3850,7 @@ var Yt = [
 			"trapezoid-bottom",
 			"trapezoid"
 		],
-		handler: Et
+		handler: qt
 	},
 	{
 		semanticName: "Manual Operation",
@@ -3321,7 +3863,7 @@ var Yt = [
 			"inv-trapezoid"
 		],
 		internalAliases: ["inv_trapezoid"],
-		handler: Ve
+		handler: ct
 	},
 	{
 		semanticName: "Stop",
@@ -3330,14 +3872,14 @@ var Yt = [
 		description: "Represents a stop point",
 		aliases: ["double-circle"],
 		internalAliases: ["doublecircle"],
-		handler: Ee
+		handler: Ke
 	},
 	{
 		semanticName: "Text Block",
 		name: "Text Block",
 		shortName: "text",
 		description: "Text block",
-		handler: yt
+		handler: Bt
 	},
 	{
 		semanticName: "Card",
@@ -3345,7 +3887,7 @@ var Yt = [
 		shortName: "notch-rect",
 		description: "Represents a card",
 		aliases: ["card", "notched-rectangle"],
-		handler: ce
+		handler: Te
 	},
 	{
 		semanticName: "Lined/Shaded Process",
@@ -3358,7 +3900,7 @@ var Yt = [
 			"lin-proc",
 			"shaded-process"
 		],
-		handler: st
+		handler: Ot
 	},
 	{
 		semanticName: "Start",
@@ -3367,7 +3909,7 @@ var Yt = [
 		description: "Small starting point",
 		aliases: ["start", "small-circle"],
 		internalAliases: ["stateStart"],
-		handler: pt
+		handler: Pt
 	},
 	{
 		semanticName: "Stop",
@@ -3376,7 +3918,7 @@ var Yt = [
 		description: "Stop point",
 		aliases: ["stop", "framed-circle"],
 		internalAliases: ["stateEnd"],
-		handler: ft
+		handler: Nt
 	},
 	{
 		semanticName: "Fork/Join",
@@ -3385,7 +3927,7 @@ var Yt = [
 		description: "Fork or join in process flow",
 		aliases: ["join"],
 		internalAliases: ["forkJoin"],
-		handler: je
+		handler: Qe
 	},
 	{
 		semanticName: "Collate",
@@ -3393,7 +3935,7 @@ var Yt = [
 		shortName: "hourglass",
 		description: "Represents a collate operation",
 		aliases: ["hourglass", "collate"],
-		handler: Fe
+		handler: nt
 	},
 	{
 		semanticName: "Comment",
@@ -3401,21 +3943,21 @@ var Yt = [
 		shortName: "brace",
 		description: "Adds a comment",
 		aliases: ["comment", "brace-l"],
-		handler: pe
+		handler: Me
 	},
 	{
 		semanticName: "Comment Right",
 		name: "Curly Brace",
 		shortName: "brace-r",
 		description: "Adds a comment",
-		handler: me
+		handler: Ne
 	},
 	{
 		semanticName: "Comment with braces on both sides",
 		name: "Curly Braces",
 		shortName: "braces",
 		description: "Adds a comment",
-		handler: he
+		handler: Pe
 	},
 	{
 		semanticName: "Com Link",
@@ -3423,7 +3965,7 @@ var Yt = [
 		shortName: "bolt",
 		description: "Communication link",
 		aliases: ["com-link", "lightning-bolt"],
-		handler: Ge
+		handler: ft
 	},
 	{
 		semanticName: "Document",
@@ -3431,7 +3973,7 @@ var Yt = [
 		shortName: "doc",
 		description: "Represents a document",
 		aliases: ["doc", "document"],
-		handler: jt
+		handler: Qt
 	},
 	{
 		semanticName: "Delay",
@@ -3439,7 +3981,7 @@ var Yt = [
 		shortName: "delay",
 		description: "Represents a delay",
 		aliases: ["half-rounded-rectangle"],
-		handler: Me
+		handler: $e
 	},
 	{
 		semanticName: "Direct Access Storage",
@@ -3447,7 +3989,7 @@ var Yt = [
 		shortName: "h-cyl",
 		description: "Direct access storage",
 		aliases: ["das", "horizontal-cylinder"],
-		handler: Tt
+		handler: Kt
 	},
 	{
 		semanticName: "Disk Storage",
@@ -3455,7 +3997,7 @@ var Yt = [
 		shortName: "lin-cyl",
 		description: "Disk storage",
 		aliases: ["disk", "lined-cylinder"],
-		handler: Ze
+		handler: vt
 	},
 	{
 		semanticName: "Display",
@@ -3463,7 +4005,7 @@ var Yt = [
 		shortName: "curv-trap",
 		description: "Represents a display",
 		aliases: ["curved-trapezoid", "display"],
-		handler: ge
+		handler: Fe
 	},
 	{
 		semanticName: "Divided Process",
@@ -3475,7 +4017,7 @@ var Yt = [
 			"divided-rectangle",
 			"divided-process"
 		],
-		handler: Te
+		handler: Ge
 	},
 	{
 		semanticName: "Extract",
@@ -3483,7 +4025,7 @@ var Yt = [
 		shortName: "tri",
 		description: "Extraction process",
 		aliases: ["extract", "triangle"],
-		handler: At
+		handler: Zt
 	},
 	{
 		semanticName: "Internal Storage",
@@ -3491,7 +4033,7 @@ var Yt = [
 		shortName: "win-pane",
 		description: "Internal storage",
 		aliases: ["internal-storage", "window-pane"],
-		handler: Nt
+		handler: en
 	},
 	{
 		semanticName: "Junction",
@@ -3499,7 +4041,7 @@ var Yt = [
 		shortName: "f-circ",
 		description: "Junction point",
 		aliases: ["junction", "filled-circle"],
-		handler: De
+		handler: qe
 	},
 	{
 		semanticName: "Loop Limit",
@@ -3507,7 +4049,7 @@ var Yt = [
 		shortName: "notch-pent",
 		description: "Loop limit step",
 		aliases: ["loop-limit", "notched-pentagon"],
-		handler: Dt
+		handler: Jt
 	},
 	{
 		semanticName: "Manual File",
@@ -3515,7 +4057,7 @@ var Yt = [
 		shortName: "flip-tri",
 		description: "Manual file operation",
 		aliases: ["manual-file", "flipped-triangle"],
-		handler: Ae
+		handler: Xe
 	},
 	{
 		semanticName: "Manual Input",
@@ -3523,7 +4065,7 @@ var Yt = [
 		shortName: "sl-rect",
 		description: "Manual input step",
 		aliases: ["manual-input", "sloped-rectangle"],
-		handler: ct
+		handler: kt
 	},
 	{
 		semanticName: "Multi-Document",
@@ -3535,7 +4077,7 @@ var Yt = [
 			"st-doc",
 			"stacked-document"
 		],
-		handler: et
+		handler: xt
 	},
 	{
 		semanticName: "Multi-Process",
@@ -3547,7 +4089,7 @@ var Yt = [
 			"processes",
 			"stacked-rectangle"
 		],
-		handler: $e
+		handler: bt
 	},
 	{
 		semanticName: "Stored Data",
@@ -3555,7 +4097,7 @@ var Yt = [
 		shortName: "bow-rect",
 		description: "Stored data",
 		aliases: ["stored-data", "bow-tie-rectangle"],
-		handler: oe
+		handler: le
 	},
 	{
 		semanticName: "Summary",
@@ -3563,7 +4105,7 @@ var Yt = [
 		shortName: "cross-circ",
 		description: "Summary",
 		aliases: ["summary", "crossed-circle"],
-		handler: fe
+		handler: je
 	},
 	{
 		semanticName: "Tagged Document",
@@ -3571,7 +4113,7 @@ var Yt = [
 		shortName: "tag-doc",
 		description: "Tagged document",
 		aliases: ["tag-doc", "tagged-document"],
-		handler: vt
+		handler: zt
 	},
 	{
 		semanticName: "Tagged Process",
@@ -3583,7 +4125,7 @@ var Yt = [
 			"tag-proc",
 			"tagged-process"
 		],
-		handler: _t
+		handler: Rt
 	},
 	{
 		semanticName: "Paper Tape",
@@ -3591,7 +4133,7 @@ var Yt = [
 		shortName: "flag",
 		description: "Paper tape",
 		aliases: ["paper-tape"],
-		handler: Mt
+		handler: $t
 	},
 	{
 		semanticName: "Odd",
@@ -3599,7 +4141,7 @@ var Yt = [
 		shortName: "odd",
 		description: "Odd shape",
 		internalAliases: ["rect_left_inv_arrow"],
-		handler: it
+		handler: Tt
 	},
 	{
 		semanticName: "Lined Document",
@@ -3607,60 +4149,40 @@ var Yt = [
 		shortName: "lin-doc",
 		description: "Lined document",
 		aliases: ["lined-document"],
-		handler: Qe
+		handler: yt
 	}
-], Xt = (/* @__PURE__ */ t(() => {
+], vn = (/* @__PURE__ */ d(() => {
 	let e = [...Object.entries({
-		state: dt,
-		choice: le,
-		note: tt,
-		rectWithTitle: at,
-		labelRect: He,
-		iconSquare: ze,
-		iconCircle: Le,
-		icon: Ie,
-		iconRounded: Re,
-		imageSquare: Be,
-		anchor: G,
-		kanbanItem: Wt,
-		mindmapCircle: Jt,
-		defaultMindmapNode: qt,
-		classBox: Vt,
-		erBox: It,
-		requirementBox: Ht
-	}), ...Yt.flatMap((e) => [
+		state: Mt,
+		choice: Ee,
+		note: St,
+		composite: Oe,
+		rectWithTitle: Et,
+		labelRect: lt,
+		block_arrow: Se,
+		collapsedGroup: he,
+		iconSquare: ot,
+		iconCircle: it,
+		icon: rt,
+		iconRounded: at,
+		imageSquare: st,
+		anchor: oe,
+		kanbanItem: fn,
+		mindmapCircle: gn,
+		defaultMindmapNode: hn,
+		classBox: ln,
+		erBox: rn,
+		requirementBox: un
+	}), ..._n.flatMap((e) => [
 		e.shortName,
 		..."aliases" in e ? e.aliases : [],
 		..."internalAliases" in e ? e.internalAliases : []
 	].map((t) => [t, e.handler]))];
 	return Object.fromEntries(e);
 }, "generateShapeMap"))();
-function Zt(e) {
-	return e in Xt;
-}
-t(Zt, "isValidShape");
-var Qt = /* @__PURE__ */ new Map();
-async function $t(e, t, n) {
-	let r, i;
-	t.shape === "rect" && (t.rx && t.ry ? t.shape = "roundedRect" : t.shape = "squareRect");
-	let a = t.shape ? Xt[t.shape] : void 0;
-	if (!a) throw Error(`No such shape: ${t.shape}. Please check your syntax.`);
-	if (t.link) {
-		let o;
-		n.config.securityLevel === "sandbox" ? o = "_top" : t.linkTarget && (o = t.linkTarget || "_blank"), r = e.insert("svg:a").attr("xlink:href", t.link).attr("target", o ?? null), i = await a(r, t, n);
-	} else i = await a(e, t, n), r = i;
-	return r.attr("data-look", p(t.look)), t.tooltip && i.attr("title", t.tooltip), Qt.set(t.id, r), t.haveCallback && r.attr("class", r.attr("class") + " clickable"), r;
-}
-t($t, "insertNode");
-var en = /* @__PURE__ */ t((e, t) => {
-	Qt.set(t.id, e);
-}, "setNodeElem"), tn = /* @__PURE__ */ t(() => {
-	Qt.clear();
-}, "clear"), nn = /* @__PURE__ */ t((t) => {
-	let n = Qt.get(t.id);
-	e.trace("Transforming node", t.diff, t, "translate(" + (t.x - t.width / 2 - 5) + ", " + t.width / 2 + ")");
-	let r = t.diff || 0;
-	return t.clusterNode ? n.attr("transform", "translate(" + (t.x + r - t.width / 2) + ", " + (t.y - t.height / 2 - 8) + ")") : n.attr("transform", "translate(" + t.x + ", " + t.y + ")"), r;
-}, "positionNode");
+function yn(e) {
+	return e in vn;
+}
+d(yn, "isValidShape");
 //#endregion
-export { $t as a, nn as c, ee as i, en as l, tn as n, Zt as o, M as r, C as s, te as t, T as u };
+export { j as a, yn as i, z as n, vn as o, R as r, N as s, te as t };