@loopstack/loopstack-studio 0.25.0 → 0.25.2

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{chunk-B4BG7PRW.js → chunk-4TB4RGXK.js}

@@ -1,17 +1,19 @@
 import { __name, log } from "./chunk-AGHRB4JF.js";
-import { clear, common_default, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, parseGenericTypes, sanitizeText, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ABZYJK2D.js";
+import { purify } from "../../../../dompurify/dist/purify.es.js";
+import { clear, common_default, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, parseGenericTypes, sanitizeText, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
 import select_default from "../../../../d3-selection/src/select.js";
 import "../../../../d3/src/index.js";
-import { getEdgeId, utils_default } from "./chunk-S3R3BYOJ.js";
-import { getRegisteredLayoutAlgorithm, render } from "./chunk-N4CR4FBY.js";
+import { getEdgeId, utils_default } from "./chunk-5PVQY5BW.js";
+import { getRegisteredLayoutAlgorithm, render } from "./chunk-336JU56O.js";
 import { getIconStyles } from "./chunk-FMBD7UC4.js";
+import { createTooltip } from "./chunk-YZCP3GAM.js";
 import { getDiagramElement } from "./chunk-55IACEB6.js";
-import { setupViewPortForSVG } from "./chunk-QN33PNHL.js";
+import { setupViewPortForSVG } from "./chunk-EDXVE4YY.js";
 var parser = (function() {
 	var t = /* @__PURE__ */ __name(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
 		return n;
-	}, "o"), n = [1, 18], r = [1, 19], i = [1, 20], a = [1, 41], o = [1, 42], s = [1, 26], c = [1, 24], l = [1, 25], u = [1, 32], d = [1, 33], f = [1, 34], p = [1, 45], m = [1, 35], h = [1, 36], g = [1, 37], _ = [1, 38], v = [1, 27], y = [1, 28], b = [1, 29], x = [1, 30], S = [1, 31], C = [1, 44], w = [1, 46], T = [1, 43], E = [1, 47], D = [1, 9], O = [
+	}, "o"), n = [1, 18], r = [1, 19], i = [1, 20], a = [1, 41], o = [1, 26], s = [1, 42], c = [1, 24], l = [1, 25], u = [1, 32], d = [1, 33], f = [1, 34], p = [1, 45], m = [1, 35], h = [1, 36], g = [1, 37], _ = [1, 38], v = [1, 27], y = [1, 28], b = [1, 29], x = [1, 30], S = [1, 31], C = [1, 44], w = [1, 46], T = [1, 43], E = [1, 47], D = [1, 9], O = [
 		1,
 		8,
 		9
@@ -20,7 +22,7 @@ var parser = (function() {
 		8,
 		9,
 		41
-	], ee = [1, 76], L = [
+	], ee = [1, 77], L = [
 		1,
 		8,
 		9,
@@ -30,6 +32,7 @@ var parser = (function() {
 		39,
 		41,
 		44,
+		46,
 		68,
 		69,
 		70,
@@ -51,7 +54,8 @@ var parser = (function() {
 		39,
 		41,
 		44,
-		50,
+		46,
+		47,
 		60,
 		68,
 		69,
@@ -94,9 +98,9 @@ var parser = (function() {
 		100,
 		102,
 		103
-	], ne = [1, 100], V = [1, 117], H = [1, 113], U = [1, 109], W = [1, 115], G = [1, 110], K = [1, 111], q = [1, 112], J = [1, 114], Y = [1, 116], re = [
+	], V = [1, 102], H = [1, 120], U = [1, 116], W = [1, 112], G = [1, 118], K = [1, 113], q = [1, 114], J = [1, 115], Y = [1, 117], X = [1, 119], ne = [
 		22,
-		48,
+		50,
 		60,
 		61,
 		82,
@@ -105,19 +109,20 @@ var parser = (function() {
 		88,
 		89,
 		90
-	], X = [
+	], re = [
 		1,
 		8,
 		9,
 		39,
 		41,
-		44
+		44,
+		46
 	], Z = [
 		1,
 		8,
 		9,
 		22
-	], ie = [1, 145], ae = [
+	], ie = [1, 150], ae = [
 		1,
 		8,
 		9,
@@ -127,7 +132,7 @@ var parser = (function() {
 		8,
 		9,
 		22,
-		48,
+		50,
 		60,
 		61,
 		82,
@@ -184,11 +189,11 @@ var parser = (function() {
 			classIdentifier: 43,
 			STYLE_SEPARATOR: 44,
 			members: 45,
-			CLASS: 46,
-			emptyBody: 47,
-			SPACE: 48,
-			ANNOTATION_START: 49,
-			ANNOTATION_END: 50,
+			ANNOTATION_START: 46,
+			ANNOTATION_END: 47,
+			CLASS: 48,
+			emptyBody: 49,
+			SPACE: 50,
 			MEMBER: 51,
 			SEPARATOR: 52,
 			relation: 53,
@@ -265,10 +270,10 @@ var parser = (function() {
 			41: "STRUCT_STOP",
 			42: "NAMESPACE",
 			44: "STYLE_SEPARATOR",
-			46: "CLASS",
-			48: "SPACE",
-			49: "ANNOTATION_START",
-			50: "ANNOTATION_END",
+			46: "ANNOTATION_START",
+			47: "ANNOTATION_END",
+			48: "CLASS",
+			50: "SPACE",
 			51: "MEMBER",
 			52: "SEPARATOR",
 			54: "NOTE_FOR",
@@ -353,16 +358,22 @@ var parser = (function() {
 			[40, 1],
 			[40, 2],
 			[40, 3],
+			[40, 1],
+			[40, 2],
+			[40, 3],
 			[24, 1],
 			[24, 3],
 			[24, 4],
 			[24, 3],
 			[24, 6],
+			[24, 4],
+			[24, 7],
+			[24, 6],
 			[43, 2],
 			[43, 3],
-			[47, 0],
-			[47, 2],
-			[47, 2],
+			[49, 0],
+			[49, 2],
+			[49, 2],
 			[26, 4],
 			[45, 1],
 			[45, 2],
@@ -481,55 +492,73 @@ var parser = (function() {
 					this.$ = a[s].trim(), r.setAccDescription(this.$);
 					break;
 				case 34:
-					r.addClassesToNamespace(a[s - 3], a[s - 1]);
+					r.addClassesToNamespace(a[s - 3], a[s - 1][0], a[s - 1][1]);
 					break;
 				case 35:
-					r.addClassesToNamespace(a[s - 4], a[s - 1]);
+					r.addClassesToNamespace(a[s - 4], a[s - 1][0], a[s - 1][1]);
 					break;
 				case 36:
 					this.$ = a[s], r.addNamespace(a[s]);
 					break;
 				case 37:
-					this.$ = [a[s]];
+					this.$ = [[a[s]], []];
 					break;
 				case 38:
-					this.$ = [a[s - 1]];
+					this.$ = [[a[s - 1]], []];
 					break;
 				case 39:
-					a[s].unshift(a[s - 2]), this.$ = a[s];
+					a[s][0].unshift(a[s - 2]), this.$ = a[s];
+					break;
+				case 40:
+					this.$ = [[], [a[s]]];
 					break;
 				case 41:
-					r.setCssClass(a[s - 2], a[s]);
+					this.$ = [[], [a[s - 1]]];
 					break;
 				case 42:
-					r.addMembers(a[s - 3], a[s - 1]);
+					a[s][1].unshift(a[s - 2]), this.$ = a[s];
 					break;
 				case 44:
-					r.setCssClass(a[s - 5], a[s - 3]), r.addMembers(a[s - 5], a[s - 1]);
+					r.setCssClass(a[s - 2], a[s]);
 					break;
 				case 45:
+					r.addMembers(a[s - 3], a[s - 1]);
+					break;
+				case 47:
+					r.setCssClass(a[s - 5], a[s - 3]), r.addMembers(a[s - 5], a[s - 1]);
+					break;
+				case 48:
+					r.addAnnotation(a[s - 3], a[s - 1]);
+					break;
+				case 49:
+					r.addAnnotation(a[s - 6], a[s - 4]), r.addMembers(a[s - 6], a[s - 1]);
+					break;
+				case 50:
+					r.addAnnotation(a[s - 5], a[s - 3]);
+					break;
+				case 51:
 					this.$ = a[s], r.addClass(a[s]);
 					break;
-				case 46:
+				case 52:
 					this.$ = a[s - 1], r.addClass(a[s - 1]), r.setClassLabel(a[s - 1], a[s]);
 					break;
-				case 50:
+				case 56:
 					r.addAnnotation(a[s], a[s - 2]);
 					break;
-				case 51:
-				case 64:
+				case 57:
+				case 70:
 					this.$ = [a[s]];
 					break;
-				case 52:
+				case 58:
 					a[s].push(a[s - 1]), this.$ = a[s];
 					break;
-				case 53: break;
-				case 54:
+				case 59: break;
+				case 60:
 					r.addMember(a[s - 1], r.cleanupLabel(a[s]));
 					break;
-				case 55: break;
-				case 56: break;
-				case 57:
+				case 61: break;
+				case 62: break;
+				case 63:
 					this.$ = {
 						id1: a[s - 2],
 						id2: a[s],
@@ -538,7 +567,7 @@ var parser = (function() {
 						relationTitle2: "none"
 					};
 					break;
-				case 58:
+				case 64:
 					this.$ = {
 						id1: a[s - 3],
 						id2: a[s],
@@ -547,7 +576,7 @@ var parser = (function() {
 						relationTitle2: "none"
 					};
 					break;
-				case 59:
+				case 65:
 					this.$ = {
 						id1: a[s - 3],
 						id2: a[s],
@@ -556,7 +585,7 @@ var parser = (function() {
 						relationTitle2: a[s - 1]
 					};
 					break;
-				case 60:
+				case 66:
 					this.$ = {
 						id1: a[s - 4],
 						id2: a[s],
@@ -565,130 +594,130 @@ var parser = (function() {
 						relationTitle2: a[s - 1]
 					};
 					break;
-				case 61:
-					r.addNote(a[s], a[s - 1]);
+				case 67:
+					this.$ = r.addNote(a[s], a[s - 1]);
 					break;
-				case 62:
-					r.addNote(a[s]);
+				case 68:
+					this.$ = r.addNote(a[s]);
 					break;
-				case 63:
+				case 69:
 					this.$ = a[s - 2], r.defineClass(a[s - 1], a[s]);
 					break;
-				case 65:
+				case 71:
 					this.$ = a[s - 2].concat([a[s]]);
 					break;
-				case 66:
+				case 72:
 					r.setDirection("TB");
 					break;
-				case 67:
+				case 73:
 					r.setDirection("BT");
 					break;
-				case 68:
+				case 74:
 					r.setDirection("RL");
 					break;
-				case 69:
+				case 75:
 					r.setDirection("LR");
 					break;
-				case 70:
+				case 76:
 					this.$ = {
 						type1: a[s - 2],
 						type2: a[s],
 						lineType: a[s - 1]
 					};
 					break;
-				case 71:
+				case 77:
 					this.$ = {
 						type1: "none",
 						type2: a[s],
 						lineType: a[s - 1]
 					};
 					break;
-				case 72:
+				case 78:
 					this.$ = {
 						type1: a[s - 1],
 						type2: "none",
 						lineType: a[s]
 					};
 					break;
-				case 73:
+				case 79:
 					this.$ = {
 						type1: "none",
 						type2: "none",
 						lineType: a[s]
 					};
 					break;
-				case 74:
+				case 80:
 					this.$ = r.relationType.AGGREGATION;
 					break;
-				case 75:
+				case 81:
 					this.$ = r.relationType.EXTENSION;
 					break;
-				case 76:
+				case 82:
 					this.$ = r.relationType.COMPOSITION;
 					break;
-				case 77:
+				case 83:
 					this.$ = r.relationType.DEPENDENCY;
 					break;
-				case 78:
+				case 84:
 					this.$ = r.relationType.LOLLIPOP;
 					break;
-				case 79:
+				case 85:
 					this.$ = r.lineType.LINE;
 					break;
-				case 80:
+				case 86:
 					this.$ = r.lineType.DOTTED_LINE;
 					break;
-				case 81:
 				case 87:
+				case 93:
 					this.$ = a[s - 2], r.setClickEvent(a[s - 1], a[s]);
 					break;
-				case 82:
 				case 88:
+				case 94:
 					this.$ = a[s - 3], r.setClickEvent(a[s - 2], a[s - 1]), r.setTooltip(a[s - 2], a[s]);
 					break;
-				case 83:
+				case 89:
 					this.$ = a[s - 2], r.setLink(a[s - 1], a[s]);
 					break;
-				case 84:
+				case 90:
 					this.$ = a[s - 3], r.setLink(a[s - 2], a[s - 1], a[s]);
 					break;
-				case 85:
+				case 91:
 					this.$ = a[s - 3], r.setLink(a[s - 2], a[s - 1]), r.setTooltip(a[s - 2], a[s]);
 					break;
-				case 86:
+				case 92:
 					this.$ = a[s - 4], r.setLink(a[s - 3], a[s - 2], a[s]), r.setTooltip(a[s - 3], a[s - 1]);
 					break;
-				case 89:
+				case 95:
 					this.$ = a[s - 3], r.setClickEvent(a[s - 2], a[s - 1], a[s]);
 					break;
-				case 90:
+				case 96:
 					this.$ = a[s - 4], r.setClickEvent(a[s - 3], a[s - 2], a[s - 1]), r.setTooltip(a[s - 3], a[s]);
 					break;
-				case 91:
+				case 97:
 					this.$ = a[s - 3], r.setLink(a[s - 2], a[s]);
 					break;
-				case 92:
+				case 98:
 					this.$ = a[s - 4], r.setLink(a[s - 3], a[s - 1], a[s]);
 					break;
-				case 93:
+				case 99:
 					this.$ = a[s - 4], r.setLink(a[s - 3], a[s - 1]), r.setTooltip(a[s - 3], a[s]);
 					break;
-				case 94:
+				case 100:
 					this.$ = a[s - 5], r.setLink(a[s - 4], a[s - 2], a[s]), r.setTooltip(a[s - 4], a[s - 1]);
 					break;
-				case 95:
+				case 101:
 					this.$ = a[s - 2], r.setCssStyle(a[s - 1], a[s]);
 					break;
-				case 96:
+				case 102:
 					r.setCssClass(a[s - 1], a[s]);
 					break;
-				case 97:
+				case 103:
 					this.$ = [a[s]];
 					break;
-				case 98:
+				case 104:
 					a[s - 2].push(a[s]), this.$ = a[s - 2];
 					break;
-				case 100:
+				case 106:
 					this.$ = a[s - 1] + a[s];
 					break;
 			}
@@ -722,7 +751,7 @@ var parser = (function() {
 				42: a,
 				43: 23,
 				46: o,
-				49: s,
+				48: s,
 				51: c,
 				52: l,
 				54: u,
@@ -763,7 +792,7 @@ var parser = (function() {
 			{ 34: [1, 51] },
 			{ 36: [1, 52] },
 			t(O, [2, 33]),
-			t(O, [2, 53], {
+			t(O, [2, 59], {
 				53: 53,
 				66: 56,
 				67: 57,
@@ -778,14 +807,15 @@ var parser = (function() {
 				74: F
 			}),
 			{ 39: [1, 65] },
-			t(I, [2, 40], {
+			t(I, [2, 43], {
 				39: [1, 67],
-				44: [1, 66]
+				44: [1, 66],
+				46: [1, 68]
 			}),
-			t(O, [2, 55]),
-			t(O, [2, 56]),
+			t(O, [2, 61]),
+			t(O, [2, 62]),
 			{
-				16: 68,
+				16: 69,
 				60: p,
 				86: C,
 				100: w,
@@ -794,7 +824,7 @@ var parser = (function() {
 			{
 				16: 39,
 				17: 40,
-				19: 69,
+				19: 70,
 				60: p,
 				86: C,
 				100: w,
@@ -804,7 +834,7 @@ var parser = (function() {
 			{
 				16: 39,
 				17: 40,
-				19: 70,
+				19: 71,
 				60: p,
 				86: C,
 				100: w,
@@ -814,19 +844,19 @@ var parser = (function() {
 			{
 				16: 39,
 				17: 40,
-				19: 71,
+				19: 72,
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			},
-			{ 60: [1, 72] },
-			{ 13: [1, 73] },
+			{ 60: [1, 73] },
+			{ 13: [1, 74] },
 			{
 				16: 39,
 				17: 40,
-				19: 74,
+				19: 75,
 				60: p,
 				86: C,
 				100: w,
@@ -835,33 +865,33 @@ var parser = (function() {
 			},
 			{
 				13: ee,
-				55: 75
+				55: 76
 			},
 			{
-				58: 77,
-				60: [1, 78]
+				58: 78,
+				60: [1, 79]
 			},
-			t(O, [2, 66]),
-			t(O, [2, 67]),
-			t(O, [2, 68]),
-			t(O, [2, 69]),
+			t(O, [2, 72]),
+			t(O, [2, 73]),
+			t(O, [2, 74]),
+			t(O, [2, 75]),
 			t(L, [2, 13], {
 				16: 39,
 				17: 40,
-				19: 80,
-				18: [1, 79],
-				20: [1, 81],
+				19: 81,
+				18: [1, 80],
+				20: [1, 82],
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			}),
-			t(L, [2, 15], { 20: [1, 82] }),
+			t(L, [2, 15], { 20: [1, 83] }),
 			{
-				15: 83,
-				16: 84,
-				17: 85,
+				15: 84,
+				16: 85,
+				17: 86,
 				60: p,
 				86: C,
 				100: w,
@@ -871,17 +901,17 @@ var parser = (function() {
 			{
 				16: 39,
 				17: 40,
-				19: 86,
+				19: 87,
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			},
-			t(R, [2, 123]),
-			t(R, [2, 124]),
-			t(R, [2, 125]),
-			t(R, [2, 126]),
+			t(R, [2, 129]),
+			t(R, [2, 130]),
+			t(R, [2, 131]),
+			t(R, [2, 132]),
 			t([
 				1,
 				8,
@@ -893,6 +923,7 @@ var parser = (function() {
 				39,
 				41,
 				44,
+				46,
 				68,
 				69,
 				70,
@@ -902,7 +933,7 @@ var parser = (function() {
 				74,
 				79,
 				81
-			], [2, 127]),
+			], [2, 133]),
 			t(D, [2, 6], {
 				10: 5,
 				21: 7,
@@ -921,13 +952,13 @@ var parser = (function() {
 				43: 23,
 				16: 39,
 				17: 40,
-				5: 87,
+				5: 88,
 				33: n,
 				35: r,
 				37: i,
 				42: a,
 				46: o,
-				49: s,
+				48: s,
 				51: c,
 				52: l,
 				54: u,
@@ -949,7 +980,7 @@ var parser = (function() {
 				103: E
 			}),
 			{
-				5: 88,
+				5: 89,
 				10: 5,
 				16: 39,
 				17: 40,
@@ -972,7 +1003,7 @@ var parser = (function() {
 				42: a,
 				43: 23,
 				46: o,
-				49: s,
+				48: s,
 				51: c,
 				52: l,
 				54: u,
@@ -997,10 +1028,10 @@ var parser = (function() {
 			t(O, [2, 31]),
 			t(O, [2, 32]),
 			{
-				13: [1, 90],
+				13: [1, 91],
 				16: 39,
 				17: 40,
-				19: 89,
+				19: 90,
 				60: p,
 				86: C,
 				100: w,
@@ -1008,7 +1039,7 @@ var parser = (function() {
 				103: E
 			},
 			{
-				53: 91,
+				53: 92,
 				66: 56,
 				67: 57,
 				68: k,
@@ -1019,94 +1050,104 @@ var parser = (function() {
 				73: P,
 				74: F
 			},
-			t(O, [2, 54]),
+			t(O, [2, 60]),
 			{
-				67: 92,
+				67: 93,
 				73: P,
 				74: F
 			},
-			t(z, [2, 73], {
-				66: 93,
+			t(z, [2, 79], {
+				66: 94,
 				68: k,
 				69: A,
 				70: j,
 				71: M,
 				72: N
 			}),
-			t(B, [2, 74]),
-			t(B, [2, 75]),
-			t(B, [2, 76]),
-			t(B, [2, 77]),
-			t(B, [2, 78]),
-			t(te, [2, 79]),
-			t(te, [2, 80]),
+			t(B, [2, 80]),
+			t(B, [2, 81]),
+			t(B, [2, 82]),
+			t(B, [2, 83]),
+			t(B, [2, 84]),
+			t(te, [2, 85]),
+			t(te, [2, 86]),
 			{
-				8: [1, 95],
-				24: 96,
-				40: 94,
+				8: [1, 96],
+				24: 97,
+				30: 98,
+				40: 95,
 				43: 23,
-				46: o
+				48: s,
+				54: u,
+				56: d
 			},
 			{
-				16: 97,
+				16: 99,
 				60: p,
 				86: C,
 				100: w,
 				102: T
 			},
 			{
-				41: [1, 99],
-				45: 98,
-				51: ne
+				41: [1, 101],
+				45: 100,
+				51: V
 			},
-			{ 50: [1, 101] },
-			{ 13: [1, 102] },
-			{ 13: [1, 103] },
 			{
-				79: [1, 104],
-				81: [1, 105]
+				16: 103,
+				60: p,
+				86: C,
+				100: w,
+				102: T
 			},
+			{ 47: [1, 104] },
+			{ 13: [1, 105] },
+			{ 13: [1, 106] },
 			{
-				22: V,
-				48: H,
-				59: 106,
-				60: U,
-				82: W,
-				84: 107,
-				85: 108,
-				86: G,
-				87: K,
-				88: q,
-				89: J,
-				90: Y
+				79: [1, 107],
+				81: [1, 108]
 			},
-			{ 60: [1, 118] },
+			{
+				22: H,
+				50: U,
+				59: 109,
+				60: W,
+				82: G,
+				84: 110,
+				85: 111,
+				86: K,
+				87: q,
+				88: J,
+				89: Y,
+				90: X
+			},
+			{ 60: [1, 121] },
 			{
 				13: ee,
-				55: 119
+				55: 122
 			},
-			t(O, [2, 62]),
-			t(O, [2, 128]),
+			t(I, [2, 68]),
+			t(I, [2, 134]),
 			{
-				22: V,
-				48: H,
-				59: 120,
-				60: U,
-				61: [1, 121],
-				82: W,
-				84: 107,
-				85: 108,
-				86: G,
-				87: K,
-				88: q,
-				89: J,
-				90: Y
+				22: H,
+				50: U,
+				59: 123,
+				60: W,
+				61: [1, 124],
+				82: G,
+				84: 110,
+				85: 111,
+				86: K,
+				87: q,
+				88: J,
+				89: Y,
+				90: X
 			},
-			t(re, [2, 64]),
+			t(ne, [2, 70]),
 			{
 				16: 39,
 				17: 40,
-				19: 122,
+				19: 125,
 				60: p,
 				86: C,
 				100: w,
@@ -1118,10 +1159,10 @@ var parser = (function() {
 			t(L, [2, 18]),
 			{ 39: [2, 36] },
 			{
-				15: 124,
-				16: 84,
-				17: 85,
-				18: [1, 123],
+				15: 127,
+				16: 85,
+				17: 86,
+				18: [1, 126],
 				39: [2, 9],
 				60: p,
 				86: C,
@@ -1130,17 +1171,17 @@ var parser = (function() {
 				103: E
 			},
 			{ 39: [2, 10] },
-			t(X, [2, 45], {
-				11: 125,
-				12: [1, 126]
+			t(re, [2, 51], {
+				11: 128,
+				12: [1, 129]
 			}),
 			t(D, [2, 7]),
-			{ 9: [1, 127] },
-			t(Z, [2, 57]),
+			{ 9: [1, 130] },
+			t(Z, [2, 63]),
 			{
 				16: 39,
 				17: 40,
-				19: 128,
+				19: 131,
 				60: p,
 				86: C,
 				100: w,
@@ -1148,96 +1189,104 @@ var parser = (function() {
 				103: E
 			},
 			{
-				13: [1, 130],
+				13: [1, 133],
 				16: 39,
 				17: 40,
-				19: 129,
+				19: 132,
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			},
-			t(z, [2, 72], {
-				66: 131,
+			t(z, [2, 78], {
+				66: 134,
 				68: k,
 				69: A,
 				70: j,
 				71: M,
 				72: N
 			}),
-			t(z, [2, 71]),
-			{ 41: [1, 132] },
+			t(z, [2, 77]),
+			{ 41: [1, 135] },
 			{
-				24: 96,
-				40: 133,
+				24: 97,
+				30: 98,
+				40: 136,
 				43: 23,
-				46: o
+				48: s,
+				54: u,
+				56: d
 			},
 			{
-				8: [1, 134],
+				8: [1, 137],
 				41: [2, 37]
 			},
-			t(I, [2, 41], { 39: [1, 135] }),
-			{ 41: [1, 136] },
-			t(I, [2, 43]),
 			{
-				41: [2, 51],
-				45: 137,
-				51: ne
+				8: [1, 138],
+				41: [2, 40]
+			},
+			t(I, [2, 44], { 39: [1, 139] }),
+			{ 41: [1, 140] },
+			t(I, [2, 46]),
+			{
+				41: [2, 57],
+				45: 141,
+				51: V
 			},
+			{ 47: [1, 142] },
 			{
 				16: 39,
 				17: 40,
-				19: 138,
+				19: 143,
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			},
-			t(O, [2, 81], { 13: [1, 139] }),
-			t(O, [2, 83], {
-				13: [1, 141],
-				77: [1, 140]
+			t(O, [2, 87], { 13: [1, 144] }),
+			t(O, [2, 89], {
+				13: [1, 146],
+				77: [1, 145]
 			}),
-			t(O, [2, 87], {
-				13: [1, 142],
-				80: [1, 143]
+			t(O, [2, 93], {
+				13: [1, 147],
+				80: [1, 148]
 			}),
-			{ 13: [1, 144] },
-			t(O, [2, 95], { 61: ie }),
-			t(ae, [2, 97], {
-				85: 146,
-				22: V,
-				48: H,
-				60: U,
-				82: W,
-				86: G,
-				87: K,
-				88: q,
-				89: J,
-				90: Y
+			{ 13: [1, 149] },
+			t(O, [2, 101], { 61: ie }),
+			t(ae, [2, 103], {
+				85: 151,
+				22: H,
+				50: U,
+				60: W,
+				82: G,
+				86: K,
+				87: q,
+				88: J,
+				89: Y,
+				90: X
 			}),
-			t(Q, [2, 99]),
-			t(Q, [2, 101]),
-			t(Q, [2, 102]),
-			t(Q, [2, 103]),
-			t(Q, [2, 104]),
 			t(Q, [2, 105]),
-			t(Q, [2, 106]),
 			t(Q, [2, 107]),
 			t(Q, [2, 108]),
 			t(Q, [2, 109]),
-			t(O, [2, 96]),
-			t(O, [2, 61]),
-			t(O, [2, 63], { 61: ie }),
-			{ 60: [1, 147] },
+			t(Q, [2, 110]),
+			t(Q, [2, 111]),
+			t(Q, [2, 112]),
+			t(Q, [2, 113]),
+			t(Q, [2, 114]),
+			t(Q, [2, 115]),
+			t(O, [2, 102]),
+			t(I, [2, 67]),
+			t(O, [2, 69], { 61: ie }),
+			{ 60: [1, 152] },
 			t(L, [2, 14]),
 			{
-				15: 148,
-				16: 84,
-				17: 85,
+				15: 153,
+				16: 85,
+				17: 86,
 				60: p,
 				86: C,
 				100: w,
@@ -1245,99 +1294,123 @@ var parser = (function() {
 				103: E
 			},
 			{ 39: [2, 12] },
-			t(X, [2, 46]),
-			{ 13: [1, 149] },
+			t(re, [2, 52]),
+			{ 13: [1, 154] },
 			{ 1: [2, 4] },
-			t(Z, [2, 59]),
-			t(Z, [2, 58]),
+			t(Z, [2, 65]),
+			t(Z, [2, 64]),
 			{
 				16: 39,
 				17: 40,
-				19: 150,
+				19: 155,
 				60: p,
 				86: C,
 				100: w,
 				102: T,
 				103: E
 			},
-			t(z, [2, 70]),
+			t(z, [2, 76]),
 			t(O, [2, 34]),
-			{ 41: [1, 151] },
+			{ 41: [1, 156] },
 			{
-				24: 96,
-				40: 152,
+				24: 97,
+				30: 98,
+				40: 157,
 				41: [2, 38],
 				43: 23,
-				46: o
+				48: s,
+				54: u,
+				56: d
 			},
 			{
-				45: 153,
-				51: ne
+				24: 97,
+				30: 98,
+				40: 158,
+				41: [2, 41],
+				43: 23,
+				48: s,
+				54: u,
+				56: d
+			},
+			{
+				45: 159,
+				51: V
 			},
-			t(I, [2, 42]),
-			{ 41: [2, 52] },
-			t(O, [2, 50]),
-			t(O, [2, 82]),
-			t(O, [2, 84]),
-			t(O, [2, 85], { 77: [1, 154] }),
+			t(I, [2, 45]),
+			{ 41: [2, 58] },
+			t(I, [2, 48], { 39: [1, 160] }),
+			t(O, [2, 56]),
 			t(O, [2, 88]),
-			t(O, [2, 89], { 13: [1, 155] }),
-			t(O, [2, 91], {
-				13: [1, 157],
-				77: [1, 156]
+			t(O, [2, 90]),
+			t(O, [2, 91], { 77: [1, 161] }),
+			t(O, [2, 94]),
+			t(O, [2, 95], { 13: [1, 162] }),
+			t(O, [2, 97], {
+				13: [1, 164],
+				77: [1, 163]
 			}),
 			{
-				22: V,
-				48: H,
-				60: U,
-				82: W,
-				84: 158,
-				85: 108,
-				86: G,
-				87: K,
-				88: q,
-				89: J,
-				90: Y
+				22: H,
+				50: U,
+				60: W,
+				82: G,
+				84: 165,
+				85: 111,
+				86: K,
+				87: q,
+				88: J,
+				89: Y,
+				90: X
 			},
-			t(Q, [2, 100]),
-			t(re, [2, 65]),
+			t(Q, [2, 106]),
+			t(ne, [2, 71]),
 			{ 39: [2, 11] },
-			{ 14: [1, 159] },
-			t(Z, [2, 60]),
+			{ 14: [1, 166] },
+			t(Z, [2, 66]),
 			t(O, [2, 35]),
 			{ 41: [2, 39] },
-			{ 41: [1, 160] },
-			t(O, [2, 86]),
-			t(O, [2, 90]),
+			{ 41: [2, 42] },
+			{ 41: [1, 167] },
+			{
+				41: [1, 169],
+				45: 168,
+				51: V
+			},
 			t(O, [2, 92]),
-			t(O, [2, 93], { 77: [1, 161] }),
-			t(ae, [2, 98], {
-				85: 146,
-				22: V,
-				48: H,
-				60: U,
-				82: W,
-				86: G,
-				87: K,
-				88: q,
-				89: J,
-				90: Y
+			t(O, [2, 96]),
+			t(O, [2, 98]),
+			t(O, [2, 99], { 77: [1, 170] }),
+			t(ae, [2, 104], {
+				85: 151,
+				22: H,
+				50: U,
+				60: W,
+				82: G,
+				86: K,
+				87: q,
+				88: J,
+				89: Y,
+				90: X
 			}),
-			t(X, [2, 8]),
-			t(I, [2, 44]),
-			t(O, [2, 94])
+			t(re, [2, 8]),
+			t(I, [2, 47]),
+			{ 41: [1, 171] },
+			t(I, [2, 50]),
+			t(O, [2, 100]),
+			t(I, [2, 49])
 		],
 		defaultActions: {
 			2: [2, 1],
 			3: [2, 2],
 			4: [2, 3],
-			83: [2, 36],
-			85: [2, 10],
-			124: [2, 12],
-			127: [2, 4],
-			137: [2, 52],
-			148: [2, 11],
-			152: [2, 39]
+			84: [2, 36],
+			86: [2, 10],
+			127: [2, 12],
+			130: [2, 4],
+			141: [2, 58],
+			153: [2, 11],
+			157: [2, 39],
+			158: [2, 42]
 		},
 		parseError: /* @__PURE__ */ __name(function(e, t) {
 			if (t.recoverable) this.trace(e);
@@ -1593,7 +1666,7 @@ var parser = (function() {
 					case 35: return 8;
 					case 36: break;
 					case 37: return "EDGE_STATE";
-					case 38: return this.begin("class"), 46;
+					case 38: return this.begin("class"), 48;
 					case 39: return this.popState(), 8;
 					case 40: break;
 					case 41: return this.popState(), this.popState(), 41;
@@ -1610,8 +1683,8 @@ var parser = (function() {
 					case 52: return 78;
 					case 53: return 54;
 					case 54: return 56;
-					case 55: return 49;
-					case 56: return 50;
+					case 55: return 46;
+					case 56: return 47;
 					case 57: return 81;
 					case 58:
 						this.popState();
@@ -1658,8 +1731,8 @@ var parser = (function() {
 					case 92: return "PUNCTUATION";
 					case 93: return 86;
 					case 94: return 102;
-					case 95: return 48;
-					case 96: return 48;
+					case 95: return 50;
+					case 96: return 50;
 					case 97: return 9;
 				}
 			}, "anonymous"),
@@ -2570,7 +2643,7 @@ var classDiagram_default = parser, visibilityValues = [
 	}
 }, MERMAID_DOM_ID_PREFIX = "classId-", classCounter = 0, sanitizeText2 = /* @__PURE__ */ __name((e) => common_default.sanitizeText(e, getConfig2()), "sanitizeText"), ClassDB = class {
 	constructor() {
-		this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.styleClasses = /* @__PURE__ */ new Map(), this.notes = [], this.interfaces = [], this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.functions = [], this.lineType = {
+		this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.styleClasses = /* @__PURE__ */ new Map(), this.notes = /* @__PURE__ */ new Map(), this.interfaces = [], this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.diagramId = "", this.functions = [], this.lineType = {
 			LINE: 0,
 			DOTTED_LINE: 1
 		}, this.relationType = {
@@ -2580,12 +2653,14 @@ var classDiagram_default = parser, visibilityValues = [
 			DEPENDENCY: 3,
 			LOLLIPOP: 4
 		}, this.setupToolTips = /* @__PURE__ */ __name((e) => {
-			let t = select_default(".mermaidTooltip");
-			(t._groups || t)[0][0] === null && (t = select_default("body").append("div").attr("class", "mermaidTooltip").style("opacity", 0)), select_default(e).select("svg").selectAll("g.node").on("mouseover", (e) => {
-				let n = select_default(e.currentTarget);
-				if (n.attr("title") === null) return;
-				let r = this.getBoundingClientRect();
-				t.transition().duration(200).style("opacity", ".9"), t.text(n.attr("title")).style("left", window.scrollX + r.left + (r.right - r.left) / 2 + "px").style("top", window.scrollY + r.top - 14 + document.body.scrollTop + "px"), t.html(t.html().replace(/&lt;br\/&gt;/g, "<br/>")), n.classed("hover", !0);
+			let t = createTooltip();
+			select_default(e).select("svg").selectAll("g").filter(function() {
+				return select_default(this).attr("title") !== null;
+			}).on("mouseover", (e) => {
+				let r = select_default(e.currentTarget), i = r.attr("title");
+				if (!i) return;
+				let a = e.currentTarget.getBoundingClientRect();
+				t.transition().duration(200).style("opacity", ".9"), t.html(purify.sanitize(i)).style("left", `${window.scrollX + a.left + a.width / 2}px`).style("top", `${window.scrollY + a.bottom + 4}px`), r.classed("hover", !0);
 			}).on("mouseout", (e) => {
 				t.transition().duration(500).style("opacity", 0), select_default(e.currentTarget).classed("hover", !1);
 			});
@@ -2593,31 +2668,31 @@ var classDiagram_default = parser, visibilityValues = [
 	}
 	static #e = __name(this, "ClassDB");
 	splitClassNameAndType(e) {
-		let t = common_default.sanitizeText(e, getConfig2()), n = "", i = t;
+		let t = common_default.sanitizeText(e, getConfig2()), n = "", r = t;
 		if (t.indexOf("~") > 0) {
 			let e = t.split("~");
-			i = sanitizeText2(e[0]), n = sanitizeText2(e[1]);
+			r = sanitizeText2(e[0]), n = sanitizeText2(e[1]);
 		}
 		return {
-			className: i,
+			className: r,
 			type: n
 		};
 	}
 	setClassLabel(e, t) {
 		let n = common_default.sanitizeText(e, getConfig2());
 		t &&= sanitizeText2(t);
-		let { className: i } = this.splitClassNameAndType(n);
-		this.classes.get(i).label = t, this.classes.get(i).text = `${t}${this.classes.get(i).type ? `<${this.classes.get(i).type}>` : ""}`;
+		let { className: r } = this.splitClassNameAndType(n);
+		this.classes.get(r).label = t, this.classes.get(r).text = `${t}${this.classes.get(r).type ? `<${this.classes.get(r).type}>` : ""}`;
 	}
 	addClass(e) {
-		let t = common_default.sanitizeText(e, getConfig2()), { className: n, type: i } = this.splitClassNameAndType(t);
+		let t = common_default.sanitizeText(e, getConfig2()), { className: n, type: r } = this.splitClassNameAndType(t);
 		if (this.classes.has(n)) return;
 		let a = common_default.sanitizeText(n, getConfig2());
 		this.classes.set(a, {
 			id: a,
-			type: i,
+			type: r,
 			label: a,
-			text: `${a}${i ? `&lt;${i}&gt;` : ""}`,
+			text: `${a}${r ? `&lt;${r}&gt;` : ""}`,
 			shape: "classBox",
 			cssClasses: "default",
 			methods: [],
@@ -2635,13 +2710,19 @@ var classDiagram_default = parser, visibilityValues = [
 		};
 		this.interfaces.push(n);
 	}
+	setDiagramId(e) {
+		this.diagramId = e;
+	}
 	lookUpDomId(e) {
 		let t = common_default.sanitizeText(e, getConfig2());
-		if (this.classes.has(t)) return this.classes.get(t).domId;
+		if (this.classes.has(t)) {
+			let e = this.classes.get(t).domId;
+			return this.diagramId ? `${this.diagramId}-${e}` : e;
+		}
 		throw Error("Class not found: " + t);
 	}
 	clear() {
-		this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.notes = [], this.interfaces = [], this.functions = [], this.functions.push(this.setupToolTips.bind(this)), this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.direction = "TB", clear();
+		this.relations = [], this.classes = /* @__PURE__ */ new Map(), this.notes = /* @__PURE__ */ new Map(), this.interfaces = [], this.functions = [], this.functions.push(this.setupToolTips.bind(this)), this.namespaces = /* @__PURE__ */ new Map(), this.namespaceCounter = 0, this.diagramId = "", this.direction = "TB", clear();
 	}
 	getClass(e) {
 		return this.classes.get(e);
@@ -2652,6 +2733,10 @@ var classDiagram_default = parser, visibilityValues = [
 	getRelations() {
 		return this.relations;
 	}
+	getNote(e) {
+		let t = typeof e == "number" ? `note${e}` : e;
+		return this.notes.get(t);
+	}
 	getNotes() {
 		return this.notes;
 	}
@@ -2682,12 +2767,13 @@ var classDiagram_default = parser, visibilityValues = [
 		Array.isArray(t) && (t.reverse(), t.forEach((t) => this.addMember(e, t)));
 	}
 	addNote(e, t) {
-		let n = {
-			id: `note${this.notes.length}`,
+		let n = this.notes.size, r = {
+			id: `note${n}`,
 			class: t,
-			text: e
+			text: e,
+			index: n
 		};
-		this.notes.push(n);
+		return this.notes.set(r.id, r), r.id;
 	}
 	cleanupLabel(e) {
 		return e.startsWith(":") && (e = e.substring(1)), sanitizeText2(e.trim());
@@ -2741,22 +2827,22 @@ var classDiagram_default = parser, visibilityValues = [
 		}), this.setCssClass(e, "clickable");
 	}
 	setClickFunc(e, t, n) {
-		let i = common_default.sanitizeText(e, getConfig2());
+		let r = common_default.sanitizeText(e, getConfig2());
 		if (getConfig2().securityLevel !== "loose" || t === void 0) return;
-		let a = i;
+		let a = r;
 		if (this.classes.has(a)) {
-			let e = this.lookUpDomId(a), r = [];
+			let e = [];
 			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;
+				e = n.split(/,(?=(?:(?:[^"]*"){2})*[^"]*$)/);
+				for (let t = 0; t < e.length; t++) {
+					let n = e[t].trim();
+					n.startsWith("\"") && n.endsWith("\"") && (n = n.substr(1, n.length - 2)), e[t] = n;
 				}
 			}
-			r.length === 0 && r.push(e), this.functions.push(() => {
-				let n = document.querySelector(`[id="${e}"]`);
-				n !== null && n.addEventListener("click", () => {
-					utils_default.runFunc(t, ...r);
+			e.length === 0 && e.push(a), this.functions.push(() => {
+				let n = this.lookUpDomId(a), r = document.querySelector(`[id="${n}"]`);
+				r !== null && r.addEventListener("click", () => {
+					utils_default.runFunc(t, ...e);
 				}, !1);
 			});
 		}
@@ -2766,6 +2852,9 @@ var classDiagram_default = parser, visibilityValues = [
 			t(e);
 		});
 	}
+	escapeHtml(e) {
+		return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+	}
 	getDirection() {
 		return this.direction;
 	}
@@ -2776,7 +2865,8 @@ var classDiagram_default = parser, visibilityValues = [
 		this.namespaces.has(e) || (this.namespaces.set(e, {
 			id: e,
 			classes: /* @__PURE__ */ new Map(),
-			children: {},
+			notes: /* @__PURE__ */ new Map(),
+			children: /* @__PURE__ */ new Map(),
 			domId: MERMAID_DOM_ID_PREFIX + e + "-" + this.namespaceCounter
 		}), this.namespaceCounter++);
 	}
@@ -2786,10 +2876,16 @@ var classDiagram_default = parser, visibilityValues = [
 	getNamespaces() {
 		return this.namespaces;
 	}
-	addClassesToNamespace(e, t) {
-		if (this.namespaces.has(e)) for (let n of t) {
-			let { className: t } = this.splitClassNameAndType(n);
-			this.classes.get(t).parent = e, this.namespaces.get(e).classes.set(t, this.classes.get(t));
+	addClassesToNamespace(e, t, n) {
+		if (this.namespaces.has(e)) {
+			for (let n of t) {
+				let { className: t } = this.splitClassNameAndType(n), r = this.getClass(t);
+				r.parent = e, this.namespaces.get(e).classes.set(t, r);
+			}
+			for (let t of n) {
+				let n = this.getNote(t);
+				n.parent = e, this.namespaces.get(e).notes.set(t, n);
+			}
 		}
 	}
 	setCssStyle(e, t) {
@@ -2820,34 +2916,32 @@ var classDiagram_default = parser, visibilityValues = [
 	}
 	getData() {
 		let e = [], t = [], n = getConfig2();
-		for (let t of this.namespaces.keys()) {
-			let r = this.namespaces.get(t);
-			if (r) {
-				let t = {
-					id: r.id,
-					label: r.id,
-					isGroup: !0,
-					padding: n.class.padding ?? 16,
-					shape: "rect",
-					cssStyles: ["fill: none", "stroke: black"],
-					look: n.look
-				};
-				e.push(t);
-			}
+		for (let t of this.namespaces.values()) {
+			let r = {
+				id: t.id,
+				label: t.id,
+				isGroup: !0,
+				padding: n.class.padding ?? 16,
+				shape: "rect",
+				cssStyles: [],
+				look: n.look
+			};
+			e.push(r);
 		}
-		for (let t of this.classes.keys()) {
-			let r = this.classes.get(t);
-			if (r) {
-				let t = r;
-				t.parentId = r.parent, t.look = n.look, e.push(t);
-			}
+		for (let t of this.classes.values()) {
+			let r = {
+				...t,
+				type: void 0,
+				isGroup: !1,
+				parentId: t.parent,
+				look: n.look
+			};
+			e.push(r);
 		}
-		let r = 0;
-		for (let i of this.notes) {
-			r++;
-			let a = {
-				id: i.id,
-				label: i.text,
+		for (let r of this.notes.values()) {
+			let i = {
+				id: r.id,
+				label: r.text,
 				isGroup: !1,
 				shape: "note",
 				padding: n.class.padding ?? 6,
@@ -2857,15 +2951,17 @@ var classDiagram_default = parser, visibilityValues = [
 					`fill: ${n.themeVariables.noteBkgColor}`,
 					`stroke: ${n.themeVariables.noteBorderColor}`
 				],
-				look: n.look
+				look: n.look,
+				parentId: r.parent,
+				labelType: "markdown"
 			};
-			e.push(a);
-			let o = this.classes.get(i.class)?.id ?? "";
-			if (o) {
+			e.push(i);
+			let a = this.classes.get(r.class)?.id;
+			if (a) {
 				let e = {
-					id: `edgeNote${r}`,
-					start: i.id,
-					end: o,
+					id: `edgeNote${r.index}`,
+					start: r.id,
+					end: a,
 					type: "normal",
 					thickness: "normal",
 					classes: "relation",
@@ -2891,7 +2987,7 @@ var classDiagram_default = parser, visibilityValues = [
 			};
 			e.push(r);
 		}
-		r = 0;
+		let r = 0;
 		for (let e of this.relations) {
 			r++;
 			let i = {
@@ -2914,7 +3010,8 @@ var classDiagram_default = parser, visibilityValues = [
 				labelStyle: ["display: inline-block"],
 				style: e.style || "",
 				pattern: e.relation.lineType == 1 ? "dashed" : "solid",
-				look: n.look
+				look: n.look,
+				labelType: "markdown"
 			};
 			t.push(i);
 		}
@@ -2938,9 +3035,37 @@ var classDiagram_default = parser, visibilityValues = [
 
 }
 
+  .cluster-label text {
+    fill: ${e.titleColor};
+  }
+  .cluster-label span {
+    color: ${e.titleColor};
+  }
+  .cluster-label span p {
+    background-color: transparent;
+  }
+
+  .cluster rect {
+    fill: ${e.clusterBkg};
+    stroke: ${e.clusterBorder};
+    stroke-width: 1px;
+  }
+
+  .cluster text {
+    fill: ${e.titleColor};
+  }
+
+  .cluster span {
+    color: ${e.titleColor};
+  }
+
 .nodeLabel, .edgeLabel {
   color: ${e.classText};
 }
+
+.noteLabel .nodeLabel, .noteLabel .edgeLabel {
+  color: ${e.noteTextColor};
+}
 .edgeLabel .label rect {
   fill: ${e.mainBkg};
 }
@@ -2965,7 +3090,7 @@ var classDiagram_default = parser, visibilityValues = [
   .node path {
     fill: ${e.mainBkg};
     stroke: ${e.nodeBorder};
-    stroke-width: 1px;
+    stroke-width: ${e.strokeWidth};
   }
 
 
@@ -3002,7 +3127,7 @@ g.classGroup line {
 
 .relation {
   stroke: ${e.lineColor};
-  stroke-width: 1;
+  stroke-width: ${e.strokeWidth};
   fill: none;
 }
 
@@ -3014,61 +3139,61 @@ g.classGroup line {
   stroke-dasharray: 1 2;
 }
 
-#compositionStart, .composition {
+[id$="-compositionStart"], .composition {
   fill: ${e.lineColor} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#compositionEnd, .composition {
+[id$="-compositionEnd"], .composition {
   fill: ${e.lineColor} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#dependencyStart, .dependency {
+[id$="-dependencyStart"], .dependency {
   fill: ${e.lineColor} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#dependencyStart, .dependency {
+[id$="-dependencyEnd"], .dependency {
   fill: ${e.lineColor} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#extensionStart, .extension {
+[id$="-extensionStart"], .extension {
   fill: transparent !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#extensionEnd, .extension {
+[id$="-extensionEnd"], .extension {
   fill: transparent !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#aggregationStart, .aggregation {
+[id$="-aggregationStart"], .aggregation {
   fill: transparent !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#aggregationEnd, .aggregation {
+[id$="-aggregationEnd"], .aggregation {
   fill: transparent !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#lollipopStart, .lollipop {
+[id$="-lollipopStart"], .lollipop {
   fill: ${e.mainBkg} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
 }
 
-#lollipopEnd, .lollipop {
+[id$="-lollipopEnd"], .lollipop {
   fill: ${e.mainBkg} !important;
   stroke: ${e.lineColor} !important;
   stroke-width: 1;
@@ -3084,6 +3209,19 @@ g.classGroup line {
   font-size: 18px;
   fill: ${e.textColor};
 }
+
+.edgeLabel[data-look="neo"] {
+  background-color: ${e.edgeLabelBackground};
+  p {
+    background-color: ${e.edgeLabelBackground};
+  }
+  rect {
+    opacity: 0.5;
+    background-color: ${e.edgeLabelBackground};
+    fill: ${e.edgeLabelBackground};
+  }
+  text-align: center;
+}
   ${getIconStyles()}
 `, "getStyles"), classRenderer_v3_unified_default = {
 	getClasses: /* @__PURE__ */ __name(function(e, t) {
@@ -3091,14 +3229,16 @@ g.classGroup line {
 	}, "getClasses"),
 	draw: /* @__PURE__ */ __name(async function(e, n, r, i) {
 		log.info("REF0:"), log.info("Drawing class diagram (v3)", n);
-		let { securityLevel: a, state: s, layout: c } = getConfig2(), l = i.db.getData(), u = getDiagramElement(n, a);
-		l.type = i.type, l.layoutAlgorithm = getRegisteredLayoutAlgorithm(c), l.nodeSpacing = s?.nodeSpacing || 50, l.rankSpacing = s?.rankSpacing || 50, l.markers = [
+		let { securityLevel: a, state: o, layout: c } = getConfig2();
+		i.db.setDiagramId(n);
+		let l = i.db.getData(), u = getDiagramElement(n, a);
+		l.type = i.type, l.layoutAlgorithm = getRegisteredLayoutAlgorithm(c), l.nodeSpacing = o?.nodeSpacing || 50, l.rankSpacing = o?.rankSpacing || 50, l.markers = [
 			"aggregation",
 			"extension",
 			"composition",
 			"dependency",
 			"lollipop"
-		], l.diagramId = n, await render(l, u), utils_default.insertTitle(u, "classDiagramTitleText", s?.titleTopMargin ?? 25, i.db.getDiagramTitle()), setupViewPortForSVG(u, 8, "classDiagram", s?.useMaxWidth ?? !0);
+		], l.diagramId = n, await render(l, u), utils_default.insertTitle(u, "classDiagramTitleText", o?.titleTopMargin ?? 25, i.db.getDiagramTitle()), setupViewPortForSVG(u, 8, "classDiagram", o?.useMaxWidth ?? !0);
 	}, "draw"),
 	getDir: /* @__PURE__ */ __name((e, t = "TB") => {
 		if (!e.doc) return t;