@tumaet/apollon 5.0.1 → 5.1.1

package/dist/{versionConverter-C-s36Ory.js → yjsSync-BeQGvR_C.js}

@@ -28,7 +28,7 @@ var C = {
 	return e.Modelling = "Modelling", e.Exporting = "Exporting", e.Assessment = "Assessment", e;
 }({}), E = /* @__PURE__ */ function(e) {
 	return e.Modelling = "Modelling", e.Exporting = "Exporting", e.Highlight = "Highlight", e;
-}({}), D = ({ children: t, fill: n = "var(--apollon-primary-contrast, #000000)", x: r = "50%", y: i = "50%", dominantBaseline: a = "central", textAnchor: o = "middle", fontWeight: c = "400", fontFamily: l = e, pointerEvents: u = "none", noX: d = !1, noY: f = !1, ...p }) => {
+}({}), D = ({ children: t, fill: n = "var(--apollon-foreground, #000000)", x: r = "50%", y: i = "50%", dominantBaseline: a = "central", textAnchor: o = "middle", fontWeight: c = "400", fontFamily: l = e, pointerEvents: u = "none", noX: d = !1, noY: f = !1, ...p }) => {
 	let m = {};
 	return d || (m.x = r), f || (m.y = i), /* @__PURE__ */ s("text", {
 		...m,
@@ -41,8 +41,8 @@ var C = {
 		...p,
 		children: t
 	});
-}, O = e, ee = (e) => {
-	let t = e.fontWeight ?? 400, n = e.fontStyle ?? "normal", r = e.fontFamily ?? O;
+}, ee = e, O = (e) => {
+	let t = e.fontWeight ?? 400, n = e.fontStyle ?? "normal", r = e.fontFamily ?? ee;
 	return `${n} ${t} ${e.fontSize}px ${r}`;
 }, k = /* @__PURE__ */ new Map(), te = 256, ne = (e, t, n) => {
 	let r = `${n}${t}${e}`, i = k.get(r);
@@ -64,7 +64,7 @@ var ie = (e, t, n, r = {}) => {
 		maxLineWidth: 0,
 		overflow: !1
 	};
-	let a = typeof n == "string" ? n : ee(n), o = r.lineHeight ?? (typeof n == "string" ? 16 : Math.round(n.fontSize * 1.2)), s = r.whiteSpace ?? "pre-wrap", c = Math.max(1, t);
+	let a = typeof n == "string" ? n : O(n), o = r.lineHeight ?? (typeof n == "string" ? 16 : Math.round(n.fontSize * 1.2)), s = r.whiteSpace ?? "pre-wrap", c = Math.max(1, t);
 	try {
 		let e = u(ne(i, a, s), c, o), t = e.lines.map((e) => e.text), n = e.lines.reduce((e, t) => Math.max(e, t.width), 0), l = !1;
 		return r.maxLines !== void 0 && t.length > r.maxLines && (t = t.slice(0, r.maxLines), n = e.lines.slice(0, r.maxLines).reduce((e, t) => Math.max(e, t.width), 0), l = !0), {
@@ -86,7 +86,7 @@ var ie = (e, t, n, r = {}) => {
 	let r = 1 - Math.min(Math.abs(e), t) / t;
 	return 2 * n * Math.max(0, r);
 }, se = "…", ce = (e, t, n, r, i, a, o) => {
-	let s = typeof r == "string" ? r : ee(r), c = o.paddingX ?? 0, u = o.paddingY ?? 0, p = o.maxLines ?? 32, m = o.whiteSpace ?? "pre-wrap", h = {
+	let s = typeof r == "string" ? r : O(r), c = o.paddingX ?? 0, u = o.paddingY ?? 0, p = o.maxLines ?? 32, m = o.whiteSpace ?? "pre-wrap", h = {
 		lines: [],
 		lineHeight: i,
 		lineOffsets: [],
@@ -164,18 +164,18 @@ var ie = (e, t, n, r = {}) => {
 		graphemeIndex: 0
 	}, E);
 	if (!D) return h;
-	let O = d(b, D);
+	let ee = d(b, D);
 	return {
 		lines: [{
-			text: O.text,
-			width: O.width
+			text: ee.text,
+			width: ee.width
 		}],
 		lineHeight: i,
 		lineOffsets: [0],
 		blockHeight: i,
 		overflow: !C(D.end)
 	};
-}, le = (e, t, n, r, i, a = {}) => ce(e, t, n, r, i, ae, a), ue = (e, t, n, r, i, a = {}) => ce(e, t, n, r, i, oe, a), de = e, j = ({ text: e, x: t, y: n, maxWidth: r, fontSize: a, fontWeight: o = 400, fontFamily: c = de, fontStyle: l, lineHeight: u, verticalAnchor: d = "middle", textAnchor: f = "middle", fill: p = "var(--apollon-primary-contrast, #000000)", maxLines: m, pointerEvents: h = "none", ...g }) => {
+}, le = (e, t, n, r, i, a = {}) => ce(e, t, n, r, i, ae, a), ue = (e, t, n, r, i, a = {}) => ce(e, t, n, r, i, oe, a), de = e, j = ({ text: e, x: t, y: n, maxWidth: r, fontSize: a, fontWeight: o = 400, fontFamily: c = de, fontStyle: l, lineHeight: u, verticalAnchor: d = "middle", textAnchor: f = "middle", fill: p = "var(--apollon-foreground, #000000)", maxLines: m, pointerEvents: h = "none", ...g }) => {
 	let _ = u ?? Math.round(a * 1.2), v = i(() => ({
 		fontSize: a,
 		fontWeight: o,
@@ -274,11 +274,11 @@ var ie = (e, t, n, r = {}) => {
 	});
 }, we = (e, t) => {
 	let n = e + 2 * t;
-	return Math.ceil(n / q.EXTRA_SPACE_FOR_EXTENSION) * q.EXTRA_SPACE_FOR_EXTENSION;
+	return Math.ceil(n / K.EXTRA_SPACE_FOR_EXTENSION) * K.EXTRA_SPACE_FOR_EXTENSION;
 }, Te = (e, t, n, r, i) => {
 	let a = e + t * r + n * i;
-	return Math.ceil(a / q.EXTRA_SPACE_FOR_EXTENSION) * q.EXTRA_SPACE_FOR_EXTENSION;
-}, Ee = "var(--apollon-primary-contrast, #000000)", De = "var(--apollon-background, #ffffff)", F = (e) => ({
+	return Math.ceil(a / K.EXTRA_SPACE_FOR_EXTENSION) * K.EXTRA_SPACE_FOR_EXTENSION;
+}, Ee = "var(--apollon-foreground, #000000)", De = "var(--apollon-background, #ffffff)", F = (e) => ({
 	strokeColor: e.strokeColor || Ee,
 	fillColor: e.fillColor || De,
 	textColor: e.textColor || Ee
@@ -385,7 +385,7 @@ var ie = (e, t, n, r = {}) => {
 		children: e
 	});
 }, I = /* @__PURE__ */ function(e) {
-	return e.Abstract = "Abstract", e.Interface = "Interface", e.Enumeration = "Enumeration", e;
+	return e.Interface = "interface", e.Enumeration = "enumeration", e;
 }({}), Me = () => {}, L = {
 	error: Me,
 	warn: Me,
@@ -426,30 +426,30 @@ var Fe = {
 			x: t / 2,
 			y: 22,
 			maxWidth: t - 24,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
 			verticalAnchor: "top",
-			maxLines: A(n - 28, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 28, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
 			score: u
 		})]
 	});
-}, z = ({ y: e, width: t, strokeColor: n = "var(--apollon-primary-contrast, #000000)" }) => /* @__PURE__ */ s("line", {
+}, z = ({ y: e, width: t, strokeColor: n = "var(--apollon-foreground, #000000)" }) => /* @__PURE__ */ s("line", {
 	x1: "0",
 	x2: t,
 	y1: e,
 	y2: e,
 	stroke: n,
-	strokeWidth: Y.LINE_WIDTH
-}), Le = ({ showStereotype: e, stereotype: t, name: n, width: r, headerHeight: i, isUnderlined: a = !1, textColor: l, fill: u = "var(--apollon-background, white)" }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("rect", {
-	x: Y.LINE_WIDTH / 2,
-	y: Y.LINE_WIDTH / 2,
-	width: r - Y.LINE_WIDTH,
-	height: i - Y.LINE_WIDTH / 2,
-	fill: u
+	strokeWidth: J.LINE_WIDTH
+}), Le = ({ showStereotype: e, stereotype: t, name: n, width: r, headerHeight: i, isUnderlined: a = !1, isAbstract: l = !1, textColor: u, fill: d = "var(--apollon-background, white)" }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("rect", {
+	x: J.LINE_WIDTH / 2,
+	y: J.LINE_WIDTH / 2,
+	width: r - J.LINE_WIDTH,
+	height: i - J.LINE_WIDTH / 2,
+	fill: d
 }), /* @__PURE__ */ c(D, {
 	x: r / 2,
 	y: i / 2,
@@ -457,16 +457,16 @@ var Fe = {
 	textAnchor: "middle",
 	fontWeight: "bold",
 	textDecoration: a ? "underline" : "normal",
-	fill: l,
-	children: [e && /* @__PURE__ */ s("tspan", {
+	fill: u,
+	children: [e && t && /* @__PURE__ */ s("tspan", {
 		x: r / 2,
 		dy: "-8",
 		fontSize: "85%",
-		children: `«${t}»`
+		children: Zt(t)
 	}), /* @__PURE__ */ s("tspan", {
 		x: r / 2,
-		dy: e ? "18" : "0",
-		fontStyle: t === I.Abstract ? "italic" : "normal",
+		dy: e && t ? "18" : "0",
+		fontStyle: l ? "italic" : "normal",
 		children: n
 	})]
 })] }), Re = ({ elementId: e, width: t, itemHeight: n, yOffset: r = 0, children: i }) => {
@@ -501,9 +501,9 @@ var Fe = {
 			y: r,
 			width: t,
 			height: n,
-			fill: mn,
+			fill: gn,
 			fillOpacity: .18,
-			stroke: mn,
+			stroke: gn,
 			strokeWidth: 2,
 			rx: 2,
 			pointerEvents: "none"
@@ -524,8 +524,8 @@ var Fe = {
 				y: r,
 				width: t,
 				height: n,
-				fill: f ? hn : gn,
-				stroke: f ? mn : _n,
+				fill: f ? _n : vn,
+				stroke: f ? gn : yn,
 				strokeWidth: f ? 2 : 1,
 				rx: 2,
 				pointerEvents: "none"
@@ -549,10 +549,10 @@ var Fe = {
 				elementId: e.id,
 				elementType: o,
 				children: [/* @__PURE__ */ s("rect", {
-					x: Y.LINE_WIDTH / 2,
-					y: l + Y.LINE_WIDTH / 2,
-					width: i - Y.LINE_WIDTH,
-					height: n - Y.LINE_WIDTH,
+					x: J.LINE_WIDTH / 2,
+					y: l + J.LINE_WIDTH / 2,
+					width: i - J.LINE_WIDTH,
+					height: n - J.LINE_WIDTH,
 					fill: f
 				}), /* @__PURE__ */ s(D, {
 					x: t,
@@ -560,6 +560,7 @@ var Fe = {
 					dominantBaseline: "middle",
 					textAnchor: "start",
 					fill: p,
+					fontStyle: e.isAbstract ? "italic" : "normal",
 					children: e.name
 				})]
 			}), a && typeof e.score == "number" && /* @__PURE__ */ s(P, {
@@ -569,29 +570,29 @@ var Fe = {
 			})]
 		}, e.id);
 	})
-}), V = ({ stroke: e = "var(--apollon-primary-contrast, #000000)", fill: t = "var(--apollon-background, white)", ...n }) => /* @__PURE__ */ s("rect", {
+}), V = ({ stroke: e = "var(--apollon-foreground, #000000)", fill: t = "var(--apollon-background, white)", ...n }) => /* @__PURE__ */ s("rect", {
 	stroke: e,
 	fill: t,
-	strokeWidth: Y.LINE_WIDTH,
+	strokeWidth: J.LINE_WIDTH,
 	...n
 }), H = ({ id: e, width: t, height: n, SIDEBAR_PREVIEW_SCALE: r, svgAttributes: i, showAssessmentResults: a = !1, data: l }) => {
-	let { attributes: u, methods: d, name: f, stereotype: p } = l, m = !!p, g = m ? Y.DEFAULT_HEADER_HEIGHT_WITH_STEREOTYPE : Y.DEFAULT_HEADER_HEIGHT, _ = Y.DEFAULT_ATTRIBUTE_HEIGHT, v = Y.DEFAULT_METHOD_HEIGHT, y = Y.DEFAULT_PADDING, b = M(h((e) => e.assessments)), x = (e) => e.map((e) => {
-		let t = b[e.id]?.score;
+	let { attributes: u, methods: d, name: f, stereotype: p, isAbstract: m } = l, g = !!p, _ = g ? J.DEFAULT_HEADER_HEIGHT_WITH_STEREOTYPE : J.DEFAULT_HEADER_HEIGHT, v = J.DEFAULT_ATTRIBUTE_HEIGHT, y = J.DEFAULT_METHOD_HEIGHT, b = J.DEFAULT_PADDING, x = M(h((e) => e.assessments)), S = (e) => e.map((e) => {
+		let t = x[e.id]?.score;
 		return {
 			...e,
 			score: t
 		};
-	}), S = x(u), C = x(d), w = b[e]?.score, T = t * (r ?? 1), E = n * (r ?? 1), { fillColor: D, strokeColor: O, textColor: ee } = F(l);
+	}), C = S(u), w = S(d), T = x[e]?.score, E = t * (r ?? 1), D = n * (r ?? 1), { fillColor: ee, strokeColor: O, textColor: k } = F(l);
 	return /* @__PURE__ */ s("svg", {
-		width: T,
-		height: E,
+		width: E,
+		height: D,
 		viewBox: `0 0 ${t} ${n}`,
 		overflow: "visible",
 		...i,
 		children: /* @__PURE__ */ c(Re, {
 			elementId: e,
 			width: t,
-			itemHeight: g,
+			itemHeight: _,
 			yOffset: 0,
 			children: [
 				/* @__PURE__ */ s(V, {
@@ -602,42 +603,43 @@ var Fe = {
 					stroke: O
 				}),
 				/* @__PURE__ */ s(Le, {
-					showStereotype: m,
+					showStereotype: g,
 					stereotype: p,
 					name: f,
 					width: t,
-					headerHeight: g,
-					textColor: ee,
-					fill: D
+					headerHeight: _,
+					isAbstract: m,
+					textColor: k,
+					fill: ee
 				}),
 				u.length >= 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
-					y: g,
+					y: _,
 					width: t,
 					strokeColor: O
 				}), /* @__PURE__ */ s(B, {
-					items: S,
-					padding: y,
-					itemHeight: _,
+					items: C,
+					padding: b,
+					itemHeight: v,
 					width: t,
-					offsetFromTop: g,
+					offsetFromTop: _,
 					showAssessmentResults: a,
 					itemElementType: "attribute"
 				})] }),
 				d.length >= 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
-					y: g + u.length * _,
+					y: _ + u.length * v,
 					width: t,
 					strokeColor: O
 				}), /* @__PURE__ */ s(B, {
-					items: C,
-					padding: y,
-					itemHeight: v,
+					items: w,
+					padding: b,
+					itemHeight: y,
 					width: t,
-					offsetFromTop: g + u.length * v,
+					offsetFromTop: _ + u.length * y,
 					showAssessmentResults: a,
 					itemElementType: "method"
 				})] }),
 				a && /* @__PURE__ */ s(P, {
-					score: w,
+					score: T,
 					x: t - 15,
 					y: -15
 				})
@@ -648,7 +650,7 @@ var Fe = {
 //#endregion
 //#region lib/components/svgs/nodes/classDiagram/ColorDescriptionSVG.tsx
 function ze({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i }) {
-	let a = Y.LINE_WIDTH, o = e * (i ?? 1), l = t * (i ?? 1), { name: u } = n, { strokeColor: d, fillColor: f, textColor: p } = F(n);
+	let a = J.LINE_WIDTH, o = e * (i ?? 1), l = t * (i ?? 1), { name: u } = n, { strokeColor: d, fillColor: f, textColor: p } = F(n);
 	return /* @__PURE__ */ s("svg", {
 		width: o,
 		height: l,
@@ -675,10 +677,10 @@ function ze({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SC
 				x: e / 2,
 				y: t / 2,
 				maxWidth: e - 24,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "600",
 				fill: p,
-				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(t - 16, J.NAME_LINE_HEIGHT)
 			})
 		] })
 	});
@@ -686,7 +688,7 @@ function ze({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SC
 //#endregion
 //#region lib/components/svgs/nodes/classDiagram/PackageSVG.tsx
 var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: o = !1 }) => {
-	let { name: l } = r, u = M(h((e) => e.assessments))[e]?.score, d = t * (a ?? 1), f = n * (a ?? 1), p = r.strokeColor || "var(--apollon-primary-contrast, #000000)", m = r.fillColor || "var(--apollon-background, white)", g = r.textColor || "var(--apollon-primary-contrast, #000000)";
+	let { name: l } = r, u = M(h((e) => e.assessments))[e]?.score, d = t * (a ?? 1), f = n * (a ?? 1), p = r.strokeColor || "var(--apollon-foreground, #000000)", m = r.fillColor || "var(--apollon-background, white)", g = r.textColor || "var(--apollon-foreground, #000000)";
 	return /* @__PURE__ */ c("svg", {
 		width: d,
 		height: f,
@@ -699,7 +701,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				y: 0,
 				width: 40,
 				height: Be,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: p,
 				fill: m
 			}),
@@ -708,7 +710,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				y: Be,
 				width: t,
 				height: n - Be,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: p,
 				fill: m
 			}),
@@ -717,11 +719,11 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: t / 2,
 				y: 22,
 				maxWidth: t - 24,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "600",
 				fill: g,
 				verticalAnchor: "top",
-				maxLines: A(n - Be - Ve - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(n - Be - Ve - 16, J.NAME_LINE_HEIGHT)
 			})
 		] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
@@ -730,7 +732,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		})]
 	});
 }, Ue = ({ id: e, width: t, height: n, data: r, SIDEBAR_PREVIEW_SCALE: i, svgAttributes: a, showAssessmentResults: l = !1 }) => {
-	let { name: u, attributes: d, methods: f } = r, p = Y.DEFAULT_HEADER_HEIGHT, m = Y.DEFAULT_ATTRIBUTE_HEIGHT, g = Y.DEFAULT_METHOD_HEIGHT, _ = Y.DEFAULT_PADDING, v = M(h((e) => e.assessments)), y = (e) => e.map((e) => {
+	let { name: u, attributes: d, methods: f } = r, p = J.DEFAULT_HEADER_HEIGHT, m = J.DEFAULT_ATTRIBUTE_HEIGHT, g = J.DEFAULT_METHOD_HEIGHT, _ = J.DEFAULT_PADDING, v = M(h((e) => e.assessments)), y = (e) => e.map((e) => {
 		let t = v[e.id]?.score;
 		return {
 			...e,
@@ -806,7 +808,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			cx: i / 2,
 			cy: a / 2,
 			r: i / 2,
-			fill: "var(--apollon-primary-contrast, #000000)"
+			fill: "var(--apollon-foreground, #000000)"
 		}), r && /* @__PURE__ */ s(P, {
 			x: i - 15,
 			y: -15,
@@ -826,15 +828,15 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				cx: i / 2,
 				cy: a / 2,
 				r: i / 2,
-				fill: "var(--apollon-primary-contrast, #000000)"
+				fill: "var(--apollon-foreground, #000000)"
 			}),
 			/* @__PURE__ */ s("circle", {
 				cx: i / 2,
 				cy: a / 2,
 				r: i / 2 * .8,
-				fill: "var(--apollon-primary-contrast, #000000)",
+				fill: "var(--apollon-foreground, #000000)",
 				stroke: "var(--apollon-background, white)",
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			r && /* @__PURE__ */ s(P, {
 				x: i - 15,
@@ -865,10 +867,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "bold",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -895,10 +897,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "bold",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -932,7 +934,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
               ${t / 2},0`,
 			fill: m,
 			stroke: g,
-			strokeWidth: Y.LINE_WIDTH
+			strokeWidth: J.LINE_WIDTH
 		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
 			x: y,
 			y: b,
@@ -953,7 +955,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		})]
 	});
 }, et = ({ id: e, width: t, height: n, svgAttributes: r, data: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: o = !1 }) => {
-	let l = M(h((e) => e.assessments))[e]?.score, u = t * (a ?? 1), d = n * (a ?? 1), f = i.fillColor || "var(--apollon-primary-contrast, #000000)";
+	let l = M(h((e) => e.assessments))[e]?.score, u = t * (a ?? 1), d = n * (a ?? 1), f = i.fillColor || "var(--apollon-foreground, #000000)";
 	return /* @__PURE__ */ c("svg", {
 		width: u,
 		height: d,
@@ -973,7 +975,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		})]
 	});
 }, tt = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o }) => {
-	let l = M(h((e) => e.assessments))[e]?.score, u = t * (i ?? 1), d = n * (i ?? 1), f = o.fillColor || "var(--apollon-primary-contrast, #000000)";
+	let l = M(h((e) => e.assessments))[e]?.score, u = t * (i ?? 1), d = n * (i ?? 1), f = o.fillColor || "var(--apollon-foreground, #000000)";
 	return /* @__PURE__ */ c("svg", {
 		width: u,
 		height: d,
@@ -993,7 +995,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		})]
 	});
 }, nt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
-	let l = n.lanes ?? [], u = (n.orientation ?? "vertical") === "vertical", d = M(h((e) => e.assessments))[a]?.score, f = e * (i ?? 1), p = t * (i ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(n), v = Zt(l, u ? e : t);
+	let l = n.lanes ?? [], u = (n.orientation ?? "vertical") === "vertical", d = M(h((e) => e.assessments))[a]?.score, f = e * (i ?? 1), p = t * (i ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(n), v = Qt(l, u ? e : t);
 	return /* @__PURE__ */ c("svg", {
 		width: f,
 		height: p,
@@ -1015,14 +1017,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: e,
 				y2: 30,
 				stroke: g,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}) : /* @__PURE__ */ s("line", {
 				x1: 30,
 				y1: 0,
 				x2: 30,
 				y2: t,
 				stroke: g,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			l.map((n, r) => {
 				let { start: i, extent: a } = v[r], o = i + a / 2;
@@ -1032,21 +1034,21 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: i,
 					y2: t,
 					stroke: g,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}) : /* @__PURE__ */ s("line", {
 					x1: 0,
 					y1: i,
 					x2: e,
 					y2: i,
 					stroke: g,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				})), u ? /* @__PURE__ */ s(j, {
 					text: n.name,
 					x: o,
 					y: 30 / 2,
 					maxWidth: a - 8,
 					maxLines: 1,
-					fontSize: Y.NAME_FONT_SIZE,
+					fontSize: J.NAME_FONT_SIZE,
 					fill: _
 				}) : /* @__PURE__ */ s(j, {
 					text: n.name,
@@ -1054,7 +1056,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					y: o,
 					maxWidth: a - 8,
 					maxLines: 1,
-					fontSize: Y.NAME_FONT_SIZE,
+					fontSize: J.NAME_FONT_SIZE,
 					fill: _,
 					transform: `rotate(-90, ${30 / 2}, ${o})`
 				})] }, n.id);
@@ -1077,7 +1079,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [
 			/* @__PURE__ */ c("g", {
 				transform: `translate(${_}, 0)`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: m,
 				children: [
 					/* @__PURE__ */ s("circle", {
@@ -1151,11 +1153,11 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: 22,
 			maxWidth: t - 24,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
 			verticalAnchor: "top",
-			maxLines: A(n - 28, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 28, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -1187,7 +1189,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			ry: n / 2,
 			fill: m,
 			stroke: g,
-			strokeWidth: Y.LINE_WIDTH
+			strokeWidth: J.LINE_WIDTH
 		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
 			x: y,
 			y: b,
@@ -1228,19 +1230,19 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				transform: `translate(${t - 32}, 8)`,
 				children: [/* @__PURE__ */ s("path", {
 					d: "M 4.8 0 L 24 0 L 24 24 L 4.8 24 L 4.8 19.2 L 0 19.2 L 0 14.4 L 4.8 14.4 L 4.8 9.6 L 0 9.6 L 0 4.8 L 4.8 4.8 Z",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: "none"
 				}), /* @__PURE__ */ s("path", {
 					d: "M 4.8 4.8 L 9.6 4.8 L 9.6 9.6 L 4.8 9.6 M 4.8 14.4 L 9.6 14.4 L 9.6 19.2 L 4.8 19.2",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: "none"
 				})]
 			}),
-			/* @__PURE__ */ s(kn, {
+			/* @__PURE__ */ s($, {
 				name: f,
 				stereotype: "component",
 				showStereotype: !!p,
@@ -1256,7 +1258,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 	});
 }, ht = 1e5, gt = ({ name: e, width: t, height: n, fill: r, side: i = "bottom" }) => {
 	if (!e) return null;
-	let a = Y.DEFAULT_PADDING / 2, o = Y.NAME_LINE_HEIGHT / 2, c = t / 2, l = n / 2, u = t / 2, d = u + a, f = u + a, p = {
+	let a = J.DEFAULT_PADDING / 2, o = J.NAME_LINE_HEIGHT / 2, c = t / 2, l = n / 2, u = t / 2, d = u + a, f = u + a, p = {
 		bottom: {
 			x: c,
 			y: l + f + o,
@@ -1313,8 +1315,8 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		verticalAnchor: p.verticalAnchor,
 		textAnchor: p.textAnchor,
 		maxWidth: ht,
-		fontSize: Y.NAME_FONT_SIZE,
-		lineHeight: Y.NAME_LINE_HEIGHT,
+		fontSize: J.NAME_FONT_SIZE,
+		lineHeight: J.NAME_LINE_HEIGHT,
 		fontWeight: "bold",
 		fill: r
 	});
@@ -1330,7 +1332,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			cx: t / 2,
 			cy: n / 2,
 			r: t / 2,
-			strokeWidth: Y.LINE_WIDTH_EDGE,
+			strokeWidth: J.LINE_WIDTH_EDGE,
 			stroke: g,
 			fill: m
 		}), /* @__PURE__ */ s(gt, {
@@ -1366,19 +1368,19 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				transform: `translate(${t - 32}, 8)`,
 				children: [/* @__PURE__ */ s("path", {
 					d: "M 4.8 0 L 24 0 L 24 24 L 4.8 24 L 4.8 19.2 L 0 19.2 L 0 14.4 L 4.8 14.4 L 4.8 9.6 L 0 9.6 L 0 4.8 L 4.8 4.8 Z",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: "none"
 				}), /* @__PURE__ */ s("path", {
 					d: "M 4.8 4.8 L 9.6 4.8 L 9.6 9.6 L 4.8 9.6 M 4.8 14.4 L 9.6 14.4 L 9.6 19.2 L 4.8 19.2",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: "none"
 				})]
 			}),
-			/* @__PURE__ */ s(kn, {
+			/* @__PURE__ */ s($, {
 				name: l,
 				stereotype: "subsystem",
 				showStereotype: !!u,
@@ -1416,10 +1418,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 24,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -1446,10 +1448,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -1478,7 +1480,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			points: `${t / 2},0 ${t},${n / 2} ${t / 2},${n} 0,${n / 2}`,
 			stroke: g,
 			fill: m,
-			strokeWidth: Y.LINE_WIDTH
+			strokeWidth: J.LINE_WIDTH
 		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
 			x: y,
 			y: b,
@@ -1508,7 +1510,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		...i,
 		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("path", {
 			d: `M20,0 L${t},0 L${t - 20},${n} L0,${n} Z`,
-			strokeWidth: Y.LINE_WIDTH,
+			strokeWidth: J.LINE_WIDTH,
 			stroke: m,
 			fill: p
 		}), /* @__PURE__ */ s(j, {
@@ -1516,10 +1518,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 48,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -1549,7 +1551,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: 10,
 				y2: n,
 				stroke: m,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			/* @__PURE__ */ s("line", {
 				x1: t - 10,
@@ -1557,17 +1559,17 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: t - 10,
 				y2: n,
 				stroke: m,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			/* @__PURE__ */ s(j, {
 				text: l,
 				x: t / 2,
 				y: n / 2,
 				maxWidth: t - 36,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "600",
 				fill: g,
-				maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 			})
 		] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
@@ -1586,13 +1588,13 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ c("g", { children: [
 			/* @__PURE__ */ s("path", {
 				d: `M 0 8 l 8 -8 H ${t} l -8 8 Z`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: v,
 				fill: _
 			}),
 			/* @__PURE__ */ s("path", {
 				d: `M ${t} 0 V ${n - 8} l -8 8 V 8 Z`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: v,
 				fill: _
 			}),
@@ -1604,7 +1606,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				stroke: v,
 				fill: _
 			})
-		] }), /* @__PURE__ */ s(kn, {
+		] }), /* @__PURE__ */ s($, {
 			name: l,
 			stereotype: u,
 			showStereotype: f,
@@ -1641,19 +1643,19 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				transform: `translate(${t - 32}, 8)`,
 				children: [/* @__PURE__ */ s("path", {
 					d: "M 4.8 0 L 24 0 L 24 24 L 4.8 24 L 4.8 19.2 L 0 19.2 L 0 14.4 L 4.8 14.4 L 4.8 9.6 L 0 9.6 L 0 4.8 L 4.8 4.8 Z",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: m
 				}), /* @__PURE__ */ s("path", {
 					d: "M 4.8 4.8 L 9.6 4.8 L 9.6 9.6 L 4.8 9.6 M 4.8 14.4 L 9.6 14.4 L 9.6 19.2 L 4.8 19.2",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: g,
 					fill: "none"
 				})]
 			}),
-			/* @__PURE__ */ s(kn, {
+			/* @__PURE__ */ s($, {
 				name: l,
 				stereotype: "component",
 				showStereotype: !!u,
@@ -1688,13 +1690,13 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				transform: `translate(${t - 25}, 7)`,
 				children: [/* @__PURE__ */ s("path", {
 					d: "M 0 0 L 13 0 L 19.2 7.25 L 19.2 24 L 0 24 L 0 0 Z",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: m,
 					fill: p
 				}), /* @__PURE__ */ s("path", {
 					d: "M 13 0 L 13 7.25 L 19.2 7.25",
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeMiterlimit: "10",
 					stroke: m,
 					fill: "none"
@@ -1705,11 +1707,11 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: t / 2,
 				y: 25,
 				maxWidth: t - 60,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "bold",
 				fill: g,
 				verticalAnchor: "top",
-				maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 			})
 		] }), a && /* @__PURE__ */ s(P, {
 			x: t - 15,
@@ -1729,7 +1731,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			cx: t / 2,
 			cy: n / 2,
 			r: t / 2,
-			strokeWidth: Y.LINE_WIDTH_EDGE,
+			strokeWidth: J.LINE_WIDTH_EDGE,
 			stroke: g,
 			fill: m
 		}), /* @__PURE__ */ s(gt, {
@@ -1755,12 +1757,12 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: 4,
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "4 16, 4 11, 16 11, 16 16",
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "send": return /* @__PURE__ */ c("g", {
@@ -1769,14 +1771,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
 					fill: _,
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}), /* @__PURE__ */ s("polyline", {
 					points: "0 5.5, 0 17, 20 17, 20 5.5, 10 13.5, 0 5.5",
 					fill: _,
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				})]
@@ -1787,7 +1789,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				})
@@ -1798,7 +1800,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					d: "M5 1.5C5 2.5 5 8 5 8M5 1.5C5 0.499993 7 0.500007 7 1.5M5 1.5C5 1.5 5 4.00001 5 3.00001C5 2 3 1.93337 3 3.00001C3 4.06664 3 10 3 10C3 10 3 8.25001 3 7.25001C3 6.25 1 6.25 1 7.25001C1 8.25001 1 12 1 12L3 14V16H9V14L11 12V8.56252C11 8.56252 11 5 11 4C11 3 9 3 9 4C9 5 9 3.00001 9 3.00001M7 1.5C7 2.49999 7 8 7 8M7 1.5C7 1.5 7 4.00001 7 3.00001C7 2.00001 9 2.00001 9 3.00001M9 3.00001V8",
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinejoin: "round"
 				})
 			});
@@ -1812,7 +1814,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 16,
 						fill: "none",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("rect", {
@@ -1822,27 +1824,27 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 4,
 						fill: "currentColor",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "2 10, 18 10",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "2 14, 18 14",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 2, 6 18",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					})
@@ -1858,14 +1860,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 16,
 						fill: "none",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 6, 12 6",
 						fill: "none",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
@@ -1873,7 +1875,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						points: "6 10, 14 10",
 						fill: "none",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
@@ -1881,7 +1883,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						points: "6 14, 10 14",
 						fill: "none",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					})
@@ -1897,21 +1899,21 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					/* @__PURE__ */ s("polyline", {
 						points: "3 3, 3 11",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "7 3, 7 11",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "11 3, 11 11",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					})
@@ -1923,21 +1925,21 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					/* @__PURE__ */ s("polyline", {
 						points: "3 3, 11 3",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "3 7, 11 7",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "3 11, 11 11",
 						stroke: _,
-						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeWidth: J.ICON_LINE_WIDTH,
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					})
@@ -1949,14 +1951,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					d: "M7,3 A 4 4 30 1 1 3.535 5",
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}), /* @__PURE__ */ s("path", {
 					d: "M9.5,1.5 L7,3 L8,6",
 					fill: "none",
 					stroke: _,
-					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeWidth: J.ICON_LINE_WIDTH,
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				})]
@@ -1987,7 +1989,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: t / 2,
 				y: n / 2,
 				maxWidth: t - 16,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "bold",
 				fill: v,
 				maxLines: A(n - (u ? 30 : 8) - (d ? 20 : 8), 19)
@@ -2010,7 +2012,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "timer": return /* @__PURE__ */ c("g", {
@@ -2021,14 +2023,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: 10,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "10 4, 10 10, 13 13",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "conditional": return /* @__PURE__ */ c("g", {
@@ -2041,17 +2043,17 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 16,
 						fill: "none",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 7, 14 7",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 13, 14 13",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					})
 				]
 			});
@@ -2061,7 +2063,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 3 15, 17 15, 10 3",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 		}
@@ -2072,7 +2074,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "message-throw": return /* @__PURE__ */ c("g", {
@@ -2081,12 +2083,12 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "0 5.5, 0 17, 20 17, 20 5.5, 10 13.5, 0 5.5",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "timer-catch": return /* @__PURE__ */ c("g", {
@@ -2097,14 +2099,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: 10,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "10 4, 10 10, 13 13",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "escalation-throw": return /* @__PURE__ */ s("g", {
@@ -2113,7 +2115,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 4 15, 10 12, 16 15, 10 3",
 					stroke: b,
 					fill: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "conditional-catch": return /* @__PURE__ */ c("g", {
@@ -2126,17 +2128,17 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 16,
 						fill: "none",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 7, 14 7",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					}),
 					/* @__PURE__ */ s("polyline", {
 						points: "6 13, 14 13",
 						stroke: b,
-						strokeWidth: Y.ICON_LINE_WIDTH
+						strokeWidth: J.ICON_LINE_WIDTH
 					})
 				]
 			});
@@ -2146,7 +2148,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "3 7, 13 7, 13 4, 18 10, 13 16, 13 13, 3 13, 3 7",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "link-throw": return /* @__PURE__ */ s("g", {
@@ -2155,7 +2157,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "3 7, 13 7, 13 4, 18 10, 13 16, 13 13, 3 13, 3 7",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "compensation-throw": return /* @__PURE__ */ c("g", {
@@ -2164,12 +2166,12 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "3 10, 9 6, 9 14, 3 10",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "10 10, 16 6, 16 14, 10 10",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "signal-catch": return /* @__PURE__ */ s("g", {
@@ -2178,7 +2180,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 3 15, 17 15, 10 3",
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "signal-throw": return /* @__PURE__ */ s("g", {
@@ -2187,7 +2189,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 3 15, 17 15, 10 3",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 		}
@@ -2198,12 +2200,12 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "0 5.5, 0 17, 20 17, 20 5.5, 10 13.5, 0 5.5",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "escalation": return /* @__PURE__ */ s("g", {
@@ -2212,7 +2214,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 4 15, 10 12, 16 15, 10 3",
 					stroke: b,
 					fill: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "error": return /* @__PURE__ */ s("g", {
@@ -2221,7 +2223,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "3 16, 6 4, 13 11, 17 4, 14 16, 7 10, 3 16",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "compensation": return /* @__PURE__ */ c("g", {
@@ -2230,12 +2232,12 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "3 10, 9 6, 9 14, 3 10",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				}), /* @__PURE__ */ s("polyline", {
 					points: "10 10, 16 6, 16 14, 10 10",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})]
 			});
 			case "signal": return /* @__PURE__ */ s("g", {
@@ -2244,7 +2246,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					points: "10 3, 3 15, 17 15, 10 3",
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 			case "terminate": return /* @__PURE__ */ s("g", {
@@ -2255,7 +2257,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: 8,
 					fill: b,
 					stroke: b,
-					strokeWidth: Y.ICON_LINE_WIDTH
+					strokeWidth: J.ICON_LINE_WIDTH
 				})
 			});
 		}
@@ -2272,7 +2274,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				cx: e / 2,
 				cy: t / 2,
 				r: g,
-				strokeWidth: v ? Y.LINE_WIDTH * 2 : Y.LINE_WIDTH,
+				strokeWidth: v ? J.LINE_WIDTH * 2 : J.LINE_WIDTH,
 				stroke: b,
 				fill: y
 			}),
@@ -2281,7 +2283,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				cy: t / 2,
 				r: g - 3.5,
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				fill: y
 			}),
 			S,
@@ -2318,7 +2320,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [
 			/* @__PURE__ */ s("polygon", {
 				points: v,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: b,
 				fill: y
 			}),
@@ -2328,14 +2330,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: e - 13,
 				y2: t - 13,
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}), /* @__PURE__ */ s("line", {
 				x1: 13,
 				y1: t - 13,
 				x2: e - 13,
 				y2: 13,
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			})] }),
 			u === "parallel" && /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
 				x1: e / 2,
@@ -2343,14 +2345,14 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: e / 2,
 				y2: t - 10,
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}), /* @__PURE__ */ s("line", {
 				x1: 10,
 				y1: t / 2,
 				x2: e - 10,
 				y2: t / 2,
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			})] }),
 			u === "inclusive" && /* @__PURE__ */ s("circle", {
 				cx: e / 2,
@@ -2358,7 +2360,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				r: Math.min(e, t) / 2 - 12,
 				fill: "none",
 				stroke: b,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			u === "event-based" && /* @__PURE__ */ c("g", { children: [
 				/* @__PURE__ */ s("circle", {
@@ -2367,7 +2369,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: Math.min(e, t) / 2 - 9,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("circle", {
 					cx: e / 2,
@@ -2375,13 +2377,13 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					r: Math.min(e, t) / 2 - 12,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("path", {
 					d: `M${e / 2} ${t / 2 - 4} L${e / 2 + 3.5} ${t / 2 - 1} L${e / 2 + 2} ${t / 2 + 3.5} L${e / 2 - 2} ${t / 2 + 3.5} L${e / 2 - 3.5} ${t / 2 - 1} Z`,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				})
 			] }),
 			u === "complex" && /* @__PURE__ */ c("g", { children: [
@@ -2391,7 +2393,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e - 13,
 					y2: t - 13,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("line", {
 					x1: 13,
@@ -2399,7 +2401,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e - 13,
 					y2: 13,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("line", {
 					x1: e / 2,
@@ -2407,7 +2409,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e / 2,
 					y2: t - 10,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("line", {
 					x1: 10,
@@ -2415,7 +2417,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e - 10,
 					y2: t / 2,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				})
 			] }),
 			l && /* @__PURE__ */ s(D, {
@@ -2467,7 +2469,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				y: 0,
 				width: e,
 				height: t,
-				strokeWidth: Y.LINE_WIDTH * 3,
+				strokeWidth: J.LINE_WIDTH * 3,
 				rx: 10,
 				ry: 10,
 				fill: y,
@@ -2491,7 +2493,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					height: 14,
 					fill: "none",
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("line", {
 					x1: e / 2 - 4,
@@ -2499,7 +2501,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e / 2 + 4,
 					y2: t - 7,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				}),
 				/* @__PURE__ */ s("line", {
 					x1: e / 2,
@@ -2507,7 +2509,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 					x2: e / 2,
 					y2: t - 3,
 					stroke: b,
-					strokeWidth: Y.LINE_WIDTH
+					strokeWidth: J.LINE_WIDTH
 				})
 			] }),
 			/* @__PURE__ */ s(j, {
@@ -2515,10 +2517,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: e / 2,
 				y: t / 2,
 				maxWidth: e - 16,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "bold",
 				fill: x,
-				maxLines: A(t - (v ? 28 : 16), Y.NAME_LINE_HEIGHT)
+				maxLines: A(t - (v ? 28 : 16), J.NAME_LINE_HEIGHT)
 			}),
 			l && /* @__PURE__ */ s(P, {
 				x: e - 15,
@@ -2538,7 +2540,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [
 			/* @__PURE__ */ s("path", {
 				d: `M20,0 L10,0 A 10 10 280 0 0 0 10 L0,${t - 10} A 10 10 180 0 0 10 ${t} L20, ${t}`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: p,
 				fill: g
 			}),
@@ -2556,10 +2558,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: (e + 20) / 2,
 				y: t / 2,
 				maxWidth: e - 28,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "bold",
 				fill: m,
-				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(t - 16, J.NAME_LINE_HEIGHT)
 			}),
 			o && /* @__PURE__ */ s(P, {
 				x: e - 15,
@@ -2579,7 +2581,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [
 			/* @__PURE__ */ s("path", {
 				d: `M0,0 L0,${t} L${e},${t} L${e},15 L${e - 15},0 L${e - 15},15 L${e},15 L${e - 15},0 L0,0`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: m,
 				fill: p
 			}),
@@ -2610,26 +2612,26 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		children: [
 			/* @__PURE__ */ s("path", {
 				d: `M 0 10 L 0 ${t - 10} A ${e / 2} 10 0 0 0 ${e} ${t - 10} L ${e} 10 A ${e / 2} 10 180 0 0 0 10`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: m,
 				fill: p
 			}),
 			/* @__PURE__ */ s("path", {
 				d: `M 0 30 A ${e / 2} 10 0 0 0 ${e} 30`,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				stroke: m,
 				fill: "none"
 			}),
 			/* @__PURE__ */ s("path", {
 				d: `M 0 20 A ${e / 2} 10 0 0 0 ${e} 20`,
 				stroke: m,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				fill: "none"
 			}),
 			/* @__PURE__ */ s("path", {
 				d: `M 0 10 A ${e / 2} 10 0 0 0 ${e} 10`,
 				stroke: m,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				fill: "none"
 			}),
 			/* @__PURE__ */ s(D, {
@@ -2671,7 +2673,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: 40,
 				y2: t,
 				stroke: m,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			/* @__PURE__ */ s(D, {
 				x: 40 / 2,
@@ -2703,7 +2705,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				width: e,
 				height: t,
 				stroke: p,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				fill: g,
 				strokeDasharray: "10",
 				rx: 10,
@@ -2714,10 +2716,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x: e / 2,
 				y: t / 2,
 				maxWidth: e - 16,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "bold",
 				fill: m,
-				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(t - 16, J.NAME_LINE_HEIGHT)
 			}),
 			o && /* @__PURE__ */ s(P, {
 				x: e - 15,
@@ -2748,10 +2750,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "bold",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -2778,10 +2780,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "bold",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -2789,7 +2791,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		})]
 	});
 }, Ut = ({ id: e, width: t, height: n, data: r, SIDEBAR_PREVIEW_SCALE: i, svgAttributes: a, showAssessmentResults: l = !1 }) => {
-	let { name: u, attributes: d = [], methods: f = [] } = r, p = Y.DEFAULT_HEADER_HEIGHT, m = Y.DEFAULT_ATTRIBUTE_HEIGHT, g = Y.DEFAULT_METHOD_HEIGHT, _ = Y.DEFAULT_PADDING, v = M(h((e) => e.assessments)), y = (e) => e.map((e) => {
+	let { name: u, attributes: d = [], methods: f = [] } = r, p = J.DEFAULT_HEADER_HEIGHT, m = J.DEFAULT_ATTRIBUTE_HEIGHT, g = J.DEFAULT_METHOD_HEIGHT, _ = J.DEFAULT_PADDING, v = M(h((e) => e.assessments)), y = (e) => e.map((e) => {
 		let t = v[e.id]?.score;
 		return {
 			...e,
@@ -2854,7 +2856,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		] })
 	});
 }, Wt = ({ id: e, svgAttributes: t, SIDEBAR_PREVIEW_SCALE: n, showAssessmentResults: r = !1, data: i, width: a, height: o }) => {
-	let { name: l, tokens: u, capacity: d } = i, f = M(h((e) => e.assessments))[e]?.score, p = n ?? 1, m = a * p, g = o * p, _ = Y.DEFAULT_ATTRIBUTE_HEIGHT, v = _ * p, y = o + _, b = g + v, x = a / 2, S = o / 2, { fillColor: C, strokeColor: w, textColor: T } = F(i), E = () => {
+	let { name: l, tokens: u, capacity: d } = i, f = M(h((e) => e.assessments))[e]?.score, p = n ?? 1, m = a * p, g = o * p, _ = J.DEFAULT_ATTRIBUTE_HEIGHT, v = _ * p, y = o + _, b = g + v, x = a / 2, S = o / 2, { fillColor: C, strokeColor: w, textColor: T } = F(i), E = () => {
 		if (u === 0) return null;
 		if (u <= 5) {
 			let e = [];
@@ -2930,7 +2932,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				r: a / 2,
 				fill: C,
 				stroke: w,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			typeof d == "number" && /* @__PURE__ */ c(D, {
 				x: a + 8,
@@ -2957,7 +2959,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		]
 	});
 }, Gt = ({ id: e, svgAttributes: t, SIDEBAR_PREVIEW_SCALE: n, showAssessmentResults: r = !1, width: i, height: a, data: o }) => {
-	let { name: l } = o, u = M(h((e) => e.assessments))[e]?.score, d = n ?? 1, f = i * d, p = a * d, m = Y.DEFAULT_ATTRIBUTE_HEIGHT, g = m * d, _ = a + m, v = p + g, { fillColor: y, strokeColor: b, textColor: x } = F(o);
+	let { name: l } = o, u = M(h((e) => e.assessments))[e]?.score, d = n ?? 1, f = i * d, p = a * d, m = J.DEFAULT_ATTRIBUTE_HEIGHT, g = m * d, _ = a + m, v = p + g, { fillColor: y, strokeColor: b, textColor: x } = F(o);
 	return /* @__PURE__ */ c("svg", {
 		width: f,
 		height: v,
@@ -3013,17 +3015,17 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				height: t - 10,
 				fill: "none",
 				stroke: d,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}),
 			/* @__PURE__ */ s(j, {
 				text: a,
 				x: e / 2,
 				y: t / 2,
 				maxWidth: e - 16,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "600",
 				fill: f,
-				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(t - 16, J.NAME_LINE_HEIGHT)
 			})
 		]
 	});
@@ -3047,10 +3049,10 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			x: t / 2,
 			y: n / 2,
 			maxWidth: t - 16,
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: "600",
 			fill: g,
-			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 		})] }), o && /* @__PURE__ */ s(P, {
 			x: t - 15,
 			y: -15,
@@ -3078,7 +3080,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				points: `8,${u} 8,${u + 20} 28,${u + 10} 8,${u}`,
 				fill: d,
 				stroke: f,
-				strokeWidth: Y.LINE_WIDTH,
+				strokeWidth: J.LINE_WIDTH,
 				strokeLinejoin: "miter"
 			}),
 			/* @__PURE__ */ s("text", {
@@ -3092,7 +3094,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		]
 	});
 }, Yt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i }) => {
-	let { name: a, showHint: o } = n, l = i ?? 1, u = e * l, d = t * l, f = Y.DEFAULT_ATTRIBUTE_HEIGHT, p = f * l, m = t + f, h = d + p, g = e / 2, _ = t / 2, v = Math.min(e, t) / 2, { strokeColor: y } = F(n), b = n.fillColor || "var(--apollon-primary-contrast, #000000)";
+	let { name: a, showHint: o } = n, l = i ?? 1, u = e * l, d = t * l, f = J.DEFAULT_ATTRIBUTE_HEIGHT, p = f * l, m = t + f, h = d + p, g = e / 2, _ = t / 2, v = Math.min(e, t) / 2, { strokeColor: y } = F(n), b = n.fillColor || "var(--apollon-foreground, #000000)";
 	return /* @__PURE__ */ c("svg", {
 		width: u,
 		height: h,
@@ -3105,7 +3107,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			r: v,
 			fill: b,
 			stroke: y,
-			strokeWidth: Y.LINE_WIDTH
+			strokeWidth: J.LINE_WIDTH
 		}), o && /* @__PURE__ */ s(D, {
 			x: g,
 			y: t + f / 2,
@@ -3137,7 +3139,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: e,
 				y2: t,
 				stroke: f,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			}, t)),
 			a.map((n, r) => {
 				let i = r * 30;
@@ -3151,7 +3153,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 						height: 30,
 						fill: a,
 						stroke: n.strokeColor ?? f,
-						strokeWidth: Y.LINE_WIDTH
+						strokeWidth: J.LINE_WIDTH
 					}),
 					/* @__PURE__ */ s(D, {
 						x: 15,
@@ -3181,7 +3183,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 				x2: 30,
 				y2: t,
 				stroke: f,
-				strokeWidth: Y.LINE_WIDTH
+				strokeWidth: J.LINE_WIDTH
 			})
 		]
 	});
@@ -3199,7 +3201,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 	for (let e of Object.keys(r)) r[e] !== void 0 && i.add(e);
 	for (let e of i) if (!G(n[e], r[e])) return !1;
 	return !0;
-}, Zt = (e, t) => {
+}, Zt = (e) => `«${e}»`, Qt = (e, t) => {
 	let n = e.length;
 	if (n === 0) return [];
 	let r;
@@ -3221,18 +3223,18 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 			extent: e
 		};
 	});
-}, Qt = (e, t) => {
-	let n = Zt(e, t);
+}, $t = (e, t) => {
+	let n = Qt(e, t);
 	return e.map((e, t) => ({
 		...e,
 		size: n[t].extent
 	}));
-}, $t = (e, t) => {
+}, en = (e, t) => {
 	for (let n = 0; n < e.length; n++) if (t < e[n].start + e[n].extent) return n;
 	return Math.max(e.length - 1, 0);
-}, en = (e, t, n, r, i = 0) => {
+}, tn = (e, t, n, r, i = 0) => {
 	if (t < 0 || t >= e.length - 1) return e;
-	let a = Zt(e, r), o = a.map((e) => e.extent), s = n;
+	let a = Qt(e, r), o = a.map((e) => e.extent), s = n;
 	if (i > 0) {
 		let e = a[t + 1].start + s;
 		s = Math.round(e / i) * i - a[t + 1].start;
@@ -3241,13 +3243,13 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		...e,
 		size: o[t]
 	}));
-}, tn = (e, t, n) => {
+}, nn = (e, t, n) => {
 	let r = e.width ?? 0, i = e.height ?? 0;
 	return {
 		x: Math.min(Math.max(e.position.y, 0), Math.max(t - r, 0)),
 		y: Math.min(Math.max(e.position.x, 0), Math.max(n - i, 0))
 	};
-}, nn = [
+}, rn = [
 	"Swift",
 	"Bold",
 	"Clever",
@@ -3256,7 +3258,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 	"Eager",
 	"Kind",
 	"Noble"
-], rn = [
+], an = [
 	"Falcon",
 	"Otter",
 	"Panda",
@@ -3265,11 +3267,11 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 	"Owl",
 	"Fox",
 	"Crane"
-], an = () => `${nn[Math.floor(Math.random() * nn.length)]} ${rn[Math.floor(Math.random() * rn.length)]}`, on = (e) => {
+], on = () => `${rn[Math.floor(Math.random() * rn.length)]} ${an[Math.floor(Math.random() * an.length)]}`, sn = (e) => {
 	let t = 0;
 	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
-	return yn[Math.abs(t) % yn.length];
-}, sn = (e) => {
+	return xn[Math.abs(t) % xn.length];
+}, cn = (e) => {
 	if (typeof e != "object" || !e) return null;
 	let { x: t, y: n, zoom: r } = e;
 	return !Number.isFinite(t) || !Number.isFinite(n) || !Number.isFinite(r) || r <= 0 ? null : {
@@ -3277,7 +3279,7 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		y: n,
 		zoom: r
 	};
-}, cn = (e) => {
+}, ln = (e) => {
 	if (!Array.isArray(e)) return null;
 	let t = [];
 	for (let n of e) {
@@ -3296,20 +3298,20 @@ var Be = 10, Ve = 5, He = ({ id: e, width: t, height: n, data: r, svgAttributes:
 		(i === null || Number.isFinite(i)) && (c.width = i), (a === null || Number.isFinite(a)) && (c.height = a), t.push(c);
 	}
 	return t;
-}, K = 10;
-function ln(e, t) {
+}, un = 10;
+function dn(e, t) {
 	let n = 1 / Math.SQRT2;
 	return {
 		x: e - e * n,
 		y: t - t * n
 	};
 }
-function un(e, t, n, r) {
+function fn(e, t, n, r) {
 	let i = Math.cos(Math.PI / 4), a = Math.sin(Math.PI / 4), o = (t, n) => Math.round(e + t * i - n * a), s = (e, n) => Math.round(t + e * a + n * i), c = r / 2, l = o(0, 0), u = s(0, 0);
 	return `M${o(-n, -c)},${s(-n, -c)} L${l},${u} L${o(-n, c)},${s(-n, c)}`;
 }
-var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: l = !1 }) => {
-	let { name: u, isInitialMarking: d } = r, f = M(h((e) => e.assessments))[e]?.score, p = t * (a ?? 1), m = n * (a ?? 1), { fillColor: g, strokeColor: _, textColor: v } = F(r), y = ln(K, K), b = En.STROKE_WIDTH.arrow;
+var pn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: l = !1 }) => {
+	let { name: u, isInitialMarking: d } = r, f = M(h((e) => e.assessments))[e]?.score, p = t * (a ?? 1), m = n * (a ?? 1), { fillColor: g, strokeColor: _, textColor: v } = F(r), y = dn(un, un), b = jn.STROKE_WIDTH.arrow;
 	return /* @__PURE__ */ c("svg", {
 		width: p,
 		height: m,
@@ -3322,8 +3324,8 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 				y: 0,
 				width: t,
 				height: n,
-				rx: K,
-				ry: K,
+				rx: un,
+				ry: un,
 				fill: g,
 				stroke: _
 			}),
@@ -3332,20 +3334,20 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 				x: t / 2,
 				y: n / 2,
 				maxWidth: t - 16,
-				fontSize: Y.NAME_FONT_SIZE,
+				fontSize: J.NAME_FONT_SIZE,
 				fontWeight: "600",
 				fill: v,
-				maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+				maxLines: A(n - 16, J.NAME_LINE_HEIGHT)
 			}),
 			d && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("line", {
 				x1: -50,
 				y1: -50,
 				x2: y.x,
 				y2: y.y,
-				strokeWidth: Y.LINE_WIDTH_EDGE,
+				strokeWidth: J.LINE_WIDTH_EDGE,
 				stroke: _
 			}), /* @__PURE__ */ s("path", {
-				d: un(y.x, y.y, 18, 15.588),
+				d: fn(y.x, y.y, 18, 15.588),
 				fill: "none",
 				stroke: _,
 				strokeWidth: b,
@@ -3358,20 +3360,18 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 			score: f
 		})]
 	});
-}, q = Object.freeze({
+}, K = Object.freeze({
 	MIN_SCALE_TO_ZOOM_OUT: .4,
 	MAX_SCALE_TO_ZOOM_IN: 2.5,
 	MOUSE_UP_OFFSET_PX: 5,
 	SNAP_TO_GRID_PX: 5,
 	EXTRA_SPACE_FOR_EXTENSION: 10,
 	PASTE_OFFSET_PX: 20
-}), J = Object.freeze({
+}), q = Object.freeze({
 	"--apollon-primary": "#3e8acc",
-	"--apollon-primary-contrast": "#000000",
+	"--apollon-primary-foreground": "#ffffff",
+	"--apollon-foreground": "#000000",
 	"--apollon-secondary": "#6c757d",
-	"--apollon-alert-warning-yellow": "#ffc107",
-	"--apollon-alert-warning-background": "#fff3cd",
-	"--apollon-alert-warning-border": "#ffeeba",
 	"--apollon-interactive-selection": "#f39c12",
 	"--apollon-dropzone-accent": "#0064ff",
 	"--apollon-on-collaboration-cursor": "#ffffff",
@@ -3392,20 +3392,13 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	"--apollon-guide-vertical": "#d63031",
 	"--apollon-guide-horizontal": "#0984e3",
 	"--apollon-background": "#ffffff",
-	"--apollon-background-inverse": "#000000",
 	"--apollon-background-variant": "#f8f9fa",
-	"--apollon-hover-neutral": "color-mix(in srgb, var(--apollon-primary-contrast, #000000) 7.5%, transparent)",
+	"--apollon-hover-neutral": "color-mix(in srgb, var(--apollon-foreground, #000000) 7.5%, transparent)",
 	"--apollon-gray": "#e9ecef",
 	"--apollon-grid": "rgba(36, 39, 36, 0.1)",
 	"--apollon-gray-variant": "#495057",
-	"--apollon-alert-danger-color": "#721c24",
-	"--apollon-alert-danger-background": "#f8d7da",
-	"--apollon-alert-danger-border": "#f5c6cb",
-	"--apollon-switch-box-border-color": "#dee2e6",
-	"--apollon-list-group-color": "#ffffff",
-	"--apollon-btn-outline-secondary-color": "#6c757d",
-	"--apollon-modal-bottom-border": "#e9ecef"
-}), fn = J["--apollon-primary-contrast"], pn = J["--apollon-background"], mn = `var(--apollon-interactive-selection, ${J["--apollon-interactive-selection"]})`, hn = `color-mix(in srgb, var(--apollon-interactive-selection, ${J["--apollon-interactive-selection"]}) 18%, transparent)`, gn = `color-mix(in srgb, var(--apollon-interactive-selection, ${J["--apollon-interactive-selection"]}) 10%, transparent)`, _n = `color-mix(in srgb, var(--apollon-interactive-selection, ${J["--apollon-interactive-selection"]}) 50%, transparent)`, vn = `color-mix(in srgb, var(--apollon-interactive-selection, ${J["--apollon-interactive-selection"]}) 50%, transparent)`, yn = Object.freeze(Array.from({ length: 8 }, (e, t) => `var(--apollon-collaboration-color-${t + 1}, ${J[`--apollon-collaboration-color-${t + 1}`]})`)), Y = Object.freeze({
+	"--apollon-danger": "#721c24"
+}), mn = q["--apollon-foreground"], hn = q["--apollon-background"], gn = `var(--apollon-interactive-selection, ${q["--apollon-interactive-selection"]})`, _n = `color-mix(in srgb, var(--apollon-interactive-selection, ${q["--apollon-interactive-selection"]}) 18%, transparent)`, vn = `color-mix(in srgb, var(--apollon-interactive-selection, ${q["--apollon-interactive-selection"]}) 10%, transparent)`, yn = `color-mix(in srgb, var(--apollon-interactive-selection, ${q["--apollon-interactive-selection"]}) 50%, transparent)`, bn = `color-mix(in srgb, var(--apollon-interactive-selection, ${q["--apollon-interactive-selection"]}) 50%, transparent)`, xn = Object.freeze(Array.from({ length: 8 }, (e, t) => `var(--apollon-collaboration-color-${t + 1}, ${q[`--apollon-collaboration-color-${t + 1}`]})`)), J = Object.freeze({
 	DEFAULT_FONT: `400 16px ${e}`,
 	DEFAULT_HEADER_HEIGHT: 40,
 	DEFAULT_HEADER_HEIGHT_WITH_STEREOTYPE: 50,
@@ -3420,17 +3413,17 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	NAME_LINE_HEIGHT: 19,
 	STEREOTYPE_LINE_HEIGHT: 15,
 	STEREOTYPE_NAME_GAP: 4
-}), X = () => {
+}), Sn = "(max-width: 767.95px), (max-width: 950px) and (max-height: 500px)", Y = () => {
 	let e = crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(16));
 	e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
 	let t = Array.from(e, (e) => e.toString(16).padStart(2, "0"));
 	return `${t.slice(0, 4).join("")}-${t.slice(4, 6).join("")}-${t.slice(6, 8).join("")}-${t.slice(8, 10).join("")}-${t.slice(10, 16).join("")}`;
-}, Z = 30, bn = Z / 2, Q = Object.freeze({
-	SIZE: Z,
-	RADIUS: bn,
+}, X = 30, Cn = X / 2, Z = Object.freeze({
+	SIZE: X,
+	RADIUS: Cn,
 	STROKE_WIDTH: 2,
 	SOCKET_GAP: 4
-}), xn = 11, Sn = Object.freeze({
+}), wn = 11, Tn = 24, En = .618, Dn = Object.freeze({
 	MARKER_PADDING: -3,
 	SOURCE_CONNECTION_POINT_PADDING: 3,
 	STEP_BORDER_RADIUS: 0,
@@ -3444,13 +3437,13 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	BEND_HANDLE_MIN_SEGMENT_SCREEN_PX: 54,
 	BEND_HANDLE_SAFE_AREA_PX: 25,
 	ENDPOINT_HIT_TARGET_SIZE: 24,
-	BEND_SNAP_GRID_PX: q.SNAP_TO_GRID_PX,
+	BEND_SNAP_GRID_PX: K.SNAP_TO_GRID_PX,
 	ORTHOGONAL_DOGLEG_TOLERANCE_PX: 2,
 	ORTHOGONAL_ARM_OVERLAP_PX: 10,
 	LABEL_GAP: 14,
 	LABEL_LINE_HEIGHT: 14,
 	LABEL_NOMINAL_HALF_EXTENT: 40
-}), Cn = Object.freeze({
+}), On = Object.freeze({
 	BASE: 0,
 	HEADER_SWITCH: 1,
 	DRAGGABLE_GHOST: 2,
@@ -3460,20 +3453,20 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	LABEL: 9998,
 	DRAGGABLE_ELEMENT: 9999,
 	TOOLTIP: 1e4
-}), wn = bn, Tn = Object.freeze({
+}), kn = Cn, An = Object.freeze({
 	"black-rhombus": {
 		type: "rhombus",
 		filled: !0,
-		size: 18,
+		size: Tn,
 		widthFactor: 1,
-		heightFactor: .618
+		heightFactor: En
 	},
 	"white-rhombus": {
 		type: "rhombus",
 		filled: !1,
-		size: 18,
+		size: Tn,
 		widthFactor: 1,
-		heightFactor: .618
+		heightFactor: En
 	},
 	"white-triangle": {
 		type: "triangle",
@@ -3499,7 +3492,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	"required-interface": {
 		type: "semicircle",
 		filled: !1,
-		size: wn,
+		size: kn,
 		widthFactor: 1,
 		heightFactor: 1,
 		arcSpanDegrees: 150
@@ -3507,7 +3500,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	"required-interface-quarter": {
 		type: "semicircle",
 		filled: !1,
-		size: wn,
+		size: kn,
 		widthFactor: 1,
 		heightFactor: 1,
 		arcSpanDegrees: 90
@@ -3515,7 +3508,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	"required-interface-threequarter": {
 		type: "semicircle",
 		filled: !1,
-		size: wn,
+		size: kn,
 		widthFactor: 1,
 		heightFactor: 1,
 		arcSpanDegrees: 270
@@ -3523,61 +3516,61 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	"bpmn-white-triangle": {
 		type: "triangle",
 		filled: !1,
-		size: xn,
+		size: wn,
 		widthFactor: 1,
 		heightFactor: .866
 	},
 	"bpmn-black-triangle": {
 		type: "triangle",
 		filled: !0,
-		size: xn,
+		size: wn,
 		widthFactor: 1,
 		heightFactor: .866
 	},
 	"bpmn-white-circle": {
 		type: "circle",
 		filled: !1,
-		size: xn,
+		size: wn,
 		widthFactor: 1,
 		heightFactor: 1
 	},
 	"bpmn-arrow": {
 		type: "arrow",
 		filled: !1,
-		size: xn,
+		size: wn,
 		widthFactor: 1,
 		heightFactor: .866
 	}
-}), En = Object.freeze({ STROKE_WIDTH: Object.freeze({
+}), jn = Object.freeze({ STROKE_WIDTH: Object.freeze({
 	triangle: 1.3,
 	arrow: 1.5,
 	rhombus: 1.3,
 	circle: 1.3,
 	semicircle: 2
-}) }), $ = Object.freeze({
+}) }), Q = Object.freeze({
 	SIDEBAR_PREVIEW_SCALE: .8,
 	DEFAULT_ELEMENT_WIDTH: 160
-}), Dn = Object.freeze({
+}), Mn = Object.freeze({
 	[C.ClassDiagram]: [
 		{
 			type: "package",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 120,
 			defaultData: { name: "Package" },
 			svg: He
 		},
 		{
 			type: "class",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 100,
 			defaultData: {
 				name: "Class",
 				methods: [{
-					id: X(),
+					id: Y(),
 					name: "+ method()"
 				}],
 				attributes: [{
-					id: X(),
+					id: Y(),
 					name: "+ attribute: Type"
 				}]
 			},
@@ -3585,17 +3578,17 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "class",
-			width: $.DEFAULT_ELEMENT_WIDTH,
-			height: 110,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
+			height: 100,
 			defaultData: {
 				name: "Abstract",
-				stereotype: I.Abstract,
+				isAbstract: !0,
 				methods: [{
-					id: X(),
+					id: Y(),
 					name: "+ method()"
 				}],
 				attributes: [{
-					id: X(),
+					id: Y(),
 					name: "+ attribute: Type"
 				}]
 			},
@@ -3603,7 +3596,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "class",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 140,
 			defaultData: {
 				name: "Enumeration",
@@ -3611,15 +3604,15 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 				methods: [],
 				attributes: [
 					{
-						id: X(),
+						id: Y(),
 						name: "Case 1"
 					},
 					{
-						id: X(),
+						id: Y(),
 						name: "Case 2"
 					},
 					{
-						id: X(),
+						id: Y(),
 						name: "Case 3"
 					}
 				]
@@ -3628,17 +3621,17 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "class",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 110,
 			defaultData: {
 				name: "Interface",
 				stereotype: I.Interface,
 				methods: [{
-					id: X(),
+					id: Y(),
 					name: "+ method()"
 				}],
 				attributes: [{
-					id: X(),
+					id: Y(),
 					name: "+ attribute: Type"
 				}]
 			},
@@ -3647,12 +3640,12 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	],
 	[C.ObjectDiagram]: [{
 		type: "objectName",
-		width: $.DEFAULT_ELEMENT_WIDTH,
+		width: Q.DEFAULT_ELEMENT_WIDTH,
 		height: 70,
 		defaultData: {
 			name: "Object",
 			attributes: [{
-				id: X(),
+				id: Y(),
 				name: "attribute = value"
 			}],
 			methods: []
@@ -3662,7 +3655,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 	[C.ActivityDiagram]: [
 		{
 			type: "activity",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 120,
 			defaultData: { name: "Activity" },
 			svg: Ie
@@ -3683,21 +3676,21 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "activityActionNode",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 120,
 			defaultData: { name: "Action" },
 			svg: Ke
 		},
 		{
 			type: "activityObjectNode",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 120,
 			defaultData: { name: "Object" },
 			svg: qe
 		},
 		{
 			type: "activityMergeNode",
-			width: $.DEFAULT_ELEMENT_WIDTH,
+			width: Q.DEFAULT_ELEMENT_WIDTH,
 			height: 120,
 			defaultData: { name: "Condition" },
 			svg: $e
@@ -3767,7 +3760,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 			name: "Object",
 			methods: [],
 			attributes: [{
-				id: X(),
+				id: Y(),
 				name: "attribute = value"
 			}]
 		},
@@ -3796,8 +3789,8 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "componentInterface",
-			width: Z,
-			height: Z,
+			width: X,
+			height: X,
 			defaultData: { name: "Interface" },
 			svg: _t,
 			marginTop: 10
@@ -3834,8 +3827,8 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		},
 		{
 			type: "deploymentInterface",
-			width: Z,
-			height: Z,
+			width: X,
+			height: X,
 			defaultData: { name: "Interface" },
 			svg: Nt,
 			marginTop: 10
@@ -3874,7 +3867,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		width: 160,
 		height: 120,
 		defaultData: { name: "Marking" },
-		svg: dn
+		svg: pn
 	}],
 	[C.Flowchart]: [
 		{
@@ -3902,7 +3895,7 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 			type: "flowchartInputOutput",
 			width: 140,
 			height: 70,
-			defaultData: { name: "Input/Output" },
+			defaultData: { name: "Input / Output" },
 			svg: Ot
 		},
 		{
@@ -4070,20 +4063,20 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 			svg: Xt
 		}
 	]
-}), On = Object.freeze({
+}), Nn = Object.freeze({
 	type: "colorDescription",
 	width: 160,
 	height: 50,
 	defaultData: { name: "Color Description" },
 	svg: ze
-}), kn = ({ name: e, stereotype: t, showStereotype: n, width: r, height: a, sideReserve: l, verticalAnchor: u = "center", topAnchorY: d = 30, nameTextDecoration: f, fontWeight: p = "bold", fill: m }) => {
-	let h = l ?? Y.DEFAULT_PADDING * 2, g = r / 2, _ = Math.max(1, r - h), v = A(u === "top" ? a - d - Y.NAME_LINE_HEIGHT : n ? a - Y.STEREOTYPE_LINE_HEIGHT - Y.STEREOTYPE_NAME_GAP - 8 : a - 16, Y.NAME_LINE_HEIGHT), y = i(() => {
+}), $ = ({ name: e, stereotype: t, showStereotype: n, width: r, height: a, sideReserve: l, verticalAnchor: u = "center", topAnchorY: d = 30, nameTextDecoration: f, fontWeight: p = "bold", fill: m }) => {
+	let h = l ?? J.DEFAULT_PADDING * 2, g = r / 2, _ = Math.max(1, r - h), v = A(u === "top" ? a - d - J.NAME_LINE_HEIGHT : n ? a - J.STEREOTYPE_LINE_HEIGHT - J.STEREOTYPE_NAME_GAP - 8 : a - 16, J.NAME_LINE_HEIGHT), y = i(() => {
 		if (!e) return 0;
 		let t = ie(e, _, {
-			fontSize: Y.NAME_FONT_SIZE,
+			fontSize: J.NAME_FONT_SIZE,
 			fontWeight: p
 		}, {
-			lineHeight: Y.NAME_LINE_HEIGHT,
+			lineHeight: J.NAME_LINE_HEIGHT,
 			maxLines: v
 		});
 		return Math.max(1, t.lines.length);
@@ -4094,13 +4087,13 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		p
 	]), { stereotypeCenterY: b, nameFirstLineCenterY: x } = (() => {
 		if (u === "top") return {
-			stereotypeCenterY: d - Y.STEREOTYPE_LINE_HEIGHT / 2,
-			nameFirstLineCenterY: n ? d + Y.STEREOTYPE_LINE_HEIGHT - Y.STEREOTYPE_NAME_GAP : d
+			stereotypeCenterY: d - J.STEREOTYPE_LINE_HEIGHT / 2,
+			nameFirstLineCenterY: n ? d + J.STEREOTYPE_LINE_HEIGHT - J.STEREOTYPE_NAME_GAP : d
 		};
-		let e = n ? Y.STEREOTYPE_LINE_HEIGHT + Y.STEREOTYPE_NAME_GAP + y * Y.NAME_LINE_HEIGHT : y * Y.NAME_LINE_HEIGHT, t = a / 2 - e / 2;
+		let e = n ? J.STEREOTYPE_LINE_HEIGHT + J.STEREOTYPE_NAME_GAP + y * J.NAME_LINE_HEIGHT : y * J.NAME_LINE_HEIGHT, t = a / 2 - e / 2;
 		return {
-			stereotypeCenterY: t + Y.STEREOTYPE_LINE_HEIGHT / 2,
-			nameFirstLineCenterY: n ? t + Y.STEREOTYPE_LINE_HEIGHT + Y.STEREOTYPE_NAME_GAP + Y.NAME_LINE_HEIGHT / 2 : t + Y.NAME_LINE_HEIGHT / 2
+			stereotypeCenterY: t + J.STEREOTYPE_LINE_HEIGHT / 2,
+			nameFirstLineCenterY: n ? t + J.STEREOTYPE_LINE_HEIGHT + J.STEREOTYPE_NAME_GAP + J.NAME_LINE_HEIGHT / 2 : t + J.NAME_LINE_HEIGHT / 2
 		};
 	})();
 	return /* @__PURE__ */ c(o, { children: [n && t && t.length > 0 && /* @__PURE__ */ s(D, {
@@ -4111,204 +4104,24 @@ var dn = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVI
 		dominantBaseline: "middle",
 		fill: m,
 		fontSize: "0.8em",
-		children: `«${t}»`
+		children: Zt(t)
 	}), /* @__PURE__ */ s(j, {
 		text: e,
 		x: g,
 		y: x,
 		maxWidth: _,
-		fontSize: Y.NAME_FONT_SIZE,
-		lineHeight: Y.NAME_LINE_HEIGHT,
+		fontSize: J.NAME_FONT_SIZE,
+		lineHeight: J.NAME_LINE_HEIGHT,
 		fontWeight: p,
 		fill: m,
 		verticalAnchor: "top",
 		maxLines: v,
 		textDecoration: f
 	})] });
-}, An = "store", jn = (e) => e.getMap("nodes"), Mn = (e) => e.getMap("edges"), Nn = (e) => e.getMap("assessments"), Pn = (e) => e.getMap("diagramMetadata"), Fn = (e, t) => {
-	let n = new Map(Array.from(t, ([e, t]) => [e, t]));
-	for (let t of Array.from(e.keys())) n.has(t) || e.delete(t);
-	for (let [t, r] of n) (!e.has(t) || !G(e.get(t), r)) && e.set(t, r);
-}, In = /* @__PURE__ */ function(e) {
-	return e[e.YjsSYNC = 0] = "YjsSYNC", e[e.YjsUpdate = 1] = "YjsUpdate", e[e.AwarenessSync = 2] = "AwarenessSync", e[e.AwarenessUpdate = 3] = "AwarenessUpdate", e;
-}({}), Ln = class e {
-	stopYjsObserver;
-	sendBroadcastMessage = null;
-	ydoc;
-	diagramStore;
-	metadataStore;
-	awareness;
-	constructor(e, t, n) {
-		this.ydoc = e, this.diagramStore = t, this.metadataStore = n, this.awareness = new b(this.ydoc), this.stopYjsObserver = this.startYjsObserver(), this.diagramStore.getState().setDraggingNodesPublisher(this.setLocalAwarenessDraggingNodes);
-	}
-	stopSync() {
-		this.stopYjsObserver();
-	}
-	broadcastFullState = () => {
-		if (!this.sendBroadcastMessage) return;
-		let e = y.encodeStateAsUpdate(this.ydoc);
-		this.sendFramedMessage(1, e);
-	};
-	setSendBroadcastMessage = (e) => {
-		if (this.sendBroadcastMessage = e, this.awareness.getLocalState()) {
-			let e = S(this.awareness, [this.awareness.clientID]);
-			this.sendFramedMessage(3, e);
-		}
-	};
-	setLocalAwarenessUser = (e) => {
-		this.awareness.setLocalStateField("user", e);
-	};
-	setLocalAwarenessCursor = (e) => {
-		this.awareness.setLocalStateField("cursor", e);
-	};
-	setLocalAwarenessViewport = (e) => {
-		this.awareness.setLocalStateField("viewport", e);
-	};
-	setLocalAwarenessFollowing = (e) => {
-		this.awareness.setLocalStateField("followingClientId", e);
-	};
-	setLocalAwarenessSelectedElement = (e) => {
-		this.awareness.setLocalStateField("selectedElementId", e);
-	};
-	setLocalAwarenessDraggingNodes = (e) => {
-		this.awareness.setLocalStateField("draggingNodes", e);
-	};
-	setLocalAwarenessState = (e) => {
-		let t = this.awareness.getLocalState();
-		this.awareness.setLocalState({
-			...t,
-			...e
-		});
-	};
-	subscribeToAwarenessChanges = (e) => {
-		let t = () => e(this.getTypedStates());
-		return this.awareness.on("change", t), () => {
-			this.awareness.off("change", t);
-		};
-	};
-	getAwarenessStates = () => this.getTypedStates();
-	getCollaborators = () => {
-		let e = this.getTypedStates(), t = this.awareness.clientID, n = /* @__PURE__ */ new Map();
-		for (let [r, i] of e.entries()) {
-			let e = i.user;
-			if (!e) continue;
-			let a = e.id ?? `__client_${r}`, o = n.get(a);
-			o ? (o.clientIds.push(r), r === t && (o.isLocal = !0)) : n.set(a, {
-				id: a,
-				name: e.name,
-				color: e.color,
-				imageUrl: e.imageUrl,
-				clientIds: [r],
-				isLocal: r === t
-			});
-		}
-		return Array.from(n.values());
-	};
-	subscribeToCollaboratorChanges = (e) => {
-		let t = "", n = ({ added: n, removed: r }) => {
-			let i = this.computeParticipantSignature();
-			n.length === 0 && r.length === 0 && i === t || (t = i, e(this.getCollaborators()));
-		};
-		return this.awareness.on("change", n), () => {
-			this.awareness.off("change", n);
-		};
-	};
-	getLocalAwarenessClientId = () => this.awareness.clientID;
-	static narrowState(e) {
-		if (typeof e != "object" || !e) return null;
-		let t = e, n = t.user;
-		if (n != null && (typeof n != "object" || typeof n.name != "string" || typeof n.color != "string")) return null;
-		let r = { ...t };
-		return t.viewport != null && (r.viewport = sn(t.viewport)), t.draggingNodes != null && (r.draggingNodes = cn(t.draggingNodes)), t.followingClientId != null && typeof t.followingClientId != "number" && (r.followingClientId = null), r;
-	}
-	getTypedStates() {
-		let t = this.awareness.getStates(), n = /* @__PURE__ */ new Map();
-		for (let [r, i] of t.entries()) {
-			let t = e.narrowState(i);
-			t && n.set(r, t);
-		}
-		return n;
-	}
-	computeParticipantSignature = () => {
-		let e = this.getTypedStates(), t = [];
-		for (let [n, r] of e.entries()) {
-			let e = r.user;
-			e && t.push(`${n}:${e.id ?? ""}:${e.name}:${e.color}:${e.imageUrl ?? ""}`);
-		}
-		return t.sort(), t.join("|");
-	};
-	sendFramedMessage = (t, n) => {
-		if (!this.sendBroadcastMessage) return;
-		let r = new Uint8Array(1 + n.length);
-		r[0] = t, r.set(n, 1);
-		let i = e.uint8ToBase64(r);
-		this.sendBroadcastMessage(i);
-	};
-	applyUpdate = (e, t) => {
-		y.applyUpdate(this.ydoc, e, t);
-	};
-	handleReceivedData = (t) => {
-		let n = e.base64ToUint8(t), r = n[0];
-		if (r === 1) {
-			let e = n.slice(1);
-			this.applyUpdate(e, "remote");
-		} else if (r === 0) {
-			let e = y.encodeStateAsUpdate(this.ydoc);
-			this.sendFramedMessage(1, e);
-		} else if (r === 3) {
-			let e = n.slice(1);
-			x(this.awareness, e, "remote");
-		} else if (r === 2) {
-			let e = Array.from(this.awareness.getStates().keys()), t = S(this.awareness, e);
-			this.sendFramedMessage(3, t);
-		}
-	};
-	startYjsObserver = () => {
-		let e = () => this.diagramStore.getState().previewMode === !0, t = (t, n) => {
-			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateNodesFromYjs();
-		}, n = (t, n) => {
-			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateEdgesFromYjs();
-		}, r = (t, n) => {
-			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.metadataStore.getState().updateMetaDataFromYjs();
-		}, i = (t, n) => {
-			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateAssessmentFromYjs();
-		}, a = (e, t, n, r) => {
-			this.sendBroadcastMessage && (r.origin === "store" || this.isUndoRedoTransaction(r)) && this.sendFramedMessage(1, e), this.isUndoRedoTransaction(r) && (this.diagramStore.getState().updateNodesFromYjs(), this.diagramStore.getState().updateEdgesFromYjs(), this.diagramStore.getState().updateAssessmentFromYjs(), this.diagramStore.getState().updateUndoRedoState());
-		}, o = ({ added: e, updated: t, removed: n }, r) => {
-			if (r === "remote") return;
-			let i = [
-				...e,
-				...t,
-				...n
-			];
-			if (i.length === 0) return;
-			let a = S(this.awareness, i);
-			this.sendFramedMessage(3, a);
-		};
-		return jn(this.ydoc).observe(t), Mn(this.ydoc).observe(n), Nn(this.ydoc).observe(i), Pn(this.ydoc).observe(r), this.ydoc.on("update", a), this.awareness.on("update", o), () => {
-			jn(this.ydoc).unobserve(t), Mn(this.ydoc).unobserve(n), Nn(this.ydoc).unobserve(i), Pn(this.ydoc).unobserve(r), this.ydoc.off("update", a), this.awareness.off("update", o);
-		};
-	};
-	isUndoRedoTransaction(e) {
-		let t = this.diagramStore.getState().undoManager;
-		return t ? t === e.origin : !1;
-	}
-	static uint8ToBase64(e) {
-		let t = e.toBase64;
-		if (typeof t == "function") return t.call(e);
-		let n = "";
-		for (let t = 0; t < e.length; t++) n += String.fromCharCode(e[t]);
-		return btoa(n);
-	}
-	static base64ToUint8(e) {
-		let t = atob(e), n = new Uint8Array(t.length);
-		for (let e = 0; e < t.length; e++) n[e] = t.charCodeAt(e);
-		return n;
-	}
 };
 //#endregion
 //#region lib/services/migration/EdgeTransformer.ts
-function Rn(e) {
+function Pn(e) {
 	let t = e.data ?? {}, n = Object.prototype.hasOwnProperty.call(t, "computedSegments");
 	if (e.data != null && !n) return e;
 	let r = { ...t };
@@ -4317,8 +4130,8 @@ function Rn(e) {
 		data: r
 	};
 }
-function zn(e) {
-	let t = e.edges.map(Rn);
+function Fn(e) {
+	let t = e.edges.map(Pn);
 	return t.some((t, n) => t !== e.edges[n]) ? {
 		...e,
 		edges: t
@@ -4326,21 +4139,21 @@ function zn(e) {
 }
 //#endregion
 //#region lib/utils/versionConverter.ts
-function Bn(e, t, n, r) {
-	return !(e === "componentInterface" || e === "deploymentInterface") || n === Q.SIZE && r === Q.SIZE ? {
+function In(e, t, n, r) {
+	return !(e === "componentInterface" || e === "deploymentInterface") || n === Z.SIZE && r === Z.SIZE ? {
 		position: t,
 		width: n,
 		height: r
 	} : {
 		position: {
-			x: t.x + (n - Q.SIZE) / 2,
-			y: t.y + (r - Q.SIZE) / 2
+			x: t.x + (n - Z.SIZE) / 2,
+			y: t.y + (r - Z.SIZE) / 2
 		},
-		width: Q.SIZE,
-		height: Q.SIZE
+		width: Z.SIZE,
+		height: Z.SIZE
 	};
 }
-function Vn(e) {
+function Ln(e) {
 	let t = {
 		id: "converted-diagram-" + Date.now(),
 		title: "Converted Diagram",
@@ -4367,12 +4180,12 @@ function Vn(e) {
 		t.model.relationships[e.id] = e;
 	}), e.assessments && e.assessments.forEach((e) => {
 		t.model.assessments[e.modelElementId] = e;
-	}), $n(t);
+	}), Yn(t);
 }
-function Hn(e) {
+function Rn(e) {
 	return e && e.version && e.version.startsWith("2.") && e.size && e.type && Array.isArray(e.elements) && Array.isArray(e.relationships) && Array.isArray(e.assessments) && e.interactive && Array.isArray(e.interactive.elements) && Array.isArray(e.interactive.relationships) && !e.model;
 }
-function Un(e) {
+function zn(e) {
 	return {
 		Up: "top",
 		Right: "right",
@@ -4392,7 +4205,7 @@ function Un(e) {
 		Bottomleft: "bottom-left"
 	}[e] || e.toLowerCase();
 }
-function Wn(e) {
+function Bn(e) {
 	return {
 		Class: "class",
 		AbstractClass: "class",
@@ -4457,7 +4270,7 @@ function Wn(e) {
 		TitleAndDescription: "titleAndDesctiption"
 	}[e] || e.toLowerCase();
 }
-function Gn(e, t) {
+function Vn(e, t) {
 	return e === "BPMNFlow" && t ? {
 		sequence: "BPMNSequenceFlow",
 		message: "BPMNMessageFlow",
@@ -4495,16 +4308,16 @@ function Gn(e, t) {
 		FlowchartFlowline: "FlowChartFlowline"
 	}[e] || e;
 }
-function Kn(e, t) {
+function Hn(e, t) {
 	return {
 		x: e.bounds.x - t.bounds.x,
 		y: e.bounds.y - t.bounds.y
 	};
 }
-function qn(e) {
+function Un(e) {
 	return e.sort((e, t) => (e.bounds?.y ?? 0) - (t.bounds?.y ?? 0));
 }
-function Jn(e, t) {
+function Wn(e, t) {
 	let n = {
 		name: e.name,
 		...e.fillColor && { fillColor: e.fillColor },
@@ -4519,7 +4332,7 @@ function Jn(e, t) {
 		case "Interface":
 		case "Enumeration": {
 			let r = [], i = [];
-			qn(Object.values(t)).forEach((t) => {
+			Un(Object.values(t)).forEach((t) => {
 				t.owner === e.id && (t.type === "ClassAttribute" ? r.push({
 					id: t.id,
 					name: t.name,
@@ -4532,17 +4345,18 @@ function Jn(e, t) {
 					...t.textColor && { textColor: t.textColor }
 				}));
 			});
-			let a;
-			return e.type === "AbstractClass" ? a = I.Abstract : e.type === "Interface" ? a = I.Interface : e.type === "Enumeration" && (a = I.Enumeration), {
+			let a, o = !1;
+			return e.type === "AbstractClass" ? o = !0 : e.type === "Interface" ? a = I.Interface : e.type === "Enumeration" && (a = I.Enumeration), {
 				...n,
 				methods: i,
 				attributes: r,
-				...a && { stereotype: a }
+				...a && { stereotype: a },
+				...o && { isAbstract: !0 }
 			};
 		}
 		case "ObjectName": {
 			let r = [], i = [];
-			return qn(Object.values(t)).forEach((t) => {
+			return Un(Object.values(t)).forEach((t) => {
 				t.owner === e.id && (t.type === "ObjectAttribute" ? r.push({
 					id: t.id,
 					name: t.name,
@@ -4562,7 +4376,7 @@ function Jn(e, t) {
 		}
 		case "CommunicationObject": {
 			let r = [], i = [];
-			return qn(Object.values(t)).forEach((t) => {
+			return Un(Object.values(t)).forEach((t) => {
 				t.owner === e.id && (t.type === "ObjectAttribute" ? r.push({
 					id: t.id,
 					name: t.name,
@@ -4649,23 +4463,23 @@ function Jn(e, t) {
 		default: return n;
 	}
 }
-function Yn(e) {
+function Gn(e) {
 	return e ? Array.isArray(e) ? e : typeof e == "object" && e ? Object.values(e).map((e) => ({
 		text: e.name,
 		direction: e.direction === "source" ? "target" : "source",
 		id: e.id
 	})) : [] : [];
 }
-function Xn(e, t) {
-	let n = Wn(e.type), r = {
+function Kn(e, t) {
+	let n = Bn(e.type), r = {
 		x: e.bounds.x,
 		y: e.bounds.y
 	};
 	if (e.owner) {
 		let n = t[e.owner];
-		n && (r = Kn(e, n));
+		n && (r = Hn(e, n));
 	}
-	let i = Jn(e, t), a = Bn(n, r, e.bounds.width, e.bounds.height);
+	let i = Wn(e, t), a = In(n, r, e.bounds.width, e.bounds.height);
 	return {
 		id: e.id,
 		type: n,
@@ -4680,8 +4494,8 @@ function Xn(e, t) {
 		...e.owner && { parentId: e.owner }
 	};
 }
-function Zn(e) {
-	let t = Gn(e.type, e.flowType), n = [];
+function qn(e) {
+	let t = Vn(e.type, e.flowType), n = [];
 	return e.path && e.path.length > 0 && (n = e.path.map((t) => ({
 		x: t.x + e.bounds.x,
 		y: t.y + e.bounds.y
@@ -4690,8 +4504,8 @@ function Zn(e) {
 		source: e.source.element,
 		target: e.target.element,
 		type: t,
-		sourceHandle: Un(e.source.direction || ""),
-		targetHandle: Un(e.target.direction || ""),
+		sourceHandle: zn(e.source.direction || ""),
+		targetHandle: zn(e.target.direction || ""),
 		data: {
 			label: e.name || "",
 			sourceMultiplicity: e.source.multiplicity || "",
@@ -4699,7 +4513,7 @@ function Zn(e) {
 			sourceRole: e.source.role || "",
 			targetRole: e.target.role || "",
 			isManuallyLayouted: e.isManuallyLayouted || !1,
-			messages: Yn(e.messages),
+			messages: Gn(e.messages),
 			...e.flowType && { flowType: e.flowType },
 			...e.fillColor && { fillColor: e.fillColor },
 			...e.strokeColor && { strokeColor: e.strokeColor },
@@ -4710,7 +4524,7 @@ function Zn(e) {
 		}
 	};
 }
-function Qn(e) {
+function Jn(e) {
 	return {
 		modelElementId: e.modelElementId,
 		elementType: e.elementType,
@@ -4722,16 +4536,16 @@ function Qn(e) {
 		...e.correctionStatus && { correctionStatus: e.correctionStatus }
 	};
 }
-function $n(e) {
+function Yn(e) {
 	let t = e.model || e, n = e.id || "converted-diagram-" + Date.now(), r = e.title || "", i = Object.values(t.elements).filter((e) => ![
 		"ClassAttribute",
 		"ClassMethod",
 		"ObjectAttribute",
 		"ObjectMethod"
-	].includes(e.type)).map((e) => Xn(e, t.elements)), a = Object.values(t.relationships).map((e) => Zn(e)), o = {};
+	].includes(e.type)).map((e) => Kn(e, t.elements)), a = Object.values(t.relationships).map((e) => qn(e)), o = {};
 	return t.assessments && Object.entries(t.assessments).forEach(([e, t]) => {
 		try {
-			o[e] = Qn(t);
+			o[e] = Jn(t);
 		} catch (t) {
 			Fe.warn(`Failed to convert assessment for element ${e}:`, t);
 		}
@@ -4749,21 +4563,219 @@ function $n(e) {
 		} : void 0
 	};
 }
-function er(e) {
+function Xn(e) {
 	let t = e && e.model && e.model.version && typeof e.model.version == "string" && e.model.version.startsWith("3.") && e.model.elements && e.model.relationships && typeof e.model.elements == "object" && typeof e.model.relationships == "object", n = e && e.version && typeof e.version == "string" && e.version.startsWith("3.") && e.elements && e.relationships && typeof e.elements == "object" && typeof e.relationships == "object";
 	return !!(t || n);
 }
-function tr(e) {
+function Zn(e) {
 	return e && e.version && e.version.startsWith("4.") && Array.isArray(e.nodes) && Array.isArray(e.edges) && e.edges.every((e) => typeof e == "object" && !!e && e.data != null && typeof e.data == "object");
 }
-function nr(e) {
+function Qn(e) {
+	let t = {
+		Interface: I.Interface,
+		Enumeration: I.Enumeration
+	};
+	for (let n of e.nodes) {
+		if (n.type !== "class") continue;
+		let e = n.data, r = e.stereotype;
+		r === "Abstract" ? (e.isAbstract = !0, delete e.stereotype, typeof n.height == "number" && (n.height -= 10), n.measured && typeof n.measured.height == "number" && (n.measured.height -= 10)) : r && r in t && (e.stereotype = t[r]), e.stereotype && e.isAbstract && (e.isAbstract = !1);
+	}
+	return e;
+}
+function $n(e) {
+	return Qn(e);
+}
+function er(e) {
 	let t;
-	if (tr(e)) t = e;
-	else if (er(e)) t = $n(e);
-	else if (Hn(e)) t = Vn(e);
-	else if (e.model) return nr(e.model);
+	if (Zn(e)) t = e;
+	else if (Xn(e)) t = Yn(e);
+	else if (Rn(e)) t = Ln(e);
+	else if (e.model) return er(e.model);
 	else throw Error("Unsupported diagram format. Only 2.x.x, 3.x.x and 4.x.x formats are supported.");
-	return zn(t);
+	return Fn($n(t));
 }
 //#endregion
-export { Ht as $, ve as $t, En as A, Ke as At, Zt as B, Ne as Bt, Sn as C, st as Ct, vn as D, et as Dt, hn as E, tt as Et, X as F, ze as Ft, Xt as G, we as Gt, Qt as H, je as Ht, dn as I, H as It, qt as J, ge as Jt, Yt as K, Oe as Kt, on as L, Ie as Lt, fn as M, We as Mt, Cn as N, Ue as Nt, Q as O, $e as Ot, Dn as P, He as Pt, Ut as Q, pe as Qt, an as R, Fe as Rt, $ as S, pt as St, mn as T, nt as Tt, en as U, ke as Ut, $t as V, I as Vt, G as W, Te as Wt, Gt as X, fe as Xt, Kt as Y, he as Yt, Wt as Z, _e as Zt, jn as _, xt as _t, Wn as a, N as an, It as at, J as b, _t as bt, Hn as c, ie as cn, U as ct, In as d, w as dn, Mt as dt, me as en, Vt as et, Ln as f, C as fn, jt as ft, Mn as g, Dt as gt, Pn as h, Ot as ht, Yn as i, Se as in, Lt as it, Tn as j, Ge as jt, Y as k, qe as kt, er as l, T as ln, Pt as lt, Nn as m, kt as mt, Gn as n, be as nn, zt as nt, $n as o, Ce as on, W as ot, An as p, At as pt, Jt as q, P as qt, Un as r, M as rn, Rt as rt, nr as s, ye as sn, Ft as st, Vn as t, xe as tn, Bt as tt, tr as u, E as un, Nt as ut, Fn as v, bt as vt, pn as w, ot as wt, On as x, mt as xt, q as y, yt, tn as z, Pe as zt };
+//#region lib/sync/ydoc.ts
+var tr = "store", nr = (e) => e.getMap("nodes"), rr = (e) => e.getMap("edges"), ir = (e) => e.getMap("assessments"), ar = (e) => e.getMap("diagramMetadata"), or = (e, t) => {
+	let n = new Map(Array.from(t, ([e, t]) => [e, t]));
+	for (let t of Array.from(e.keys())) n.has(t) || e.delete(t);
+	for (let [t, r] of n) (!e.has(t) || !G(e.get(t), r)) && e.set(t, r);
+}, sr = /* @__PURE__ */ function(e) {
+	return e[e.YjsSYNC = 0] = "YjsSYNC", e[e.YjsUpdate = 1] = "YjsUpdate", e[e.AwarenessSync = 2] = "AwarenessSync", e[e.AwarenessUpdate = 3] = "AwarenessUpdate", e;
+}({}), cr = class e {
+	stopYjsObserver;
+	sendBroadcastMessage = null;
+	ydoc;
+	diagramStore;
+	metadataStore;
+	awareness;
+	constructor(e, t, n) {
+		this.ydoc = e, this.diagramStore = t, this.metadataStore = n, this.awareness = new b(this.ydoc), this.stopYjsObserver = this.startYjsObserver(), this.diagramStore.getState().setDraggingNodesPublisher(this.setLocalAwarenessDraggingNodes);
+	}
+	stopSync() {
+		this.stopYjsObserver();
+	}
+	broadcastFullState = () => {
+		if (!this.sendBroadcastMessage) return;
+		let e = y.encodeStateAsUpdate(this.ydoc);
+		this.sendFramedMessage(1, e);
+	};
+	setSendBroadcastMessage = (e) => {
+		if (this.sendBroadcastMessage = e, this.awareness.getLocalState()) {
+			let e = S(this.awareness, [this.awareness.clientID]);
+			this.sendFramedMessage(3, e);
+		}
+	};
+	setLocalAwarenessUser = (e) => {
+		this.awareness.setLocalStateField("user", e);
+	};
+	setLocalAwarenessCursor = (e) => {
+		this.awareness.setLocalStateField("cursor", e);
+	};
+	setLocalAwarenessViewport = (e) => {
+		this.awareness.setLocalStateField("viewport", e);
+	};
+	setLocalAwarenessFollowing = (e) => {
+		this.awareness.setLocalStateField("followingClientId", e);
+	};
+	setLocalAwarenessSelectedElement = (e) => {
+		this.awareness.setLocalStateField("selectedElementId", e);
+	};
+	setLocalAwarenessDraggingNodes = (e) => {
+		this.awareness.setLocalStateField("draggingNodes", e);
+	};
+	setLocalAwarenessState = (e) => {
+		let t = this.awareness.getLocalState();
+		this.awareness.setLocalState({
+			...t,
+			...e
+		});
+	};
+	subscribeToAwarenessChanges = (e) => {
+		let t = () => e(this.getTypedStates());
+		return this.awareness.on("change", t), () => {
+			this.awareness.off("change", t);
+		};
+	};
+	getAwarenessStates = () => this.getTypedStates();
+	getCollaborators = () => {
+		let e = this.getTypedStates(), t = this.awareness.clientID, n = /* @__PURE__ */ new Map();
+		for (let [r, i] of e.entries()) {
+			let e = i.user;
+			if (!e) continue;
+			let a = e.id ?? `__client_${r}`, o = n.get(a);
+			o ? (o.clientIds.push(r), r === t && (o.isLocal = !0)) : n.set(a, {
+				id: a,
+				name: e.name,
+				color: e.color,
+				imageUrl: e.imageUrl,
+				clientIds: [r],
+				isLocal: r === t
+			});
+		}
+		return Array.from(n.values());
+	};
+	subscribeToCollaboratorChanges = (e) => {
+		let t = "", n = ({ added: n, removed: r }) => {
+			let i = this.computeParticipantSignature();
+			n.length === 0 && r.length === 0 && i === t || (t = i, e(this.getCollaborators()));
+		};
+		return this.awareness.on("change", n), () => {
+			this.awareness.off("change", n);
+		};
+	};
+	getLocalAwarenessClientId = () => this.awareness.clientID;
+	static narrowState(e) {
+		if (typeof e != "object" || !e) return null;
+		let t = e, n = t.user;
+		if (n != null && (typeof n != "object" || typeof n.name != "string" || typeof n.color != "string")) return null;
+		let r = { ...t };
+		return t.viewport != null && (r.viewport = cn(t.viewport)), t.draggingNodes != null && (r.draggingNodes = ln(t.draggingNodes)), t.followingClientId != null && typeof t.followingClientId != "number" && (r.followingClientId = null), r;
+	}
+	getTypedStates() {
+		let t = this.awareness.getStates(), n = /* @__PURE__ */ new Map();
+		for (let [r, i] of t.entries()) {
+			let t = e.narrowState(i);
+			t && n.set(r, t);
+		}
+		return n;
+	}
+	computeParticipantSignature = () => {
+		let e = this.getTypedStates(), t = [];
+		for (let [n, r] of e.entries()) {
+			let e = r.user;
+			e && t.push(`${n}:${e.id ?? ""}:${e.name}:${e.color}:${e.imageUrl ?? ""}`);
+		}
+		return t.sort(), t.join("|");
+	};
+	sendFramedMessage = (t, n) => {
+		if (!this.sendBroadcastMessage) return;
+		let r = new Uint8Array(1 + n.length);
+		r[0] = t, r.set(n, 1);
+		let i = e.uint8ToBase64(r);
+		this.sendBroadcastMessage(i);
+	};
+	applyUpdate = (e, t) => {
+		y.applyUpdate(this.ydoc, e, t);
+	};
+	handleReceivedData = (t) => {
+		let n = e.base64ToUint8(t), r = n[0];
+		if (r === 1) {
+			let e = n.slice(1);
+			this.applyUpdate(e, "remote");
+		} else if (r === 0) {
+			let e = y.encodeStateAsUpdate(this.ydoc);
+			this.sendFramedMessage(1, e);
+		} else if (r === 3) {
+			let e = n.slice(1);
+			x(this.awareness, e, "remote");
+		} else if (r === 2) {
+			let e = Array.from(this.awareness.getStates().keys()), t = S(this.awareness, e);
+			this.sendFramedMessage(3, t);
+		}
+	};
+	startYjsObserver = () => {
+		let e = () => this.diagramStore.getState().previewMode === !0, t = (t, n) => {
+			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateNodesFromYjs();
+		}, n = (t, n) => {
+			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateEdgesFromYjs();
+		}, r = (t, n) => {
+			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.metadataStore.getState().updateMetaDataFromYjs();
+		}, i = (t, n) => {
+			n.origin !== "store" && !this.isUndoRedoTransaction(n) && !e() && this.diagramStore.getState().updateAssessmentFromYjs();
+		}, a = (e, t, n, r) => {
+			this.sendBroadcastMessage && (r.origin === "store" || this.isUndoRedoTransaction(r)) && this.sendFramedMessage(1, e), this.isUndoRedoTransaction(r) && (this.diagramStore.getState().updateNodesFromYjs(), this.diagramStore.getState().updateEdgesFromYjs(), this.diagramStore.getState().updateAssessmentFromYjs(), this.diagramStore.getState().updateUndoRedoState());
+		}, o = ({ added: e, updated: t, removed: n }, r) => {
+			if (r === "remote") return;
+			let i = [
+				...e,
+				...t,
+				...n
+			];
+			if (i.length === 0) return;
+			let a = S(this.awareness, i);
+			this.sendFramedMessage(3, a);
+		};
+		return nr(this.ydoc).observe(t), rr(this.ydoc).observe(n), ir(this.ydoc).observe(i), ar(this.ydoc).observe(r), this.ydoc.on("update", a), this.awareness.on("update", o), () => {
+			nr(this.ydoc).unobserve(t), rr(this.ydoc).unobserve(n), ir(this.ydoc).unobserve(i), ar(this.ydoc).unobserve(r), this.ydoc.off("update", a), this.awareness.off("update", o);
+		};
+	};
+	isUndoRedoTransaction(e) {
+		let t = this.diagramStore.getState().undoManager;
+		return t ? t === e.origin : !1;
+	}
+	static uint8ToBase64(e) {
+		let t = e.toBase64;
+		if (typeof t == "function") return t.call(e);
+		let n = "";
+		for (let t = 0; t < e.length; t++) n += String.fromCharCode(e[t]);
+		return btoa(n);
+	}
+	static base64ToUint8(e) {
+		let t = atob(e), n = new Uint8Array(t.length);
+		for (let e = 0; e < t.length; e++) n[e] = t.charCodeAt(e);
+		return n;
+	}
+};
+//#endregion
+export { Gt as $, fe as $t, J as A, et as At, on as B, Ie as Bt, Q as C, _t as Ct, _n as D, ot as Dt, gn as E, st as Et, On as F, We as Ft, tn as G, je as Gt, Qt as H, Pe as Ht, Mn as I, Ue as It, Xt as J, we as Jt, Zt as K, ke as Kt, Y as L, He as Lt, An as M, qe as Mt, Sn as N, Ke as Nt, bn as O, nt as Ot, mn as P, Ge as Pt, Kt as Q, he as Qt, pn as R, ze as Rt, Nn as S, yt as St, hn as T, pt as Tt, en as U, Ne as Ut, nn as V, Fe as Vt, $t as W, I as Wt, Jt as X, P as Xt, Yt as Y, Oe as Yt, qt as Z, ge as Zt, Xn as _, kt as _t, ar as a, be as an, zt as at, K as b, xt as bt, or as c, N as cn, It as ct, zn as d, ie as dn, U as dt, _e as en, Wt as et, Gn as f, T as fn, Pt as ft, Rn as g, At as gt, er as h, C as hn, jt as ht, ir as i, xe as in, Bt as it, jn as j, $e as jt, Z as k, tt as kt, Ln as l, Ce as ln, W as lt, Yn as m, w as mn, Mt as mt, cr as n, ve as nn, Ht as nt, rr as o, M as on, Rt as ot, Bn as p, E as pn, Nt as pt, G as q, Te as qt, tr as r, me as rn, Vt as rt, nr as s, Se as sn, Lt as st, sr as t, pe as tn, Ut as tt, Vn as u, ye as un, Ft as ut, Zn as v, Ot as vt, Dn as w, mt as wt, q as x, bt as xt, $n as y, Dt as yt, sn as z, H as zt };