@countermeasure-platform/web-components 1.2.1-dev.6.1 → 1.2.2-dev.7.1

package/dist/{flowDiagram-PKNHOUZH-DInJjOz3.js → flowDiagram-I6XJVG4X-RYkPtPRG.js}

@@ -1,31 +1,31 @@
-import { t as e } from "./purify.es-Dsqc2y0I.js";
-import { w as t } from "./src-D1EMXotX.js";
-import { h as n, s as r } from "./chunk-GEFDOKGD-DGJJEGSm.js";
-import { n as i, r as a } from "./src-BhNgmpel.js";
-import { B as o, C as s, U as c, V as l, W as u, _ as d, a as f, b as p, s as m, tt as h, u as g, v as _ } from "./chunk-7R4GIKGN-DJmroLCH.js";
-import { t as v } from "./channel-LRbq43st.js";
-import "./chunk-PU5JKC2W-DNpn_Yik.js";
-import { t as ee } from "./chunk-FMBD7UC4-1IxrpdPX.js";
-import "./chunk-MX3YWQON-D43mcq1f.js";
-import "./chunk-YBOYWFTD-DkjEOcgZ.js";
-import { t as te } from "./chunk-JSJVCQXG-Do17yYig.js";
-import { t as ne } from "./chunk-55IACEB6-DZ-UBhHX.js";
-import { t as y } from "./chunk-KX2RTZJC-d9jFqUAY.js";
-import "./chunk-PQ6SQG4A-Cpfc5F4u.js";
-import { o as b } from "./chunk-KYZI473N-BXYCe83A.js";
-import "./chunk-O4XLMI2P-DtGEm9QX.js";
-import { r as x, t as S } from "./chunk-GLR3WWYH-BDwmgwCA.js";
-import { n as C, t as w } from "./chunk-XPW4576I-BqiPnb3d.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/flowDiagram-PKNHOUZH.mjs
-var T = "flowchart-", E = class {
+import { w as e } from "./src-CWnvxuyh.js";
+import { t } from "./purify.es-Dsqc2y0I.js";
+import { n, r } from "./src-DngnQkx_.js";
+import { G as i, H as a, K as o, U as s, a as c, d as l, rt as u, s as d, v as f, w as ee, x as p, y as m } from "./chunk-CSCIHK7Q-DyRIc27i.js";
+import { t as h } from "./channel-MTYqUJFm.js";
+import { c as g, g as _ } from "./chunk-5ZQYHXKU-CjOcwRY6.js";
+import "./chunk-O5CBEL6O-DThtyjPO.js";
+import { t as te } from "./chunk-FMBD7UC4-IdpWVRCU.js";
+import "./chunk-BSJP7CBP-Bl94i3-1.js";
+import "./chunk-L5ZTLDWV-Day0EgsR.js";
+import { t as ne } from "./chunk-ND2GUHAM-Boh7GenS.js";
+import { t as re } from "./chunk-55IACEB6-CuKbiO89.js";
+import { t as v } from "./chunk-2J33WTMH-BKsVIUnb.js";
+import "./chunk-NZK2D7GU-D4Ird7wv.js";
+import { o as y } from "./chunk-3OPIFGDE-CcNRL44h.js";
+import "./chunk-KSCS5N6A-CVcDS9QV.js";
+import { r as b, t as x } from "./chunk-LZXEDZCA-BO_GpQSR.js";
+import { n as S, t as C } from "./chunk-XPW4576I-BwxN5U1_.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/flowDiagram-I6XJVG4X.mjs
+var w = "flowchart-", T = class {
 	constructor() {
-		this.vertexCounter = 0, this.config = p(), 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 = o, this.setDiagramTitle = u, this.getAccTitle = _, this.getAccDescription = d, this.getDiagramTitle = s, 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");
+		this.vertexCounter = 0, this.config = p(), 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 = s, this.setAccDescription = a, this.setDiagramTitle = o, this.getAccTitle = m, this.getAccDescription = f, this.getDiagramTitle = ee, 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");
 	}
 	static {
-		i(this, "FlowDB");
+		n(this, "FlowDB");
 	}
 	sanitizeText(e) {
-		return m.sanitizeText(e, this.config);
+		return d.sanitizeText(e, this.config);
 	}
 	sanitizeNodeLabelType(e) {
 		switch (e) {
@@ -35,45 +35,48 @@ var T = "flowchart-", E = class {
 			default: return "markdown";
 		}
 	}
+	setDiagramId(e) {
+		this.diagramId = e;
+	}
 	lookUpDomId(e) {
-		for (let t of this.vertices.values()) if (t.id === e) return t.domId;
-		return e;
+		for (let t of this.vertices.values()) if (t.id === e) return this.diagramId ? `${this.diagramId}-${t.domId}` : t.domId;
+		return this.diagramId ? `${this.diagramId}-${e}` : e;
 	}
-	addVertex(e, t, n, r, i, a, o = {}, s) {
+	addVertex(e, t, n, i, a, o, s = {}, c) {
 		if (!e || e.trim().length === 0) return;
-		let c;
-		if (s !== void 0) {
+		let l;
+		if (c !== void 0) {
 			let e;
-			e = s.includes("\n") ? s + "\n" : "{\n" + s + "\n}", c = C(e, { schema: w });
+			e = c.includes("\n") ? c + "\n" : "{\n" + c + "\n}", l = S(e, { schema: C });
 		}
-		let l = this.edges.find((t) => t.id === e);
-		if (l) {
-			let e = c;
-			e?.animate !== void 0 && (l.animate = e.animate), e?.animation !== void 0 && (l.animation = e.animation), e?.curve !== void 0 && (l.interpolate = e.curve);
+		let u = this.edges.find((t) => t.id === e);
+		if (u) {
+			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);
 			return;
 		}
-		let u, d = this.vertices.get(e);
-		if (d === void 0 && (d = {
+		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 = {
 			id: e,
 			labelType: "text",
-			domId: T + e + "-" + this.vertexCounter,
+			domId: w + e + "-" + this.vertexCounter,
 			styles: [],
 			classes: []
-		}, this.vertices.set(e, d)), this.vertexCounter++, t === void 0 ? d.text === void 0 && (d.text = e) : (this.config = p(), u = this.sanitizeText(t.text.trim()), d.labelType = t.type, u.startsWith("\"") && u.endsWith("\"") && (u = u.substring(1, u.length - 1)), d.text = u), n !== void 0 && (d.type = n), r?.forEach((e) => {
-			d.styles.push(e);
-		}), i?.forEach((e) => {
-			d.classes.push(e);
-		}), a !== void 0 && (d.dir = a), d.props === void 0 ? d.props = o : o !== void 0 && Object.assign(d.props, o), c !== void 0) {
-			if (c.shape) {
-				if (c.shape !== c.shape.toLowerCase() || c.shape.includes("_")) throw Error(`No such shape: ${c.shape}. Shape names should be lowercase.`);
-				if (!b(c.shape)) throw Error(`No such shape: ${c.shape}.`);
-				d.type = c?.shape;
+		}, this.vertices.set(e, f)), this.vertexCounter++, t === void 0 ? f.text === void 0 && (f.text = e) : (this.config = p(), 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);
+		}), 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) {
+			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 (!y(l.shape)) throw Error(`No such shape: ${l.shape}.`);
+				f.type = l?.shape;
 			}
-			c?.label && (d.text = c?.label, d.labelType = this.sanitizeNodeLabelType(c?.labelType)), c?.icon && (d.icon = c?.icon, !c.label?.trim() && d.text === e && (d.text = "")), c?.form && (d.form = c?.form), c?.pos && (d.pos = c?.pos), c?.img && (d.img = c?.img, !c.label?.trim() && d.text === e && (d.text = "")), c?.constraint && (d.constraint = c.constraint), c.w && (d.assetWidth = Number(c.w)), c.h && (d.assetHeight = Number(c.h));
+			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));
 		}
 	}
 	addSingleLink(e, t, n, i) {
-		let o = {
+		let a = {
 			start: e,
 			end: t,
 			type: void 0,
@@ -83,20 +86,20 @@ var T = "flowchart-", E = class {
 			isUserDefinedId: !1,
 			interpolate: this.edges.defaultInterpolate
 		};
-		a.info("abc78 Got edge...", o);
-		let s = n.text;
-		if (s !== void 0 && (o.text = this.sanitizeText(s.text.trim()), o.text.startsWith("\"") && o.text.endsWith("\"") && (o.text = o.text.substring(1, o.text.length - 1)), o.labelType = this.sanitizeNodeLabelType(s.type)), n !== void 0 && (o.type = n.type, o.stroke = n.stroke, o.length = n.length > 10 ? 10 : n.length), i && !this.edges.some((e) => e.id === i)) o.id = i, o.isUserDefinedId = !0;
+		r.info("abc78 Got edge...", a);
+		let o = n.text;
+		if (o !== void 0 && (a.text = this.sanitizeText(o.text.trim()), a.text.startsWith("\"") && a.text.endsWith("\"") && (a.text = a.text.substring(1, a.text.length - 1)), a.labelType = this.sanitizeNodeLabelType(o.type)), n !== void 0 && (a.type = n.type, a.stroke = n.stroke, a.length = n.length > 10 ? 10 : n.length), i && !this.edges.some((e) => e.id === i)) a.id = i, a.isUserDefinedId = !0;
 		else {
-			let e = this.edges.filter((e) => e.start === o.start && e.end === o.end);
-			e.length === 0 ? o.id = r(o.start, o.end, {
+			let e = this.edges.filter((e) => e.start === a.start && e.end === a.end);
+			e.length === 0 ? a.id = g(a.start, a.end, {
 				counter: 0,
 				prefix: "L"
-			}) : o.id = r(o.start, o.end, {
+			}) : a.id = g(a.start, a.end, {
 				counter: e.length + 1,
 				prefix: "L"
 			});
 		}
-		if (this.edges.length < (this.config.maxEdges ?? 500)) a.info("Pushing edge..."), this.edges.push(o);
+		if (this.edges.length < (this.config.maxEdges ?? 500)) r.info("Pushing edge..."), this.edges.push(a);
 		else throw Error(`Edge limit exceeded. ${this.edges.length} edges found, but the limit is ${this.config.maxEdges}.
 
 Initialize mermaid with maxEdges set to a higher number to allow more edges.
@@ -107,11 +110,11 @@ You have to call mermaid.initialize.`);
 		return typeof e == "object" && !!e && "id" in e && typeof e.id == "string";
 	}
 	addLink(e, t, n) {
-		let r = this.isLinkData(n) ? n.id.replace("@", "") : void 0;
-		a.info("addLink", e, t, r);
-		for (let i of e) for (let a of t) {
-			let o = i === e[e.length - 1], s = a === t[0];
-			o && s ? this.addSingleLink(i, a, n, r) : this.addSingleLink(i, a, n, void 0);
+		let i = this.isLinkData(n) ? n.id.replace("@", "") : void 0;
+		r.info("addLink", e, t, i);
+		for (let r of e) for (let a of t) {
+			let o = r === e[e.length - 1], s = a === t[0];
+			o && s ? this.addSingleLink(r, a, n, i) : this.addSingleLink(r, a, n, void 0);
 		}
 	}
 	updateLinkInterpolate(e, t) {
@@ -161,30 +164,29 @@ You have to call mermaid.initialize.`);
 			for (let n of e.split(",")) this.tooltips.set(this.version === "gen-1" ? this.lookUpDomId(n) : n, t);
 		}
 	}
-	setClickFun(e, t, r) {
-		let i = this.lookUpDomId(e);
+	setClickFun(e, t, n) {
 		if (p().securityLevel !== "loose" || t === void 0) return;
-		let a = [];
-		if (typeof r == "string") {
-			a = r.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
-			for (let e = 0; e < a.length; e++) {
-				let t = a[e].trim();
-				t.startsWith("\"") && t.endsWith("\"") && (t = t.substr(1, t.length - 2)), a[e] = t;
+		let r = [];
+		if (typeof n == "string") {
+			r = n.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
+			for (let e = 0; e < r.length; e++) {
+				let t = r[e].trim();
+				t.startsWith("\"") && t.endsWith("\"") && (t = t.substr(1, t.length - 2)), r[e] = t;
 			}
 		}
-		a.length === 0 && a.push(e);
-		let o = this.vertices.get(e);
-		o && (o.haveCallback = !0, this.funs.push(() => {
-			let e = document.querySelector(`[id="${i}"]`);
-			e !== null && e.addEventListener("click", () => {
-				n.runFunc(t, ...a);
+		r.length === 0 && r.push(e);
+		let i = this.vertices.get(e);
+		i && (i.haveCallback = !0, this.funs.push(() => {
+			let n = this.lookUpDomId(e), i = document.querySelector(`[id="${n}"]`);
+			i !== null && i.addEventListener("click", () => {
+				_.runFunc(t, ...r);
 			}, !1);
 		}));
 	}
-	setLink(e, t, r) {
+	setLink(e, t, n) {
 		e.split(",").forEach((e) => {
-			let i = this.vertices.get(e);
-			i !== void 0 && (i.link = n.formatUrl(t, this.config), i.linkTarget = r);
+			let r = this.vertices.get(e);
+			r !== void 0 && (r.link = _.formatUrl(t, this.config), r.linkTarget = n);
 		}), this.setClass(e, "clickable");
 	}
 	getTooltip(e) {
@@ -213,18 +215,18 @@ You have to call mermaid.initialize.`);
 		return this.classes;
 	}
 	setupToolTips(n) {
-		let r = te();
-		t(n).select("svg").selectAll("g.node").on("mouseover", (n) => {
-			let i = t(n.currentTarget), a = i.attr("title");
+		let r = ne();
+		e(n).select("svg").selectAll("g.node").on("mouseover", (n) => {
+			let i = e(n.currentTarget), a = i.attr("title");
 			if (a === null) return;
 			let o = n.currentTarget?.getBoundingClientRect();
-			r.transition().duration(200).style("opacity", ".9"), r.text(i.attr("title")).style("left", window.scrollX + o.left + (o.right - o.left) / 2 + "px").style("top", window.scrollY + o.bottom + "px"), r.html(e.sanitize(a)), i.classed("hover", !0);
-		}).on("mouseout", (e) => {
-			r.transition().duration(500).style("opacity", 0), t(e.currentTarget).classed("hover", !1);
+			r.transition().duration(200).style("opacity", ".9"), r.text(i.attr("title")).style("left", window.scrollX + o.left + (o.right - o.left) / 2 + "px").style("top", window.scrollY + o.bottom + "px"), r.html(t.sanitize(a)), i.classed("hover", !0);
+		}).on("mouseout", (t) => {
+			r.transition().duration(500).style("opacity", 0), e(t.currentTarget).classed("hover", !1);
 		});
 	}
 	clear(e = "gen-2") {
-		this.vertices = /* @__PURE__ */ new Map(), this.classes = /* @__PURE__ */ new Map(), this.edges = [], this.funs = [this.setupToolTips.bind(this)], this.subGraphs = [], this.subGraphLookup = /* @__PURE__ */ new Map(), this.subCount = 0, this.tooltips = /* @__PURE__ */ new Map(), this.firstGraphFlag = !0, this.version = e, this.config = p(), f();
+		this.vertices = /* @__PURE__ */ new Map(), this.classes = /* @__PURE__ */ new Map(), this.edges = [], this.funs = [this.setupToolTips.bind(this)], this.diagramId = "", this.subGraphs = [], this.subGraphLookup = /* @__PURE__ */ new Map(), this.subCount = 0, this.tooltips = /* @__PURE__ */ new Map(), this.firstGraphFlag = !0, this.version = e, this.config = p(), c();
 	}
 	setGen(e) {
 		this.version = e || "gen-2";
@@ -232,10 +234,10 @@ You have to call mermaid.initialize.`);
 	defaultStyle() {
 		return "fill:#ffa;stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;fill:#ffa;stroke: #666;";
 	}
-	addSubGraph(e, t, n) {
-		let r = e.text.trim(), o = n.text;
-		e === n && /\s/.exec(n.text) && (r = void 0);
-		let s = (/* @__PURE__ */ i((e) => {
+	addSubGraph(e, t, i) {
+		let a = e.text.trim(), o = i.text;
+		e === i && /\s/.exec(i.text) && (a = void 0);
+		let s = (/* @__PURE__ */ n((e) => {
 			let t = {
 				boolean: {},
 				number: {},
@@ -250,16 +252,16 @@ You have to call mermaid.initialize.`);
 			};
 		}, "uniq"))(t.flat()), c = s.nodeList, l = s.dir, u = p().flowchart ?? {};
 		if (l ??= u.inheritDir ? this.getDirection() ?? p().direction ?? void 0 : void 0, this.version === "gen-1") for (let e = 0; e < c.length; e++) c[e] = this.lookUpDomId(c[e]);
-		r ??= "subGraph" + this.subCount, o ||= "", o = this.sanitizeText(o), this.subCount += 1;
+		a ??= "subGraph" + this.subCount, o ||= "", o = this.sanitizeText(o), this.subCount += 1;
 		let d = {
-			id: r,
+			id: a,
 			nodes: c,
 			title: o.trim(),
 			classes: [],
 			dir: l,
-			labelType: this.sanitizeNodeLabelType(n?.type)
+			labelType: this.sanitizeNodeLabelType(i?.type)
 		};
-		return a.info("Adding", d.id, d.nodes, d.dir), d.nodes = this.makeUniq(d, this.subGraphs).nodes, this.subGraphs.push(d), this.subGraphLookup.set(r, d), r;
+		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(a, d), a;
 	}
 	getPosForId(e) {
 		for (let [t, n] of this.subGraphs.entries()) if (n.id === e) return t;
@@ -464,39 +466,39 @@ You have to call mermaid.initialize.`);
 		return t;
 	}
 	getData() {
-		let e = p(), t = [], n = [], i = this.getSubGraphs(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-		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);
+		let e = p(), t = [], n = [], r = this.getSubGraphs(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
+		for (let e = r.length - 1; e >= 0; e--) {
+			let t = r[e];
+			t.nodes.length > 0 && a.set(t.id, !0);
+			for (let e of t.nodes) i.set(e, t.id);
 		}
-		for (let n = i.length - 1; n >= 0; n--) {
-			let r = i[n];
+		for (let n = r.length - 1; n >= 0; n--) {
+			let a = r[n];
 			t.push({
-				id: r.id,
-				label: r.title,
+				id: a.id,
+				label: a.title,
 				labelStyle: "",
-				labelType: r.labelType,
-				parentId: a.get(r.id),
+				labelType: a.labelType,
+				parentId: i.get(a.id),
 				padding: 8,
-				cssCompiledStyles: this.getCompiledStyles(r.classes),
-				cssClasses: r.classes.join(" "),
+				cssCompiledStyles: this.getCompiledStyles(a.classes),
+				cssClasses: a.classes.join(" "),
 				shape: "rect",
-				dir: r.dir,
+				dir: a.dir,
 				isGroup: !0,
 				look: e.look
 			});
 		}
 		this.getVertices().forEach((n) => {
-			this.addNodeFromVertex(n, t, a, o, e, e.look || "classic");
+			this.addNodeFromVertex(n, t, i, a, e, e.look || "classic");
 		});
-		let s = this.getEdges();
-		return s.forEach((t, i) => {
-			let { arrowTypeStart: a, arrowTypeEnd: o } = this.destructEdgeType(t.type), c = [...s.defaultStyle ?? []];
-			t.style && c.push(...t.style);
-			let l = {
-				id: r(t.start, t.end, {
-					counter: i,
+		let o = this.getEdges();
+		return o.forEach((t, r) => {
+			let { arrowTypeStart: i, arrowTypeEnd: a } = this.destructEdgeType(t.type), s = [...o.defaultStyle ?? []];
+			t.style && s.push(...t.style);
+			let c = {
+				id: g(t.start, t.end, {
+					counter: r,
 					prefix: "L"
 				}, t.id),
 				isUserDefinedId: t.isUserDefinedId,
@@ -509,19 +511,19 @@ You have to call mermaid.initialize.`);
 				thickness: t.stroke,
 				minlen: t.length,
 				classes: t?.stroke === "invisible" ? "" : "edge-thickness-normal edge-pattern-solid flowchart-link",
-				arrowTypeStart: t?.stroke === "invisible" || t?.type === "arrow_open" ? "none" : a,
-				arrowTypeEnd: t?.stroke === "invisible" || t?.type === "arrow_open" ? "none" : o,
+				arrowTypeStart: t?.stroke === "invisible" || t?.type === "arrow_open" ? "none" : i,
+				arrowTypeEnd: t?.stroke === "invisible" || t?.type === "arrow_open" ? "none" : a,
 				arrowheadStyle: "fill: #333",
 				cssCompiledStyles: this.getCompiledStyles(t.classes),
-				labelStyle: c,
-				style: c,
+				labelStyle: s,
+				style: s,
 				pattern: t.stroke,
 				look: e.look,
 				animate: t.animate,
 				animation: t.animation,
 				curve: t.interpolate || this.edges.defaultInterpolate || e.flowchart?.curve
 			};
-			n.push(l);
+			n.push(c);
 		}), {
 			nodes: t,
 			edges: n,
@@ -530,50 +532,32 @@ You have to call mermaid.initialize.`);
 		};
 	}
 	defaultConfig() {
-		return g.flowchart;
+		return l.flowchart;
 	}
-}, D = {
-	getClasses: /* @__PURE__ */ i(function(e, t) {
+}, E = {
+	getClasses: /* @__PURE__ */ n(function(e, t) {
 		return t.db.getClasses();
 	}, "getClasses"),
-	draw: /* @__PURE__ */ i(async function(e, r, i, o) {
-		a.info("REF0:"), a.info("Drawing state diagram (v2)", r);
-		let { securityLevel: s, flowchart: c, layout: l } = p(), u;
-		s === "sandbox" && (u = t("#i" + r));
-		let d = s === "sandbox" ? u.nodes()[0].contentDocument : document;
-		a.debug("Before getData: ");
-		let f = o.db.getData();
-		a.debug("Data: ", f);
-		let m = ne(r, s), h = o.db.getDirection();
-		f.type = o.type, f.layoutAlgorithm = S(l), f.layoutAlgorithm === "dagre" && l === "elk" && a.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."), f.direction = h, f.nodeSpacing = c?.nodeSpacing || 50, f.rankSpacing = c?.rankSpacing || 50, f.markers = [
+	draw: /* @__PURE__ */ n(async function(e, t, n, i) {
+		r.info("REF0:"), r.info("Drawing state diagram (v2)", t);
+		let { securityLevel: a, flowchart: o, layout: s } = p();
+		i.db.setDiagramId(t), r.debug("Before getData: ");
+		let c = i.db.getData();
+		r.debug("Data: ", c);
+		let l = re(t, a), u = i.db.getDirection();
+		c.type = i.type, c.layoutAlgorithm = x(s), c.layoutAlgorithm === "dagre" && s === "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."), c.direction = u, c.nodeSpacing = o?.nodeSpacing || 50, c.rankSpacing = o?.rankSpacing || 50, c.markers = [
 			"point",
 			"circle",
 			"cross"
-		], f.diagramId = r, a.debug("REF1:", f), await x(f, m);
-		let g = f.config.flowchart?.diagramPadding ?? 8;
-		n.insertTitle(m, "flowchartTitleText", c?.titleTopMargin || 0, o.db.getDiagramTitle()), y(m, g, "flowchart", c?.useMaxWidth || !1);
-		for (let e of f.nodes) {
-			let n = t(`#${r} [id="${e.id}"]`);
-			if (!n || !e.link) continue;
-			let i = d.createElementNS("http://www.w3.org/2000/svg", "a");
-			i.setAttributeNS("http://www.w3.org/2000/svg", "class", e.cssClasses), i.setAttributeNS("http://www.w3.org/2000/svg", "rel", "noopener"), s === "sandbox" ? i.setAttributeNS("http://www.w3.org/2000/svg", "target", "_top") : e.linkTarget && i.setAttributeNS("http://www.w3.org/2000/svg", "target", e.linkTarget);
-			let a = n.insert(function() {
-				return i;
-			}, ":first-child"), o = n.select(".label-container");
-			o && a.append(function() {
-				return o.node();
-			});
-			let c = n.select(".label");
-			c && a.append(function() {
-				return c.node();
-			});
-		}
+		], c.diagramId = t, r.debug("REF1:", c), await b(c, l);
+		let d = c.config.flowchart?.diagramPadding ?? 8;
+		_.insertTitle(l, "flowchartTitleText", o?.titleTopMargin || 0, i.db.getDiagramTitle()), v(l, d, "flowchart", o?.useMaxWidth || !1);
 	}, "draw")
-}, O = (function() {
-	var e = /* @__PURE__ */ i(function(e, t, n, r) {
+}, D = (function() {
+	var e = /* @__PURE__ */ n(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
 		return n;
-	}, "o"), t = [1, 4], n = [1, 3], r = [1, 5], a = [
+	}, "o"), t = [1, 4], r = [1, 3], i = [1, 5], a = [
 		1,
 		8,
 		9,
@@ -604,7 +588,7 @@ You have to call mermaid.initialize.`);
 		123,
 		124,
 		125
-	], o = [2, 2], s = [1, 13], c = [1, 14], l = [1, 15], u = [1, 16], d = [1, 23], f = [1, 25], p = [1, 26], m = [1, 27], h = [1, 50], g = [1, 49], _ = [1, 29], v = [1, 30], ee = [1, 31], te = [1, 32], ne = [1, 33], y = [1, 45], b = [1, 47], x = [1, 43], S = [1, 48], C = [1, 44], w = [1, 51], T = [1, 46], E = [1, 52], D = [1, 53], O = [1, 34], re = [1, 35], ie = [1, 36], ae = [1, 37], oe = [1, 38], k = [1, 58], A = [
+	], o = [2, 2], s = [1, 13], c = [1, 14], l = [1, 15], u = [1, 16], d = [1, 23], f = [1, 25], ee = [1, 26], p = [1, 27], m = [1, 50], h = [1, 49], g = [1, 29], _ = [1, 30], te = [1, 31], ne = [1, 32], re = [1, 33], v = [1, 45], y = [1, 47], b = [1, 43], x = [1, 48], S = [1, 44], C = [1, 51], w = [1, 46], T = [1, 52], E = [1, 53], D = [1, 34], O = [1, 35], ie = [1, 36], ae = [1, 37], oe = [1, 38], k = [1, 58], A = [
 		1,
 		8,
 		9,
@@ -855,7 +839,7 @@ You have to call mermaid.initialize.`);
 		111,
 		112
 	], rt = {
-		trace: /* @__PURE__ */ i(function() {}, "trace"),
+		trace: /* @__PURE__ */ n(function() {}, "trace"),
 		yy: {},
 		symbols_: {
 			error: 2,
@@ -1263,7 +1247,7 @@ You have to call mermaid.initialize.`);
 			[33, 1],
 			[33, 1]
 		],
-		performAction: /* @__PURE__ */ i(function(e, t, n, r, i, a, o) {
+		performAction: /* @__PURE__ */ n(function(e, t, n, r, i, a, o) {
 			var s = a.length - 1;
 			switch (i) {
 				case 2:
@@ -1655,22 +1639,22 @@ You have to call mermaid.initialize.`);
 				3: 1,
 				4: 2,
 				9: t,
-				10: n,
-				12: r
+				10: r,
+				12: i
 			},
 			{ 1: [3] },
 			e(a, o, { 5: 6 }),
 			{
 				4: 7,
 				9: t,
-				10: n,
-				12: r
+				10: r,
+				12: i
 			},
 			{
 				4: 8,
 				9: t,
-				10: n,
-				12: r
+				10: r,
+				12: i
 			},
 			{
 				13: [1, 9],
@@ -1693,31 +1677,31 @@ You have to call mermaid.initialize.`);
 				27: d,
 				33: 24,
 				34: f,
-				36: p,
-				38: m,
+				36: ee,
+				38: p,
 				42: 28,
 				43: 39,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				84: _,
-				85: v,
-				86: ee,
-				87: te,
-				88: ne,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				84: g,
+				85: _,
+				86: te,
+				87: ne,
+				88: re,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D,
-				121: O,
-				122: re,
+				114: w,
+				115: T,
+				116: E,
+				121: D,
+				122: O,
 				123: ie,
 				124: ae,
 				125: oe
@@ -1828,28 +1812,28 @@ You have to call mermaid.initialize.`);
 			e(P, [2, 72], {
 				113: 113,
 				29: [1, 101],
-				44: h,
+				44: m,
 				48: [1, 102],
 				50: [1, 103],
 				52: [1, 104],
 				54: [1, 105],
 				56: [1, 106],
 				58: [1, 107],
-				60: g,
+				60: h,
 				63: [1, 108],
 				65: [1, 109],
 				67: [1, 110],
 				68: [1, 111],
 				70: [1, 112],
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
-				114: T,
-				115: E,
-				116: D
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
+				114: w,
+				115: T,
+				116: E
 			}),
 			e(F, [2, 181]),
 			e(F, [2, 142]),
@@ -1875,20 +1859,20 @@ You have to call mermaid.initialize.`);
 			{
 				42: 116,
 				43: 39,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			e(A, [2, 40]),
 			e(A, [2, 41]),
@@ -1955,19 +1939,19 @@ You have to call mermaid.initialize.`);
 			}),
 			e(be, [2, 44]),
 			{
-				44: h,
+				44: m,
 				47: 158,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{
 				102: [1, 159],
@@ -1975,34 +1959,34 @@ You have to call mermaid.initialize.`);
 				105: [1, 161]
 			},
 			{
-				44: h,
+				44: m,
 				47: 162,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{
-				44: h,
+				44: m,
 				47: 163,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			e(I, [2, 107], {
 				10: [1, 164],
@@ -2038,19 +2022,19 @@ You have to call mermaid.initialize.`);
 			e(L, [2, 179]),
 			e(L, [2, 180]),
 			{
-				44: h,
+				44: m,
 				47: 170,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{
 				30: 171,
@@ -2278,31 +2262,31 @@ You have to call mermaid.initialize.`);
 				32: [1, 203],
 				33: 24,
 				34: f,
-				36: p,
-				38: m,
+				36: ee,
+				38: p,
 				42: 28,
 				43: 39,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				84: _,
-				85: v,
-				86: ee,
-				87: te,
-				88: ne,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				84: g,
+				85: _,
+				86: te,
+				87: ne,
+				88: re,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D,
-				121: O,
-				122: re,
+				114: w,
+				115: T,
+				116: E,
+				121: D,
+				122: O,
 				123: ie,
 				124: ae,
 				125: oe
@@ -2315,18 +2299,18 @@ You have to call mermaid.initialize.`);
 			e(be, [2, 43]),
 			{
 				10: [1, 206],
-				44: h,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				44: m,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 113,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{ 10: [1, 207] },
 			{
@@ -2336,33 +2320,33 @@ You have to call mermaid.initialize.`);
 			e($e, [2, 128]),
 			{
 				10: [1, 210],
-				44: h,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				44: m,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 113,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{
 				10: [1, 211],
-				44: h,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				44: m,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 113,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{ 80: [1, 212] },
 			e(I, [2, 109], { 10: [1, 213] }),
@@ -2375,17 +2359,17 @@ You have to call mermaid.initialize.`);
 			},
 			e(be, [2, 55], {
 				113: 113,
-				44: h,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
-				114: T,
-				115: E,
-				116: D
+				44: m,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
+				114: w,
+				115: T,
+				116: E
 			}),
 			{
 				31: [1, 218],
@@ -2544,20 +2528,20 @@ You have to call mermaid.initialize.`);
 			e(A, [2, 35]),
 			{
 				43: 239,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			{
 				10: k,
@@ -2619,19 +2603,19 @@ You have to call mermaid.initialize.`);
 				112: Q
 			},
 			{
-				44: h,
+				44: m,
 				47: 258,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			e(I, [2, 108]),
 			{ 80: [1, 259] },
@@ -2713,31 +2697,31 @@ You have to call mermaid.initialize.`);
 				32: [1, 267],
 				33: 24,
 				34: f,
-				36: p,
-				38: m,
+				36: ee,
+				38: p,
 				42: 28,
 				43: 39,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				84: _,
-				85: v,
-				86: ee,
-				87: te,
-				88: ne,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				84: g,
+				85: _,
+				86: te,
+				87: ne,
+				88: re,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D,
-				121: O,
-				122: re,
+				114: w,
+				115: T,
+				116: E,
+				121: D,
+				122: O,
 				123: ie,
 				124: ae,
 				125: oe
@@ -2745,20 +2729,20 @@ You have to call mermaid.initialize.`);
 			e(be, [2, 53]),
 			{
 				43: 268,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D
+				114: w,
+				115: T,
+				116: E
 			},
 			e(I, [2, 121], { 106: tt }),
 			e(nt, [2, 130], {
@@ -2789,17 +2773,17 @@ You have to call mermaid.initialize.`);
 			e(I, [2, 105], { 106: tt }),
 			e(I, [2, 106], {
 				113: 113,
-				44: h,
-				60: g,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
-				114: T,
-				115: E,
-				116: D
+				44: m,
+				60: h,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
+				114: w,
+				115: T,
+				116: E
 			}),
 			e(I, [2, 110]),
 			e(I, [2, 112], { 10: [1, 273] }),
@@ -2941,31 +2925,31 @@ You have to call mermaid.initialize.`);
 				32: [1, 288],
 				33: 24,
 				34: f,
-				36: p,
-				38: m,
+				36: ee,
+				38: p,
 				42: 28,
 				43: 39,
-				44: h,
+				44: m,
 				45: 40,
 				47: 41,
-				60: g,
-				84: _,
-				85: v,
-				86: ee,
-				87: te,
-				88: ne,
-				89: y,
-				102: b,
-				105: x,
-				106: S,
-				109: C,
-				111: w,
+				60: h,
+				84: g,
+				85: _,
+				86: te,
+				87: ne,
+				88: re,
+				89: v,
+				102: y,
+				105: b,
+				106: x,
+				109: S,
+				111: C,
 				113: 42,
-				114: T,
-				115: E,
-				116: D,
-				121: O,
-				122: re,
+				114: w,
+				115: T,
+				116: E,
+				121: D,
+				122: O,
 				123: ie,
 				124: ae,
 				125: oe
@@ -3002,63 +2986,63 @@ You have to call mermaid.initialize.`);
 			e(I, [2, 125], { 106: tt })
 		],
 		defaultActions: {},
-		parseError: /* @__PURE__ */ i(function(e, t) {
+		parseError: /* @__PURE__ */ n(function(e, t) {
 			if (t.recoverable) this.trace(e);
 			else {
 				var n = Error(e);
 				throw n.hash = t, n;
 			}
 		}, "parseError"),
-		parse: /* @__PURE__ */ i(function(e) {
-			var t = this, n = [0], r = [], a = [null], o = [], s = this.table, c = "", l = 0, u = 0, d = 0, f = 2, p = 1, m = o.slice.call(arguments, 1), h = Object.create(this.lexer), g = { yy: {} };
-			for (var _ in this.yy) Object.prototype.hasOwnProperty.call(this.yy, _) && (g.yy[_] = this.yy[_]);
-			h.setInput(e, g.yy), g.yy.lexer = h, g.yy.parser = this, h.yylloc === void 0 && (h.yylloc = {});
-			var v = h.yylloc;
-			o.push(v);
-			var ee = h.options && h.options.ranges;
-			typeof g.yy.parseError == "function" ? this.parseError = g.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
-			function te(e) {
-				n.length -= 2 * e, a.length -= e, o.length -= e;
+		parse: /* @__PURE__ */ n(function(e) {
+			var t = this, r = [0], i = [], a = [null], o = [], s = this.table, c = "", l = 0, u = 0, d = 0, f = 2, ee = 1, p = o.slice.call(arguments, 1), m = Object.create(this.lexer), h = { yy: {} };
+			for (var g in this.yy) Object.prototype.hasOwnProperty.call(this.yy, g) && (h.yy[g] = this.yy[g]);
+			m.setInput(e, h.yy), h.yy.lexer = m, h.yy.parser = this, m.yylloc === void 0 && (m.yylloc = {});
+			var _ = m.yylloc;
+			o.push(_);
+			var te = m.options && m.options.ranges;
+			typeof h.yy.parseError == "function" ? this.parseError = h.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
+			function ne(e) {
+				r.length -= 2 * e, a.length -= e, o.length -= e;
 			}
-			i(te, "popStack");
-			function ne() {
-				var e = r.pop() || h.lex() || p;
-				return typeof e != "number" && (e instanceof Array && (r = e, e = r.pop()), e = t.symbols_[e] || e), e;
+			n(ne, "popStack");
+			function re() {
+				var e = i.pop() || m.lex() || ee;
+				return typeof e != "number" && (e instanceof Array && (i = e, e = i.pop()), e = t.symbols_[e] || e), e;
 			}
-			i(ne, "lex");
-			for (var y, b, x, S, C, w = {}, T, E, D, O;;) {
-				if (x = n[n.length - 1], this.defaultActions[x] ? S = this.defaultActions[x] : (y ??= ne(), S = s[x] && s[x][y]), S === void 0 || !S.length || !S[0]) {
-					var re = "";
-					for (T in O = [], s[x]) this.terminals_[T] && T > f && O.push("'" + this.terminals_[T] + "'");
-					re = h.showPosition ? "Parse error on line " + (l + 1) + ":\n" + h.showPosition() + "\nExpecting " + O.join(", ") + ", got '" + (this.terminals_[y] || y) + "'" : "Parse error on line " + (l + 1) + ": Unexpected " + (y == p ? "end of input" : "'" + (this.terminals_[y] || y) + "'"), this.parseError(re, {
-						text: h.match,
-						token: this.terminals_[y] || y,
-						line: h.yylineno,
-						loc: v,
-						expected: O
+			n(re, "lex");
+			for (var v, y, b, x, S, C = {}, w, T, E, D;;) {
+				if (b = r[r.length - 1], this.defaultActions[b] ? x = this.defaultActions[b] : (v ??= re(), x = s[b] && s[b][v]), x === void 0 || !x.length || !x[0]) {
+					var O = "";
+					for (w in D = [], s[b]) this.terminals_[w] && w > f && D.push("'" + this.terminals_[w] + "'");
+					O = m.showPosition ? "Parse error on line " + (l + 1) + ":\n" + m.showPosition() + "\nExpecting " + D.join(", ") + ", got '" + (this.terminals_[v] || v) + "'" : "Parse error on line " + (l + 1) + ": Unexpected " + (v == ee ? "end of input" : "'" + (this.terminals_[v] || v) + "'"), this.parseError(O, {
+						text: m.match,
+						token: this.terminals_[v] || v,
+						line: m.yylineno,
+						loc: _,
+						expected: D
 					});
 				}
-				if (S[0] instanceof Array && S.length > 1) throw Error("Parse Error: multiple actions possible at state: " + x + ", token: " + y);
-				switch (S[0]) {
+				if (x[0] instanceof Array && x.length > 1) throw Error("Parse Error: multiple actions possible at state: " + b + ", token: " + v);
+				switch (x[0]) {
 					case 1:
-						n.push(y), a.push(h.yytext), o.push(h.yylloc), n.push(S[1]), y = null, b ? (y = b, b = null) : (u = h.yyleng, c = h.yytext, l = h.yylineno, v = h.yylloc, d > 0 && d--);
+						r.push(v), a.push(m.yytext), o.push(m.yylloc), r.push(x[1]), v = null, y ? (v = y, y = null) : (u = m.yyleng, c = m.yytext, l = m.yylineno, _ = m.yylloc, d > 0 && d--);
 						break;
 					case 2:
-						if (E = this.productions_[S[1]][1], w.$ = a[a.length - E], w._$ = {
-							first_line: o[o.length - (E || 1)].first_line,
+						if (T = this.productions_[x[1]][1], C.$ = a[a.length - T], C._$ = {
+							first_line: o[o.length - (T || 1)].first_line,
 							last_line: o[o.length - 1].last_line,
-							first_column: o[o.length - (E || 1)].first_column,
+							first_column: o[o.length - (T || 1)].first_column,
 							last_column: o[o.length - 1].last_column
-						}, ee && (w._$.range = [o[o.length - (E || 1)].range[0], o[o.length - 1].range[1]]), C = this.performAction.apply(w, [
+						}, te && (C._$.range = [o[o.length - (T || 1)].range[0], o[o.length - 1].range[1]]), S = this.performAction.apply(C, [
 							c,
 							u,
 							l,
-							g.yy,
-							S[1],
+							h.yy,
+							x[1],
 							a,
 							o
-						].concat(m)), C !== void 0) return C;
-						E && (n = n.slice(0, -1 * E * 2), a = a.slice(0, -1 * E), o = o.slice(0, -1 * E)), n.push(this.productions_[S[1]][0]), a.push(w.$), o.push(w._$), D = s[n[n.length - 2]][n[n.length - 1]], n.push(D);
+						].concat(p)), S !== void 0) return S;
+						T && (r = r.slice(0, -1 * T * 2), a = a.slice(0, -1 * T), o = o.slice(0, -1 * T)), r.push(this.productions_[x[1]][0]), a.push(C.$), o.push(C._$), E = s[r[r.length - 2]][r[r.length - 1]], r.push(E);
 						break;
 					case 3: return !0;
 				}
@@ -3069,11 +3053,11 @@ You have to call mermaid.initialize.`);
 	rt.lexer = /* @__PURE__ */ (function() {
 		return {
 			EOF: 1,
-			parseError: /* @__PURE__ */ i(function(e, t) {
+			parseError: /* @__PURE__ */ n(function(e, t) {
 				if (this.yy.parser) this.yy.parser.parseError(e, t);
 				else throw Error(e);
 			}, "parseError"),
-			setInput: /* @__PURE__ */ i(function(e, t) {
+			setInput: /* @__PURE__ */ n(function(e, t) {
 				return this.yy = t || this.yy || {}, this._input = e, this._more = this._backtrack = this.done = !1, this.yylineno = this.yyleng = 0, this.yytext = this.matched = this.match = "", this.conditionStack = ["INITIAL"], this.yylloc = {
 					first_line: 1,
 					first_column: 0,
@@ -3081,11 +3065,11 @@ You have to call mermaid.initialize.`);
 					last_column: 0
 				}, this.options.ranges && (this.yylloc.range = [0, 0]), this.offset = 0, this;
 			}, "setInput"),
-			input: /* @__PURE__ */ i(function() {
+			input: /* @__PURE__ */ n(function() {
 				var e = this._input[0];
 				return this.yytext += e, this.yyleng++, this.offset++, this.match += e, this.matched += e, e.match(/(?:\r\n?|\n).*/g) ? (this.yylineno++, this.yylloc.last_line++) : this.yylloc.last_column++, this.options.ranges && this.yylloc.range[1]++, this._input = this._input.slice(1), e;
 			}, "input"),
-			unput: /* @__PURE__ */ i(function(e) {
+			unput: /* @__PURE__ */ n(function(e) {
 				var t = e.length, n = e.split(/(?:\r\n?|\n)/g);
 				this._input = e + this._input, this.yytext = this.yytext.substr(0, this.yytext.length - t), this.offset -= t;
 				var r = this.match.split(/(?:\r\n?|\n)/g);
@@ -3098,10 +3082,10 @@ You have to call mermaid.initialize.`);
 					last_column: n ? (n.length === r.length ? this.yylloc.first_column : 0) + r[r.length - n.length].length - n[0].length : this.yylloc.first_column - t
 				}, this.options.ranges && (this.yylloc.range = [i[0], i[0] + this.yyleng - t]), this.yyleng = this.yytext.length, this;
 			}, "unput"),
-			more: /* @__PURE__ */ i(function() {
+			more: /* @__PURE__ */ n(function() {
 				return this._more = !0, this;
 			}, "more"),
-			reject: /* @__PURE__ */ i(function() {
+			reject: /* @__PURE__ */ n(function() {
 				if (this.options.backtrack_lexer) this._backtrack = !0;
 				else return this.parseError("Lexical error on line " + (this.yylineno + 1) + ". You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n" + this.showPosition(), {
 					text: "",
@@ -3110,22 +3094,22 @@ You have to call mermaid.initialize.`);
 				});
 				return this;
 			}, "reject"),
-			less: /* @__PURE__ */ i(function(e) {
+			less: /* @__PURE__ */ n(function(e) {
 				this.unput(this.match.slice(e));
 			}, "less"),
-			pastInput: /* @__PURE__ */ i(function() {
+			pastInput: /* @__PURE__ */ n(function() {
 				var e = this.matched.substr(0, this.matched.length - this.match.length);
 				return (e.length > 20 ? "..." : "") + e.substr(-20).replace(/\n/g, "");
 			}, "pastInput"),
-			upcomingInput: /* @__PURE__ */ i(function() {
+			upcomingInput: /* @__PURE__ */ n(function() {
 				var e = this.match;
 				return e.length < 20 && (e += this._input.substr(0, 20 - e.length)), (e.substr(0, 20) + (e.length > 20 ? "..." : "")).replace(/\n/g, "");
 			}, "upcomingInput"),
-			showPosition: /* @__PURE__ */ i(function() {
+			showPosition: /* @__PURE__ */ n(function() {
 				var e = this.pastInput(), t = Array(e.length + 1).join("-");
 				return e + this.upcomingInput() + "\n" + t + "^";
 			}, "showPosition"),
-			test_match: /* @__PURE__ */ i(function(e, t) {
+			test_match: /* @__PURE__ */ n(function(e, t) {
 				var n, r, i;
 				if (this.options.backtrack_lexer && (i = {
 					yylineno: this.yylineno,
@@ -3158,7 +3142,7 @@ You have to call mermaid.initialize.`);
 				}
 				return !1;
 			}, "test_match"),
-			next: /* @__PURE__ */ i(function() {
+			next: /* @__PURE__ */ n(function() {
 				if (this.done) return this.EOF;
 				this._input || (this.done = !0);
 				var e, t, n, r;
@@ -3178,29 +3162,29 @@ You have to call mermaid.initialize.`);
 					line: this.yylineno
 				});
 			}, "next"),
-			lex: /* @__PURE__ */ i(function() {
+			lex: /* @__PURE__ */ n(function() {
 				return this.next() || this.lex();
 			}, "lex"),
-			begin: /* @__PURE__ */ i(function(e) {
+			begin: /* @__PURE__ */ n(function(e) {
 				this.conditionStack.push(e);
 			}, "begin"),
-			popState: /* @__PURE__ */ i(function() {
+			popState: /* @__PURE__ */ n(function() {
 				return this.conditionStack.length - 1 > 0 ? this.conditionStack.pop() : this.conditionStack[0];
 			}, "popState"),
-			_currentRules: /* @__PURE__ */ i(function() {
+			_currentRules: /* @__PURE__ */ n(function() {
 				return this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1] ? this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules : this.conditions.INITIAL.rules;
 			}, "_currentRules"),
-			topState: /* @__PURE__ */ i(function(e) {
+			topState: /* @__PURE__ */ n(function(e) {
 				return e = this.conditionStack.length - 1 - Math.abs(e || 0), e >= 0 ? this.conditionStack[e] : "INITIAL";
 			}, "topState"),
-			pushState: /* @__PURE__ */ i(function(e) {
+			pushState: /* @__PURE__ */ n(function(e) {
 				this.begin(e);
 			}, "pushState"),
-			stateStackSize: /* @__PURE__ */ i(function() {
+			stateStackSize: /* @__PURE__ */ n(function() {
 				return this.conditionStack.length;
 			}, "stateStackSize"),
 			options: {},
-			performAction: /* @__PURE__ */ i(function(e, t, n, r) {
+			performAction: /* @__PURE__ */ n(function(e, t, n, r) {
 				switch (n) {
 					case 0: return this.begin("acc_title"), 34;
 					case 1: return this.popState(), "acc_title_value";
@@ -3990,24 +3974,24 @@ You have to call mermaid.initialize.`);
 	function it() {
 		this.yy = {};
 	}
-	return i(it, "Parser"), it.prototype = rt, rt.Parser = it, new it();
+	return n(it, "Parser"), it.prototype = rt, rt.Parser = it, new it();
 })();
-O.parser = O;
-var re = O, ie = Object.assign({}, re);
+D.parser = D;
+var O = D, ie = Object.assign({}, O);
 ie.parse = (e) => {
 	let t = e.replace(/}\s*\n/g, "}\n");
-	return re.parse(t);
+	return O.parse(t);
 };
-var ae = ie, oe = /* @__PURE__ */ i((e, t) => {
-	let n = v;
-	return h(n(e, "r"), n(e, "g"), n(e, "b"), t);
+var ae = ie, oe = /* @__PURE__ */ n((e, t) => {
+	let n = h;
+	return u(n(e, "r"), n(e, "g"), n(e, "b"), t);
 }, "fade"), k = {
 	parser: ae,
 	get db() {
-		return new E();
+		return new T();
 	},
-	renderer: D,
-	styles: /* @__PURE__ */ i((e) => `.label {
+	renderer: E,
+	styles: /* @__PURE__ */ n((e) => `.label {
     font-family: ${e.fontFamily};
     color: ${e.nodeTextColor || e.textColor};
   }
@@ -4033,7 +4017,7 @@ var ae = ie, oe = /* @__PURE__ */ i((e, t) => {
   .node path {
     fill: ${e.mainBkg};
     stroke: ${e.nodeBorder};
-    stroke-width: 1px;
+    stroke-width: ${e.strokeWidth ?? 1}px;
   }
   .rough-node .label text , .node .label text, .image-shape .label, .icon-shape .label {
     text-anchor: middle;
@@ -4071,7 +4055,7 @@ var ae = ie, oe = /* @__PURE__ */ i((e, t) => {
 
   .edgePath .path {
     stroke: ${e.lineColor};
-    stroke-width: 2.0px;
+    stroke-width: ${e.strokeWidth ?? 2}px;
   }
 
   .flowchart-link {
@@ -4153,13 +4137,13 @@ var ae = ie, oe = /* @__PURE__ */ i((e, t) => {
     }
     text-align: center;
   }
-  ${ee()}
+  ${te()}
 `, "getStyles"),
-	init: /* @__PURE__ */ i((e) => {
-		e.flowchart ||= {}, e.layout && c({ layout: e.layout }), e.flowchart.arrowMarkerAbsolute = e.arrowMarkerAbsolute, c({ flowchart: { arrowMarkerAbsolute: e.arrowMarkerAbsolute } });
+	init: /* @__PURE__ */ n((e) => {
+		e.flowchart ||= {}, e.layout && i({ layout: e.layout }), e.flowchart.arrowMarkerAbsolute = e.arrowMarkerAbsolute, i({ flowchart: { arrowMarkerAbsolute: e.arrowMarkerAbsolute } });
 	}, "init")
 };
 //#endregion
 export { k as diagram };
 
-//# sourceMappingURL=flowDiagram-PKNHOUZH-DInJjOz3.js.map
+//# sourceMappingURL=flowDiagram-I6XJVG4X-RYkPtPRG.js.map