@tumaet/apollon 4.9.0 → 5.0.1

package/dist/versionConverter-C-s36Ory.js

@@ -0,0 +1,4769 @@
+import { t as e } from "./fontStack-BKkvgDI3.js";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { layoutNextLineRange as l, layoutWithLines as u, materializeLineRange as d, measureNaturalWidth as f, prepareWithSegments as p } from "@chenglou/pretext";
+import { useStore as m } from "zustand";
+import { useShallow as h } from "zustand/shallow";
+import { Check as g, TriangleAlert as _, X as v } from "lucide-react";
+import * as y from "yjs";
+import { Awareness as b, applyAwarenessUpdate as x, encodeAwarenessUpdate as S } from "y-protocols/awareness";
+//#region lib/types/DiagramType.ts
+var C = {
+	ClassDiagram: "ClassDiagram",
+	ObjectDiagram: "ObjectDiagram",
+	ActivityDiagram: "ActivityDiagram",
+	UseCaseDiagram: "UseCaseDiagram",
+	CommunicationDiagram: "CommunicationDiagram",
+	ComponentDiagram: "ComponentDiagram",
+	DeploymentDiagram: "DeploymentDiagram",
+	PetriNet: "PetriNet",
+	ReachabilityGraph: "ReachabilityGraph",
+	SyntaxTree: "SyntaxTree",
+	Flowchart: "Flowchart",
+	BPMN: "BPMN",
+	Sfc: "Sfc"
+}, w = /* @__PURE__ */ function(e) {
+	return e.en = "en", e.de = "de", e;
+}({}), T = /* @__PURE__ */ function(e) {
+	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 }) => {
+	let m = {};
+	return d || (m.x = r), f || (m.y = i), /* @__PURE__ */ s("text", {
+		...m,
+		fill: n,
+		dominantBaseline: a,
+		textAnchor: o,
+		fontWeight: c,
+		fontFamily: l,
+		pointerEvents: u,
+		...p,
+		children: t
+	});
+}, O = e, ee = (e) => {
+	let t = e.fontWeight ?? 400, n = e.fontStyle ?? "normal", r = e.fontFamily ?? O;
+	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);
+	if (i) return k.delete(r), k.set(r, i), i;
+	let a = p(e, t, { whiteSpace: n });
+	if (k.size >= te) {
+		let e = k.keys().next().value;
+		e !== void 0 && k.delete(e);
+	}
+	return k.set(r, a), a;
+}, re = () => {
+	k.clear();
+}, A = (e, t) => Math.max(1, Math.floor(e / t));
+typeof document < "u" && document.fonts && document.fonts.ready.then(re).catch(() => {});
+var ie = (e, t, n, r = {}) => {
+	let i = e ?? "";
+	if (!i) return {
+		lines: [],
+		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);
+	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), {
+			lines: t,
+			maxLineWidth: n,
+			overflow: l
+		};
+	} catch {
+		return {
+			lines: s === "pre-wrap" ? i.split(/\r?\n/) : [i],
+			maxLineWidth: c,
+			overflow: !1
+		};
+	}
+}, ae = (e, t, n) => {
+	let r = Math.min(Math.abs(e), t) / t, i = Math.sqrt(Math.max(0, 1 - r * r));
+	return 2 * n * i;
+}, oe = (e, t, n) => {
+	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 = {
+		lines: [],
+		lineHeight: i,
+		lineOffsets: [],
+		blockHeight: 0,
+		overflow: !1
+	}, g = (e) => {
+		let n = m === "pre-wrap" ? e.split(/\r?\n/) : [e], r = Math.max(0, t - 2 * c), a = n.length, o = -(a * i) / 2;
+		return {
+			lines: n.map((e) => ({
+				text: e,
+				width: r
+			})),
+			lineHeight: i,
+			lineOffsets: n.map((e, t) => o + (t + .5) * i),
+			blockHeight: a * i,
+			overflow: !1
+		};
+	}, _ = e ?? "";
+	if (!_) return h;
+	let v = Math.max(0, t / 2 - c), y = Math.max(0, n / 2 - u);
+	if (v <= 0 || y <= 0) return h;
+	let b;
+	try {
+		b = ne(_, s, m);
+	} catch {
+		return g(_);
+	}
+	let x = Math.max(1, Math.floor(2 * y / i)), S = Math.min(x, p), C = (e) => l(b, e, v * 2) === null, w = (e) => {
+		let t = -(e * i) / 2;
+		return Array.from({ length: e }, (e, n) => t + (n + .5) * i);
+	}, T = null;
+	for (let e = 1; e <= S; e++) {
+		let t = -(e * i) / 2, n = Array(e);
+		for (let r = 0; r < e; r++) {
+			let e = t + r * i, o = e + i;
+			n[r] = a(Math.max(Math.abs(e), Math.abs(o)), y, v);
+		}
+		if (n.some((e) => e <= 0)) break;
+		let r = {
+			segmentIndex: 0,
+			graphemeIndex: 0
+		}, o = [];
+		for (let t = 0; t < e; t++) {
+			let e = l(b, r, n[t]);
+			if (e === null) break;
+			o.push(d(b, e)), r = e.end;
+		}
+		if (o.length < e || C(r)) return {
+			lines: o.map((e) => ({
+				text: e.text,
+				width: e.width
+			})),
+			lineHeight: i,
+			lineOffsets: w(o.length),
+			blockHeight: o.length * i,
+			overflow: !1
+		};
+		T = o;
+	}
+	if (T && T.length > 0) {
+		let e = T.map((e) => ({
+			text: e.text,
+			width: e.width
+		})), t = e[e.length - 1];
+		return t.text = `${t.text.trimEnd()}${se}`, {
+			lines: e,
+			lineHeight: i,
+			lineOffsets: w(T.length),
+			blockHeight: T.length * i,
+			overflow: !0
+		};
+	}
+	let E = Math.min(f(b), v * 2), D = l(b, {
+		segmentIndex: 0,
+		graphemeIndex: 0
+	}, E);
+	if (!D) return h;
+	let O = d(b, D);
+	return {
+		lines: [{
+			text: O.text,
+			width: O.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 }) => {
+	let _ = u ?? Math.round(a * 1.2), v = i(() => ({
+		fontSize: a,
+		fontWeight: o,
+		fontFamily: c,
+		fontStyle: l
+	}), [
+		a,
+		o,
+		c,
+		l
+	]), y = i(() => ie(e, r, v, {
+		lineHeight: _,
+		maxLines: m
+	}), [
+		e,
+		r,
+		v,
+		_,
+		m
+	]);
+	if (!e || y.lines.length === 0) return null;
+	let b = y.overflow && y.lines.length > 0 ? y.lines.map((e, t) => t === y.lines.length - 1 ? `${e.trimEnd()}…` : e) : y.lines, x = b.length, S;
+	S = d === "top" ? n : d === "bottom" ? n - (x - 1) * _ : n - (x - 1) * _ / 2;
+	let C = e.trim() ? e : void 0, w = /* @__PURE__ */ s("text", {
+		x: t,
+		y: n,
+		textAnchor: f,
+		dominantBaseline: "middle",
+		fontSize: a,
+		fontWeight: o,
+		fontFamily: c,
+		fontStyle: l,
+		fill: p,
+		pointerEvents: h,
+		...g,
+		children: b.map((e, n) => /* @__PURE__ */ s("tspan", {
+			x: t,
+			y: S + n * _,
+			"aria-hidden": "true",
+			children: e
+		}, n))
+	});
+	return C ? /* @__PURE__ */ s("g", {
+		role: "img",
+		"aria-label": C,
+		children: w
+	}) : w;
+}, fe = t(null), pe = t(null), me = t(null), he = t(null), ge = t(null), _e = t(null), ve = t(null), M = (e) => {
+	let t = r(fe);
+	if (!t) throw Error("DiagramStoreContext not provided");
+	return m(t, e);
+}, N = (e) => {
+	let t = r(pe);
+	if (!t) throw Error("MetadataStoreContext not provided");
+	return m(t, e);
+}, ye = (e) => {
+	let t = r(me);
+	if (!t) throw Error("PopoverStoreContext not provided");
+	return m(t, e);
+}, be = (e) => {
+	let t = r(he);
+	if (!t) throw Error("AssessmentSelectionStoreContext not provided");
+	return m(t, e);
+}, xe = (e) => {
+	let t = r(ge);
+	if (!t) throw Error("AlignmentGuidesStoreContext not provided");
+	return m(t, e);
+}, Se = (e) => {
+	let t = r(_e);
+	if (!t) throw Error("EdgeGeometryStoreContext not provided");
+	return m(t, e);
+}, Ce = (e) => {
+	let t = r(ve);
+	if (!t) throw Error("OverlayStoreContext not provided");
+	return m(t, e);
+}, P = ({ score: e, x: t, y: n }) => {
+	if (e === void 0) return null;
+	let r = t + 14, i = n + 14, a = e > 0 ? "positive" : e < 0 ? "negative" : "zero", o = e > 0 ? g : e < 0 ? v : _, l = `var(--apollon-assessment-${a}-text)`;
+	return /* @__PURE__ */ c("g", {
+		className: "apollon-assessment-icon",
+		children: [/* @__PURE__ */ s("circle", {
+			cx: r,
+			cy: i,
+			r: 14,
+			fill: `var(--apollon-assessment-${a}-bg)`,
+			stroke: l,
+			strokeWidth: 1.5
+		}), /* @__PURE__ */ s(o, {
+			width: 17,
+			height: 17,
+			x: r - 17 / 2,
+			y: i - 17 / 2,
+			color: l,
+			strokeWidth: 2.5
+		})]
+	});
+}, we = (e, t) => {
+	let n = e + 2 * t;
+	return Math.ceil(n / q.EXTRA_SPACE_FOR_EXTENSION) * q.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) => ({
+	strokeColor: e.strokeColor || Ee,
+	fillColor: e.fillColor || De,
+	textColor: e.textColor || Ee
+}), Oe = (e) => ({
+	strokeColor: e?.strokeColor || Ee,
+	textColor: e?.textColor || Ee
+}), ke = (e) => {
+	let { isAssessmentSelectionMode: t, highlightedElementId: n, selectedElementIds: r } = be(h((e) => ({
+		isAssessmentSelectionMode: e.isAssessmentSelectionMode,
+		highlightedElementId: e.highlightedElementId,
+		selectedElementIds: e.selectedElementIds
+	}))), { selectElement: a, setHighlightedElement: o, selectMultipleElements: s } = be(h((e) => ({
+		selectElement: e.selectElement,
+		setHighlightedElement: e.setHighlightedElement,
+		selectMultipleElements: e.selectMultipleElements
+	}))), { nodes: c } = M(h((e) => ({ nodes: e.nodes }))), { mode: l, readonly: u } = N(h((e) => ({
+		mode: e.mode,
+		readonly: e.readonly
+	}))), d = i(() => l === T.Assessment && u, [l, u]), f = (e) => {
+		let t = [], n = c.filter((t) => t.parentId === e);
+		for (let e of n) t.push(e), t.push(...f(e.id));
+		return t;
+	}, p = (e) => {
+		let t = c.find((t) => t.id === e);
+		if (!t) return [];
+		let n = [];
+		t.data && "attributes" in t.data && Array.isArray(t.data.attributes) && n.push(...t.data.attributes.map((e) => e.id)), t.data && "methods" in t.data && Array.isArray(t.data.methods) && n.push(...t.data.methods.map((e) => e.id));
+		let r = f(e);
+		for (let e of r) n.push(e.id), n.push(...p(e.id));
+		return n;
+	};
+	return {
+		isSelected: r.includes(e),
+		isHighlighted: n === e,
+		showAssessmentInteraction: d && t,
+		handleElementClick: (n) => {
+			if (!(!d || !t) && (n.stopPropagation(), n.preventDefault(), a(e), c.find((t) => t.id === e))) {
+				let t = p(e);
+				t.length > 0 && s([e, ...t]);
+			}
+		},
+		handleElementMouseEnter: () => {
+			!d || !t || o(e);
+		},
+		handleElementMouseLeave: () => {
+			!d || !t || o(null);
+		},
+		isReadonlyAssessmentMode: d,
+		isAssessmentSelectionMode: t
+	};
+}, Ae = ({ elementId: e, elementType: t = "default" }) => {
+	let { setAssessments: r } = M(h((e) => ({ setAssessments: e.setAssessments })));
+	return n((n) => {
+		n.preventDefault(), n.stopPropagation();
+		let i = n.dataTransfer.getData("text/plain"), a = JSON.parse(i), o = {
+			modelElementId: e,
+			elementType: t,
+			score: a.credits,
+			feedback: a.feedback,
+			dropInfo: a,
+			correctionStatus: { status: "NOT_VALIDATED" }
+		};
+		r((t) => ({
+			...t,
+			[e]: o
+		}));
+	}, [e, t]);
+}, je = ({ children: e, elementId: t, elementType: n, asElement: r = "g", className: i }) => {
+	let { mode: c, readonly: l } = N(h((e) => ({
+		mode: e.mode,
+		readonly: e.readonly
+	}))), [u, d] = a(!1), f = Ae({
+		elementId: t,
+		elementType: n
+	});
+	if (!(c === T.Assessment && !l)) return /* @__PURE__ */ s(o, { children: e });
+	let p = (e) => {
+		e.preventDefault(), e.stopPropagation(), d(!0);
+	}, m = (e) => {
+		e.preventDefault(), d(!1);
+	}, g = (e) => {
+		e.preventDefault(), e.stopPropagation(), e.dataTransfer.dropEffect = "move", u || d(!0);
+	}, _ = (e) => {
+		e.preventDefault(), e.stopPropagation(), d(!1), f(e);
+	}, v = (() => {
+		if (u) return r === "path" ? { stroke: "var(--apollon-dropzone-accent, #0064ff)" } : { outline: "3px solid var(--apollon-dropzone-accent-fill, rgba(0, 100, 255, 0.4))" };
+	})();
+	return r === "div" ? /* @__PURE__ */ s("div", {
+		id: t,
+		onDrop: _,
+		onDragEnter: p,
+		onDragLeave: m,
+		onDragOver: g,
+		style: v,
+		className: i,
+		children: e
+	}) : /* @__PURE__ */ s("g", {
+		id: t,
+		onDrop: _,
+		onDragEnter: p,
+		onDragLeave: m,
+		onDragOver: g,
+		style: v,
+		children: e
+	});
+}, I = /* @__PURE__ */ function(e) {
+	return e.Abstract = "Abstract", e.Interface = "Interface", e.Enumeration = "Enumeration", e;
+}({}), Me = () => {}, L = {
+	error: Me,
+	warn: Me,
+	debug: Me
+}, R = "silent";
+function Ne(e) {
+	L = {
+		...L,
+		...e
+	};
+}
+function Pe(e) {
+	R = e;
+}
+var Fe = {
+	debug: (...e) => R === "debug" ? L.debug(...e) : void 0,
+	warn: (...e) => R === "debug" || R === "warn" ? L.warn(...e) : void 0,
+	error: (...e) => R === "silent" ? void 0 : L.error(...e)
+}, Ie = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			rx: 10,
+			ry: 10,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: 22,
+			maxWidth: t - 24,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			verticalAnchor: "top",
+			maxLines: A(n - 28, Y.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", {
+	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
+}), /* @__PURE__ */ c(D, {
+	x: r / 2,
+	y: i / 2,
+	dominantBaseline: "middle",
+	textAnchor: "middle",
+	fontWeight: "bold",
+	textDecoration: a ? "underline" : "normal",
+	fill: l,
+	children: [e && /* @__PURE__ */ s("tspan", {
+		x: r / 2,
+		dy: "-8",
+		fontSize: "85%",
+		children: `«${t}»`
+	}), /* @__PURE__ */ s("tspan", {
+		x: r / 2,
+		dy: e ? "18" : "0",
+		fontStyle: t === I.Abstract ? "italic" : "normal",
+		children: n
+	})]
+})] }), Re = ({ elementId: e, width: t, itemHeight: n, yOffset: r = 0, children: i }) => {
+	let { mode: a, readonly: o, view: l } = N(h((e) => ({
+		mode: e.mode,
+		readonly: e.readonly,
+		view: e.view
+	}))), { isInteractiveSelected: u, toggleInteractiveElement: d } = M(h((t) => ({
+		isInteractiveSelected: t.interactiveElements[e] || t.interactiveRelationships[e] || !1,
+		toggleInteractiveElement: t.toggleInteractiveElement
+	}))), { isSelected: f, isHighlighted: p, showAssessmentInteraction: m, handleElementClick: g, handleElementMouseEnter: _, handleElementMouseLeave: v } = ke(e), y = be((t) => t.highlightedElements[e]), b = y ? /* @__PURE__ */ s("rect", {
+		"aria-hidden": !0,
+		x: 0,
+		y: r,
+		width: t,
+		height: n,
+		fill: y,
+		stroke: y,
+		strokeWidth: 1,
+		rx: 2,
+		pointerEvents: "none"
+	}) : null;
+	return a === T.Modelling && l === E.Highlight && !o ? /* @__PURE__ */ c("g", {
+		className: "nodrag nopan",
+		"data-apollon-element-id": e,
+		style: { cursor: "pointer" },
+		onPointerDown: (t) => {
+			t.stopPropagation(), t.preventDefault(), d(e);
+		},
+		children: [i, u && /* @__PURE__ */ s("rect", {
+			x: 0,
+			y: r,
+			width: t,
+			height: n,
+			fill: mn,
+			fillOpacity: .18,
+			stroke: mn,
+			strokeWidth: 2,
+			rx: 2,
+			pointerEvents: "none"
+		})]
+	}) : m ? /* @__PURE__ */ c("g", {
+		className: "nodrag nopan",
+		"data-apollon-element-id": e,
+		style: { cursor: m ? "pointer" : "default" },
+		onPointerDown: (e) => {
+			g(e);
+		},
+		onMouseEnter: _,
+		onMouseLeave: v,
+		children: [
+			i,
+			(f || p) && /* @__PURE__ */ s("rect", {
+				x: 0,
+				y: r,
+				width: t,
+				height: n,
+				fill: f ? hn : gn,
+				stroke: f ? mn : _n,
+				strokeWidth: f ? 2 : 1,
+				rx: 2,
+				pointerEvents: "none"
+			}),
+			b
+		]
+	}) : /* @__PURE__ */ c("g", {
+		"data-apollon-element-id": e,
+		children: [i, b]
+	});
+}, B = ({ items: e, padding: t, itemHeight: n, offsetFromTop: r, width: i, showAssessmentResults: a = !1, itemElementType: o }) => /* @__PURE__ */ s("g", {
+	transform: `translate(0, ${r})`,
+	children: e.map((e, r) => {
+		let l = r * n, u = l - 12, d = i - 15, { fillColor: f, textColor: p } = F(e);
+		return /* @__PURE__ */ c(Re, {
+			elementId: e.id,
+			width: i,
+			itemHeight: n,
+			yOffset: l,
+			children: [/* @__PURE__ */ c(je, {
+				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,
+					fill: f
+				}), /* @__PURE__ */ s(D, {
+					x: t,
+					y: 15 + r * n,
+					dominantBaseline: "middle",
+					textAnchor: "start",
+					fill: p,
+					children: e.name
+				})]
+			}), a && typeof e.score == "number" && /* @__PURE__ */ s(P, {
+				score: e.score,
+				x: d,
+				y: u
+			})]
+		}, e.id);
+	})
+}), V = ({ stroke: e = "var(--apollon-primary-contrast, #000000)", fill: t = "var(--apollon-background, white)", ...n }) => /* @__PURE__ */ s("rect", {
+	stroke: e,
+	fill: t,
+	strokeWidth: Y.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;
+		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);
+	return /* @__PURE__ */ s("svg", {
+		width: T,
+		height: E,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: /* @__PURE__ */ c(Re, {
+			elementId: e,
+			width: t,
+			itemHeight: g,
+			yOffset: 0,
+			children: [
+				/* @__PURE__ */ s(V, {
+					x: 0,
+					y: 0,
+					width: t,
+					height: n,
+					stroke: O
+				}),
+				/* @__PURE__ */ s(Le, {
+					showStereotype: m,
+					stereotype: p,
+					name: f,
+					width: t,
+					headerHeight: g,
+					textColor: ee,
+					fill: D
+				}),
+				u.length >= 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+					y: g,
+					width: t,
+					strokeColor: O
+				}), /* @__PURE__ */ s(B, {
+					items: S,
+					padding: y,
+					itemHeight: _,
+					width: t,
+					offsetFromTop: g,
+					showAssessmentResults: a,
+					itemElementType: "attribute"
+				})] }),
+				d.length >= 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+					y: g + u.length * _,
+					width: t,
+					strokeColor: O
+				}), /* @__PURE__ */ s(B, {
+					items: C,
+					padding: y,
+					itemHeight: v,
+					width: t,
+					offsetFromTop: g + u.length * v,
+					showAssessmentResults: a,
+					itemElementType: "method"
+				})] }),
+				a && /* @__PURE__ */ s(P, {
+					score: w,
+					x: t - 15,
+					y: -15
+				})
+			]
+		})
+	});
+};
+//#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);
+	return /* @__PURE__ */ s("svg", {
+		width: o,
+		height: l,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: /* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s("path", {
+				d: `M 0 0 L ${e - 15} 0 L ${e - 15} 15 L ${e} 15 L ${e} ${t} L 0 ${t} L 0 0 Z`,
+				strokeWidth: a,
+				strokeMiterlimit: "10",
+				stroke: d,
+				fill: f
+			}),
+			/* @__PURE__ */ s("path", {
+				d: `M ${e - 15} 0 L ${e - 15} 15 L ${e} 15 L ${e - 15} 0 Z`,
+				strokeWidth: a,
+				strokeMiterlimit: "10",
+				stroke: d,
+				fill: f
+			}),
+			/* @__PURE__ */ s(j, {
+				text: u,
+				x: e / 2,
+				y: t / 2,
+				maxWidth: e - 24,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "600",
+				fill: p,
+				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+			})
+		] })
+	});
+}
+//#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)";
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s("rect", {
+				x: 0,
+				y: 0,
+				width: 40,
+				height: Be,
+				strokeWidth: Y.LINE_WIDTH,
+				stroke: p,
+				fill: m
+			}),
+			/* @__PURE__ */ s("rect", {
+				x: 0,
+				y: Be,
+				width: t,
+				height: n - Be,
+				strokeWidth: Y.LINE_WIDTH,
+				stroke: p,
+				fill: m
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: t / 2,
+				y: 22,
+				maxWidth: t - 24,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "600",
+				fill: g,
+				verticalAnchor: "top",
+				maxLines: A(n - Be - Ve - 16, Y.NAME_LINE_HEIGHT)
+			})
+		] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -5,
+			score: u
+		})]
+	});
+}, 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 t = v[e.id]?.score;
+		return {
+			...e,
+			score: t
+		};
+	}), b = y(d), x = y(f), S = v[e]?.score, C = t * (i ?? 1), w = n * (i ?? 1), { fillColor: T, strokeColor: E, textColor: D } = F(r);
+	return /* @__PURE__ */ s("svg", {
+		width: C,
+		height: w,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...a,
+		children: /* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				stroke: E
+			}),
+			/* @__PURE__ */ s(Le, {
+				showStereotype: !1,
+				stereotype: void 0,
+				name: u,
+				width: t,
+				headerHeight: p,
+				isUnderlined: !0,
+				fill: T,
+				textColor: D
+			}),
+			d.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+				y: p,
+				width: t,
+				strokeColor: E
+			}), /* @__PURE__ */ s(B, {
+				items: b,
+				padding: _,
+				itemHeight: m,
+				width: t,
+				offsetFromTop: p,
+				showAssessmentResults: l,
+				itemElementType: "attribute"
+			})] }),
+			f.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+				y: p + d.length * m,
+				width: t,
+				strokeColor: E
+			}), /* @__PURE__ */ s(B, {
+				items: x,
+				padding: _,
+				itemHeight: g,
+				width: t,
+				offsetFromTop: p + d.length * g,
+				showAssessmentResults: l,
+				itemElementType: "method"
+			})] }),
+			l && /* @__PURE__ */ s(P, {
+				score: S,
+				x: t - 15,
+				y: -15
+			})
+		] })
+	});
+}, We = ({ id: e, svgAttributes: t, SIDEBAR_PREVIEW_SCALE: n, showAssessmentResults: r = !1, width: i, height: a }) => {
+	let o = M(h((e) => e.assessments))[e]?.score;
+	return /* @__PURE__ */ c("svg", {
+		width: i * (n ?? 1),
+		height: a * (n ?? 1),
+		viewBox: `0 0 ${i} ${a}`,
+		overflow: "visible",
+		...t,
+		children: [/* @__PURE__ */ s("circle", {
+			cx: i / 2,
+			cy: a / 2,
+			r: i / 2,
+			fill: "var(--apollon-primary-contrast, #000000)"
+		}), r && /* @__PURE__ */ s(P, {
+			x: i - 15,
+			y: -15,
+			score: o
+		})]
+	});
+}, Ge = ({ id: e, svgAttributes: t, SIDEBAR_PREVIEW_SCALE: n, showAssessmentResults: r = !1, width: i, height: a }) => {
+	let o = M(h((e) => e.assessments))[e]?.score;
+	return /* @__PURE__ */ c("svg", {
+		width: i * (n ?? 1),
+		height: a * (n ?? 1),
+		viewBox: `0 0 ${i} ${a}`,
+		overflow: "visible",
+		...t,
+		children: [
+			/* @__PURE__ */ s("circle", {
+				cx: i / 2,
+				cy: a / 2,
+				r: i / 2,
+				fill: "var(--apollon-primary-contrast, #000000)"
+			}),
+			/* @__PURE__ */ s("circle", {
+				cx: i / 2,
+				cy: a / 2,
+				r: i / 2 * .8,
+				fill: "var(--apollon-primary-contrast, #000000)",
+				stroke: "var(--apollon-background, white)",
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			r && /* @__PURE__ */ s(P, {
+				x: i - 15,
+				y: -15,
+				score: o
+			})
+		]
+	});
+}, Ke = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			rx: 10,
+			ry: 10,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "bold",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, qe = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "bold",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, Je = 16, Ye = "bold", Xe = Math.round(Je * 1.2), Ze = 8, Qe = 6, $e = ({ id: e, width: t, height: n, data: r, svgAttributes: a, SIDEBAR_PREVIEW_SCALE: o, showAssessmentResults: l = !1 }) => {
+	let { name: u } = r, d = M(h((e) => e.assessments))[e]?.score, f = t * (o ?? 1), p = n * (o ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(r), v = i(() => ue(u, t, n, {
+		fontSize: Je,
+		fontWeight: Ye
+	}, Xe, {
+		paddingX: Ze,
+		paddingY: Qe
+	}), [
+		u,
+		t,
+		n
+	]), y = t / 2, b = n / 2;
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...a,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("polyline", {
+			points: `
+              ${t / 2},0
+              ${t},${n / 2}
+              ${t / 2},${n}
+              0,${n / 2}
+              ${t / 2},0`,
+			fill: m,
+			stroke: g,
+			strokeWidth: Y.LINE_WIDTH
+		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
+			x: y,
+			y: b,
+			textAnchor: "middle",
+			fontSize: Je,
+			fontWeight: Ye,
+			dominantBaseline: "middle",
+			fill: _,
+			children: v.lines.map((e, t) => /* @__PURE__ */ s("tspan", {
+				x: y,
+				y: b + v.lineOffsets[t],
+				children: e.text
+			}, t))
+		})] }), l && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, 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)";
+	return /* @__PURE__ */ c("svg", {
+		width: u,
+		height: d,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ s("rect", {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: f
+		}), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: l
+		})]
+	});
+}, 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)";
+	return /* @__PURE__ */ c("svg", {
+		width: u,
+		height: d,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ s("rect", {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: f
+		}), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: l
+		})]
+	});
+}, 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);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				fill: m,
+				stroke: g
+			}),
+			u ? /* @__PURE__ */ s("line", {
+				x1: 0,
+				y1: 30,
+				x2: e,
+				y2: 30,
+				stroke: g,
+				strokeWidth: Y.LINE_WIDTH
+			}) : /* @__PURE__ */ s("line", {
+				x1: 30,
+				y1: 0,
+				x2: 30,
+				y2: t,
+				stroke: g,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			l.map((n, r) => {
+				let { start: i, extent: a } = v[r], o = i + a / 2;
+				return /* @__PURE__ */ c("g", { children: [r > 0 && (u ? /* @__PURE__ */ s("line", {
+					x1: i,
+					y1: 0,
+					x2: i,
+					y2: t,
+					stroke: g,
+					strokeWidth: Y.LINE_WIDTH
+				}) : /* @__PURE__ */ s("line", {
+					x1: 0,
+					y1: i,
+					x2: e,
+					y2: i,
+					stroke: g,
+					strokeWidth: Y.LINE_WIDTH
+				})), u ? /* @__PURE__ */ s(j, {
+					text: n.name,
+					x: o,
+					y: 30 / 2,
+					maxWidth: a - 8,
+					maxLines: 1,
+					fontSize: Y.NAME_FONT_SIZE,
+					fill: _
+				}) : /* @__PURE__ */ s(j, {
+					text: n.name,
+					x: 30 / 2,
+					y: o,
+					maxWidth: a - 8,
+					maxLines: 1,
+					fontSize: Y.NAME_FONT_SIZE,
+					fill: _,
+					transform: `rotate(-90, ${30 / 2}, ${o})`
+				})] }, n.id);
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: d
+			})
+		]
+	});
+}, rt = 90, it = 16, at = Math.round(it * 1.2), ot = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r), _ = Math.max(0, (t - rt) / 2), v = Math.max(at, n - 118), y = Math.max(2, A(v, at));
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [
+			/* @__PURE__ */ c("g", {
+				transform: `translate(${_}, 0)`,
+				strokeWidth: Y.LINE_WIDTH,
+				stroke: m,
+				children: [
+					/* @__PURE__ */ s("circle", {
+						cx: 45,
+						cy: 25,
+						r: 15,
+						fill: p
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: 45,
+						y1: 40,
+						x2: 45,
+						y2: 80
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: 15,
+						y1: 55,
+						x2: 75,
+						y2: 55
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: 45,
+						y1: 80,
+						x2: 15,
+						y2: 110
+					}),
+					/* @__PURE__ */ s("line", {
+						x1: 45,
+						y1: 80,
+						x2: 75,
+						y2: 110
+					})
+				]
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: t / 2,
+				y: 127.5,
+				maxWidth: t,
+				fontSize: it,
+				fontWeight: "bold",
+				lineHeight: at,
+				fill: g,
+				verticalAnchor: "top",
+				maxLines: y
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: t - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, st = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: 22,
+			maxWidth: t - 24,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			verticalAnchor: "top",
+			maxLines: A(n - 28, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, ct = 16, lt = 600, ut = Math.round(ct * 1.2), dt = 8, ft = 6, pt = ({ id: e, width: t, height: n, data: r, svgAttributes: a, SIDEBAR_PREVIEW_SCALE: o, showAssessmentResults: l = !1 }) => {
+	let { name: u } = r, d = M(h((e) => e.assessments))[e]?.score, f = t * (o ?? 1), p = n * (o ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(r), v = i(() => le(u, t, n, {
+		fontSize: ct,
+		fontWeight: lt
+	}, ut, {
+		paddingX: dt,
+		paddingY: ft
+	}), [
+		u,
+		t,
+		n
+	]), y = t / 2, b = n / 2;
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...a,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("ellipse", {
+			cx: y,
+			cy: b,
+			rx: t / 2,
+			ry: n / 2,
+			fill: m,
+			stroke: g,
+			strokeWidth: Y.LINE_WIDTH
+		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
+			x: y,
+			y: b,
+			textAnchor: "middle",
+			fontSize: ct,
+			fontWeight: String(lt),
+			dominantBaseline: "middle",
+			fill: _,
+			children: v.lines.map((e, t) => /* @__PURE__ */ s("tspan", {
+				x: y,
+				y: b + v.lineOffsets[t],
+				children: e.text
+			}, t))
+		})] }), l && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, mt = ({ 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), { name: f, isComponentHeaderShown: p } = o, { fillColor: m, strokeColor: g, textColor: _ } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: u,
+		height: d,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				fill: m,
+				stroke: g
+			}),
+			/* @__PURE__ */ c("g", {
+				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,
+					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,
+					strokeMiterlimit: "10",
+					stroke: g,
+					fill: "none"
+				})]
+			}),
+			/* @__PURE__ */ s(kn, {
+				name: f,
+				stereotype: "component",
+				showStereotype: !!p,
+				width: t,
+				height: n,
+				fill: _
+			})
+		] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: l
+		})]
+	});
+}, 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 = {
+		bottom: {
+			x: c,
+			y: l + f + o,
+			textAnchor: "middle",
+			verticalAnchor: "top"
+		},
+		top: {
+			x: c,
+			y: l - f - o,
+			textAnchor: "middle",
+			verticalAnchor: "bottom"
+		},
+		left: {
+			x: c - d,
+			y: l,
+			textAnchor: "end",
+			verticalAnchor: "middle"
+		},
+		right: {
+			x: c + d,
+			y: l,
+			textAnchor: "start",
+			verticalAnchor: "middle"
+		},
+		"bottom-right": {
+			x: c + d,
+			y: l + f + o,
+			textAnchor: "start",
+			verticalAnchor: "top"
+		},
+		"bottom-left": {
+			x: c - d,
+			y: l + f + o,
+			textAnchor: "end",
+			verticalAnchor: "top"
+		},
+		"top-right": {
+			x: c + d,
+			y: l - f - o,
+			textAnchor: "start",
+			verticalAnchor: "bottom"
+		},
+		"top-left": {
+			x: c - d,
+			y: l - f - o,
+			textAnchor: "end",
+			verticalAnchor: "bottom"
+		}
+	}[i];
+	return /* @__PURE__ */ s(j, {
+		text: e,
+		x: p.x,
+		y: p.y,
+		verticalAnchor: p.verticalAnchor,
+		textAnchor: p.textAnchor,
+		maxWidth: ht,
+		fontSize: Y.NAME_FONT_SIZE,
+		lineHeight: Y.NAME_LINE_HEIGHT,
+		fontWeight: "bold",
+		fill: r
+	});
+}, _t = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: o = !1, labelSide: l }) => {
+	let { name: u } = r, d = M(h((e) => e.assessments))[e]?.score, f = t * (a ?? 1), p = n * (a ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("circle", {
+			cx: t / 2,
+			cy: n / 2,
+			r: t / 2,
+			strokeWidth: Y.LINE_WIDTH_EDGE,
+			stroke: g,
+			fill: m
+		}), /* @__PURE__ */ s(gt, {
+			name: u,
+			width: t,
+			height: n,
+			fill: _,
+			side: l
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, vt = 48, yt = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o }) => {
+	let { name: l, isComponentSubsystemHeaderShown: u } = o, d = M(h((e) => e.assessments))[e]?.score, f = t * (i ?? 1), p = n * (i ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				fill: m,
+				stroke: g
+			}),
+			/* @__PURE__ */ c("g", {
+				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,
+					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,
+					strokeMiterlimit: "10",
+					stroke: g,
+					fill: "none"
+				})]
+			}),
+			/* @__PURE__ */ s(kn, {
+				name: l,
+				stereotype: "subsystem",
+				showStereotype: !!u,
+				width: t,
+				height: n,
+				sideReserve: vt,
+				verticalAnchor: "top",
+				fill: _
+			})
+		] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, bt = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			rx: 10,
+			ry: 10,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 24,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, xt = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, St = 16, Ct = 600, wt = Math.round(St * 1.2), Tt = 8, Et = 6, Dt = ({ id: e, width: t, height: n, data: r, svgAttributes: a, SIDEBAR_PREVIEW_SCALE: o, showAssessmentResults: l = !1 }) => {
+	let { name: u } = r, d = M(h((e) => e.assessments))[e]?.score, f = t * (o ?? 1), p = n * (o ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(r), v = i(() => ue(u, t, n, {
+		fontSize: St,
+		fontWeight: Ct
+	}, wt, {
+		paddingX: Tt,
+		paddingY: Et
+	}), [
+		u,
+		t,
+		n
+	]), y = t / 2, b = n / 2;
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...a,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("polygon", {
+			points: `${t / 2},0 ${t},${n / 2} ${t / 2},${n} 0,${n / 2}`,
+			stroke: g,
+			fill: m,
+			strokeWidth: Y.LINE_WIDTH
+		}), v.lines.length > 0 && /* @__PURE__ */ s(D, {
+			x: y,
+			y: b,
+			textAnchor: "middle",
+			fontSize: St,
+			fontWeight: String(Ct),
+			dominantBaseline: "middle",
+			fill: _,
+			children: v.lines.map((e, t) => /* @__PURE__ */ s("tspan", {
+				x: y,
+				y: b + v.lineOffsets[t],
+				children: e.text
+			}, t))
+		})] }), l && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, Ot = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...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,
+			stroke: m,
+			fill: p
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 48,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, kt = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				fill: p,
+				stroke: m
+			}),
+			/* @__PURE__ */ s("line", {
+				x1: 10,
+				y1: 0,
+				x2: 10,
+				y2: n,
+				stroke: m,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			/* @__PURE__ */ s("line", {
+				x1: t - 10,
+				y1: 0,
+				x2: t - 10,
+				y2: n,
+				stroke: m,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: t / 2,
+				y: n / 2,
+				maxWidth: t - 36,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "600",
+				fill: g,
+				maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			})
+		] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, At = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o }) => {
+	let { name: l, stereotype: u, isComponentHeaderShown: d } = o, f = !!d && !!u && u.length > 0, p = M(h((e) => e.assessments))[e]?.score, m = t * (i ?? 1), g = n * (i ?? 1), { fillColor: _, strokeColor: v, textColor: y } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: m,
+		height: g,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		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,
+				stroke: v,
+				fill: _
+			}),
+			/* @__PURE__ */ s("path", {
+				d: `M ${t} 0 V ${n - 8} l -8 8 V 8 Z`,
+				strokeWidth: Y.LINE_WIDTH,
+				stroke: v,
+				fill: _
+			}),
+			/* @__PURE__ */ s(V, {
+				x: "0",
+				y: "8",
+				width: t - 8,
+				height: n - 8,
+				stroke: v,
+				fill: _
+			})
+		] }), /* @__PURE__ */ s(kn, {
+			name: l,
+			stereotype: u,
+			showStereotype: f,
+			width: t,
+			height: n,
+			sideReserve: 24,
+			verticalAnchor: "top",
+			nameTextDecoration: "underline",
+			fill: y
+		})] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: p
+		})]
+	});
+}, jt = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o }) => {
+	let { name: l, isComponentHeaderShown: u } = o, d = M(h((e) => e.assessments))[e]?.score, f = t * (i ?? 1), p = n * (i ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				stroke: g,
+				fill: m
+			}),
+			/* @__PURE__ */ c("g", {
+				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,
+					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,
+					strokeMiterlimit: "10",
+					stroke: g,
+					fill: "none"
+				})]
+			}),
+			/* @__PURE__ */ s(kn, {
+				name: l,
+				stereotype: "component",
+				showStereotype: !!u,
+				width: t,
+				height: n,
+				fill: _
+			})
+		] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, Mt = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o }) => {
+	let { name: l } = o, u = M(h((e) => e.assessments))[e]?.score, d = t * (i ?? 1), f = n * (i ?? 1), { fillColor: p, strokeColor: m, textColor: g } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				stroke: m,
+				fill: p
+			}),
+			/* @__PURE__ */ c("g", {
+				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,
+					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,
+					strokeMiterlimit: "10",
+					stroke: m,
+					fill: "none"
+				})]
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: t / 2,
+				y: 25,
+				maxWidth: t - 60,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "bold",
+				fill: g,
+				verticalAnchor: "top",
+				maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+			})
+		] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, Nt = ({ id: e, width: t, height: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, showAssessmentResults: a = !1, data: o, labelSide: l }) => {
+	let { name: u } = o, d = M(h((e) => e.assessments))[e]?.score, f = t * (i ?? 1), p = n * (i ?? 1), { fillColor: m, strokeColor: g, textColor: _ } = F(o);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("circle", {
+			cx: t / 2,
+			cy: n / 2,
+			r: t / 2,
+			strokeWidth: Y.LINE_WIDTH_EDGE,
+			stroke: g,
+			fill: m
+		}), /* @__PURE__ */ s(gt, {
+			name: u,
+			width: t,
+			height: n,
+			fill: _,
+			side: l
+		})] }), a && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: d
+		})]
+	});
+}, Pt = ({ id: e, width: t, height: n, data: r, svgAttributes: i, SIDEBAR_PREVIEW_SCALE: a, showAssessmentResults: o = !1 }) => {
+	let { name: l, taskType: u, marker: 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 = (() => {
+		switch (u) {
+			case "user": return /* @__PURE__ */ c("g", {
+				transform: "translate(10,10)",
+				children: [/* @__PURE__ */ s("circle", {
+					cx: 10,
+					cy: 4,
+					r: 4,
+					fill: "none",
+					stroke: _,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				}), /* @__PURE__ */ s("polyline", {
+					points: "4 16, 4 11, 16 11, 16 16",
+					fill: "none",
+					stroke: _,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})]
+			});
+			case "send": return /* @__PURE__ */ c("g", {
+				transform: "translate(10,10)",
+				children: [/* @__PURE__ */ s("polyline", {
+					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
+					fill: _,
+					stroke: _,
+					strokeWidth: Y.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,
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})]
+			});
+			case "receive": return /* @__PURE__ */ s("g", {
+				transform: "translate(10,10)",
+				children: /* @__PURE__ */ s("polyline", {
+					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
+					fill: "none",
+					stroke: _,
+					strokeWidth: Y.ICON_LINE_WIDTH,
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			});
+			case "manual": return /* @__PURE__ */ s("g", {
+				transform: "translate(10,10)",
+				children: /* @__PURE__ */ s("path", {
+					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,
+					strokeLinejoin: "round"
+				})
+			});
+			case "business-rule": return /* @__PURE__ */ c("g", {
+				transform: "translate(10,10)",
+				children: [
+					/* @__PURE__ */ s("rect", {
+						x: 2,
+						y: 2,
+						width: 16,
+						height: 16,
+						fill: "none",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("rect", {
+						x: 2,
+						y: 2,
+						width: 16,
+						height: 4,
+						fill: "currentColor",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "2 10, 18 10",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "2 14, 18 14",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 2, 6 18",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				]
+			});
+			case "script": return /* @__PURE__ */ c("g", {
+				transform: "translate(10,10)",
+				children: [
+					/* @__PURE__ */ s("rect", {
+						x: 2,
+						y: 2,
+						width: 16,
+						height: 16,
+						fill: "none",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 6, 12 6",
+						fill: "none",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 10, 14 10",
+						fill: "none",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 14, 10 14",
+						fill: "none",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				]
+			});
+			default: return null;
+		}
+	})(), b = (() => {
+		switch (d) {
+			case "parallel multi instance": return /* @__PURE__ */ c("g", {
+				transform: `translate(${t / 2 - 7}, ${n - 16})`,
+				children: [
+					/* @__PURE__ */ s("polyline", {
+						points: "3 3, 3 11",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "7 3, 7 11",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "11 3, 11 11",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				]
+			});
+			case "sequential multi instance": return /* @__PURE__ */ c("g", {
+				transform: `translate(${t / 2 - 7}, ${n - 16})`,
+				children: [
+					/* @__PURE__ */ s("polyline", {
+						points: "3 3, 11 3",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "3 7, 11 7",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "3 11, 11 11",
+						stroke: _,
+						strokeWidth: Y.ICON_LINE_WIDTH,
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				]
+			});
+			case "loop": return /* @__PURE__ */ c("g", {
+				transform: `translate(${t / 2 - 7}, ${n - 16})`,
+				children: [/* @__PURE__ */ s("path", {
+					d: "M7,3 A 4 4 30 1 1 3.535 5",
+					fill: "none",
+					stroke: _,
+					strokeWidth: Y.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,
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})]
+			});
+			default: return null;
+		}
+	})();
+	return /* @__PURE__ */ c("svg", {
+		width: p,
+		height: m,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				rx: 10,
+				ry: 10,
+				fill: g,
+				stroke: _
+			}),
+			y,
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: t / 2,
+				y: n / 2,
+				maxWidth: t - 16,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "bold",
+				fill: v,
+				maxLines: A(n - (u ? 30 : 8) - (d ? 20 : 8), 19)
+			}),
+			b
+		] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: f
+		})]
+	});
+}, U = ({ width: e, height: t, svgAttributes: n, SIDEBAR_PREVIEW_SCALE: r, variant: i, data: a, id: o, showAssessmentResults: l = !1 }) => {
+	let { name: u, eventType: d } = a, f = M(h((e) => e.assessments))[o]?.score, p = e * (r ?? 1), m = t * (r ?? 1), g = Math.min(e, t) / 2, _ = i === "intermediate", v = i === "end", { fillColor: y, strokeColor: b, textColor: x } = F(a), S = (() => {
+		let n = `translate(${e / 2 - 10},${t / 2 - 10})`, r = d;
+		if (!r) return null;
+		if (i === "start") switch (r) {
+			case "message": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "timer": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("circle", {
+					cx: 10,
+					cy: 10,
+					r: 10,
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.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
+				})]
+			});
+			case "conditional": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [
+					/* @__PURE__ */ s("rect", {
+						x: 2,
+						y: 2,
+						width: 16,
+						height: 16,
+						fill: "none",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 7, 14 7",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 13, 14 13",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					})
+				]
+			});
+			case "signal": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 3 15, 17 15, 10 3",
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+		}
+		if (i === "intermediate") switch (r) {
+			case "message-catch": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "0 3, 0 17, 20 17, 20 3, 10 11, 0 3, 20 3",
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "message-throw": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("polyline", {
+					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.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
+				})]
+			});
+			case "timer-catch": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("circle", {
+					cx: 10,
+					cy: 10,
+					r: 10,
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.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
+				})]
+			});
+			case "escalation-throw": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 4 15, 10 12, 16 15, 10 3",
+					stroke: b,
+					fill: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "conditional-catch": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [
+					/* @__PURE__ */ s("rect", {
+						x: 2,
+						y: 2,
+						width: 16,
+						height: 16,
+						fill: "none",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 7, 14 7",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					}),
+					/* @__PURE__ */ s("polyline", {
+						points: "6 13, 14 13",
+						stroke: b,
+						strokeWidth: Y.ICON_LINE_WIDTH
+					})
+				]
+			});
+			case "link-catch": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					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
+				})
+			});
+			case "link-throw": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					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
+				})
+			});
+			case "compensation-throw": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("polyline", {
+					points: "3 10, 9 6, 9 14, 3 10",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				}), /* @__PURE__ */ s("polyline", {
+					points: "10 10, 16 6, 16 14, 10 10",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})]
+			});
+			case "signal-catch": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 3 15, 17 15, 10 3",
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "signal-throw": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 3 15, 17 15, 10 3",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+		}
+		if (i === "end") switch (r) {
+			case "message": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("polyline", {
+					points: "0.2 3, 19.8 3, 10 11, 0.2 3",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.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
+				})]
+			});
+			case "escalation": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 4 15, 10 12, 16 15, 10 3",
+					stroke: b,
+					fill: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "error": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "3 16, 6 4, 13 11, 17 4, 14 16, 7 10, 3 16",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "compensation": return /* @__PURE__ */ c("g", {
+				transform: n,
+				children: [/* @__PURE__ */ s("polyline", {
+					points: "3 10, 9 6, 9 14, 3 10",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				}), /* @__PURE__ */ s("polyline", {
+					points: "10 10, 16 6, 16 14, 10 10",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})]
+			});
+			case "signal": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("polyline", {
+					points: "10 3, 3 15, 17 15, 10 3",
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+			case "terminate": return /* @__PURE__ */ s("g", {
+				transform: n,
+				children: /* @__PURE__ */ s("circle", {
+					cx: 10,
+					cy: 10,
+					r: 8,
+					fill: b,
+					stroke: b,
+					strokeWidth: Y.ICON_LINE_WIDTH
+				})
+			});
+		}
+		return null;
+	})();
+	return /* @__PURE__ */ c("svg", {
+		width: p,
+		height: m,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...n,
+		children: [
+			/* @__PURE__ */ s("circle", {
+				cx: e / 2,
+				cy: t / 2,
+				r: g,
+				strokeWidth: v ? Y.LINE_WIDTH * 2 : Y.LINE_WIDTH,
+				stroke: b,
+				fill: y
+			}),
+			_ && /* @__PURE__ */ s("circle", {
+				cx: e / 2,
+				cy: t / 2,
+				r: g - 3.5,
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH,
+				fill: y
+			}),
+			S,
+			u && /* @__PURE__ */ s(D, {
+				x: e / 2,
+				y: t + 10,
+				textAnchor: "middle",
+				fontWeight: "normal",
+				fontSize: 14,
+				dominantBaseline: "hanging",
+				fill: x,
+				children: u
+			}),
+			l && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: f
+			})
+		]
+	});
+}, Ft = ({ width: e, height: t, svgAttributes: n, SIDEBAR_PREVIEW_SCALE: r, id: i, data: a, showAssessmentResults: o = !1 }) => {
+	let { name: l, gatewayType: u = "exclusive" } = a, d = M(h((e) => e.assessments))[i]?.score, f = e * (r ?? 1), p = t * (r ?? 1), m = e / 2, g = t / 2, _ = Math.min(e, t) / 2, v = [
+		`${m},${g - _}`,
+		`${m + _},${g}`,
+		`${m},${g + _}`,
+		`${m - _},${g}`
+	].join(" "), { fillColor: y, strokeColor: b, textColor: x } = F(a);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: p,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...n,
+		children: [
+			/* @__PURE__ */ s("polygon", {
+				points: v,
+				strokeWidth: Y.LINE_WIDTH,
+				stroke: b,
+				fill: y
+			}),
+			u === "exclusive" && /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
+				x1: 13,
+				y1: 13,
+				x2: e - 13,
+				y2: t - 13,
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH
+			}), /* @__PURE__ */ s("line", {
+				x1: 13,
+				y1: t - 13,
+				x2: e - 13,
+				y2: 13,
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH
+			})] }),
+			u === "parallel" && /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("line", {
+				x1: e / 2,
+				y1: 10,
+				x2: e / 2,
+				y2: t - 10,
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH
+			}), /* @__PURE__ */ s("line", {
+				x1: 10,
+				y1: t / 2,
+				x2: e - 10,
+				y2: t / 2,
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH
+			})] }),
+			u === "inclusive" && /* @__PURE__ */ s("circle", {
+				cx: e / 2,
+				cy: t / 2,
+				r: Math.min(e, t) / 2 - 12,
+				fill: "none",
+				stroke: b,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			u === "event-based" && /* @__PURE__ */ c("g", { children: [
+				/* @__PURE__ */ s("circle", {
+					cx: e / 2,
+					cy: t / 2,
+					r: Math.min(e, t) / 2 - 9,
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("circle", {
+					cx: e / 2,
+					cy: t / 2,
+					r: Math.min(e, t) / 2 - 12,
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.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
+				})
+			] }),
+			u === "complex" && /* @__PURE__ */ c("g", { children: [
+				/* @__PURE__ */ s("line", {
+					x1: 13,
+					y1: 13,
+					x2: e - 13,
+					y2: t - 13,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: 13,
+					y1: t - 13,
+					x2: e - 13,
+					y2: 13,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: e / 2,
+					y1: 10,
+					x2: e / 2,
+					y2: t - 10,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: 10,
+					y1: t / 2,
+					x2: e - 10,
+					y2: t / 2,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				})
+			] }),
+			l && /* @__PURE__ */ s(D, {
+				x: e / 2,
+				y: t + 10,
+				textAnchor: "middle",
+				fontSize: 14,
+				dominantBaseline: "hanging",
+				fill: x,
+				children: l
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: d
+			})
+		]
+	});
+}, W = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: l = !1, variant: u = "subprocess" }) => {
+	let { name: d } = n, f = M(h((e) => e.assessments))[a]?.score, p = e * (i ?? 1), m = t * (i ?? 1), g = u === "transaction", _ = u === "call", v = !g && !_, { fillColor: y, strokeColor: b, textColor: x } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: p,
+		height: m,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			g && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				rx: 10,
+				ry: 10,
+				fill: y,
+				stroke: b
+			}), /* @__PURE__ */ s(V, {
+				x: 3,
+				y: 3,
+				width: e - 6,
+				height: t - 6,
+				rx: 7,
+				ry: 7,
+				fill: "none",
+				stroke: b
+			})] }),
+			_ && /* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				strokeWidth: Y.LINE_WIDTH * 3,
+				rx: 10,
+				ry: 10,
+				fill: y,
+				stroke: b
+			}),
+			v && /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s(V, {
+					x: 0,
+					y: 0,
+					width: e,
+					height: t,
+					rx: 10,
+					ry: 10,
+					fill: y,
+					stroke: b
+				}),
+				/* @__PURE__ */ s("rect", {
+					x: e / 2 - 7,
+					y: t - 14,
+					width: 14,
+					height: 14,
+					fill: "none",
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: e / 2 - 4,
+					y1: t - 7,
+					x2: e / 2 + 4,
+					y2: t - 7,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				}),
+				/* @__PURE__ */ s("line", {
+					x1: e / 2,
+					y1: t - 11,
+					x2: e / 2,
+					y2: t - 3,
+					stroke: b,
+					strokeWidth: Y.LINE_WIDTH
+				})
+			] }),
+			/* @__PURE__ */ s(j, {
+				text: d,
+				x: e / 2,
+				y: t / 2,
+				maxWidth: e - 16,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "bold",
+				fill: x,
+				maxLines: A(t - (v ? 28 : 16), Y.NAME_LINE_HEIGHT)
+			}),
+			l && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: f
+			})
+		]
+	});
+}, It = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
+	let { name: l } = n, u = M(h((e) => e.assessments))[a]?.score, d = e * (i ?? 1), f = t * (i ?? 1), { strokeColor: p, textColor: m } = F(n), g = n.fillColor || "none";
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		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,
+				stroke: p,
+				fill: g
+			}),
+			/* @__PURE__ */ s("rect", {
+				x: 19,
+				y: 0,
+				width: e - 20,
+				height: t,
+				fill: g,
+				stroke: "none",
+				strokeWidth: 0
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: (e + 20) / 2,
+				y: t / 2,
+				maxWidth: e - 28,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "bold",
+				fill: m,
+				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, Lt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
+	let { name: l } = n, u = M(h((e) => e.assessments))[a]?.score, d = e * (i ?? 1), f = t * (i ?? 1), { fillColor: p, strokeColor: m, textColor: g } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		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,
+				stroke: m,
+				fill: p
+			}),
+			/* @__PURE__ */ s(D, {
+				x: e / 2,
+				y: t + 10,
+				textAnchor: "middle",
+				fontSize: 14,
+				dominantBaseline: "hanging",
+				fill: g,
+				children: l
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, Rt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
+	let { name: l } = n, u = M(h((e) => e.assessments))[a]?.score, d = e * (i ?? 1), f = t * (i ?? 1), { fillColor: p, strokeColor: m, textColor: g } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		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,
+				stroke: m,
+				fill: p
+			}),
+			/* @__PURE__ */ s("path", {
+				d: `M 0 30 A ${e / 2} 10 0 0 0 ${e} 30`,
+				strokeWidth: Y.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,
+				fill: "none"
+			}),
+			/* @__PURE__ */ s("path", {
+				d: `M 0 10 A ${e / 2} 10 0 0 0 ${e} 10`,
+				stroke: m,
+				strokeWidth: Y.LINE_WIDTH,
+				fill: "none"
+			}),
+			/* @__PURE__ */ s(D, {
+				x: e / 2,
+				y: t + 10,
+				textAnchor: "middle",
+				fontSize: 14,
+				dominantBaseline: "hanging",
+				fill: g,
+				children: l
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, zt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
+	let { name: l } = n, u = M(h((e) => e.assessments))[a]?.score, d = e * (i ?? 1), f = t * (i ?? 1), { fillColor: p, strokeColor: m, textColor: g } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				fill: p,
+				stroke: m
+			}),
+			/* @__PURE__ */ s("line", {
+				x1: 40,
+				y1: 0,
+				x2: 40,
+				y2: t,
+				stroke: m,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			/* @__PURE__ */ s(D, {
+				x: 40 / 2,
+				y: t / 2,
+				textAnchor: "middle",
+				transform: `rotate(-90, ${40 / 2}, ${t / 2})`,
+				fill: g,
+				children: l
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, Bt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i, id: a, showAssessmentResults: o = !1 }) => {
+	let { name: l } = n, u = M(h((e) => e.assessments))[a]?.score, d = e * (i ?? 1), f = t * (i ?? 1), { strokeColor: p, textColor: m } = F(n), g = n.fillColor || "none";
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			/* @__PURE__ */ s("rect", {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				stroke: p,
+				strokeWidth: Y.LINE_WIDTH,
+				fill: g,
+				strokeDasharray: "10",
+				rx: 10,
+				ry: 10
+			}),
+			/* @__PURE__ */ s(j, {
+				text: l,
+				x: e / 2,
+				y: t / 2,
+				maxWidth: e - 16,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "bold",
+				fill: m,
+				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+			}),
+			o && /* @__PURE__ */ s(P, {
+				x: e - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, Vt = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			rx: 10,
+			ry: 10,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "bold",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, Ht = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "bold",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, 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 t = v[e.id]?.score;
+		return {
+			...e,
+			score: t
+		};
+	}), b = y(d), x = y(f), S = v[e]?.score, C = t * (i ?? 1), w = n * (i ?? 1), { fillColor: T, strokeColor: E, textColor: D } = F(r);
+	return /* @__PURE__ */ s("svg", {
+		width: C,
+		height: w,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...a,
+		children: /* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				stroke: E
+			}),
+			/* @__PURE__ */ s(Le, {
+				showStereotype: !1,
+				stereotype: void 0,
+				name: u,
+				width: t,
+				headerHeight: p,
+				isUnderlined: !0,
+				fill: T,
+				textColor: D
+			}),
+			d.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+				y: p,
+				width: t,
+				strokeColor: E
+			}), /* @__PURE__ */ s(B, {
+				items: b,
+				padding: _,
+				itemHeight: m,
+				width: t,
+				offsetFromTop: p,
+				showAssessmentResults: l,
+				itemElementType: "attribute"
+			})] }),
+			f.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(z, {
+				y: p + d.length * m,
+				width: t,
+				strokeColor: E
+			}), /* @__PURE__ */ s(B, {
+				items: x,
+				padding: _,
+				itemHeight: g,
+				width: t,
+				offsetFromTop: p + d.length * g,
+				showAssessmentResults: l,
+				itemElementType: "method"
+			})] }),
+			l && /* @__PURE__ */ s(P, {
+				score: S,
+				x: t - 15,
+				y: -15
+			})
+		] })
+	});
+}, 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 = () => {
+		if (u === 0) return null;
+		if (u <= 5) {
+			let e = [];
+			return u === 1 ? e.push({
+				x,
+				y: S
+			}) : u === 2 ? (e.push({
+				x,
+				y: 13.25
+			}), e.push({
+				x,
+				y: 46.75
+			})) : u === 3 ? (e.push({
+				x: 15.06,
+				y: 21.37
+			}), e.push({
+				x: 44.93,
+				y: 21.37
+			}), e.push({
+				x,
+				y: 47.25
+			})) : u === 4 ? (e.push({
+				x,
+				y: 12.25
+			}), e.push({
+				x,
+				y: 47.75
+			}), e.push({
+				x: 12.25,
+				y: S
+			}), e.push({
+				x: 47.75,
+				y: S
+			})) : u === 5 && (e.push({
+				x: 19.27,
+				y: 15.24
+			}), e.push({
+				x: 40.72,
+				y: 15.24
+			}), e.push({
+				x: 47.35,
+				y: 35.64
+			}), e.push({
+				x: 12.65,
+				y: 35.64
+			}), e.push({
+				x,
+				y: 48.25
+			})), e.map((e, t) => /* @__PURE__ */ s("circle", {
+				cx: e.x,
+				cy: e.y,
+				r: "9.25",
+				fill: w
+			}, t));
+		} else return /* @__PURE__ */ s(D, {
+			fontWeight: "bold",
+			x,
+			y: S,
+			fill: T,
+			children: u
+		});
+	};
+	return /* @__PURE__ */ c("svg", {
+		width: m,
+		height: b,
+		viewBox: `0 0 ${a} ${y}`,
+		overflow: "visible",
+		...t,
+		children: [
+			/* @__PURE__ */ s("circle", {
+				cx: x,
+				cy: S,
+				r: a / 2,
+				fill: C,
+				stroke: w,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			typeof d == "number" && /* @__PURE__ */ c(D, {
+				x: a + 8,
+				y: -8,
+				textAnchor: "middle",
+				fill: T,
+				children: ["C=", d]
+			}),
+			/* @__PURE__ */ s(D, {
+				x: a / 2,
+				y: o + _ / 2,
+				textAnchor: "middle",
+				fontWeight: "600",
+				dominantBaseline: "middle",
+				fill: T,
+				children: l
+			}),
+			E(),
+			r && /* @__PURE__ */ s(P, {
+				x: a - 15,
+				y: -15,
+				score: f
+			})
+		]
+	});
+}, 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);
+	return /* @__PURE__ */ c("svg", {
+		width: f,
+		height: v,
+		viewBox: `0 0 ${i} ${_}`,
+		overflow: "visible",
+		...t,
+		children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: i,
+				height: a,
+				fill: y,
+				stroke: b
+			}),
+			/* @__PURE__ */ s(D, {
+				x: i / 2,
+				y: a + m / 2,
+				textAnchor: "middle",
+				fontWeight: "600",
+				dominantBaseline: "middle",
+				fill: x,
+				children: l
+			}),
+			r && /* @__PURE__ */ s(P, {
+				x: i - 15,
+				y: -15,
+				score: u
+			})
+		]
+	});
+}, Kt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i }) => {
+	let { name: a } = n, o = e * (i ?? 1), l = t * (i ?? 1), { fillColor: u, strokeColor: d, textColor: f } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: o,
+		height: l,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				fill: u,
+				stroke: d
+			}),
+			/* @__PURE__ */ s("rect", {
+				x: 5,
+				y: 5,
+				width: e - 10,
+				height: t - 10,
+				fill: "none",
+				stroke: d,
+				strokeWidth: Y.LINE_WIDTH
+			}),
+			/* @__PURE__ */ s(j, {
+				text: a,
+				x: e / 2,
+				y: t / 2,
+				maxWidth: e - 16,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "600",
+				fill: f,
+				maxLines: A(t - 16, Y.NAME_LINE_HEIGHT)
+			})
+		]
+	});
+}, qt = ({ 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), { fillColor: p, strokeColor: m, textColor: g } = F(r);
+	return /* @__PURE__ */ c("svg", {
+		width: d,
+		height: f,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s(V, {
+			x: 0,
+			y: 0,
+			width: t,
+			height: n,
+			fill: p,
+			stroke: m
+		}), /* @__PURE__ */ s(j, {
+			text: l,
+			x: t / 2,
+			y: n / 2,
+			maxWidth: t - 16,
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: "600",
+			fill: g,
+			maxLines: A(n - 16, Y.NAME_LINE_HEIGHT)
+		})] }), o && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: u
+		})]
+	});
+}, Jt = ({ width: e, height: t, data: n, svgAttributes: r, SIDEBAR_PREVIEW_SCALE: i }) => {
+	let { name: a } = n, o = e * (i ?? 1), l = t * (i ?? 1), u = (t - 20) / 2, { fillColor: d, strokeColor: f, textColor: p } = F(n);
+	return /* @__PURE__ */ c("svg", {
+		width: o,
+		height: l,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...r,
+		children: [
+			/* @__PURE__ */ s("rect", {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				fill: "none",
+				stroke: "none"
+			}),
+			/* @__PURE__ */ s("polyline", {
+				points: `8,${u} 8,${u + 20} 28,${u + 10} 8,${u}`,
+				fill: d,
+				stroke: f,
+				strokeWidth: Y.LINE_WIDTH,
+				strokeLinejoin: "miter"
+			}),
+			/* @__PURE__ */ s("text", {
+				fill: p,
+				x: 36,
+				y: u + 10,
+				style: { fontWeight: 600 },
+				dominantBaseline: "middle",
+				children: a
+			})
+		]
+	});
+}, 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)";
+	return /* @__PURE__ */ c("svg", {
+		width: u,
+		height: h,
+		viewBox: `0 0 ${e} ${m}`,
+		overflow: "visible",
+		...r,
+		children: [/* @__PURE__ */ s("circle", {
+			cx: g,
+			cy: _,
+			r: v,
+			fill: b,
+			stroke: y,
+			strokeWidth: Y.LINE_WIDTH
+		}), o && /* @__PURE__ */ s(D, {
+			x: g,
+			y: t + f / 2,
+			textAnchor: "middle",
+			dominantBaseline: "middle",
+			children: a
+		})]
+	});
+}, Xt = ({ width: e, height: t, svgAttributes: n, SIDEBAR_PREVIEW_SCALE: r, data: i }) => {
+	let a = i.actionRows ?? [], o = e * (r ?? 1), l = t * (r ?? 1), u = Math.floor(t / 30) - 1, d = Array.from({ length: u }, (e, t) => (t + 1) * 30), { strokeColor: f } = F(i);
+	return /* @__PURE__ */ c("svg", {
+		width: o,
+		height: l,
+		viewBox: `0 0 ${e} ${t}`,
+		overflow: "visible",
+		...n,
+		children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: e,
+				height: t,
+				fill: "none",
+				stroke: f
+			}),
+			d.map((t) => /* @__PURE__ */ s("line", {
+				x1: 0,
+				y1: t,
+				x2: e,
+				y2: t,
+				stroke: f,
+				strokeWidth: Y.LINE_WIDTH
+			}, t)),
+			a.map((n, r) => {
+				let i = r * 30;
+				if (i + 30 > t) return null;
+				let { fillColor: a, textColor: o } = F(n);
+				return /* @__PURE__ */ c("g", { children: [
+					/* @__PURE__ */ s("rect", {
+						x: 0,
+						y: i,
+						width: e,
+						height: 30,
+						fill: a,
+						stroke: n.strokeColor ?? f,
+						strokeWidth: Y.LINE_WIDTH
+					}),
+					/* @__PURE__ */ s(D, {
+						x: 15,
+						y: i + 15,
+						textAnchor: "middle",
+						dominantBaseline: "middle",
+						fontSize: "14",
+						fontWeight: "normal",
+						fill: o,
+						children: n.identifier
+					}),
+					/* @__PURE__ */ s(D, {
+						x: 40,
+						y: i + 15,
+						textAnchor: "start",
+						dominantBaseline: "middle",
+						fontSize: "14",
+						fontWeight: "normal",
+						fill: o,
+						children: n.name
+					})
+				] }, n.id);
+			}),
+			/* @__PURE__ */ s("line", {
+				x1: 30,
+				y1: 0,
+				x2: 30,
+				y2: t,
+				stroke: f,
+				strokeWidth: Y.LINE_WIDTH
+			})
+		]
+	});
+}, G = (e, t) => {
+	if (Object.is(e, t)) return !0;
+	if (typeof e != "object" || typeof t != "object" || e === null || t === null) return !1;
+	if (Array.isArray(e)) {
+		if (!Array.isArray(t) || e.length !== t.length) return !1;
+		for (let n = 0; n < e.length; n++) if (!G(e[n], t[n])) return !1;
+		return !0;
+	}
+	if (Array.isArray(t)) return !1;
+	let n = e, r = t, i = /* @__PURE__ */ new Set();
+	for (let e of Object.keys(n)) n[e] !== void 0 && i.add(e);
+	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) => {
+	let n = e.length;
+	if (n === 0) return [];
+	let r;
+	if (!e.some((e) => e.size != null && e.size > 0)) r = e.map(() => t / n);
+	else {
+		let i = e.slice(0, n - 1).map((e) => e.size ?? t / n), a = i.reduce((e, t) => e + t, 0), o = t - 40;
+		if (a > o && a > 0) {
+			let e = o / a;
+			for (let t = 0; t < i.length; t++) i[t] *= e;
+			a = o;
+		}
+		r = [...i, Math.max(t - a, 40)];
+	}
+	let i = 0;
+	return r.map((e) => {
+		let t = i;
+		return i += e, {
+			start: t,
+			extent: e
+		};
+	});
+}, Qt = (e, t) => {
+	let n = Zt(e, t);
+	return e.map((e, t) => ({
+		...e,
+		size: n[t].extent
+	}));
+}, $t = (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) => {
+	if (t < 0 || t >= e.length - 1) return e;
+	let a = Zt(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;
+	}
+	return s = Math.max(s, 40 - o[t]), s = Math.min(s, o[t + 1] - 40), o[t] += s, o[t + 1] -= s, e.map((e, t) => ({
+		...e,
+		size: o[t]
+	}));
+}, tn = (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 = [
+	"Swift",
+	"Bold",
+	"Clever",
+	"Bright",
+	"Calm",
+	"Eager",
+	"Kind",
+	"Noble"
+], rn = [
+	"Falcon",
+	"Otter",
+	"Panda",
+	"Lynx",
+	"Dolphin",
+	"Owl",
+	"Fox",
+	"Crane"
+], an = () => `${nn[Math.floor(Math.random() * nn.length)]} ${rn[Math.floor(Math.random() * rn.length)]}`, on = (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) => {
+	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 : {
+		x: t,
+		y: n,
+		zoom: r
+	};
+}, cn = (e) => {
+	if (!Array.isArray(e)) return null;
+	let t = [];
+	for (let n of e) {
+		if (typeof n != "object" || !n) continue;
+		let { id: e, position: r, width: i, height: a } = n;
+		if (typeof e != "string" || typeof r != "object" || !r) continue;
+		let { x: o, y: s } = r;
+		if (!Number.isFinite(o) || !Number.isFinite(s)) continue;
+		let c = {
+			id: e,
+			position: {
+				x: o,
+				y: s
+			}
+		};
+		(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) {
+	let n = 1 / Math.SQRT2;
+	return {
+		x: e - e * n,
+		y: t - t * n
+	};
+}
+function un(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;
+	return /* @__PURE__ */ c("svg", {
+		width: p,
+		height: m,
+		viewBox: `0 0 ${t} ${n}`,
+		overflow: "visible",
+		...i,
+		children: [/* @__PURE__ */ c("g", { children: [
+			/* @__PURE__ */ s(V, {
+				x: 0,
+				y: 0,
+				width: t,
+				height: n,
+				rx: K,
+				ry: K,
+				fill: g,
+				stroke: _
+			}),
+			/* @__PURE__ */ s(j, {
+				text: u,
+				x: t / 2,
+				y: n / 2,
+				maxWidth: t - 16,
+				fontSize: Y.NAME_FONT_SIZE,
+				fontWeight: "600",
+				fill: v,
+				maxLines: A(n - 16, Y.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,
+				stroke: _
+			}), /* @__PURE__ */ s("path", {
+				d: un(y.x, y.y, 18, 15.588),
+				fill: "none",
+				stroke: _,
+				strokeWidth: b,
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})] })
+		] }), l && /* @__PURE__ */ s(P, {
+			x: t - 15,
+			y: -15,
+			score: f
+		})]
+	});
+}, q = 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({
+	"--apollon-primary": "#3e8acc",
+	"--apollon-primary-contrast": "#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",
+	"--apollon-assessment-positive-text": "#166534",
+	"--apollon-assessment-positive-bg": "#dcfce7",
+	"--apollon-assessment-negative-text": "#991b1b",
+	"--apollon-assessment-negative-bg": "#fee2e2",
+	"--apollon-assessment-zero-text": "#1e40af",
+	"--apollon-assessment-zero-bg": "#dbeafe",
+	"--apollon-collaboration-color-1": "#ffb61e",
+	"--apollon-collaboration-color-2": "#37b24d",
+	"--apollon-collaboration-color-3": "#1c7ed6",
+	"--apollon-collaboration-color-4": "#f03e3e",
+	"--apollon-collaboration-color-5": "#ae3ec9",
+	"--apollon-collaboration-color-6": "#0ca678",
+	"--apollon-collaboration-color-7": "#f76707",
+	"--apollon-collaboration-color-8": "#1098ad",
+	"--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-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({
+	DEFAULT_FONT: `400 16px ${e}`,
+	DEFAULT_HEADER_HEIGHT: 40,
+	DEFAULT_HEADER_HEIGHT_WITH_STEREOTYPE: 50,
+	DEFAULT_ATTRIBUTE_HEIGHT: 30,
+	DEFAULT_METHOD_HEIGHT: 30,
+	DEFAULT_PADDING: 10,
+	LINE_WIDTH: 2,
+	LINE_WIDTH_INTERFACE: 2,
+	LINE_WIDTH_EDGE: 2,
+	ICON_LINE_WIDTH: 1.5,
+	NAME_FONT_SIZE: 16,
+	NAME_LINE_HEIGHT: 19,
+	STEREOTYPE_LINE_HEIGHT: 15,
+	STEREOTYPE_NAME_GAP: 4
+}), X = () => {
+	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,
+	STROKE_WIDTH: 2,
+	SOCKET_GAP: 4
+}), xn = 11, Sn = Object.freeze({
+	MARKER_PADDING: -3,
+	SOURCE_CONNECTION_POINT_PADDING: 3,
+	STEP_BORDER_RADIUS: 0,
+	EDGE_HIGHLIGHT_STROKE_WIDTH: 15,
+	EDGE_LINE_JUMP_HEIGHT: 10,
+	EDGE_LINE_JUMP_WIDTH: 16,
+	STUB_LENGTH: 30,
+	BEND_MIN_LENGTH: 100,
+	BEND_HANDLE_SCREEN_LENGTH_PX: 34,
+	BEND_HANDLE_CORNER_CLEARANCE_PX: 10,
+	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,
+	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({
+	BASE: 0,
+	HEADER_SWITCH: 1,
+	DRAGGABLE_GHOST: 2,
+	MINIMAP: 5,
+	PANEL: 10,
+	MODAL: 9998,
+	LABEL: 9998,
+	DRAGGABLE_ELEMENT: 9999,
+	TOOLTIP: 1e4
+}), wn = bn, Tn = Object.freeze({
+	"black-rhombus": {
+		type: "rhombus",
+		filled: !0,
+		size: 18,
+		widthFactor: 1,
+		heightFactor: .618
+	},
+	"white-rhombus": {
+		type: "rhombus",
+		filled: !1,
+		size: 18,
+		widthFactor: 1,
+		heightFactor: .618
+	},
+	"white-triangle": {
+		type: "triangle",
+		filled: !1,
+		size: 18,
+		widthFactor: 1,
+		heightFactor: .866
+	},
+	"black-triangle": {
+		type: "triangle",
+		filled: !0,
+		size: 18,
+		widthFactor: 1,
+		heightFactor: .866
+	},
+	"black-arrow": {
+		type: "arrow",
+		filled: !1,
+		size: 18,
+		widthFactor: 1,
+		heightFactor: .866
+	},
+	"required-interface": {
+		type: "semicircle",
+		filled: !1,
+		size: wn,
+		widthFactor: 1,
+		heightFactor: 1,
+		arcSpanDegrees: 150
+	},
+	"required-interface-quarter": {
+		type: "semicircle",
+		filled: !1,
+		size: wn,
+		widthFactor: 1,
+		heightFactor: 1,
+		arcSpanDegrees: 90
+	},
+	"required-interface-threequarter": {
+		type: "semicircle",
+		filled: !1,
+		size: wn,
+		widthFactor: 1,
+		heightFactor: 1,
+		arcSpanDegrees: 270
+	},
+	"bpmn-white-triangle": {
+		type: "triangle",
+		filled: !1,
+		size: xn,
+		widthFactor: 1,
+		heightFactor: .866
+	},
+	"bpmn-black-triangle": {
+		type: "triangle",
+		filled: !0,
+		size: xn,
+		widthFactor: 1,
+		heightFactor: .866
+	},
+	"bpmn-white-circle": {
+		type: "circle",
+		filled: !1,
+		size: xn,
+		widthFactor: 1,
+		heightFactor: 1
+	},
+	"bpmn-arrow": {
+		type: "arrow",
+		filled: !1,
+		size: xn,
+		widthFactor: 1,
+		heightFactor: .866
+	}
+}), En = Object.freeze({ STROKE_WIDTH: Object.freeze({
+	triangle: 1.3,
+	arrow: 1.5,
+	rhombus: 1.3,
+	circle: 1.3,
+	semicircle: 2
+}) }), $ = Object.freeze({
+	SIDEBAR_PREVIEW_SCALE: .8,
+	DEFAULT_ELEMENT_WIDTH: 160
+}), Dn = Object.freeze({
+	[C.ClassDiagram]: [
+		{
+			type: "package",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 120,
+			defaultData: { name: "Package" },
+			svg: He
+		},
+		{
+			type: "class",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 100,
+			defaultData: {
+				name: "Class",
+				methods: [{
+					id: X(),
+					name: "+ method()"
+				}],
+				attributes: [{
+					id: X(),
+					name: "+ attribute: Type"
+				}]
+			},
+			svg: H
+		},
+		{
+			type: "class",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 110,
+			defaultData: {
+				name: "Abstract",
+				stereotype: I.Abstract,
+				methods: [{
+					id: X(),
+					name: "+ method()"
+				}],
+				attributes: [{
+					id: X(),
+					name: "+ attribute: Type"
+				}]
+			},
+			svg: H
+		},
+		{
+			type: "class",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 140,
+			defaultData: {
+				name: "Enumeration",
+				stereotype: I.Enumeration,
+				methods: [],
+				attributes: [
+					{
+						id: X(),
+						name: "Case 1"
+					},
+					{
+						id: X(),
+						name: "Case 2"
+					},
+					{
+						id: X(),
+						name: "Case 3"
+					}
+				]
+			},
+			svg: H
+		},
+		{
+			type: "class",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 110,
+			defaultData: {
+				name: "Interface",
+				stereotype: I.Interface,
+				methods: [{
+					id: X(),
+					name: "+ method()"
+				}],
+				attributes: [{
+					id: X(),
+					name: "+ attribute: Type"
+				}]
+			},
+			svg: H
+		}
+	],
+	[C.ObjectDiagram]: [{
+		type: "objectName",
+		width: $.DEFAULT_ELEMENT_WIDTH,
+		height: 70,
+		defaultData: {
+			name: "Object",
+			attributes: [{
+				id: X(),
+				name: "attribute = value"
+			}],
+			methods: []
+		},
+		svg: Ue
+	}],
+	[C.ActivityDiagram]: [
+		{
+			type: "activity",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 120,
+			defaultData: { name: "Activity" },
+			svg: Ie
+		},
+		{
+			type: "activityInitialNode",
+			width: 50,
+			height: 50,
+			defaultData: { name: "ActivityInitialNode" },
+			svg: We
+		},
+		{
+			type: "activityFinalNode",
+			width: 50,
+			height: 50,
+			defaultData: { name: "ActivityFinalNode" },
+			svg: Ge
+		},
+		{
+			type: "activityActionNode",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 120,
+			defaultData: { name: "Action" },
+			svg: Ke
+		},
+		{
+			type: "activityObjectNode",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 120,
+			defaultData: { name: "Object" },
+			svg: qe
+		},
+		{
+			type: "activityMergeNode",
+			width: $.DEFAULT_ELEMENT_WIDTH,
+			height: 120,
+			defaultData: { name: "Condition" },
+			svg: $e
+		},
+		{
+			type: "activityForkNode",
+			width: 20,
+			height: 100,
+			defaultData: { name: "Fork" },
+			svg: et
+		},
+		{
+			type: "activityForkNodeHorizontal",
+			width: 100,
+			height: 20,
+			defaultData: { name: "Fork" },
+			svg: tt
+		},
+		{
+			type: "activitySwimlane",
+			width: 160,
+			height: 100,
+			dropWidth: 400,
+			dropHeight: 240,
+			defaultData: {
+				name: "",
+				orientation: "vertical",
+				lanes: [{
+					id: "lane-1",
+					name: "Lane 1"
+				}, {
+					id: "lane-2",
+					name: "Lane 2"
+				}]
+			},
+			svg: nt
+		}
+	],
+	[C.UseCaseDiagram]: [
+		{
+			type: "useCase",
+			width: 160,
+			height: 100,
+			defaultData: { name: "Use Case" },
+			svg: pt
+		},
+		{
+			type: "useCaseActor",
+			width: 100,
+			height: 150,
+			defaultData: { name: "Actor" },
+			svg: ot
+		},
+		{
+			type: "useCaseSystem",
+			width: 160,
+			height: 120,
+			defaultData: { name: "System" },
+			svg: st
+		}
+	],
+	[C.CommunicationDiagram]: [{
+		type: "communicationObjectName",
+		width: 160,
+		height: 70,
+		defaultData: {
+			name: "Object",
+			methods: [],
+			attributes: [{
+				id: X(),
+				name: "attribute = value"
+			}]
+		},
+		svg: Ut
+	}],
+	[C.ComponentDiagram]: [
+		{
+			type: "component",
+			width: 180,
+			height: 120,
+			defaultData: {
+				name: "Component",
+				isComponentHeaderShown: !0
+			},
+			svg: mt
+		},
+		{
+			type: "componentSubsystem",
+			width: 180,
+			height: 120,
+			defaultData: {
+				name: "Subsystem",
+				isComponentSubsystemHeaderShown: !0
+			},
+			svg: yt
+		},
+		{
+			type: "componentInterface",
+			width: Z,
+			height: Z,
+			defaultData: { name: "Interface" },
+			svg: _t,
+			marginTop: 10
+		}
+	],
+	[C.DeploymentDiagram]: [
+		{
+			type: "deploymentNode",
+			width: 160,
+			height: 100,
+			defaultData: {
+				name: "Node",
+				isComponentHeaderShown: !0,
+				stereotype: "node"
+			},
+			svg: At
+		},
+		{
+			type: "deploymentComponent",
+			width: 160,
+			height: 100,
+			defaultData: {
+				name: "Component",
+				isComponentHeaderShown: !0
+			},
+			svg: jt
+		},
+		{
+			type: "deploymentArtifact",
+			width: 160,
+			height: 50,
+			defaultData: { name: "Artifact" },
+			svg: Mt
+		},
+		{
+			type: "deploymentInterface",
+			width: Z,
+			height: Z,
+			defaultData: { name: "Interface" },
+			svg: Nt,
+			marginTop: 10
+		}
+	],
+	[C.SyntaxTree]: [{
+		type: "syntaxTreeNonterminal",
+		width: 160,
+		height: 100,
+		defaultData: { name: "Nonterminal" },
+		svg: Vt
+	}, {
+		type: "syntaxTreeTerminal",
+		width: 160,
+		height: 100,
+		defaultData: { name: "Terminal" },
+		svg: Ht
+	}],
+	[C.PetriNet]: [{
+		type: "petriNetTransition",
+		width: 30,
+		height: 60,
+		defaultData: { name: "Transition" },
+		svg: Gt,
+		marginTop: 15
+	}, {
+		type: "petriNetPlace",
+		width: 60,
+		height: 60,
+		defaultData: { name: "Place" },
+		svg: Wt,
+		marginTop: 5
+	}],
+	[C.ReachabilityGraph]: [{
+		type: "reachabilityGraphMarking",
+		width: 160,
+		height: 120,
+		defaultData: { name: "Marking" },
+		svg: dn
+	}],
+	[C.Flowchart]: [
+		{
+			type: "flowchartTerminal",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Terminal" },
+			svg: bt
+		},
+		{
+			type: "flowchartProcess",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Process" },
+			svg: xt
+		},
+		{
+			type: "flowchartDecision",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Decision" },
+			svg: Dt
+		},
+		{
+			type: "flowchartInputOutput",
+			width: 140,
+			height: 70,
+			defaultData: { name: "Input/Output" },
+			svg: Ot
+		},
+		{
+			type: "flowchartFunctionCall",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Function Call" },
+			svg: kt
+		}
+	],
+	[C.BPMN]: [
+		{
+			type: "bpmnTask",
+			width: 160,
+			height: 60,
+			defaultData: { name: "Task" },
+			svg: Pt
+		},
+		{
+			type: "bpmnSubprocess",
+			width: 160,
+			height: 60,
+			defaultData: { name: "Subprocess" },
+			svg: W
+		},
+		{
+			type: "bpmnTransaction",
+			width: 160,
+			height: 60,
+			defaultData: {
+				name: "Transaction",
+				variant: "transaction"
+			},
+			svg: W
+		},
+		{
+			type: "bpmnCallActivity",
+			width: 160,
+			height: 60,
+			defaultData: {
+				name: "Call Activity",
+				variant: "call"
+			},
+			svg: W
+		},
+		{
+			type: "bpmnGroup",
+			width: 160,
+			height: 60,
+			defaultData: { name: "Group" },
+			svg: Bt
+		},
+		{
+			type: "bpmnAnnotation",
+			width: 160,
+			height: 60,
+			defaultData: { name: "Annotation" },
+			svg: It
+		},
+		{
+			type: "bpmnStartEvent",
+			width: 40,
+			height: 40,
+			defaultData: {
+				name: "",
+				variant: "start"
+			},
+			svg: U
+		},
+		{
+			type: "bpmnIntermediateEvent",
+			width: 40,
+			height: 40,
+			defaultData: {
+				name: "",
+				variant: "intermediate"
+			},
+			svg: U
+		},
+		{
+			type: "bpmnEndEvent",
+			width: 40,
+			height: 40,
+			defaultData: {
+				name: "",
+				variant: "end"
+			},
+			svg: U
+		},
+		{
+			type: "bpmnGateway",
+			width: 40,
+			height: 40,
+			defaultData: { name: "" },
+			svg: Ft
+		},
+		{
+			type: "bpmnDataObject",
+			width: 40,
+			height: 60,
+			defaultData: { name: "" },
+			svg: Lt
+		},
+		{
+			type: "bpmnDataStore",
+			width: 60,
+			height: 60,
+			defaultData: { name: "" },
+			svg: Rt
+		},
+		{
+			type: "bpmnPool",
+			width: 160,
+			height: 80,
+			defaultData: { name: "Pool" },
+			svg: zt
+		}
+	],
+	[C.Sfc]: [
+		{
+			type: "sfcStart",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Start" },
+			svg: Kt
+		},
+		{
+			type: "sfcStep",
+			width: 160,
+			height: 70,
+			defaultData: { name: "Step" },
+			svg: qt
+		},
+		{
+			type: "sfcJump",
+			width: 96,
+			height: 48,
+			defaultData: { name: "Jump" },
+			svg: Jt
+		},
+		{
+			type: "sfcTransitionBranch",
+			width: 30,
+			height: 30,
+			defaultData: {
+				name: "Branch",
+				showHint: !0
+			},
+			svg: Yt
+		},
+		{
+			type: "sfcActionTable",
+			width: 160,
+			height: 30,
+			defaultData: {
+				name: "Action Table",
+				actionRows: [{
+					id: "1",
+					identifier: "A",
+					name: "Actions",
+					fillColor: "",
+					strokeColor: ""
+				}]
+			},
+			svg: Xt
+		}
+	]
+}), On = 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(() => {
+		if (!e) return 0;
+		let t = ie(e, _, {
+			fontSize: Y.NAME_FONT_SIZE,
+			fontWeight: p
+		}, {
+			lineHeight: Y.NAME_LINE_HEIGHT,
+			maxLines: v
+		});
+		return Math.max(1, t.lines.length);
+	}, [
+		e,
+		_,
+		v,
+		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
+		};
+		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;
+		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
+		};
+	})();
+	return /* @__PURE__ */ c(o, { children: [n && t && t.length > 0 && /* @__PURE__ */ s(D, {
+		x: g,
+		y: b,
+		textAnchor: "middle",
+		fontWeight: String(p),
+		dominantBaseline: "middle",
+		fill: m,
+		fontSize: "0.8em",
+		children: `«${t}»`
+	}), /* @__PURE__ */ s(j, {
+		text: e,
+		x: g,
+		y: x,
+		maxWidth: _,
+		fontSize: Y.NAME_FONT_SIZE,
+		lineHeight: Y.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) {
+	let t = e.data ?? {}, n = Object.prototype.hasOwnProperty.call(t, "computedSegments");
+	if (e.data != null && !n) return e;
+	let r = { ...t };
+	return delete r.computedSegments, {
+		...e,
+		data: r
+	};
+}
+function zn(e) {
+	let t = e.edges.map(Rn);
+	return t.some((t, n) => t !== e.edges[n]) ? {
+		...e,
+		edges: t
+	} : e;
+}
+//#endregion
+//#region lib/utils/versionConverter.ts
+function Bn(e, t, n, r) {
+	return !(e === "componentInterface" || e === "deploymentInterface") || n === Q.SIZE && r === Q.SIZE ? {
+		position: t,
+		width: n,
+		height: r
+	} : {
+		position: {
+			x: t.x + (n - Q.SIZE) / 2,
+			y: t.y + (r - Q.SIZE) / 2
+		},
+		width: Q.SIZE,
+		height: Q.SIZE
+	};
+}
+function Vn(e) {
+	let t = {
+		id: "converted-diagram-" + Date.now(),
+		title: "Converted Diagram",
+		model: {
+			version: "3.0.0",
+			type: e.type,
+			size: e.size,
+			interactive: {
+				elements: {},
+				relationships: {}
+			},
+			elements: {},
+			relationships: {},
+			assessments: {}
+		}
+	};
+	return e.interactive?.elements && e.interactive.elements.forEach((e) => {
+		t.model.interactive.elements[e] = !0;
+	}), e.interactive?.relationships && e.interactive.relationships.forEach((e) => {
+		t.model.interactive.relationships[e] = !0;
+	}), e.elements && e.elements.forEach((e) => {
+		t.model.elements[e.id] = e;
+	}), e.relationships && e.relationships.forEach((e) => {
+		t.model.relationships[e.id] = e;
+	}), e.assessments && e.assessments.forEach((e) => {
+		t.model.assessments[e.modelElementId] = e;
+	}), $n(t);
+}
+function Hn(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) {
+	return {
+		Up: "top",
+		Right: "right",
+		Down: "bottom",
+		Left: "left",
+		Upright: "right-top",
+		Upleft: "left-top",
+		Downright: "right-bottom",
+		Downleft: "left-bottom",
+		RightTop: "top-right",
+		RightBottom: "bottom-right",
+		LeftTop: "top-left",
+		LeftBottom: "bottom-left",
+		Topright: "top-right",
+		Topleft: "top-left",
+		Bottomright: "bottom-right",
+		Bottomleft: "bottom-left"
+	}[e] || e.toLowerCase();
+}
+function Wn(e) {
+	return {
+		Class: "class",
+		AbstractClass: "class",
+		Interface: "class",
+		Enumeration: "class",
+		Package: "package",
+		ClassAttribute: "classAttribute",
+		ClassMethod: "classMethod",
+		ActivityInitialNode: "activityInitialNode",
+		ActivityFinalNode: "activityFinalNode",
+		ActivityActionNode: "activityActionNode",
+		ActivityObjectNode: "activityObjectNode",
+		ActivityForkNode: "activityForkNode",
+		ActivityForkNodeHorizontal: "activityForkNodeHorizontal",
+		ActivityMergeNode: "activityMergeNode",
+		ActivityDecisionNode: "activityMergeNode",
+		Activity: "activity",
+		UseCase: "useCase",
+		UseCaseActor: "useCaseActor",
+		UseCaseSystem: "useCaseSystem",
+		CommunicationObject: "communicationObjectName",
+		Component: "component",
+		ComponentInterface: "componentInterface",
+		Subsystem: "componentSubsystem",
+		DeploymentNode: "deploymentNode",
+		DeploymentComponent: "deploymentComponent",
+		DeploymentArtifact: "deploymentArtifact",
+		DeploymentInterface: "deploymentInterface",
+		ObjectName: "objectName",
+		ObjectAttribute: "objectAttribute",
+		ObjectMethod: "objectMethod",
+		PetriNetPlace: "petriNetPlace",
+		PetriNetTransition: "petriNetTransition",
+		ReachabilityGraphMarking: "reachabilityGraphMarking",
+		SyntaxTreeNonterminal: "syntaxTreeNonterminal",
+		SyntaxTreeTerminal: "syntaxTreeTerminal",
+		FlowchartProcess: "flowchartProcess",
+		FlowchartDecision: "flowchartDecision",
+		FlowchartInputOutput: "flowchartInputOutput",
+		FlowchartFunctionCall: "flowchartFunctionCall",
+		FlowchartTerminal: "flowchartTerminal",
+		BPMNTask: "bpmnTask",
+		BPMNGateway: "bpmnGateway",
+		BPMNStartEvent: "bpmnStartEvent",
+		BPMNIntermediateEvent: "bpmnIntermediateEvent",
+		BPMNEndEvent: "bpmnEndEvent",
+		BPMNSubprocess: "bpmnSubprocess",
+		BPMNTransaction: "bpmnTransaction",
+		BPMNCallActivity: "bpmnCallActivity",
+		BPMNAnnotation: "bpmnAnnotation",
+		BPMNDataObject: "bpmnDataObject",
+		BPMNDataStore: "bpmnDataStore",
+		BPMNPool: "bpmnPool",
+		BPMNGroup: "bpmnGroup",
+		SfcStart: "sfcStart",
+		SfcStep: "sfcStep",
+		SfcActionTable: "sfcActionTable",
+		SfcTransitionBranch: "sfcTransitionBranch",
+		SfcJump: "sfcJump",
+		SfcPreviewSpacer: "sfcPreviewSpacer",
+		ColorDescription: "colorDescription",
+		TitleAndDescription: "titleAndDesctiption"
+	}[e] || e.toLowerCase();
+}
+function Gn(e, t) {
+	return e === "BPMNFlow" && t ? {
+		sequence: "BPMNSequenceFlow",
+		message: "BPMNMessageFlow",
+		association: "BPMNAssociationFlow",
+		dataAssociation: "BPMNDataAssociationFlow"
+	}[t] || "BPMNSequenceFlow" : {
+		ClassBidirectional: "ClassBidirectional",
+		ClassUnidirectional: "ClassUnidirectional",
+		ClassInheritance: "ClassInheritance",
+		ClassRealization: "ClassRealization",
+		ClassDependency: "ClassDependency",
+		ClassAggregation: "ClassAggregation",
+		ClassComposition: "ClassComposition",
+		ActivityControlFlow: "ActivityControlFlow",
+		UseCaseAssociation: "UseCaseAssociation",
+		UseCaseInclude: "UseCaseInclude",
+		UseCaseExtend: "UseCaseExtend",
+		UseCaseGeneralization: "UseCaseGeneralization",
+		CommunicationLink: "CommunicationLink",
+		ComponentDependency: "ComponentDependency",
+		ComponentInterfaceProvided: "ComponentProvidedInterface",
+		ComponentInterfaceRequired: "ComponentRequiredInterface",
+		ComponentInterfaceRequiredQuarter: "ComponentRequiredQuarterInterface",
+		ComponentInterfaceRequiredThreeQuarter: "ComponentRequiredThreeQuarterInterface",
+		DeploymentDependency: "DeploymentDependency",
+		DeploymentAssociation: "DeploymentAssociation",
+		DeploymentInterfaceProvided: "DeploymentProvidedInterface",
+		DeploymentInterfaceRequired: "DeploymentRequiredInterface",
+		DeploymentInterfaceRequiredQuarter: "DeploymentRequiredQuarterInterface",
+		DeploymentInterfaceRequiredThreeQuarter: "DeploymentRequiredThreeQuarterInterface",
+		ObjectLink: "ObjectLink",
+		PetriNetArc: "PetriNetArc",
+		ReachabilityGraphArc: "ReachabilityGraphArc",
+		SyntaxTreeLink: "SyntaxTreeLink",
+		FlowchartFlowline: "FlowChartFlowline"
+	}[e] || e;
+}
+function Kn(e, t) {
+	return {
+		x: e.bounds.x - t.bounds.x,
+		y: e.bounds.y - t.bounds.y
+	};
+}
+function qn(e) {
+	return e.sort((e, t) => (e.bounds?.y ?? 0) - (t.bounds?.y ?? 0));
+}
+function Jn(e, t) {
+	let n = {
+		name: e.name,
+		...e.fillColor && { fillColor: e.fillColor },
+		...e.strokeColor && { strokeColor: e.strokeColor },
+		...e.textColor && { textColor: e.textColor },
+		...e.highlight && { highlight: e.highlight },
+		...e.assessmentNote && { assessmentNote: e.assessmentNote }
+	};
+	switch (e.type) {
+		case "Class":
+		case "AbstractClass":
+		case "Interface":
+		case "Enumeration": {
+			let r = [], i = [];
+			qn(Object.values(t)).forEach((t) => {
+				t.owner === e.id && (t.type === "ClassAttribute" ? r.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...t.textColor && { textColor: t.textColor }
+				}) : t.type === "ClassMethod" && i.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...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), {
+				...n,
+				methods: i,
+				attributes: r,
+				...a && { stereotype: a }
+			};
+		}
+		case "ObjectName": {
+			let r = [], i = [];
+			return qn(Object.values(t)).forEach((t) => {
+				t.owner === e.id && (t.type === "ObjectAttribute" ? r.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...t.textColor && { textColor: t.textColor }
+				}) : t.type === "ObjectMethod" && i.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...t.textColor && { textColor: t.textColor }
+				}));
+			}), {
+				...n,
+				methods: i,
+				attributes: r
+			};
+		}
+		case "CommunicationObject": {
+			let r = [], i = [];
+			return qn(Object.values(t)).forEach((t) => {
+				t.owner === e.id && (t.type === "ObjectAttribute" ? r.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...t.textColor && { textColor: t.textColor }
+				}) : t.type === "ObjectMethod" && i.push({
+					id: t.id,
+					name: t.name,
+					...t.fillColor && { fillColor: t.fillColor },
+					...t.textColor && { textColor: t.textColor }
+				}));
+			}), {
+				...n,
+				methods: i,
+				attributes: r
+			};
+		}
+		case "Component": return {
+			...n,
+			isComponentHeaderShown: e.displayStereotype !== !1
+		};
+		case "ComponentSubsystem": return {
+			...n,
+			isComponentSubsystemHeaderShown: e.displayStereotype !== !1
+		};
+		case "DeploymentNode": return {
+			...n,
+			isComponentHeaderShown: e.displayStereotype !== !1,
+			stereotype: e.stereotype || ""
+		};
+		case "DeploymentComponent": return {
+			...n,
+			isComponentHeaderShown: e.displayStereotype !== !1
+		};
+		case "PetriNetPlace": {
+			let t = "Infinity";
+			if (e.capacity !== void 0) {
+				if (typeof e.capacity == "number") t = e.capacity;
+				else if (typeof e.capacity == "string") if (e.capacity === "Infinity" || e.capacity === "∞") t = "Infinity";
+				else {
+					let n = parseFloat(e.capacity);
+					t = isNaN(n) ? "Infinity" : n;
+				}
+			}
+			return {
+				...n,
+				tokens: e.amountOfTokens || 0,
+				capacity: t
+			};
+		}
+		case "BPMNTask": return {
+			...n,
+			taskType: e.taskType || "default",
+			marker: e.marker || "none"
+		};
+		case "BPMNGateway": return {
+			...n,
+			gatewayType: e.gatewayType || "exclusive"
+		};
+		case "BPMNStartEvent": return {
+			...n,
+			eventType: e.eventType || "default"
+		};
+		case "BPMNIntermediateEvent": return {
+			...n,
+			eventType: e.eventType || "default"
+		};
+		case "BPMNEndEvent": return {
+			...n,
+			eventType: e.eventType || "default"
+		};
+		case "ReachabilityGraphMarking": return {
+			...n,
+			isInitialMarking: e.isInitialMarking || !1
+		};
+		case "BPMNSubprocess":
+		case "BPMNTransaction":
+		case "BPMNCallActivity":
+		case "BPMNAnnotation":
+		case "BPMNDataObject":
+		case "BPMNDataStore":
+		case "BPMNPool":
+		case "BPMNGroup": return n;
+		default: return n;
+	}
+}
+function Yn(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 = {
+		x: e.bounds.x,
+		y: e.bounds.y
+	};
+	if (e.owner) {
+		let n = t[e.owner];
+		n && (r = Kn(e, n));
+	}
+	let i = Jn(e, t), a = Bn(n, r, e.bounds.width, e.bounds.height);
+	return {
+		id: e.id,
+		type: n,
+		position: a.position,
+		width: a.width,
+		height: a.height,
+		measured: {
+			width: a.width,
+			height: a.height
+		},
+		data: i,
+		...e.owner && { parentId: e.owner }
+	};
+}
+function Zn(e) {
+	let t = Gn(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
+	}))), {
+		id: e.id,
+		source: e.source.element,
+		target: e.target.element,
+		type: t,
+		sourceHandle: Un(e.source.direction || ""),
+		targetHandle: Un(e.target.direction || ""),
+		data: {
+			label: e.name || "",
+			sourceMultiplicity: e.source.multiplicity || "",
+			targetMultiplicity: e.target.multiplicity || "",
+			sourceRole: e.source.role || "",
+			targetRole: e.target.role || "",
+			isManuallyLayouted: e.isManuallyLayouted || !1,
+			messages: Yn(e.messages),
+			...e.flowType && { flowType: e.flowType },
+			...e.fillColor && { fillColor: e.fillColor },
+			...e.strokeColor && { strokeColor: e.strokeColor },
+			...e.textColor && { textColor: e.textColor },
+			...e.highlight && { highlight: e.highlight },
+			...e.assessmentNote && { assessmentNote: e.assessmentNote },
+			points: n
+		}
+	};
+}
+function Qn(e) {
+	return {
+		modelElementId: e.modelElementId,
+		elementType: e.elementType,
+		score: e.score,
+		...e.feedback && { feedback: e.feedback },
+		...e.dropInfo && { dropInfo: e.dropInfo },
+		...e.label && { label: e.label },
+		...e.labelColor && { labelColor: e.labelColor },
+		...e.correctionStatus && { correctionStatus: e.correctionStatus }
+	};
+}
+function $n(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 = {};
+	return t.assessments && Object.entries(t.assessments).forEach(([e, t]) => {
+		try {
+			o[e] = Qn(t);
+		} catch (t) {
+			Fe.warn(`Failed to convert assessment for element ${e}:`, t);
+		}
+	}), {
+		version: "4.0.0",
+		id: n,
+		title: r,
+		type: t.type,
+		nodes: i,
+		edges: a,
+		assessments: o,
+		interactive: t.interactive && (Object.values(t.interactive.elements ?? {}).some(Boolean) || Object.values(t.interactive.relationships ?? {}).some(Boolean)) ? {
+			elements: Object.fromEntries(Object.entries(t.interactive.elements ?? {}).filter(([, e]) => e)),
+			relationships: Object.fromEntries(Object.entries(t.interactive.relationships ?? {}).filter(([, e]) => e))
+		} : void 0
+	};
+}
+function er(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) {
+	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) {
+	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);
+	else throw Error("Unsupported diagram format. Only 2.x.x, 3.x.x and 4.x.x formats are supported.");
+	return zn(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 };