@pi-outpost/embed 0.32.4 → 0.33.0

package/dist/{blockDiagram-OSKFZWR5-B1pU8Z2f.js → blockDiagram-E7TT5TSB-CEa2A5E9.js}

@@ -1,31 +1,33 @@
 import { n as e } from "./chunk-Y2CYZVJY-CwsV_8W4.js";
 import { m as t, p as n } from "./src-Dkp7vqs8.js";
-import { a as r, b as i, c as a, it as o, s, x as c } from "./chunk-DU6HZSFF-BW30DVuW.js";
-import { t as l } from "./channel-Cf_XiG-0.js";
-import { A as u, B as d, C as f, D as p, E as m, F as h, G as g, H as _, I as v, L as y, M as b, N as x, O as S, P as C, R as w, T, U as E, V as D, W as O, b as k, j as A, k as j, l as M, v as ee, w as te, z as ne } from "./chunk-75Z2AOVW-DoA8rENV.js";
-import "./chunk-PWAF6VOD-9dCi1q-p.js";
-import "./chunk-GMAD6QVW-DZ2r0pLj.js";
+import { a as r, at as i, b as a, c as o, s, y as c } from "./chunk-VPRB5NB3-DJh7spRO.js";
+import { t as l } from "./channel-DCXZw5aW.js";
+import { A as u, B as d, D as f, E as p, F as m, G as h, H as g, I as _, K as v, L as y, M as b, N as x, O as S, P as C, R as w, T, U as E, V as D, W as O, j as k, k as A, u as j, w as M, x as ee, y as te, z as ne } from "./chunk-3YJQHVM4-BNbfg-7y.js";
+import "./chunk-HJ2JQQFS-CgYTXthn.js";
+import "./chunk-E2ZNV5FY-Bu796yUY.js";
 import { t as re } from "./chunk-5VM5RSS4-BMfgdMFU.js";
-import "./chunk-P2QGCYS3-BoMkrMIF.js";
-import "./chunk-4HAMMTFA-C2YXJpQw.js";
-import { i as ie, r as N } from "./chunk-GVQU2GXP-BhLneNgJ.js";
-import { a as ae, c as oe, i as se, s as ce } from "./chunk-OSK3NFVY-BUXOUgUl.js";
-import { t as le } from "./graphlib-CQa_B3rm.js";
+import { t as ie } from "./chunk-DUW6YSOI-CVhxvrBO.js";
+import "./chunk-4EA7E6EY-B5P7n2an.js";
+import { i as ae, n as oe, o as se, r as ce, s as le } from "./chunk-J5ZVWO5B-DEP-pB-1.js";
+import "./chunk-XC4XBNZT-CSiWBPH9.js";
+import { i as ue, r as de } from "./chunk-DBDB3WZW-DpEOsLsQ.js";
+import { a as fe, c as pe, i as me, l as he } from "./chunk-2BW5OAIV-DWtmlmt_.js";
+import { t as ge } from "./graphlib-CQa_B3rm.js";
 //#region ../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
-function ue(e) {
+function _e(e) {
 	return Array.isArray(e);
 }
 //#endregion
 //#region ../node_modules/es-toolkit/dist/compat/object/clone.mjs
-function de(e) {
-	if (k(e)) return e;
-	let t = g(e);
-	if (!fe(e)) return {};
-	if (ue(e)) {
+function ve(e) {
+	if (ee(e)) return e;
+	let t = v(e);
+	if (!ye(e)) return {};
+	if (_e(e)) {
 		let t = Array.from(e);
 		return e.length > 0 && typeof e[0] == "string" && Object.hasOwn(e, "index") && (t.index = e.index, t.input = e.input), t;
 	}
-	if (ee(e)) {
+	if (te(e)) {
 		let t = e, n = t.constructor;
 		return new n(t.buffer, t.byteOffset, t.length);
 	}
@@ -36,7 +38,7 @@ function de(e) {
 	}
 	if (t === "[object Boolean]" || t === "[object Number]" || t === "[object String]") {
 		let n = e.constructor, r = new n(e.valueOf());
-		return t === "[object String]" ? me(r, e) : P(r, e), r;
+		return t === "[object String]" ? xe(r, e) : N(r, e), r;
 	}
 	if (t === "[object Date]") return new Date(Number(e));
 	if (t === "[object RegExp]") {
@@ -58,59 +60,59 @@ function de(e) {
 	}
 	if (t === "[object Arguments]") {
 		let t = e, n = {};
-		return P(n, t), n.length = t.length, n[Symbol.iterator] = t[Symbol.iterator], n;
+		return N(n, t), n.length = t.length, n[Symbol.iterator] = t[Symbol.iterator], n;
 	}
 	let n = {};
-	return he(n, e), P(n, e), pe(n, e), n;
+	return Se(n, e), N(n, e), be(n, e), n;
 }
-function fe(e) {
-	switch (g(e)) {
-		case f:
-		case T:
-		case te:
+function ye(e) {
+	switch (v(e)) {
+		case M:
 		case p:
-		case m:
+		case T:
 		case S:
-		case j:
-		case u:
-		case x:
+		case f:
 		case A:
-		case b:
+		case u:
+		case k:
 		case C:
-		case h:
-		case v:
+		case b:
+		case x:
+		case m:
+		case _:
 		case y:
 		case w:
 		case ne:
 		case d:
-		case E:
-		case O:
 		case D:
-		case _: return !0;
+		case O:
+		case h:
+		case g:
+		case E: return !0;
 		default: return !1;
 	}
 }
-function P(e, t) {
+function N(e, t) {
 	for (let n in t) Object.hasOwn(t, n) && (e[n] = t[n]);
 }
-function pe(e, t) {
+function be(e, t) {
 	let n = Object.getOwnPropertySymbols(t);
 	for (let r = 0; r < n.length; r++) {
 		let i = n[r];
 		Object.prototype.propertyIsEnumerable.call(t, i) && (e[i] = t[i]);
 	}
 }
-function me(e, t) {
+function xe(e, t) {
 	let n = t.valueOf().length;
 	for (let r in t) Object.hasOwn(t, r) && (Number.isNaN(Number(r)) || Number(r) >= n) && (e[r] = t[r]);
 }
-function he(e, t) {
+function Se(e, t) {
 	let n = Object.getPrototypeOf(t);
 	n !== null && typeof t.constructor == "function" && Object.setPrototypeOf(e, n);
 }
 //#endregion
-//#region ../node_modules/mermaid/dist/chunks/mermaid.core/blockDiagram-OSKFZWR5.mjs
-var F = (function() {
+//#region ../node_modules/mermaid/dist/chunks/mermaid.core/blockDiagram-E7TT5TSB.mjs
+var P = (function() {
 	var t = /* @__PURE__ */ e(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
 		return n;
@@ -1248,83 +1250,83 @@ var F = (function() {
 	}
 	return e(v, "Parser"), v.prototype = _, _.Parser = v, new v();
 })();
-F.parser = F;
-var ge = F, I = /* @__PURE__ */ new Map(), L = [], R = /* @__PURE__ */ new Map(), _e = "color", z = "fill", ve = "bgFill", ye = ",", B = /* @__PURE__ */ new Map(), V = "", be = /* @__PURE__ */ e((e) => s.sanitizeText(e, c()), "sanitizeText"), xe = /* @__PURE__ */ e(function(e, t = "") {
-	let n = B.get(e);
+P.parser = P;
+var Ce = P, F = /* @__PURE__ */ new Map(), I = [], L = /* @__PURE__ */ new Map(), R = "color", z = "fill", we = "bgFill", B = ",", V = /* @__PURE__ */ new Map(), H = "", Te = /* @__PURE__ */ e((e) => s.sanitizeText(e, a()), "sanitizeText"), Ee = /* @__PURE__ */ e(function(e, t = "") {
+	let n = V.get(e);
 	n || (n = {
 		id: e,
 		styles: [],
 		textStyles: []
-	}, B.set(e, n)), t?.split(ye).forEach((e) => {
+	}, V.set(e, n)), t?.split(B).forEach((e) => {
 		let t = e.replace(/([^;]*);/, "$1").trim();
-		if (RegExp(_e).exec(e)) {
-			let e = t.replace(z, ve).replace(_e, z);
+		if (RegExp(R).exec(e)) {
+			let e = t.replace(z, we).replace(R, z);
 			n.textStyles.push(e);
 		}
 		n.styles.push(t);
 	});
-}, "addStyleClass"), Se = /* @__PURE__ */ e(function(e, t = "") {
-	let n = I.get(e);
-	t != null && (n.styles = t.split(ye));
-}, "addStyle2Node"), Ce = /* @__PURE__ */ e(function(e, t) {
+}, "addStyleClass"), De = /* @__PURE__ */ e(function(e, t = "") {
+	let n = F.get(e);
+	t != null && (n.styles = t.split(B));
+}, "addStyle2Node"), Oe = /* @__PURE__ */ e(function(e, t) {
 	e.split(",").forEach(function(e) {
-		let n = I.get(e);
+		let n = F.get(e);
 		if (n === void 0) {
 			let t = e.trim();
 			n = {
 				id: t,
 				type: "na",
 				children: []
-			}, I.set(t, n);
+			}, F.set(t, n);
 		}
 		n.classes || (n.classes = []), n.classes.push(t);
 	});
-}, "setCssClass"), we = /* @__PURE__ */ e((e, n) => {
+}, "setCssClass"), U = 0, ke = /* @__PURE__ */ e((e, n) => {
 	let r = e.flat(), i = [], a = r.find((e) => e?.type === "column-setting")?.columns ?? -1;
 	for (let e of r) {
-		if (typeof a == "number" && a > 0 && e.type !== "column-setting" && typeof e.widthInColumns == "number" && e.widthInColumns > a && t.warn(`Block ${e.id} width ${e.widthInColumns} exceeds configured column width ${a}`), e.label &&= be(e.label), e.type === "classDef") {
-			xe(e.id, e.css);
+		if (typeof a == "number" && a > 0 && e.type !== "column-setting" && typeof e.widthInColumns == "number" && e.widthInColumns > a && t.warn(`Block ${e.id} width ${e.widthInColumns} exceeds configured column width ${a}`), e.label &&= Te(e.label), e.type === "classDef") {
+			Ee(e.id, e.css);
 			continue;
 		}
 		if (e.type === "applyClass") {
-			Ce(e.id, e?.styleClass ?? "");
+			Oe(e.id, e?.styleClass ?? "");
 			continue;
 		}
 		if (e.type === "applyStyles") {
-			e?.stylesStr && Se(e.id, e?.stylesStr);
+			e?.stylesStr && De(e.id, e?.stylesStr);
 			continue;
 		}
 		if (e.type === "column-setting") n.columns = e.columns ?? -1;
 		else if (e.type === "edge") {
-			let t = (R.get(e.id) ?? 0) + 1;
-			R.set(e.id, t), e.id = t + "-" + e.id, L.push(e);
+			let t = (L.get(e.id) ?? 0) + 1;
+			L.set(e.id, t), e.id = t + "-" + e.id, I.push(e);
 		} else {
 			e.label ||= e.type === "composite" ? "" : e.id;
-			let t = I.get(e.id);
-			if (t === void 0 ? I.set(e.id, e) : (e.type !== "na" && (t.type = e.type), e.label !== e.id && (t.label = e.label)), e.children && we(e.children, e), e.type === "space") {
+			let t = F.get(e.id);
+			if (t === void 0 ? (e.type === "composite" && (e.colorIndex = U++), F.set(e.id, e)) : (e.type !== "na" && (t.type = e.type), e.label !== e.id && (t.label = e.label)), e.children && ke(e.children, e), e.type === "space") {
 				let t = e.width ?? 1;
 				for (let n = 0; n < t; n++) {
-					let t = de(e);
-					t.id = t.id + "-" + n, I.set(t.id, t), i.push(t);
+					let t = ve(e);
+					t.id = t.id + "-" + n, F.set(t.id, t), i.push(t);
 				}
 			} else t === void 0 && i.push(e);
 		}
 	}
 	n.children = i;
-}, "populateBlockDatabase"), H = [], U = {
+}, "populateBlockDatabase"), W = [], G = {
 	id: "root",
 	type: "composite",
 	children: [],
 	columns: -1
-}, Te = /* @__PURE__ */ e(() => {
-	t.debug("Clear called"), r(), U = {
+}, Ae = /* @__PURE__ */ e(() => {
+	t.debug("Clear called"), r(), G = {
 		id: "root",
 		type: "composite",
 		children: [],
 		columns: -1
-	}, I = /* @__PURE__ */ new Map([["root", U]]), H = [], B = /* @__PURE__ */ new Map(), L = [], R = /* @__PURE__ */ new Map(), V = "";
+	}, F = /* @__PURE__ */ new Map([["root", G]]), W = [], V = /* @__PURE__ */ new Map(), I = [], L = /* @__PURE__ */ new Map(), H = "", U = 0;
 }, "clear");
-function Ee(e) {
+function je(e) {
 	switch (t.debug("typeStr2Type", e), e) {
 		case "[]": return "square";
 		case "()": return t.debug("we have a round"), "round";
@@ -1344,15 +1346,15 @@ function Ee(e) {
 		default: return "na";
 	}
 }
-e(Ee, "typeStr2Type");
-function De(e) {
+e(je, "typeStr2Type");
+function Me(e) {
 	switch (t.debug("typeStr2Type", e), e) {
 		case "==": return "thick";
 		default: return "normal";
 	}
 }
-e(De, "edgeTypeStr2Type");
-function Oe(e) {
+e(Me, "edgeTypeStr2Type");
+function Ne(e) {
 	switch (e.trim().slice(-1)) {
 		case "x": return "arrow_cross";
 		case "o": return "arrow_circle";
@@ -1360,8 +1362,8 @@ function Oe(e) {
 		default: return "";
 	}
 }
-e(Oe, "edgeStrToEdgeData");
-function ke(e) {
+e(Ne, "edgeStrToEdgeData");
+function Pe(e) {
 	switch (e.trim().charAt(0)) {
 		case "x": return "arrow_cross";
 		case "o": return "arrow_circle";
@@ -1369,51 +1371,67 @@ function ke(e) {
 		default: return "arrow_open";
 	}
 }
-e(ke, "edgeStrToEdgeStartData");
-function Ae(e) {
+e(Pe, "edgeStrToEdgeStartData");
+function Fe(e) {
 	return e.includes("==") ? "thick" : "normal";
 }
-e(Ae, "edgeStrToThickness");
-function W(e) {
+e(Fe, "edgeStrToThickness");
+function Ie(e) {
 	return e.includes(".-") ? "dotted" : "solid";
 }
-e(W, "edgeStrToPattern");
-var G = 0, je = {
-	getConfig: /* @__PURE__ */ e(() => i().block, "getConfig"),
-	typeStr2Type: Ee,
-	edgeTypeStr2Type: De,
-	edgeStrToEdgeData: Oe,
-	edgeStrToEdgeStartData: ke,
-	edgeStrToThickness: Ae,
-	edgeStrToPattern: W,
+e(Ie, "edgeStrToPattern");
+var Le = 0, Re = {
+	getConfig: /* @__PURE__ */ e(() => c().block, "getConfig"),
+	typeStr2Type: je,
+	edgeTypeStr2Type: Me,
+	edgeStrToEdgeData: Ne,
+	edgeStrToEdgeStartData: Pe,
+	edgeStrToThickness: Fe,
+	edgeStrToPattern: Ie,
 	getLogger: /* @__PURE__ */ e(() => t, "getLogger"),
-	getBlocksFlat: /* @__PURE__ */ e(() => [...I.values()], "getBlocksFlat"),
-	getBlocks: /* @__PURE__ */ e(() => H || [], "getBlocks"),
-	getEdges: /* @__PURE__ */ e(() => L, "getEdges"),
+	getBlocksFlat: /* @__PURE__ */ e(() => [...F.values()], "getBlocksFlat"),
+	getBlocks: /* @__PURE__ */ e(() => W || [], "getBlocks"),
+	getEdges: /* @__PURE__ */ e(() => I, "getEdges"),
 	setHierarchy: /* @__PURE__ */ e((e) => {
-		U.children = e, we(e, U), H = U.children;
+		G.children = e, ke(e, G), W = G.children;
 	}, "setHierarchy"),
-	getBlock: /* @__PURE__ */ e((e) => I.get(e), "getBlock"),
+	getBlock: /* @__PURE__ */ e((e) => F.get(e), "getBlock"),
 	setBlock: /* @__PURE__ */ e((e) => {
-		I.set(e.id, e);
+		F.set(e.id, e);
 	}, "setBlock"),
 	getColumns: /* @__PURE__ */ e((e) => {
-		let t = I.get(e);
+		let t = F.get(e);
 		return t ? t.columns ? t.columns : t.children ? t.children.length : -1 : -1;
 	}, "getColumns"),
 	getClasses: /* @__PURE__ */ e(function() {
-		return B;
+		return V;
 	}, "getClasses"),
-	clear: Te,
-	generateId: /* @__PURE__ */ e(() => (G++, "id-" + Math.random().toString(36).substr(2, 12) + "-" + G), "generateId"),
+	clear: Ae,
+	generateId: /* @__PURE__ */ e(() => (Le++, "id-" + Math.random().toString(36).substr(2, 12) + "-" + Le), "generateId"),
 	setDiagramId: /* @__PURE__ */ e((e) => {
-		V = e;
+		H = e;
 	}, "setDiagramId"),
-	getDiagramId: /* @__PURE__ */ e(() => V, "getDiagramId")
-}, K = /* @__PURE__ */ e((e, t) => {
-	let n = l, r = n(e, "r"), i = n(e, "g"), a = n(e, "b");
-	return o(r, i, a, t);
-}, "fade"), Me = /* @__PURE__ */ e((e) => `.label {
+	getDiagramId: /* @__PURE__ */ e(() => H, "getDiagramId")
+}, ze = /* @__PURE__ */ e((e) => {
+	let { theme: t, bkgColorArray: n, borderColorArray: r } = e;
+	if (!ae(t, r)) return "";
+	let i = se(e.look), a = ce(n), o = "";
+	for (let t = 0; t < oe(e.THEME_COLOR_LIMIT, r); t++) {
+		let e = r[t % r.length], s = a ? `fill: ${n[t % n.length]};` : "", c = `[data-look="${i}"][data-color-id="color-${t}"]`;
+		o += `
+
+    ${c}.node rect.composite {
+      stroke: ${e};
+      ${s}
+    }
+`;
+	}
+	return o;
+}, "genColor"), K = /* @__PURE__ */ e((e, t) => {
+	let n = l, r = n(e, "r"), a = n(e, "g"), o = n(e, "b");
+	return i(r, a, o, t);
+}, "fade"), Be = /* @__PURE__ */ e((e) => `${ze(e)}
+  .label {
     font-family: ${e.fontFamily};
     color: ${e.nodeTextColor || e.textColor};
   }
@@ -1438,7 +1456,11 @@ var G = 0, je = {
   .node path {
     fill: ${e.mainBkg};
     stroke: ${e.nodeBorder};
-    stroke-width: 1px;
+    /* From the theme, as every other diagram does. Pinned at 1px here, so block drew a
+       thinner border than an identical flowchart node under any theme asking for more --
+       the neo theme asks for 2. Nothing downstream corrected it: the neo rules set stroke
+       and filter, never stroke-width. */
+    stroke-width: ${e.strokeWidth ?? 1}px;
   }
   .flowchart-label text {
     text-anchor: middle;
@@ -1461,7 +1483,7 @@ var G = 0, je = {
     fill: ${e.arrowheadColor};
   }
 
-  .edgePath .path {
+  .edgePaths .path {
     stroke: ${e.lineColor};
     stroke-width: 2.0px;
   }
@@ -1552,7 +1574,7 @@ function q(e, t) {
 	};
 }
 e(q, "calculateBlockPosition");
-var Ne = /* @__PURE__ */ e((e) => {
+var Ve = /* @__PURE__ */ e((e) => {
 	let n = 0, r = 0;
 	for (let i of e.children) {
 		let { width: e, height: a, x: o, y: s } = i.size ?? {
@@ -1580,7 +1602,7 @@ function J(e, n, r = 0, i = 0, a = 8) {
 	let o = 0, s = 0;
 	if (e.children?.length > 0) {
 		for (let t of e.children) J(t, n, 0, 0, a);
-		let c = Ne(e);
+		let c = Ve(e);
 		o = c.width, s = c.height, t.debug("setBlockSizes abc95 maxWidth of", e.id, ":s children is ", o, s);
 		for (let n of e.children) n.size && (t.debug(`abc95 Setting size of children of ${e.id} id=${n.id} ${o} ${s} ${JSON.stringify(n.size)}`), n.size.width = o * (n.widthInColumns ?? 1) + a * ((n.widthInColumns ?? 1) - 1), n.size.height = s, n.size.x = 0, n.size.y = 0, t.debug(`abc95 updating size of ${e.id} children child:${n.id} maxWidth:${o} maxHeight:${s}`));
 		for (let t of e.children) J(t, n, o, s, a);
@@ -1681,85 +1703,85 @@ function X(e, { minX: t, minY: n, maxX: r, maxY: i } = {
 	};
 }
 e(X, "findBounds");
-function Z(e) {
+function He(e) {
 	let n = e.getBlock("root");
 	if (!n) return;
-	let r = c()?.block?.padding ?? 8;
+	let r = a()?.block?.padding ?? 8;
 	J(n, e, 0, 0, r), Y(n, e, r), t.debug("getBlocks", JSON.stringify(n, null, 2));
-	let { minX: i, minY: a, maxX: o, maxY: s } = X(n), l = s - a;
+	let { minX: i, minY: o, maxX: s, maxY: c } = X(n), l = c - o;
 	return {
 		x: i,
-		y: a,
-		width: o - i,
+		y: o,
+		width: s - i,
 		height: l
 	};
 }
-e(Z, "layout");
-function Q(e, t, n = !1) {
-	let r = e, a = "default";
-	(r?.classes?.length || 0) > 0 && (a = (r?.classes ?? []).join(" ")), a += " flowchart-label";
-	let o = (r?.classes ?? []).flatMap((e) => t.getClasses().get(e)?.styles ?? []), s = 0, c = "rect", l;
+e(He, "layout");
+function Z(e, t, n = !1) {
+	let r = e, i = "default";
+	(r?.classes?.length || 0) > 0 && (i = (r?.classes ?? []).join(" ")), i += " flowchart-label";
+	let a = (r?.classes ?? []).flatMap((e) => t.getClasses().get(e)?.styles ?? []), o = 0, s = "rect", l;
 	switch (r.type) {
 		case "round":
-			s = 5, c = "rect";
+			o = 5, s = "rect";
 			break;
 		case "composite":
-			s = 0, c = "composite", l = 0;
+			o = 0, s = "composite", l = 0;
 			break;
 		case "square":
-			c = "rect";
+			s = "rect";
 			break;
 		case "diamond":
-			c = "question";
+			s = "question";
 			break;
 		case "hexagon":
-			c = "hexagon";
+			s = "hexagon";
 			break;
 		case "block_arrow":
-			c = "block_arrow";
+			s = "block_arrow";
 			break;
 		case "odd":
-			c = "rect_left_inv_arrow";
+			s = "rect_left_inv_arrow";
 			break;
 		case "lean_right":
-			c = "lean_right";
+			s = "lean_right";
 			break;
 		case "lean_left":
-			c = "lean_left";
+			s = "lean_left";
 			break;
 		case "trapezoid":
-			c = "trapezoid";
+			s = "trapezoid";
 			break;
 		case "inv_trapezoid":
-			c = "inv_trapezoid";
+			s = "inv_trapezoid";
 			break;
 		case "rect_left_inv_arrow":
-			c = "rect_left_inv_arrow";
+			s = "rect_left_inv_arrow";
 			break;
 		case "circle":
-			c = "circle";
+			s = "circle";
 			break;
 		case "ellipse":
-			c = "ellipse";
+			s = "ellipse";
 			break;
 		case "stadium":
-			c = "stadium";
+			s = "stadium";
 			break;
 		case "subroutine":
-			c = "subroutine";
+			s = "subroutine";
 			break;
 		case "cylinder":
-			c = "cylinder";
+			s = "cylinder";
 			break;
 		case "group":
-			c = "rect";
+			s = "rect";
 			break;
 		case "doublecircle":
-			c = "doublecircle";
+			s = "doublecircle";
 			break;
-		default: c = "rect";
+		default: s = "rect";
 	}
-	let u = M(r?.styles ?? []), d = r.label, f = r.size ?? {
+	let u = j(r?.styles ?? []), d = r.label, f = r.size ?? {
 		width: 0,
 		height: 0,
 		x: 0,
@@ -1767,15 +1789,15 @@ function Q(e, t, n = !1) {
 	}, p = t.getDiagramId();
 	return {
 		labelStyle: u.labelStyle,
-		shape: c,
+		shape: s,
 		label: d,
 		labelText: d,
-		rx: s,
-		ry: s,
-		class: a,
-		cssClasses: a,
+		rx: o,
+		ry: o,
+		class: i,
+		cssClasses: i,
 		cssStyles: r?.styles ?? [],
-		cssCompiledStyles: o,
+		cssCompiledStyles: a,
 		style: u.style,
 		id: r.id,
 		domId: p ? `${p}-${r.id}` : r.id,
@@ -1788,49 +1810,51 @@ function Q(e, t, n = !1) {
 		y: f.y,
 		positioned: n,
 		intersect: void 0,
-		padding: l ?? i()?.block?.padding ?? 0,
-		widthInColumns: r.widthInColumns ?? 1
+		padding: l ?? c()?.block?.padding ?? 0,
+		widthInColumns: r.widthInColumns ?? 1,
+		colorIndex: r.colorIndex,
+		look: c().look
 	};
 }
-e(Q, "getNodeFromBlock");
-async function Pe(e, t, n) {
-	let r = Q(t, n, !1);
+e(Z, "getNodeFromBlock");
+async function Ue(e, t, n) {
+	let r = Z(t, n, !1);
 	if (t.type === "group") return;
-	let a = i(), o = await N(e, r, { config: a }), s = o.node()?.getBBox() ?? {
+	let i = c(), a = await de(e, r, { config: i }), o = a.node()?.getBBox() ?? {
 		width: 0,
 		height: 0
-	}, c = n.getBlock(r.id);
-	c.size = {
-		width: s.width,
-		height: s.height,
+	}, s = n.getBlock(r.id);
+	s.size = {
+		width: o.width,
+		height: o.height,
 		x: 0,
 		y: 0,
-		node: o
-	}, n.setBlock(c), o.remove();
+		node: a
+	}, n.setBlock(s), a.remove();
 }
-e(Pe, "calculateBlockSize");
-async function Fe(e, t, n) {
-	let r = Q(t, n, !0);
+e(Ue, "calculateBlockSize");
+async function We(e, t, n) {
+	let r = Z(t, n, !0);
 	if (n.getBlock(r.id).type !== "space") {
-		let n = i();
-		await N(e, r, { config: n }), t.intersect = r?.intersect, ie(r);
+		let n = c(), i = await de(e, r, { config: n });
+		r.colorIndex !== void 0 && le(i, r.colorIndex, n.theme, n.themeVariables?.borderColorArray), t.intersect = r?.intersect, ue(r);
 	}
 }
-e(Fe, "insertBlockPositioned");
-async function $(e, t, n, r) {
-	for (let i of t) await r(e, i, n), i.children && await $(e, i.children, n, r);
+e(We, "insertBlockPositioned");
+async function Q(e, t, n, r) {
+	for (let i of t) await r(e, i, n), i.children && await Q(e, i.children, n, r);
 }
-e($, "performOperations");
-async function Ie(e, t, n) {
-	await $(e, t, n, Pe);
+e(Q, "performOperations");
+async function Ge(e, t, n) {
+	await Q(e, t, n, Ue);
 }
-e(Ie, "calculateBlockSizes");
-async function Le(e, t, n) {
-	await $(e, t, n, Fe);
+e(Ge, "calculateBlockSizes");
+async function Ke(e, t, n) {
+	await Q(e, t, n, We);
 }
-e(Le, "insertBlocks");
-async function Re(e, t, n, r, i) {
-	let a = new le({
+e(Ke, "insertBlocks");
+async function $(e, t, n, r, i) {
+	let a = new ge({
 		multigraph: !0,
 		compound: !0
 	});
@@ -1863,14 +1887,14 @@ async function Re(e, t, n, r, i) {
 					y: s.y
 				}
 			], l = i ? `${i}-${n.id}` : n.id, u = `${n.thickness === "thick" ? "edge-thickness-thick" : "edge-thickness-normal"} ${n.pattern === "dotted" ? "edge-pattern-dotted" : "edge-pattern-solid"} flowchart-link LS-a1 LE-b1`;
-			se(e, {
+			me(e, {
 				...n,
 				id: l,
 				arrowTypeEnd: n.arrowTypeEnd,
 				arrowTypeStart: n.arrowTypeStart,
 				points: c,
 				classes: u
-			}, {}, "block", a.node(n.start), a.node(n.end), i), n.label && (await ae(e, {
+			}, {}, "block", a.node(n.start), a.node(n.end), i), n.label && (await fe(e, {
 				...n,
 				label: n.label,
 				labelStyle: "stroke: #333; stroke-width: 1.5px;fill:none;",
@@ -1878,7 +1902,7 @@ async function Re(e, t, n, r, i) {
 				arrowTypeStart: n.arrowTypeStart,
 				points: c,
 				classes: u
-			}), oe({
+			}), he({
 				...n,
 				x: c[1].x,
 				y: c[1].y
@@ -1886,37 +1910,37 @@ async function Re(e, t, n, r, i) {
 		}
 	}
 }
-e(Re, "insertEdges");
-var ze = {
-	parser: ge,
-	db: je,
+e($, "insertEdges");
+var qe = {
+	parser: Ce,
+	db: Re,
 	renderer: {
-		draw: /* @__PURE__ */ e(async function(e, r, o, s) {
-			let { securityLevel: c, block: l } = i(), u = s.db;
+		draw: /* @__PURE__ */ e(async function(e, r, i, a) {
+			let { securityLevel: s, block: l } = c(), u = a.db;
 			u.setDiagramId(r);
 			let d;
-			c === "sandbox" && (d = n("#i" + r));
-			let f = n(c === "sandbox" ? d.nodes()[0].contentDocument.body : "body"), p = c === "sandbox" ? f.select(`[id="${r}"]`) : n(`[id="${r}"]`);
-			ce(p, [
+			s === "sandbox" && (d = n("#i" + r));
+			let f = n(s === "sandbox" ? d.nodes()[0].contentDocument.body : "body"), p = s === "sandbox" ? f.select(`[id="${r}"]`) : n(`[id="${r}"]`);
+			ie(p, c()), pe(p, [
 				"point",
 				"circle",
 				"cross"
-			], s.type, r);
+			], a.type, r);
 			let m = u.getBlocks(), h = u.getBlocksFlat(), g = u.getEdges(), _ = p.insert("g").attr("class", "block");
-			await Ie(_, m, u);
-			let v = Z(u);
-			await Le(_, m, u), await Re(_, g, h, u, r);
+			await Ge(_, m, u);
+			let v = He(u);
+			await Ke(_, m, u), await $(_, g, h, u, r);
 			let y = _.node()?.getBBox(), b = y && Number.isFinite(y.width) && Number.isFinite(y.height) ? y : v;
 			if (b) {
 				let e = Math.max(1, Math.round(.125 * (b.width / b.height))), n = b.height + e + 10, r = b.width + 10, { useMaxWidth: i } = l;
-				a(p, n, r, !!i), t.debug("Here Bounds", v, b), p.attr("viewBox", `${b.x - 5} ${b.y - 5} ${b.width + 10} ${b.height + 10}`);
+				o(p, n, r, !!i), t.debug("Here Bounds", v, b), p.attr("viewBox", `${b.x - 5} ${b.y - 5} ${b.width + 10} ${b.height + 10}`);
 			}
 		}, "draw"),
 		getClasses: /* @__PURE__ */ e(function(e, t) {
 			return t.db.getClasses();
 		}, "getClasses")
 	},
-	styles: Me
+	styles: Be
 };
 //#endregion
-export { ze as diagram };
+export { qe as diagram };