@marimo-team/islands 0.24.3-dev9 → 0.25.0

package/dist/{chunk-W5SLKNZC-DLnvpEtV.js → chunk-P2QGCYS3-C0iGU29N.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { x as t } from "./chunk-I66GZJ75-BqyTCAPf.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-W5SLKNZC.mjs
+import { n as e } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { x as t } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-P2QGCYS3.mjs
 var n = /* @__PURE__ */ e((e) => {
 	let { handDrawnSeed: n } = t();
 	return {
@@ -12,49 +12,49 @@ var n = /* @__PURE__ */ e((e) => {
 		stroke: e,
 		seed: n
 	};
-}, "solidStateFill"), r = /* @__PURE__ */ e((e) => {
-	let t = i([
+}, "solidStateFill"), r = /* @__PURE__ */ e((e) => Array.isArray(e) ? e : e ? e.split(";").map((e) => e.trim()).filter(Boolean) : [], "normalizeStyleList"), i = /* @__PURE__ */ e((e) => {
+	let t = a([
 		...e.cssCompiledStyles || [],
 		...e.cssStyles || [],
-		...e.labelStyle || []
+		...r(e.labelStyle)
 	]);
 	return {
 		stylesMap: t,
 		stylesArray: [...t]
 	};
-}, "compileStyles"), i = /* @__PURE__ */ e((e) => {
+}, "compileStyles"), a = /* @__PURE__ */ e((e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.forEach((e) => {
 		let [n, r] = e.split(":");
 		t.set(n.trim(), r?.trim());
 	}), t;
-}, "styles2Map"), a = /* @__PURE__ */ e((e) => e === "color" || e === "font-size" || e === "font-family" || e === "font-weight" || e === "font-style" || e === "text-decoration" || e === "text-align" || e === "text-transform" || e === "line-height" || e === "letter-spacing" || e === "word-spacing" || e === "text-shadow" || e === "text-overflow" || e === "white-space" || e === "word-wrap" || e === "word-break" || e === "overflow-wrap" || e === "hyphens", "isLabelStyle"), o = /* @__PURE__ */ e((e) => {
-	let { stylesArray: t } = r(e), n = [], i = [], o = [], s = [];
+}, "styles2Map"), o = /* @__PURE__ */ e((e) => e === "color" || e === "font-size" || e === "font-family" || e === "font-weight" || e === "font-style" || e === "text-decoration" || e === "text-align" || e === "text-transform" || e === "line-height" || e === "letter-spacing" || e === "word-spacing" || e === "text-shadow" || e === "text-overflow" || e === "white-space" || e === "word-wrap" || e === "word-break" || e === "overflow-wrap" || e === "hyphens", "isLabelStyle"), s = /* @__PURE__ */ e((e) => {
+	let { stylesArray: t } = i(e), n = [], r = [], a = [], s = [];
 	return t.forEach((e) => {
 		let t = e[0];
-		a(t) ? n.push(e.join(":") + " !important") : (i.push(e.join(":") + " !important"), t.includes("stroke") && o.push(e.join(":") + " !important"), t === "fill" && s.push(e.join(":") + " !important"));
+		o(t) ? n.push(e.join(":") + " !important") : (r.push(e.join(":") + " !important"), t.includes("stroke") && a.push(e.join(":") + " !important"), t === "fill" && s.push(e.join(":") + " !important"));
 	}), {
 		labelStyles: n.join(";"),
-		nodeStyles: i.join(";"),
+		nodeStyles: r.join(";"),
 		stylesArray: t,
-		borderStyles: o,
+		borderStyles: a,
 		backgroundStyles: s
 	};
-}, "styles2String"), s = /* @__PURE__ */ e((e, n) => {
-	let { themeVariables: i, handDrawnSeed: a } = t(), { nodeBorder: o, mainBkg: s } = i, { stylesMap: l } = r(e);
+}, "styles2String"), c = /* @__PURE__ */ e((e, n) => {
+	let { themeVariables: r, handDrawnSeed: a } = t(), { nodeBorder: o, mainBkg: s } = r, { stylesMap: c } = i(e);
 	return Object.assign({
 		roughness: .7,
-		fill: l.get("fill") || s,
+		fill: c.get("fill") || s,
 		fillStyle: "hachure",
 		fillWeight: 4,
 		hachureGap: 5.2,
-		stroke: l.get("stroke") || o,
+		stroke: c.get("stroke") || o,
 		seed: a,
-		strokeWidth: l.get("stroke-width")?.replace("px", "") || 1.3,
+		strokeWidth: c.get("stroke-width")?.replace("px", "") || 1.3,
 		fillLineDash: [0, 0],
-		strokeLineDash: c(l.get("stroke-dasharray"))
+		strokeLineDash: l(c.get("stroke-dasharray"))
 	}, n);
-}, "userNodeOverrides"), c = /* @__PURE__ */ e((e) => {
+}, "userNodeOverrides"), l = /* @__PURE__ */ e((e) => {
 	if (!e) return [0, 0];
 	let t = e.trim().split(/\s+/).map(Number);
 	if (t.length === 1) {
@@ -64,4 +64,4 @@ var n = /* @__PURE__ */ e((e) => {
 	return [isNaN(t[0]) ? 0 : t[0], isNaN(t[1]) ? 0 : t[1]];
 }, "getStrokeDashArray");
 //#endregion
-export { s as a, o as i, a as n, n as r, r as t };
+export { c as a, s as i, o as n, n as r, i as t };

package/dist/{chunk-KBJHAD2P-BuqWqkcW.js → chunk-POPQ4Y6H-BCbS3Ozc.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./src-C31ngt98.js";
-import { n as t } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { c as n } from "./chunk-I66GZJ75-BqyTCAPf.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-KBJHAD2P.mjs
+import { n as e } from "./src-CA_m4ONl.js";
+import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { c as n } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-POPQ4Y6H.mjs
 var r = /* @__PURE__ */ t((t, r, o, s) => {
 	t.attr("class", o);
 	let { width: c, height: l, x: u, y: d } = i(t, r);

package/dist/{chunk-4I5QYGJK-DpytHuZQ.js → chunk-PWAF6VOD-CTFCL0jI.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./src-C31ngt98.js";
-import { n as t } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { b as n, z as r } from "./chunk-I66GZJ75-BqyTCAPf.js";
+import { n as e } from "./src-CA_m4ONl.js";
+import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { b as n, z as r } from "./chunk-DU6HZSFF-BUgAHvnM.js";
 //#region ../node_modules/.pnpm/@iconify+utils@3.1.4/node_modules/@iconify/utils/lib/icon/defaults.js
 var i = Object.freeze({
 	left: 0,
@@ -219,7 +219,7 @@ function k(e, t) {
 	return "<svg xmlns=\"http://www.w3.org/2000/svg\"" + n + ">" + e + "</svg>";
 }
 //#endregion
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-4I5QYGJK.mjs
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-PWAF6VOD.mjs
 var A = {
 	body: "<g><rect width=\"80\" height=\"80\" style=\"fill: #087ebf; stroke-width: 0px;\"/><text transform=\"translate(21.16 64.67)\" style=\"fill: #fff; font-family: ArialMT, Arial; font-size: 67.75px;\"><tspan x=\"0\" y=\"0\">?</tspan></text></g>",
 	height: 80,

package/dist/{chunk-JQJVKLGR-CgqCwe8E.js → chunk-SHT3W25Y-BspJEJ5H.js}

@@ -1,17 +1,16 @@
-import { t as e } from "./purify.es-CB-YO1Hn.js";
-import { c as t, g as n } from "./chunk-NSK5VX7P-CDTMcJB0.js";
-import { n as r, t as i } from "./src-C31ngt98.js";
-import { n as a } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { G as o, H as s, K as c, U as l, a as u, d, k as f, rt as p, s as ee, v as m, w as h, x as g, y as _ } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { t as te } from "./channel-CyiYUzJv.js";
-import { n as ne, t as re } from "./chunk-ZIRB5QZD-BR4TMfOa.js";
-import { o as v } from "./chunk-QR6OTTB3-D4wH2ldi.js";
-import { r as y, t as b } from "./chunk-J7OUQ5F2-CM_meqZH.js";
-import { t as x } from "./chunk-5VM5RSS4-Bcq0ftdy.js";
-import { t as S } from "./chunk-2GRJ4B5K-DgO8Qudq.js";
-import { t as C } from "./chunk-XXDRQBXY-D73H4IN0.js";
-import { t as w } from "./chunk-KBJHAD2P-BuqWqkcW.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-JQJVKLGR.mjs
+import { t as e } from "./purify.es-DgKyQviY.js";
+import { c as t, g as n } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { n as r, t as i } from "./src-CA_m4ONl.js";
+import { n as a } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { G as o, H as s, K as c, U as l, a as u, d, k as f, rt as p, s as ee, v as m, w as h, x as g, y as _ } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { t as te } from "./channel-B5XnTarr.js";
+import { i as ne } from "./chunk-4HAMMTFA-D2qv8E0X.js";
+import { a as re, i as v, n as y, r as b } from "./mermaid-DPNuhemn.js";
+import { t as x } from "./chunk-5VM5RSS4-DKsmPCL6.js";
+import { t as S } from "./chunk-F27PBJKO-DHmYWZXr.js";
+import { t as C } from "./chunk-XXDRQBXY-Dnl5VBqG.js";
+import { t as w } from "./chunk-POPQ4Y6H-BCbS3Ozc.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-SHT3W25Y.mjs
 var T = "flowchart-", E = class {
 	constructor() {
 		this.vertexCounter = 0, this.config = g(), this.diagramId = "", this.vertices = /* @__PURE__ */ new Map(), this.edges = [], this.classes = /* @__PURE__ */ new Map(), this.subGraphs = [], this.subGraphLookup = /* @__PURE__ */ new Map(), this.tooltips = /* @__PURE__ */ new Map(), this.subCount = 0, this.firstGraphFlag = !0, this.secCount = -1, this.posCrossRef = [], this.funs = [], this.setAccTitle = l, this.setAccDescription = s, this.setDiagramTitle = c, this.getAccTitle = _, this.getAccDescription = m, this.getDiagramTitle = h, this.funs.push(this.setupToolTips.bind(this)), this.addVertex = this.addVertex.bind(this), this.firstGraph = this.firstGraph.bind(this), this.setDirection = this.setDirection.bind(this), this.addSubGraph = this.addSubGraph.bind(this), this.addLink = this.addLink.bind(this), this.setLink = this.setLink.bind(this), this.updateLink = this.updateLink.bind(this), this.addClass = this.addClass.bind(this), this.setClass = this.setClass.bind(this), this.destructLink = this.destructLink.bind(this), this.setClickEvent = this.setClickEvent.bind(this), this.setTooltip = this.setTooltip.bind(this), this.updateLinkInterpolate = this.updateLinkInterpolate.bind(this), this.setClickFun = this.setClickFun.bind(this), this.bindFunctions = this.bindFunctions.bind(this), this.lex = { firstGraph: this.firstGraph.bind(this) }, this.clear(), this.setGen("gen-2");
@@ -42,32 +41,40 @@ var T = "flowchart-", E = class {
 		let l;
 		if (c !== void 0) {
 			let e;
-			e = c.includes("\n") ? c + "\n" : "{\n" + c + "\n}", l = ne(e, { schema: re });
+			e = c.includes("\n") ? c + "\n" : "{\n" + c + "\n}", l = re(e, { schema: v });
 		}
-		let u = this.edges.find((t) => t.id === e);
-		if (u) {
+		let u = this.subGraphLookup.get(e);
+		if (u && l) {
+			u.metadata = {
+				...u.metadata,
+				...l
+			};
+			return;
+		}
+		let d = this.edges.find((t) => t.id === e);
+		if (d) {
 			let e = l;
-			e?.animate !== void 0 && (u.animate = e.animate), e?.animation !== void 0 && (u.animation = e.animation), e?.curve !== void 0 && (u.interpolate = e.curve);
+			e?.animate !== void 0 && (d.animate = e.animate), e?.animation !== void 0 && (d.animation = e.animation), e?.curve !== void 0 && (d.interpolate = e.curve);
 			return;
 		}
-		let d, f = this.vertices.get(e);
-		if (f === void 0 && (t === void 0 && n === void 0 && i != null && r.warn(`Style applied to unknown node "${e}". This may indicate a typo. The node will be created automatically.`), f = {
+		let f, p = this.vertices.get(e);
+		if (p === void 0 && (t === void 0 && n === void 0 && i != null && r.warn(`Style applied to unknown node "${e}". This may indicate a typo. The node will be created automatically.`), p = {
 			id: e,
 			labelType: "text",
 			domId: T + e + "-" + this.vertexCounter,
 			styles: [],
 			classes: []
-		}, this.vertices.set(e, f)), this.vertexCounter++, t === void 0 ? f.text === void 0 && (f.text = e) : (this.config = g(), d = this.sanitizeText(t.text.trim()), f.labelType = t.type, d.startsWith("\"") && d.endsWith("\"") && (d = d.substring(1, d.length - 1)), f.text = d), n !== void 0 && (f.type = n), i?.forEach((e) => {
-			f.styles.push(e);
+		}, this.vertices.set(e, p)), this.vertexCounter++, t === void 0 ? p.text === void 0 && (p.text = e) : (this.config = g(), f = this.sanitizeText(t.text.trim()), p.labelType = t.type, f.startsWith("\"") && f.endsWith("\"") && (f = f.substring(1, f.length - 1)), p.text = f), n !== void 0 && (p.type = n), i?.forEach((e) => {
+			p.styles.push(e);
 		}), a?.forEach((e) => {
-			f.classes.push(e);
-		}), o !== void 0 && (f.dir = o), f.props === void 0 ? f.props = s : s !== void 0 && Object.assign(f.props, s), l !== void 0) {
+			p.classes.push(e);
+		}), o !== void 0 && (p.dir = o), p.props === void 0 ? p.props = s : s !== void 0 && Object.assign(p.props, s), l !== void 0) {
 			if (l.shape) {
 				if (l.shape !== l.shape.toLowerCase() || l.shape.includes("_")) throw Error(`No such shape: ${l.shape}. Shape names should be lowercase.`);
-				if (!v(l.shape)) throw Error(`No such shape: ${l.shape}.`);
-				f.type = l?.shape;
+				if (!ne(l.shape)) throw Error(`No such shape: ${l.shape}.`);
+				p.type = l?.shape;
 			}
-			l?.label && (f.text = l?.label, f.labelType = this.sanitizeNodeLabelType(l?.labelType)), l?.icon && (f.icon = l?.icon, !l.label?.trim() && f.text === e && (f.text = "")), l?.form && (f.form = l?.form), l?.pos && (f.pos = l?.pos), l?.img && (f.img = l?.img, !l.label?.trim() && f.text === e && (f.text = "")), l?.constraint && (f.constraint = l.constraint), l.w && (f.assetWidth = Number(l.w)), l.h && (f.assetHeight = Number(l.h));
+			l?.label && (p.text = l?.label, p.labelType = this.sanitizeNodeLabelType(l?.labelType)), l?.icon && (p.icon = l?.icon, !l.label?.trim() && p.text === e && (p.text = "")), l?.form && (p.form = l?.form), l?.pos && (p.pos = l?.pos), l?.img && (p.img = l?.img, !l.label?.trim() && p.text === e && (p.text = "")), l?.constraint && (p.constraint = l.constraint), l.w && (p.assetWidth = Number(l.w)), l.h && (p.assetHeight = Number(l.h));
 		}
 	}
 	addSingleLink(e, n, i, a) {
@@ -245,19 +252,18 @@ You have to call mermaid.initialize.`);
 				}),
 				dir: r
 			};
-		}, "uniq"))(t.flat()), c = s.nodeList, l = s.dir, u = l !== void 0, d = g().flowchart ?? {}, f = l ?? (d.inheritDir ? this.getDirection() ?? g().direction ?? void 0 : void 0);
-		if (this.version === "gen-1") for (let e = 0; e < c.length; e++) c[e] = this.lookUpDomId(c[e]);
+		}, "uniq"))(t.flat()), c = s.nodeList, l = s.dir, u = g().flowchart ?? {};
+		if (l ??= u.inheritDir ? this.getDirection() ?? g().direction ?? void 0 : void 0, this.version === "gen-1") for (let e = 0; e < c.length; e++) c[e] = this.lookUpDomId(c[e]);
 		i ??= "subGraph" + this.subCount, o ||= "", o = this.sanitizeText(o), this.subCount += 1;
-		let p = {
+		let d = {
 			id: i,
 			nodes: c,
 			title: o.trim(),
 			classes: [],
-			dir: f,
-			hasExplicitDir: u,
+			dir: l,
 			labelType: this.sanitizeNodeLabelType(n?.type)
 		};
-		return r.info("Adding", p.id, p.nodes, p.dir), p.nodes = this.makeUniq(p, this.subGraphs).nodes, this.subGraphs.push(p), this.subGraphLookup.set(i, p), i;
+		return r.info("Adding", d.id, d.nodes, d.dir), d.nodes = this.makeUniq(d, this.subGraphs).nodes, this.subGraphs.push(d), this.subGraphLookup.set(i, d), i;
 	}
 	getPosForId(e) {
 		for (let [t, n] of this.subGraphs.entries()) if (n.id === e) return t;
@@ -456,45 +462,73 @@ You have to call mermaid.initialize.`);
 		return t;
 	}
 	getData() {
-		let e = g(), n = [], r = [], i = this.getSubGraphs(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+		let e = g(), n = [], r = [], i = this.getSubGraphs(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+		for (let e of i) for (let t of e.nodes) this.subGraphLookup.has(t) && c.set(t, e.id);
+		let l = /* @__PURE__ */ a((e) => this.subGraphLookup.get(e)?.metadata?.view === "collapsed", "isCollapsed"), u = /* @__PURE__ */ a((e) => {
+			let t, n = /* @__PURE__ */ new Set(), r = e;
+			for (; r !== void 0 && !n.has(r);) n.add(r), l(r) && (t = r), r = c.get(r);
+			return t;
+		}, "outermostCollapsed"), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map();
+		for (let e of i) {
+			let t = u(e.id);
+			if (t !== void 0) {
+				e.id !== t && (d.add(e.id), f.set(e.id, t));
+				for (let n of e.nodes) n !== t && (d.add(n), f.set(n, t));
+			}
+		}
 		for (let e = i.length - 1; e >= 0; e--) {
 			let t = i[e];
-			t.nodes.length > 0 && o.set(t.id, !0);
-			for (let e of t.nodes) a.set(e, t.id);
+			if (!d.has(t.id)) {
+				t.nodes.length > 0 && s.set(t.id, !0);
+				for (let e of t.nodes) o.set(e, t.id);
+			}
 		}
 		for (let t = i.length - 1; t >= 0; t--) {
 			let r = i[t];
-			n.push({
+			d.has(r.id) || (r.metadata?.view === "collapsed" ? n.push({
 				id: r.id,
 				label: r.title,
 				labelStyle: "",
 				labelType: r.labelType,
-				parentId: a.get(r.id),
+				parentId: o.get(r.id),
+				padding: 8,
+				cssCompiledStyles: this.getCompiledStyles(r.classes),
+				cssClasses: r.classes.join(" "),
+				shape: "collapsedGroup",
+				dir: r.dir,
+				isGroup: !1,
+				look: e.look
+			}) : n.push({
+				id: r.id,
+				label: r.title,
+				labelStyle: "",
+				labelType: r.labelType,
+				parentId: o.get(r.id),
 				padding: 8,
 				cssCompiledStyles: this.getCompiledStyles(r.classes),
 				cssClasses: r.classes.join(" "),
 				shape: "rect",
-				dir: r.dir === "TD" ? "TB" : r.dir,
-				explicitDir: r.hasExplicitDir,
+				dir: r.dir,
 				isGroup: !0,
 				look: e.look
-			});
+			}));
 		}
 		this.getVertices().forEach((t) => {
-			this.addNodeFromVertex(t, n, a, o, e, e.look || "classic");
+			d.has(t.id) || this.addNodeFromVertex(t, n, o, s, e, e.look || "classic");
 		});
-		let s = this.getEdges();
-		return s.forEach((n, i) => {
-			let { arrowTypeStart: a, arrowTypeEnd: o } = this.destructEdgeType(n.type), c = [...s.defaultStyle ?? []];
-			n.style && c.push(...n.style);
-			let l = {
-				id: t(n.start, n.end, {
+		let p = this.getEdges();
+		return p.forEach((n, i) => {
+			let { arrowTypeStart: a, arrowTypeEnd: o } = this.destructEdgeType(n.type), s = [...p.defaultStyle ?? []], c = f.get(n.start) ?? n.start, l = f.get(n.end) ?? n.end;
+			if (c === l && (f.has(n.start) || f.has(n.end))) return;
+			n.style && s.push(...n.style);
+			let u = {
+				id: t(c, l, {
 					counter: i,
 					prefix: "L"
 				}, n.id),
 				isUserDefinedId: n.isUserDefinedId,
-				start: n.start,
-				end: n.end,
+				start: c,
+				end: l,
 				type: n.type ?? "normal",
 				label: n.text,
 				labelType: n.labelType,
@@ -506,15 +540,15 @@ You have to call mermaid.initialize.`);
 				arrowTypeEnd: n?.stroke === "invisible" || n?.type === "arrow_open" ? "none" : o,
 				arrowheadStyle: "fill: #333",
 				cssCompiledStyles: this.getCompiledStyles(n.classes),
-				labelStyle: c,
-				style: c,
+				labelStyle: s,
+				style: s,
 				pattern: n.stroke,
 				look: e.look,
 				animate: n.animate,
 				animation: n.animation,
 				curve: n.interpolate || this.edges.defaultInterpolate || e.flowchart?.curve
 			};
-			r.push(l);
+			r.push(u);
 		}), {
 			nodes: n,
 			edges: r,
@@ -529,20 +563,20 @@ You have to call mermaid.initialize.`);
 	getClasses: /* @__PURE__ */ a(function(e, t) {
 		return t.db.getClasses();
 	}, "getClasses"),
-	draw: /* @__PURE__ */ a(async function(e, t, i, a, o) {
+	draw: /* @__PURE__ */ a(async function(e, t, i, a) {
 		r.info("REF0:"), r.info("Drawing state diagram (v2)", t);
-		let { securityLevel: s, flowchart: c, layout: l } = g();
+		let { securityLevel: o, flowchart: s, layout: c } = g();
 		a.db.setDiagramId(t), r.debug("Before getData: ");
-		let u = a.db.getData();
-		r.debug("Data: ", u);
-		let d = C(t, s), f = a.db.getDirection();
-		u.type = a.type, u.layoutAlgorithm = b(l), u.layoutAlgorithm === "dagre" && l === "elk" && r.warn("flowchart-elk was moved to an external package in Mermaid v11. Please refer [release notes](https://github.com/mermaid-js/mermaid/releases/tag/v11.0.0) for more details. This diagram will be rendered using `dagre` layout as a fallback."), u.direction = f, u.nodeSpacing = c?.nodeSpacing || 50, u.rankSpacing = c?.rankSpacing || 50, u.markers = [
+		let l = a.db.getData();
+		r.debug("Data: ", l);
+		let u = C(t, o), d = a.db.getDirection();
+		l.type = a.type, l.layoutAlgorithm = y(c), l.layoutAlgorithm === "dagre" && c === "elk" && r.warn("flowchart-elk was moved to an external package in Mermaid v11. Please refer [release notes](https://github.com/mermaid-js/mermaid/releases/tag/v11.0.0) for more details. This diagram will be rendered using `dagre` layout as a fallback."), l.direction = d, l.nodeSpacing = s?.nodeSpacing || 50, l.rankSpacing = s?.rankSpacing || 50, l.markers = [
 			"point",
 			"circle",
 			"cross"
-		], u.diagramId = t, r.debug("REF1:", u), await y(u, d, o);
-		let p = u.config.flowchart?.diagramPadding ?? 8;
-		n.insertTitle(d, "flowchartTitleText", c?.titleTopMargin || 0, a.db.getDiagramTitle()), w(d, p, "flowchart", c?.useMaxWidth || !1);
+		], l.diagramId = t, r.debug("REF1:", l), await b(l, u);
+		let f = l.config.flowchart?.diagramPadding ?? 8;
+		n.insertTitle(u, "flowchartTitleText", s?.titleTopMargin || 0, a.db.getDiagramTitle()), w(u, f, "flowchart", s?.useMaxWidth || !1);
 	}, "draw")
 }, O = (function() {
 	var e = /* @__PURE__ */ a(function(e, t, n, r) {
@@ -4035,7 +4069,7 @@ var oe = ae, k = /* @__PURE__ */ a((e, t) => {
     fill: ${e.arrowheadColor};
   }
 
-  .edgePath .path {
+  .edgePaths .path {
     stroke: ${e.lineColor};
     stroke-width: ${e.strokeWidth ?? 2}px;
   }
@@ -4081,6 +4115,18 @@ var oe = ae, k = /* @__PURE__ */ a((e, t) => {
     color: ${e.titleColor};
   } */
 
+  /* Collapsed subgraph node (@{ view: collapsed }) */
+  .node .collapsed-indicator {
+    fill: ${e.clusterBorder};
+    stroke: none;
+    opacity: 0.6;
+  }
+
+  .node .collapsed-separator {
+    stroke: ${e.clusterBorder};
+    stroke-width: 0.75px;
+  }
+
   div.mermaidTooltip {
     position: absolute;
     text-align: center;

package/dist/{chunk-6Q2QTUOP-DmTcEBMn.js → chunk-SVP7TREG-DX3rFNTe.js}

@@ -1,8 +1,8 @@
-import { n as e } from "./src-C31ngt98.js";
-import { n as t } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { D as n, a as r, b as i, c as a, x as o, z as s } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { t as c } from "./chunk-3NCLNEKW-BIp_lB_4.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-6Q2QTUOP.mjs
+import { n as e } from "./src-CA_m4ONl.js";
+import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { D as n, a as r, b as i, c as a, x as o, z as s } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { p as c } from "./mermaid-DPNuhemn.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-SVP7TREG.mjs
 var l = "", u = "", d = "", f = [], p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ t((e) => s(e, o()), "sanitizeText"), h = /* @__PURE__ */ t((e) => {
 	switch (e.type) {
 		case "terminal": return {

package/dist/{chunk-GF5L2VYU-B0wgCQgS.js → chunk-TICWLB2K-fVF7Uujg.js}

@@ -1,14 +1,14 @@
-import { t as e } from "./purify.es-CB-YO1Hn.js";
-import { c as t, g as n } from "./chunk-NSK5VX7P-CDTMcJB0.js";
-import { n as r, t as i } from "./src-C31ngt98.js";
-import { n as a } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { H as o, K as s, M as c, U as l, a as u, s as d, v as f, w as p, x as m, y as h, z as g } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { r as _, t as v } from "./chunk-J7OUQ5F2-CM_meqZH.js";
-import { t as y } from "./chunk-5VM5RSS4-Bcq0ftdy.js";
-import { t as b } from "./chunk-2GRJ4B5K-DgO8Qudq.js";
-import { t as x } from "./chunk-XXDRQBXY-D73H4IN0.js";
-import { t as S } from "./chunk-KBJHAD2P-BuqWqkcW.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-GF5L2VYU.mjs
+import { t as e } from "./purify.es-DgKyQviY.js";
+import { c as t, g as n } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { n as r, t as i } from "./src-CA_m4ONl.js";
+import { n as a } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { H as o, K as s, M as c, U as l, a as u, s as d, v as f, w as p, x as m, y as h, z as g } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { n as _, r as v } from "./mermaid-DPNuhemn.js";
+import { t as y } from "./chunk-5VM5RSS4-DKsmPCL6.js";
+import { t as b } from "./chunk-F27PBJKO-DHmYWZXr.js";
+import { t as x } from "./chunk-XXDRQBXY-Dnl5VBqG.js";
+import { t as S } from "./chunk-POPQ4Y6H-BCbS3Ozc.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-TICWLB2K.mjs
 var C = (function() {
 	var e = /* @__PURE__ */ a(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
@@ -3339,13 +3339,13 @@ g.classGroup line {
 		let { securityLevel: o, state: s, layout: c } = m();
 		a.db.setDiagramId(t);
 		let l = a.db.getData(), u = x(t, o);
-		l.type = a.type, l.layoutAlgorithm = v(c), l.nodeSpacing = s?.nodeSpacing || 50, l.rankSpacing = s?.rankSpacing || 50, l.markers = [
+		l.type = a.type, l.layoutAlgorithm = _(c), l.nodeSpacing = s?.nodeSpacing || 50, l.rankSpacing = s?.rankSpacing || 50, l.markers = [
 			"aggregation",
 			"extension",
 			"composition",
 			"dependency",
 			"lollipop"
-		], l.diagramId = t, await _(l, u), n.insertTitle(u, "classDiagramTitleText", s?.titleTopMargin ?? 25, a.db.getDiagramTitle()), S(u, 8, "classDiagram", s?.useMaxWidth ?? !0);
+		], l.diagramId = t, await v(l, u), n.insertTitle(u, "classDiagramTitleText", s?.titleTopMargin ?? 25, a.db.getDiagramTitle()), S(u, 8, "classDiagram", s?.useMaxWidth ?? !0);
 	}, "draw"),
 	getDir: /* @__PURE__ */ a((e, t = "TB") => {
 		if (!e.doc) return t;

package/dist/{chunk-XXDRQBXY-D73H4IN0.js → chunk-XXDRQBXY-Dnl5VBqG.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./src-C31ngt98.js";
-import { n as t } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-XXDRQBXY.mjs
+import { t as e } from "./src-CA_m4ONl.js";
+import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-XXDRQBXY.mjs
 var n = /* @__PURE__ */ t((t, n) => {
 	let r;
 	return n === "sandbox" && (r = e("#i" + t)), e(n === "sandbox" ? r.nodes()[0].contentDocument.body : "body").select(`[id="${t}"]`);

package/dist/{chunk-Y2CYZVJY-DoegUj_e.js → chunk-Y2CYZVJY-DKKS1VyV.js}

@@ -1,4 +1,4 @@
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-Y2CYZVJY.mjs
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-Y2CYZVJY.mjs
 var e = Object.defineProperty, t = (t, n) => e(t, "name", {
 	value: n,
 	configurable: !0