for-humanity 0.12.0 → 0.13.1

package/dist/mermaid/chunk-MFVRUoO0.js

@@ -0,0 +1,4020 @@
+import { h as e, m as t } from "./chunk-DVNvSFoz.js";
+import { n, t as r } from "./chunk-BYzrzvCI.js";
+//#region node_modules/.pnpm/khroma@2.1.0/node_modules/khroma/dist/utils/channel.js
+var i = {
+	min: {
+		r: 0,
+		g: 0,
+		b: 0,
+		s: 0,
+		l: 0,
+		a: 0
+	},
+	max: {
+		r: 255,
+		g: 255,
+		b: 255,
+		h: 360,
+		s: 100,
+		l: 100,
+		a: 1
+	},
+	clamp: {
+		r: (e) => e >= 255 ? 255 : e < 0 ? 0 : e,
+		g: (e) => e >= 255 ? 255 : e < 0 ? 0 : e,
+		b: (e) => e >= 255 ? 255 : e < 0 ? 0 : e,
+		h: (e) => e % 360,
+		s: (e) => e >= 100 ? 100 : e < 0 ? 0 : e,
+		l: (e) => e >= 100 ? 100 : e < 0 ? 0 : e,
+		a: (e) => e >= 1 ? 1 : e < 0 ? 0 : e
+	},
+	toLinear: (e) => {
+		let t = e / 255;
+		return e > .03928 ? ((t + .055) / 1.055) ** 2.4 : t / 12.92;
+	},
+	hue2rgb: (e, t, n) => (n < 0 && (n += 1), n > 1 && --n, n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e),
+	hsl2rgb: ({ h: e, s: t, l: n }, r) => {
+		if (!t) return n * 2.55;
+		e /= 360, t /= 100, n /= 100;
+		let a = n < .5 ? n * (1 + t) : n + t - n * t, o = 2 * n - a;
+		switch (r) {
+			case "r": return i.hue2rgb(o, a, e + 1 / 3) * 255;
+			case "g": return i.hue2rgb(o, a, e) * 255;
+			case "b": return i.hue2rgb(o, a, e - 1 / 3) * 255;
+		}
+	},
+	rgb2hsl: ({ r: e, g: t, b: n }, r) => {
+		e /= 255, t /= 255, n /= 255;
+		let i = Math.max(e, t, n), a = Math.min(e, t, n), o = (i + a) / 2;
+		if (r === "l") return o * 100;
+		if (i === a) return 0;
+		let s = i - a, c = o > .5 ? s / (2 - i - a) : s / (i + a);
+		if (r === "s") return c * 100;
+		switch (i) {
+			case e: return ((t - n) / s + (t < n ? 6 : 0)) * 60;
+			case t: return ((n - e) / s + 2) * 60;
+			case n: return ((e - t) / s + 4) * 60;
+			default: return -1;
+		}
+	}
+}, a = {
+	channel: i,
+	lang: {
+		clamp: (e, t, n) => t > n ? Math.min(t, Math.max(n, e)) : Math.min(n, Math.max(t, e)),
+		round: (e) => Math.round(e * 1e10) / 1e10
+	},
+	unit: { dec2hex: (e) => {
+		let t = Math.round(e).toString(16);
+		return t.length > 1 ? t : `0${t}`;
+	} }
+}, o = {};
+for (let e = 0; e <= 255; e++) o[e] = a.unit.dec2hex(e);
+var s = {
+	ALL: 0,
+	RGB: 1,
+	HSL: 2
+}, c = class {
+	constructor() {
+		this.type = s.ALL;
+	}
+	get() {
+		return this.type;
+	}
+	set(e) {
+		if (this.type && this.type !== e) throw Error("Cannot change both RGB and HSL channels at the same time");
+		this.type = e;
+	}
+	reset() {
+		this.type = s.ALL;
+	}
+	is(e) {
+		return this.type === e;
+	}
+}, l = new class {
+	constructor(e, t) {
+		this.color = t, this.changed = !1, this.data = e, this.type = new c();
+	}
+	set(e, t) {
+		return this.color = t, this.changed = !1, this.data = e, this.type.type = s.ALL, this;
+	}
+	_ensureHSL() {
+		let e = this.data, { h: t, s: n, l: r } = e;
+		t === void 0 && (e.h = a.channel.rgb2hsl(e, "h")), n === void 0 && (e.s = a.channel.rgb2hsl(e, "s")), r === void 0 && (e.l = a.channel.rgb2hsl(e, "l"));
+	}
+	_ensureRGB() {
+		let e = this.data, { r: t, g: n, b: r } = e;
+		t === void 0 && (e.r = a.channel.hsl2rgb(e, "r")), n === void 0 && (e.g = a.channel.hsl2rgb(e, "g")), r === void 0 && (e.b = a.channel.hsl2rgb(e, "b"));
+	}
+	get r() {
+		let e = this.data, t = e.r;
+		return !this.type.is(s.HSL) && t !== void 0 ? t : (this._ensureHSL(), a.channel.hsl2rgb(e, "r"));
+	}
+	get g() {
+		let e = this.data, t = e.g;
+		return !this.type.is(s.HSL) && t !== void 0 ? t : (this._ensureHSL(), a.channel.hsl2rgb(e, "g"));
+	}
+	get b() {
+		let e = this.data, t = e.b;
+		return !this.type.is(s.HSL) && t !== void 0 ? t : (this._ensureHSL(), a.channel.hsl2rgb(e, "b"));
+	}
+	get h() {
+		let e = this.data, t = e.h;
+		return !this.type.is(s.RGB) && t !== void 0 ? t : (this._ensureRGB(), a.channel.rgb2hsl(e, "h"));
+	}
+	get s() {
+		let e = this.data, t = e.s;
+		return !this.type.is(s.RGB) && t !== void 0 ? t : (this._ensureRGB(), a.channel.rgb2hsl(e, "s"));
+	}
+	get l() {
+		let e = this.data, t = e.l;
+		return !this.type.is(s.RGB) && t !== void 0 ? t : (this._ensureRGB(), a.channel.rgb2hsl(e, "l"));
+	}
+	get a() {
+		return this.data.a;
+	}
+	set r(e) {
+		this.type.set(s.RGB), this.changed = !0, this.data.r = e;
+	}
+	set g(e) {
+		this.type.set(s.RGB), this.changed = !0, this.data.g = e;
+	}
+	set b(e) {
+		this.type.set(s.RGB), this.changed = !0, this.data.b = e;
+	}
+	set h(e) {
+		this.type.set(s.HSL), this.changed = !0, this.data.h = e;
+	}
+	set s(e) {
+		this.type.set(s.HSL), this.changed = !0, this.data.s = e;
+	}
+	set l(e) {
+		this.type.set(s.HSL), this.changed = !0, this.data.l = e;
+	}
+	set a(e) {
+		this.changed = !0, this.data.a = e;
+	}
+}({
+	r: 0,
+	g: 0,
+	b: 0,
+	a: 0
+}, "transparent"), u = {
+	re: /^#((?:[a-f0-9]{2}){2,4}|[a-f0-9]{3})$/i,
+	parse: (e) => {
+		if (e.charCodeAt(0) !== 35) return;
+		let t = e.match(u.re);
+		if (!t) return;
+		let n = t[1], r = parseInt(n, 16), i = n.length, a = i % 4 == 0, o = i > 4, s = o ? 1 : 17, c = o ? 8 : 4, d = a ? 0 : -1, f = o ? 255 : 15;
+		return l.set({
+			r: (r >> c * (d + 3) & f) * s,
+			g: (r >> c * (d + 2) & f) * s,
+			b: (r >> c * (d + 1) & f) * s,
+			a: a ? (r & f) * s / 255 : 1
+		}, e);
+	},
+	stringify: (e) => {
+		let { r: t, g: n, b: r, a: i } = e;
+		return i < 1 ? `#${o[Math.round(t)]}${o[Math.round(n)]}${o[Math.round(r)]}${o[Math.round(i * 255)]}` : `#${o[Math.round(t)]}${o[Math.round(n)]}${o[Math.round(r)]}`;
+	}
+}, d = {
+	re: /^hsla?\(\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(?:deg|grad|rad|turn)?)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)(?:\s*?(?:,|\/)\s*?\+?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(%)?))?\s*?\)$/i,
+	hueRe: /^(.+?)(deg|grad|rad|turn)$/i,
+	_hue2deg: (e) => {
+		let t = e.match(d.hueRe);
+		if (t) {
+			let [, e, n] = t;
+			switch (n) {
+				case "grad": return a.channel.clamp.h(parseFloat(e) * .9);
+				case "rad": return a.channel.clamp.h(parseFloat(e) * 180 / Math.PI);
+				case "turn": return a.channel.clamp.h(parseFloat(e) * 360);
+			}
+		}
+		return a.channel.clamp.h(parseFloat(e));
+	},
+	parse: (e) => {
+		let t = e.charCodeAt(0);
+		if (t !== 104 && t !== 72) return;
+		let n = e.match(d.re);
+		if (!n) return;
+		let [, r, i, o, s, c] = n;
+		return l.set({
+			h: d._hue2deg(r),
+			s: a.channel.clamp.s(parseFloat(i)),
+			l: a.channel.clamp.l(parseFloat(o)),
+			a: s ? a.channel.clamp.a(c ? parseFloat(s) / 100 : parseFloat(s)) : 1
+		}, e);
+	},
+	stringify: (e) => {
+		let { h: t, s: n, l: r, a: i } = e;
+		return i < 1 ? `hsla(${a.lang.round(t)}, ${a.lang.round(n)}%, ${a.lang.round(r)}%, ${i})` : `hsl(${a.lang.round(t)}, ${a.lang.round(n)}%, ${a.lang.round(r)}%)`;
+	}
+}, f = {
+	colors: {
+		aliceblue: "#f0f8ff",
+		antiquewhite: "#faebd7",
+		aqua: "#00ffff",
+		aquamarine: "#7fffd4",
+		azure: "#f0ffff",
+		beige: "#f5f5dc",
+		bisque: "#ffe4c4",
+		black: "#000000",
+		blanchedalmond: "#ffebcd",
+		blue: "#0000ff",
+		blueviolet: "#8a2be2",
+		brown: "#a52a2a",
+		burlywood: "#deb887",
+		cadetblue: "#5f9ea0",
+		chartreuse: "#7fff00",
+		chocolate: "#d2691e",
+		coral: "#ff7f50",
+		cornflowerblue: "#6495ed",
+		cornsilk: "#fff8dc",
+		crimson: "#dc143c",
+		cyanaqua: "#00ffff",
+		darkblue: "#00008b",
+		darkcyan: "#008b8b",
+		darkgoldenrod: "#b8860b",
+		darkgray: "#a9a9a9",
+		darkgreen: "#006400",
+		darkgrey: "#a9a9a9",
+		darkkhaki: "#bdb76b",
+		darkmagenta: "#8b008b",
+		darkolivegreen: "#556b2f",
+		darkorange: "#ff8c00",
+		darkorchid: "#9932cc",
+		darkred: "#8b0000",
+		darksalmon: "#e9967a",
+		darkseagreen: "#8fbc8f",
+		darkslateblue: "#483d8b",
+		darkslategray: "#2f4f4f",
+		darkslategrey: "#2f4f4f",
+		darkturquoise: "#00ced1",
+		darkviolet: "#9400d3",
+		deeppink: "#ff1493",
+		deepskyblue: "#00bfff",
+		dimgray: "#696969",
+		dimgrey: "#696969",
+		dodgerblue: "#1e90ff",
+		firebrick: "#b22222",
+		floralwhite: "#fffaf0",
+		forestgreen: "#228b22",
+		fuchsia: "#ff00ff",
+		gainsboro: "#dcdcdc",
+		ghostwhite: "#f8f8ff",
+		gold: "#ffd700",
+		goldenrod: "#daa520",
+		gray: "#808080",
+		green: "#008000",
+		greenyellow: "#adff2f",
+		grey: "#808080",
+		honeydew: "#f0fff0",
+		hotpink: "#ff69b4",
+		indianred: "#cd5c5c",
+		indigo: "#4b0082",
+		ivory: "#fffff0",
+		khaki: "#f0e68c",
+		lavender: "#e6e6fa",
+		lavenderblush: "#fff0f5",
+		lawngreen: "#7cfc00",
+		lemonchiffon: "#fffacd",
+		lightblue: "#add8e6",
+		lightcoral: "#f08080",
+		lightcyan: "#e0ffff",
+		lightgoldenrodyellow: "#fafad2",
+		lightgray: "#d3d3d3",
+		lightgreen: "#90ee90",
+		lightgrey: "#d3d3d3",
+		lightpink: "#ffb6c1",
+		lightsalmon: "#ffa07a",
+		lightseagreen: "#20b2aa",
+		lightskyblue: "#87cefa",
+		lightslategray: "#778899",
+		lightslategrey: "#778899",
+		lightsteelblue: "#b0c4de",
+		lightyellow: "#ffffe0",
+		lime: "#00ff00",
+		limegreen: "#32cd32",
+		linen: "#faf0e6",
+		magenta: "#ff00ff",
+		maroon: "#800000",
+		mediumaquamarine: "#66cdaa",
+		mediumblue: "#0000cd",
+		mediumorchid: "#ba55d3",
+		mediumpurple: "#9370db",
+		mediumseagreen: "#3cb371",
+		mediumslateblue: "#7b68ee",
+		mediumspringgreen: "#00fa9a",
+		mediumturquoise: "#48d1cc",
+		mediumvioletred: "#c71585",
+		midnightblue: "#191970",
+		mintcream: "#f5fffa",
+		mistyrose: "#ffe4e1",
+		moccasin: "#ffe4b5",
+		navajowhite: "#ffdead",
+		navy: "#000080",
+		oldlace: "#fdf5e6",
+		olive: "#808000",
+		olivedrab: "#6b8e23",
+		orange: "#ffa500",
+		orangered: "#ff4500",
+		orchid: "#da70d6",
+		palegoldenrod: "#eee8aa",
+		palegreen: "#98fb98",
+		paleturquoise: "#afeeee",
+		palevioletred: "#db7093",
+		papayawhip: "#ffefd5",
+		peachpuff: "#ffdab9",
+		peru: "#cd853f",
+		pink: "#ffc0cb",
+		plum: "#dda0dd",
+		powderblue: "#b0e0e6",
+		purple: "#800080",
+		rebeccapurple: "#663399",
+		red: "#ff0000",
+		rosybrown: "#bc8f8f",
+		royalblue: "#4169e1",
+		saddlebrown: "#8b4513",
+		salmon: "#fa8072",
+		sandybrown: "#f4a460",
+		seagreen: "#2e8b57",
+		seashell: "#fff5ee",
+		sienna: "#a0522d",
+		silver: "#c0c0c0",
+		skyblue: "#87ceeb",
+		slateblue: "#6a5acd",
+		slategray: "#708090",
+		slategrey: "#708090",
+		snow: "#fffafa",
+		springgreen: "#00ff7f",
+		tan: "#d2b48c",
+		teal: "#008080",
+		thistle: "#d8bfd8",
+		transparent: "#00000000",
+		turquoise: "#40e0d0",
+		violet: "#ee82ee",
+		wheat: "#f5deb3",
+		white: "#ffffff",
+		whitesmoke: "#f5f5f5",
+		yellow: "#ffff00",
+		yellowgreen: "#9acd32"
+	},
+	parse: (e) => {
+		e = e.toLowerCase();
+		let t = f.colors[e];
+		if (t) return u.parse(t);
+	},
+	stringify: (e) => {
+		let t = u.stringify(e);
+		for (let e in f.colors) if (f.colors[e] === t) return e;
+	}
+}, p = {
+	re: /^rgba?\(\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))(?:\s*?(?:,|\/)\s*?\+?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?)))?\s*?\)$/i,
+	parse: (e) => {
+		let t = e.charCodeAt(0);
+		if (t !== 114 && t !== 82) return;
+		let n = e.match(p.re);
+		if (!n) return;
+		let [, r, i, o, s, c, u, d, f] = n;
+		return l.set({
+			r: a.channel.clamp.r(i ? parseFloat(r) * 2.55 : parseFloat(r)),
+			g: a.channel.clamp.g(s ? parseFloat(o) * 2.55 : parseFloat(o)),
+			b: a.channel.clamp.b(u ? parseFloat(c) * 2.55 : parseFloat(c)),
+			a: d ? a.channel.clamp.a(f ? parseFloat(d) / 100 : parseFloat(d)) : 1
+		}, e);
+	},
+	stringify: (e) => {
+		let { r: t, g: n, b: r, a: i } = e;
+		return i < 1 ? `rgba(${a.lang.round(t)}, ${a.lang.round(n)}, ${a.lang.round(r)}, ${a.lang.round(i)})` : `rgb(${a.lang.round(t)}, ${a.lang.round(n)}, ${a.lang.round(r)})`;
+	}
+}, m = {
+	format: {
+		keyword: f,
+		hex: u,
+		rgb: p,
+		rgba: p,
+		hsl: d,
+		hsla: d
+	},
+	parse: (e) => {
+		if (typeof e != "string") return e;
+		let t = u.parse(e) || p.parse(e) || d.parse(e) || f.parse(e);
+		if (t) return t;
+		throw Error(`Unsupported color format: "${e}"`);
+	},
+	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(s.HSL) || e.data.r === void 0 ? d.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? p.stringify(e) : u.stringify(e)
+}, ee = (e, t) => {
+	let n = m.parse(e);
+	for (let e in t) n[e] = a.channel.clamp[e](t[e]);
+	return m.stringify(n);
+}, h = (e, t, n = 0, r = 1) => {
+	if (typeof e != "number") return ee(e, { a: t });
+	let i = l.set({
+		r: a.channel.clamp.r(e),
+		g: a.channel.clamp.g(t),
+		b: a.channel.clamp.b(n),
+		a: a.channel.clamp.a(r)
+	});
+	return m.stringify(i);
+}, g = (e) => {
+	let { r: t, g: n, b: r } = m.parse(e), i = .2126 * a.channel.toLinear(t) + .7152 * a.channel.toLinear(n) + .0722 * a.channel.toLinear(r);
+	return a.lang.round(i);
+}, te = (e) => g(e) >= .5, _ = (e) => !te(e), v = (e, t, n) => {
+	let r = m.parse(e), i = r[t], o = a.channel.clamp[t](i + n);
+	return i !== o && (r[t] = o), m.stringify(r);
+}, y = (e, t) => v(e, "l", t), b = (e, t) => v(e, "l", -t), x = (e, t) => {
+	let n = m.parse(e), r = {};
+	for (let e in t) t[e] && (r[e] = n[e] + t[e]);
+	return ee(e, r);
+}, ne = (e, t, n = 50) => {
+	let { r, g: i, b: a, a: o } = m.parse(e), { r: s, g: c, b: l, a: u } = m.parse(t), d = n / 100, f = d * 2 - 1, p = o - u, ee = ((f * p === -1 ? f : (f + p) / (1 + f * p)) + 1) / 2, g = 1 - ee;
+	return h(r * ee + s * g, i * ee + c * g, a * ee + l * g, o * d + u * (1 - d));
+}, S = (e, t = 100) => {
+	let n = m.parse(e);
+	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, ne(n, e, t);
+};
+//#endregion
+//#region node_modules/.pnpm/dompurify@3.4.17/node_modules/dompurify/dist/purify.es.mjs
+function re(e, t) {
+	this.v = e, this.k = t;
+}
+function C(e, t) {
+	(t == null || t > e.length) && (t = e.length);
+	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
+	return r;
+}
+function ie(e) {
+	if (Array.isArray(e)) return e;
+}
+function ae(e, t) {
+	var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+	if (n != null) {
+		var r, i, a, o, s = [], c = !0, l = !1;
+		try {
+			if (a = (n = n.call(e)).next, t === 0) {
+				if (Object(n) !== n) return;
+				c = !1;
+			} else for (; !(c = (r = a.call(n)).done) && (s.push(r.value), s.length !== t); c = !0);
+		} catch (e) {
+			l = !0, i = e;
+		} finally {
+			try {
+				if (!c && n.return != null && (o = n.return(), Object(o) !== o)) return;
+			} finally {
+				if (l) throw i;
+			}
+		}
+		return s;
+	}
+}
+function oe() {
+	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function se(e, t) {
+	return ie(e) || ae(e, t) || ce(e, t) || oe();
+}
+function ce(e, t) {
+	if (e) {
+		if (typeof e == "string") return C(e, t);
+		var n = {}.toString.call(e).slice(8, -1);
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? C(e, t) : void 0;
+	}
+}
+function w(e) {
+	var t, n;
+	function r(t, n) {
+		try {
+			var a = e[t](n), o = a.value, s = o instanceof re;
+			Promise.resolve(s ? o.v : o).then(function(n) {
+				if (s) {
+					var c = t === "return" && o.k ? t : "next";
+					if (!o.k || n.done) return r(c, n);
+					n = e[c](n).value;
+				}
+				i(!!a.done, n);
+			}, function(e) {
+				r("throw", e);
+			});
+		} catch (e) {
+			i(2, e);
+		}
+	}
+	function i(e, i) {
+		e === 2 ? t.reject(i) : t.resolve({
+			value: i,
+			done: e
+		}), (t = t.next) ? r(t.key, t.arg) : n = null;
+	}
+	this._invoke = function(e, i) {
+		return new Promise(function(a, o) {
+			var s = {
+				key: e,
+				arg: i,
+				resolve: a,
+				reject: o,
+				next: null
+			};
+			n ? n = n.next = s : (t = n = s, r(e, i));
+		});
+	}, typeof e.return != "function" && (this.return = void 0);
+}
+w.prototype[typeof Symbol == "function" && Symbol.asyncIterator || "@@asyncIterator"] = function() {
+	return this;
+}, w.prototype.next = function(e) {
+	return this._invoke("next", e);
+}, w.prototype.throw = function(e) {
+	return this._invoke("throw", e);
+}, w.prototype.return = function(e) {
+	return this._invoke("return", e);
+};
+var le = Object.entries, ue = Object.setPrototypeOf, de = Object.isFrozen, fe = Object.getPrototypeOf, pe = Object.getOwnPropertyDescriptor, T = Object.freeze, E = Object.seal, me = Object.create, he = typeof Reflect < "u" && Reflect, ge = he.apply, _e = he.construct;
+T ||= function(e) {
+	return e;
+}, E ||= function(e) {
+	return e;
+}, ge ||= function(e, t) {
+	var n = [...arguments].slice(2);
+	return e.apply(t, n);
+}, _e ||= function(e) {
+	return new e(...[...arguments].slice(1));
+};
+var ve = A(Array.prototype.forEach);
+Array.prototype.indexOf;
+var ye = A(Array.prototype.lastIndexOf), be = A(Array.prototype.pop), xe = A(Array.prototype.push), Se = A(Array.prototype.slice), Ce = A(Array.prototype.splice), we = Array.isArray, Te = ze(Set), Ee = A(Set.prototype.add), De = A(Set.prototype.has), Oe = A(String.prototype.toLowerCase), ke = A(String.prototype.toString), Ae = A(String.prototype.match), je = A(String.prototype.replace), Me = A(String.prototype.indexOf), Ne = A(String.prototype.trim), Pe = A(Number.prototype.toString), D = A(Boolean.prototype.toString), Fe = typeof BigInt > "u" ? null : A(BigInt.prototype.toString), Ie = typeof Symbol > "u" ? null : A(Symbol.prototype.toString), O = A(Object.prototype.hasOwnProperty), Le = A(Object.prototype.toString), k = A(RegExp.prototype.test), Re = ze(TypeError);
+function A(e) {
+	return function(t) {
+		t instanceof RegExp && (t.lastIndex = 0);
+		var n = [...arguments].slice(1);
+		return ge(e, t, n);
+	};
+}
+function ze(e) {
+	return function() {
+		return _e(e, [...arguments]);
+	};
+}
+function j(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Oe;
+	if (ue && ue(e, null), !we(t)) return e;
+	let r = t.length;
+	for (; r--;) {
+		let i = t[r];
+		if (typeof i == "string") {
+			let e = n(i);
+			e !== i && (de(t) || (t[r] = e), i = e);
+		}
+		e[i] = !0;
+	}
+	return e;
+}
+function Be(e) {
+	for (let t = 0; t < e.length; t++) O(e, t) || (e[t] = null);
+	return e;
+}
+function M(e) {
+	let t = me(null);
+	for (let r of le(e)) {
+		var n = se(r, 2);
+		let i = n[0], a = n[1];
+		O(e, i) && (t[i] = we(a) ? Be(a) : a && typeof a == "object" && a.constructor === Object ? M(a) : a);
+	}
+	return t;
+}
+function Ve(e) {
+	switch (typeof e) {
+		case "string": return e;
+		case "number": return Pe(e);
+		case "boolean": return D(e);
+		case "bigint": return Fe ? Fe(e) : "0";
+		case "symbol": return Ie ? Ie(e) : "Symbol()";
+		case "undefined": return Le(e);
+		case "function":
+		case "object": {
+			if (e === null) return Le(e);
+			let t = e, n = N(t, "toString");
+			if (typeof n == "function") {
+				let e = n(t);
+				return typeof e == "string" ? e : Le(e);
+			}
+			return Le(e);
+		}
+		default: return Le(e);
+	}
+}
+function N(e, t) {
+	for (; e !== null;) {
+		let n = pe(e, t);
+		if (n) {
+			if (n.get) return A(n.get);
+			if (typeof n.value == "function") return A(n.value);
+		}
+		e = fe(e);
+	}
+	function n() {
+		return null;
+	}
+	return n;
+}
+function He(e, t) {
+	for (; e !== null;) {
+		let n = pe(e, t);
+		if (n) return n.get ? A(n.get) : null;
+		e = fe(e);
+	}
+	return null;
+}
+function Ue(e) {
+	try {
+		return k(e, ""), !0;
+	} catch {
+		return !1;
+	}
+}
+var We = T(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), Ge = T(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), Ke = T([
+	"feBlend",
+	"feColorMatrix",
+	"feComponentTransfer",
+	"feComposite",
+	"feConvolveMatrix",
+	"feDiffuseLighting",
+	"feDisplacementMap",
+	"feDistantLight",
+	"feDropShadow",
+	"feFlood",
+	"feFuncA",
+	"feFuncB",
+	"feFuncG",
+	"feFuncR",
+	"feGaussianBlur",
+	"feImage",
+	"feMerge",
+	"feMergeNode",
+	"feMorphology",
+	"feOffset",
+	"fePointLight",
+	"feSpecularLighting",
+	"feSpotLight",
+	"feTile",
+	"feTurbulence"
+]), qe = T([
+	"animate",
+	"color-profile",
+	"cursor",
+	"discard",
+	"font-face",
+	"font-face-format",
+	"font-face-name",
+	"font-face-src",
+	"font-face-uri",
+	"foreignobject",
+	"hatch",
+	"hatchpath",
+	"mesh",
+	"meshgradient",
+	"meshpatch",
+	"meshrow",
+	"missing-glyph",
+	"script",
+	"set",
+	"solidcolor",
+	"unknown",
+	"use"
+]), Je = T(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), Ye = T([
+	"maction",
+	"maligngroup",
+	"malignmark",
+	"mlongdiv",
+	"mscarries",
+	"mscarry",
+	"msgroup",
+	"mstack",
+	"msline",
+	"msrow",
+	"semantics",
+	"annotation",
+	"annotation-xml",
+	"mprescripts",
+	"none"
+]), Xe = T(["#text"]), Ze = T(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), Qe = T(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dominant-baseline.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.pointer-events.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-orientation.text-rendering.textlength.type.u1.u2.unicode.values.vector-effect.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), $e = T(/* @__PURE__ */ "accent.accentunder.align.bevelled.close.columnalign.columnlines.columnspacing.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lquote.lspace.mathbackground.mathcolor.mathsize.mathvariant.maxsize.minsize.movablelimits.notation.numalign.open.rowalign.rowlines.rowspacing.rowspan.rspace.rquote.scriptlevel.scriptminsize.scriptsizemultiplier.selection.separator.separators.stretchy.subscriptshift.supscriptshift.symmetric.voffset.width.xmlns".split(".")), et = T([
+	"xlink:href",
+	"xml:id",
+	"xlink:title",
+	"xml:space",
+	"xmlns:xlink"
+]), tt = E(/{{[\w\W]*|^[\w\W]*}}/g), nt = E(/<%[\w\W]*|^[\w\W]*%>/g), rt = E(/\${[\w\W]*/g), it = E(/^data-[\-\w.\u00B7-\uFFFF]+$/), at = E(/^aria-[\-\w]+$/), ot = E(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), st = E(/^(?:\w+script|data):/i), ct = E(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), lt = E(/^html$/i), ut = E(/^[a-z][.\w]*(-[.\w]+)+$/i), dt = E(/<[/\w!]/g), ft = E(/<[/\w]/g), pt = E(/<\/no(script|embed|frames)/i), mt = E(/\/>/i), P = {
+	element: 1,
+	attribute: 2,
+	text: 3,
+	cdataSection: 4,
+	entityReference: 5,
+	entityNode: 6,
+	processingInstruction: 7,
+	comment: 8,
+	document: 9,
+	documentType: 10,
+	documentFragment: 11,
+	notation: 12
+}, ht = T(j({}, [
+	"style",
+	"script",
+	"xmp",
+	"iframe",
+	"noembed",
+	"noframes",
+	"plaintext",
+	"noscript"
+])), gt = function() {
+	return typeof window > "u" ? null : window;
+}, _t = function(e, t) {
+	if (typeof e != "object" || typeof e.createPolicy != "function") return null;
+	let n = null, r = "data-tt-policy-suffix";
+	t && t.hasAttribute(r) && (n = t.getAttribute(r));
+	let i = "dompurify" + (n ? "#" + n : "");
+	try {
+		return e.createPolicy(i, {
+			createHTML(e) {
+				return e;
+			},
+			createScriptURL(e) {
+				return e;
+			}
+		});
+	} catch {
+		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
+	}
+}, vt = function() {
+	return {
+		afterSanitizeAttributes: [],
+		afterSanitizeElements: [],
+		afterSanitizeShadowDOM: [],
+		beforeSanitizeAttributes: [],
+		beforeSanitizeElements: [],
+		beforeSanitizeShadowDOM: [],
+		uponSanitizeAttribute: [],
+		uponSanitizeElement: [],
+		uponSanitizeShadowNode: []
+	};
+}, yt = function(e, t, n, r) {
+	return O(e, t) && we(e[t]) ? j(r.base ? M(r.base) : {}, e[t], r.transform) : n;
+}, bt = function(e, t, n) {
+	let r = O(e, t) ? e[t] : void 0;
+	return r && typeof r == "object" ? M(r) : n();
+};
+function xt() {
+	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : gt(), t = (e) => xt(e);
+	if (t.version = "3.4.17", t.removed = [], !e || !e.document || e.document.nodeType !== P.document || !e.Element) return t.isSupported = !1, t;
+	let n = e.document, r = n, i = r.currentScript;
+	e.DocumentFragment;
+	let a = e.HTMLTemplateElement, o = e.Node, s = e.Element, c = e.NodeFilter;
+	e.NamedNodeMap === void 0 && (e.NamedNodeMap || e.MozNamedAttrMap), e.HTMLFormElement;
+	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = N(d, "cloneNode"), p = N(d, "remove"), m = N(d, "removeAttributeNode"), ee = N(d, "nextSibling"), h = N(d, "childNodes"), g = N(d, "parentNode"), te = N(d, "shadowRoot"), _ = N(d, "attributes"), v = o && o.prototype ? N(o.prototype, "nodeType") : null, y = o && o.prototype ? N(o.prototype, "nodeName") : null, b = o && o.prototype ? N(o.prototype, "ownerDocument") : null, x = function(e) {
+		return v ? v(e) : e.nodeType;
+	}, ne = function(e) {
+		return y ? y(e) : e.nodeName;
+	}, S = He(d, "namespaceURI"), re = function(e) {
+		return S ? S(e) : e.namespaceURI;
+	};
+	if (typeof a == "function") {
+		let e = n.createElement("template");
+		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
+	}
+	let C, ie = "", ae, oe = !1, se = 0, ce = function() {
+		if (se > 0) throw Re("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, w = function(e) {
+		ce(), se++;
+		try {
+			return C.createHTML(e);
+		} finally {
+			se--;
+		}
+	}, ue = function(e) {
+		ce(), se++;
+		try {
+			return C.createScriptURL(e);
+		} finally {
+			se--;
+		}
+	}, de = function() {
+		return oe ||= (ae = _t(u, i), !0), ae;
+	}, fe = n, pe = fe.implementation, he = fe.createNodeIterator, ge = fe.createDocumentFragment, _e = fe.getElementsByTagName, Pe = r.importNode, D = vt();
+	t.isSupported = typeof le == "function" && typeof g == "function" && pe && pe.createHTMLDocument !== void 0;
+	let Fe = tt, Ie = nt, Le = rt, A = it, ze = at, Be = st, St = ct, Ct = ut, wt = ot, F = null, Tt = j({}, [
+		...We,
+		...Ge,
+		...Ke,
+		...Je,
+		...Xe
+	]), I = null, Et = j({}, [
+		...Ze,
+		...Qe,
+		...$e,
+		...et
+	]), L = Object.seal(me(null, {
+		tagNameCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		attributeNameCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		allowCustomizedBuiltInElements: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: !1
+		}
+	})), R = null, Dt = null, Ot = Object.seal(me(null, {
+		tagCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		},
+		attributeCheck: {
+			writable: !0,
+			configurable: !1,
+			enumerable: !0,
+			value: null
+		}
+	})), kt = !0, At = !0, jt = !1, z = !0, B = !1, V = !0, H = !1, Mt = !1, U = null, Nt = null, Pt = !1, Ft = !1, It = !1, Lt = !1, Rt = !0, zt = !1, Bt = "user-content-", Vt = !0, Ht = !1, Ut = null, Wt = {}, Gt = null, Kt = j({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), qt = null, Jt = j({}, [
+		"audio",
+		"video",
+		"img",
+		"source",
+		"image",
+		"track"
+	]), Yt = null, Xt = j({}, [
+		"alt",
+		"class",
+		"for",
+		"id",
+		"label",
+		"name",
+		"pattern",
+		"placeholder",
+		"role",
+		"summary",
+		"title",
+		"value",
+		"style",
+		"xmlns"
+	]), Zt = "http://www.w3.org/1998/Math/MathML", Qt = "http://www.w3.org/2000/svg", W = "http://www.w3.org/1999/xhtml", G = W, K = !1, $t = null, en = j({}, [
+		Zt,
+		Qt,
+		W
+	], ke), tn = T([
+		"mi",
+		"mo",
+		"mn",
+		"ms",
+		"mtext"
+	]), nn = j({}, tn), rn = T(["annotation-xml"]), an = j({}, rn), on = j({}, [
+		"title",
+		"style",
+		"font",
+		"a",
+		"script"
+	]), sn = null, cn = ["application/xhtml+xml", "text/html"], q = null, J = null, ln = n.createElement("form"), un = function(e) {
+		return e instanceof RegExp || e instanceof Function;
+	}, dn = function() {
+		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+		if (J && J === e) return;
+		(!e || typeof e != "object") && (e = {}), e = M(e), sn = cn.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, q = sn === "application/xhtml+xml" ? ke : Oe, F = yt(e, "ALLOWED_TAGS", Tt, { transform: q }), I = yt(e, "ALLOWED_ATTR", Et, { transform: q }), $t = yt(e, "ALLOWED_NAMESPACES", en, { transform: ke }), Yt = yt(e, "ADD_URI_SAFE_ATTR", Xt, {
+			transform: q,
+			base: Xt
+		}), qt = yt(e, "ADD_DATA_URI_TAGS", Jt, {
+			transform: q,
+			base: Jt
+		}), Gt = yt(e, "FORBID_CONTENTS", Kt, { transform: q }), R = yt(e, "FORBID_TAGS", M({}), { transform: q }), Dt = yt(e, "FORBID_ATTR", M({}), { transform: q }), Wt = O(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? M(e.USE_PROFILES) : e.USE_PROFILES : !1, kt = e.ALLOW_ARIA_ATTR !== !1, At = e.ALLOW_DATA_ATTR !== !1, jt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, z = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, B = e.SAFE_FOR_TEMPLATES || !1, V = e.SAFE_FOR_XML !== !1, H = e.WHOLE_DOCUMENT || !1, Ft = e.RETURN_DOM || !1, It = e.RETURN_DOM_FRAGMENT || !1, Lt = e.RETURN_TRUSTED_TYPE || !1, Pt = e.FORCE_BODY || !1, Rt = e.SANITIZE_DOM !== !1, zt = e.SANITIZE_NAMED_PROPS || !1, Vt = e.KEEP_CONTENT !== !1, Ht = e.IN_PLACE || !1, wt = Ue(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : ot, G = typeof e.NAMESPACE == "string" ? e.NAMESPACE : W, nn = bt(e, "MATHML_TEXT_INTEGRATION_POINTS", () => j({}, tn)), an = bt(e, "HTML_INTEGRATION_POINTS", () => j({}, rn));
+		let t = bt(e, "CUSTOM_ELEMENT_HANDLING", () => me(null));
+		if (L = me(null), O(t, "tagNameCheck") && un(t.tagNameCheck) && (L.tagNameCheck = t.tagNameCheck), O(t, "attributeNameCheck") && un(t.attributeNameCheck) && (L.attributeNameCheck = t.attributeNameCheck), O(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (L.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), E(L), B && (At = !1), It && (Ft = !0), Wt && (F = j({}, Xe), I = me(null), Wt.html === !0 && (j(F, We), j(I, Ze)), Wt.svg === !0 && (j(F, Ge), j(I, Qe), j(I, et)), Wt.svgFilters === !0 && (j(F, Ke), j(I, Qe), j(I, et)), Wt.mathMl === !0 && (j(F, Je), j(I, $e), j(I, et))), Ot.tagCheck = null, Ot.attributeCheck = null, O(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? Ot.tagCheck = e.ADD_TAGS : we(e.ADD_TAGS) && (F === Tt && (F = M(F)), j(F, e.ADD_TAGS, q))), O(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? Ot.attributeCheck = e.ADD_ATTR : we(e.ADD_ATTR) && (I === Et && (I = M(I)), j(I, e.ADD_ATTR, q))), O(e, "ADD_FORBID_CONTENTS") && we(e.ADD_FORBID_CONTENTS) && (Gt === Kt && (Gt = M(Gt)), j(Gt, e.ADD_FORBID_CONTENTS, q)), Vt && (F["#text"] = !0), H && j(F, [
+			"html",
+			"head",
+			"body"
+		]), F.table && (j(F, ["tbody"]), delete R.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Re("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Re("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
+			let t = C;
+			C = e.TRUSTED_TYPES_POLICY;
+			try {
+				ie = w("");
+			} catch (e) {
+				throw C = t, e;
+			}
+		} else e.TRUSTED_TYPES_POLICY === null ? (C = void 0, ie = "") : (C === void 0 && (C = de()), C && typeof ie == "string" && (ie = w("")));
+		T && T(e), J = e;
+	}, fn = j({}, [
+		...Ge,
+		...Ke,
+		...qe
+	]), pn = j({}, [...Je, ...Ye]), Y = function(e, t, n) {
+		return t.namespaceURI === W ? e === "svg" : t.namespaceURI === Zt ? e === "svg" && (n === "annotation-xml" || nn[n]) : !!fn[e];
+	}, mn = function(e, t, n) {
+		return t.namespaceURI === W ? e === "math" : t.namespaceURI === Qt ? e === "math" && an[n] : !!pn[e];
+	}, hn = function(e, t, n) {
+		return t.namespaceURI === Qt && !an[n] || t.namespaceURI === Zt && !nn[n] ? !1 : !pn[e] && (on[e] || !fn[e]);
+	}, X = function(e) {
+		let t = re(e), n = Oe(ne(e)), r = g(e), i, a;
+		return r && x(r) === P.element ? (i = { namespaceURI: re(r) }, a = Oe(ne(r))) : (i = { namespaceURI: G }, a = "template"), $t[t] ? t === Qt ? Y(n, i, a) : t === Zt ? mn(n, i, a) : t === W ? hn(n, i, a) : !!(sn === "application/xhtml+xml" && $t[t]) : !1;
+	}, Z = function(e) {
+		xe(t.removed, { element: e });
+		try {
+			g(e).removeChild(e);
+		} catch {
+			if (p(e), !g(e)) throw Re("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+		}
+	}, gn = function(e, t, n) {
+		try {
+			m(e, t);
+		} catch {
+			try {
+				e.removeAttribute(n);
+			} catch {}
+		}
+	}, _n = function(e) {
+		bn(e);
+		let t = h(e);
+		t && ve(Se(t), (e) => {
+			try {
+				p(e);
+			} catch {}
+		});
+		let n = x(e) === P.element ? _(e) : null;
+		if (n) for (let t = n.length - 1; t >= 0; --t) {
+			let r = n[t], i = r && r.name;
+			typeof i == "string" && gn(e, r, i);
+		}
+	}, Q = function(e, n, r) {
+		if (!r) try {
+			r = n.getAttributeNode(e);
+		} catch {
+			r = null;
+		}
+		xe(t.removed, {
+			attribute: r || null,
+			from: n
+		});
+		try {
+			r ? m(n, r) : n.removeAttribute(e);
+		} catch {
+			try {
+				n.removeAttribute(e);
+			} catch {}
+		}
+		if (e === "is") {
+			if (Ft || It) try {
+				Z(n);
+			} catch {}
+			else try {
+				n.setAttribute(e, "");
+			} catch {}
+		}
+	}, vn = function(e) {
+		let t = _(e);
+		if (t) for (let n = t.length - 1; n >= 0; --n) {
+			let r = t[n], i = r && r.name;
+			typeof i != "string" || I[q(i)] || gn(e, r, i);
+		}
+	}, yn = function(e, t) {
+		let n = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], r = [e];
+		for (; r.length > 0;) {
+			let e = r.pop();
+			if (t(e) === !1) continue;
+			if (n && x(e) === P.element) {
+				let t = te(e);
+				Fn(t) && r.push(t);
+			}
+			let i = h(e);
+			if (i) for (let e = i.length - 1; e >= 0; --e) r.push(i[e]);
+		}
+	}, bn = function(e) {
+		yn(e, (e) => {
+			x(e) === P.element && vn(e);
+		});
+	}, xn = function(e) {
+		let t = [];
+		return yn(e, (e) => {
+			t.push(e);
+		}, !0), t;
+	}, Sn = function(e, t) {
+		let n = Te();
+		ve(xn(e), (e) => {
+			x(e) === P.element && Ee(n, e);
+		}), ve(t, (e) => {
+			x(e) === P.element && !De(n, e) && vn(e);
+		});
+	}, Cn = function(e, n) {
+		let r = !1;
+		return ve(t.removed, (t) => {
+			t.element && (r ||= t.element === e, bn(t.element));
+		}), Sn(e, n), r;
+	}, wn = function(e, t) {
+		let n = Ut, r = null, i = () => (r || (r = Te(), ve(t, (e) => {
+			Ee(r, e);
+		})), r);
+		for (let t = 0;; t++) {
+			let r = xn(e), a = [e], o = !1;
+			if (ve(r, (e) => {
+				x(e) === P.documentFragment ? xe(a, e) : !o && !De(n, e) && (o = De(i(), e));
+			}), !o) return;
+			if (t >= 8) throw Re("the tree kept changing during in-place sanitization; refusing to return it");
+			ve(a, (t, n) => {
+				Tn(t, n > 0, e, i());
+			});
+		}
+	}, Tn = function(e, t, n, r) {
+		let i = An(e), a;
+		for (; a = i.nextNode();) De(r, a) && !De(Ut, a) && (t && $(D.uponSanitizeShadowNode, a, null), Hn(a, n), Yn(a, n), Fn(a.content) && Xn(a.content));
+	}, En = function(e) {
+		Ut && Ee(Ut, e);
+	}, Dn = function(e, t) {
+		return V ? e === "patchsrc" || e === "for" && t !== "label" && t !== "output" : !1;
+	}, On = function(e) {
+		V && yn(e, (e) => {
+			let t = x(e);
+			if (t === P.processingInstruction || t === P.comment && k(ft, e.data)) {
+				try {
+					p(e);
+				} catch {}
+				return !1;
+			}
+			if (t === P.element) {
+				let t = e, n = q(ne(e));
+				try {
+					t.hasAttribute && t.hasAttribute("patchsrc") && t.removeAttribute("patchsrc"), t.hasAttribute && t.hasAttribute("for") && Dn("for", n) && t.removeAttribute("for");
+				} catch {}
+			}
+			return !0;
+		});
+	}, kn = function(e) {
+		let t = null, r = null;
+		if (Pt) e = "<remove></remove>" + e;
+		else {
+			let t = Ae(e, /^[\r\n\t ]+/);
+			r = t && t[0];
+		}
+		sn === "application/xhtml+xml" && G === W && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = C ? w(e) : e;
+		if (G === W) try {
+			t = new l().parseFromString(i, sn);
+		} catch {}
+		if (!t || !t.documentElement) {
+			t = pe.createDocument(G, "template", null);
+			try {
+				t.documentElement.innerHTML = K ? ie : i;
+			} catch {}
+		}
+		let a = t.body || t.documentElement;
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), G === W ? _e.call(t, H ? "html" : "body")[0] : H ? t.documentElement : a;
+	}, An = function(e) {
+		let t = b ? b(e) : e.ownerDocument;
+		return he.call(t || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+	}, jn = function(e) {
+		return e = je(e, Fe, " "), e = je(e, Ie, " "), e = je(e, Le, " "), e;
+	}, Mn = function(e) {
+		Nn(e);
+		let t = e.querySelectorAll?.call(e, "template");
+		t && ve(t, (e) => {
+			Fn(e.content) && Mn(e.content);
+		});
+	}, Nn = function(e) {
+		e.normalize();
+		let t = b ? b(e) : e.ownerDocument, n = he.call(t || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), r = n.nextNode();
+		for (; r;) r.data = jn(r.data), r = n.nextNode();
+	}, Pn = function(e) {
+		let t = y ? y(e) : null;
+		return typeof t != "string" || q(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== _(e) || typeof e.removeAttribute != "function" || typeof e.removeAttributeNode != "function" || typeof e.getAttributeNode != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== v(e) || e.childNodes !== h(e);
+	}, Fn = function(e) {
+		if (!v || typeof e != "object" || !e) return !1;
+		try {
+			return v(e) === P.documentFragment;
+		} catch {
+			return !1;
+		}
+	}, In = function(e) {
+		if (!v || typeof e != "object" || !e) return !1;
+		try {
+			return typeof v(e) == "number";
+		} catch {
+			return !1;
+		}
+	};
+	function $(e, n, r) {
+		e.length !== 0 && ve(e, (e) => {
+			e.call(t, n, r, J);
+		});
+	}
+	let Ln = function(e, t) {
+		return !!(V && e.hasChildNodes() && !In(e.firstElementChild) && k(dt, e.textContent) && k(dt, e.innerHTML) || V && ht[t] && x(e) === P.element && re(e) === W && (In(e.firstElementChild) || typeof e.textContent == "string" && k(dt, e.textContent)) || e.nodeType === P.processingInstruction || V && e.nodeType === P.comment && k(ft, e.data));
+	}, Rn = function(e, t) {
+		return e instanceof RegExp ? k(e, t) : e instanceof Function && !!e(t, ...[...arguments].slice(2));
+	}, zn = function(e, t, n) {
+		if (!R[t] && Gn(t) && Rn(L.tagNameCheck, t)) return !1;
+		if (Vt && !Gt[t] && !Gt[Oe(t)]) {
+			let t = g(e), r = h(e);
+			if (r && t) {
+				let i = r.length;
+				for (let a = i - 1; a >= 0; --a) {
+					let i = e === n ? f(r[a], !0) : r[a];
+					t.insertBefore(i, ee(e));
+				}
+			}
+		}
+		return Z(e), !0;
+	}, Bn = function(e, t, n, r) {
+		return e.length === 0 ? t : t === n || t === r ? M(t) : t;
+	}, Vn = function(e, t) {
+		return e === t || g(e) !== null ? !1 : (Ht && bn(e), !0);
+	}, Hn = function(e, n) {
+		if (En(e), $(D.beforeSanitizeElements, e, null), Vn(e, n)) return !0;
+		if (Pn(e)) return Z(e), !0;
+		let r = q(ne(e));
+		if (F = Bn(D.uponSanitizeElement, F, Tt, U), $(D.uponSanitizeElement, e, {
+			tagName: r,
+			allowedTags: F
+		}), Vn(e, n)) return !0;
+		if (Ln(e, r)) return Z(e), !0;
+		if (R[r] || !(Ot.tagCheck instanceof Function && Ot.tagCheck(r)) && !F[r]) {
+			let t = zn(e, r, n);
+			return t === !1 && ($(D.afterSanitizeElements, e, null), Vn(e, n)) ? !0 : t;
+		}
+		if (x(e) === P.element && !X(e) || (r === "noscript" || r === "noembed" || r === "noframes") && k(pt, e.innerHTML)) return Z(e), !0;
+		if (B && e.nodeType === P.text) {
+			let n = jn(e.textContent);
+			e.textContent !== n && (xe(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		}
+		return $(D.afterSanitizeElements, e, null), Vn(e, n);
+	}, Un = function(e, t, r) {
+		if (Dt[t] || Dn(t, e) || Rt && (t === "id" || t === "name") && (r in n || r in ln)) return !1;
+		let i = I[t] || Ot.attributeCheck instanceof Function && Ot.attributeCheck(t, e);
+		return At && k(A, t) || kt && k(ze, t) ? !0 : i ? Yt[t] || k(wt, je(r, St, "")) || (t === "src" || t === "xlink:href" || t === "href") && e !== "script" && Me(r, "data:") === 0 && qt[e] || jt && !k(Be, je(r, St, "")) ? !0 : !r : Gn(e) && Rn(L.tagNameCheck, e) && Rn(L.attributeNameCheck, t, e) || t === "is" && L.allowCustomizedBuiltInElements && Rn(L.tagNameCheck, r);
+	}, Wn = j({}, [
+		"annotation-xml",
+		"color-profile",
+		"font-face",
+		"font-face-format",
+		"font-face-name",
+		"font-face-src",
+		"font-face-uri",
+		"missing-glyph"
+	]), Gn = function(e) {
+		return !Wn[Oe(e)] && k(Ct, e);
+	}, Kn = function(e, t, n, r) {
+		if (C && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
+			case "TrustedHTML": return w(r);
+			case "TrustedScriptURL": return ue(r);
+		}
+		return r;
+	}, qn = function(e, t, n, r) {
+		try {
+			return n ? e.setAttributeNS(n, t, r) : e.setAttribute(t, r), !Pn(e) || (Z(e), !1);
+		} catch {
+			return Q(t, e), !1;
+		}
+	}, Jn = function(e, t) {
+		return V && k(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, t) ? !0 : Oe(e) === "attributename" && Ae(t, "href") !== null;
+	}, Yn = function(e, n) {
+		if ($(D.beforeSanitizeAttributes, e, null), Vn(e, n)) return;
+		let r = e.attributes;
+		if (!r || Pn(e)) return;
+		I = Bn(D.uponSanitizeAttribute, I, Et, Nt);
+		let i = {
+			attrName: "",
+			attrValue: "",
+			keepAttr: !0,
+			allowedAttributes: I,
+			forceKeepAttr: void 0
+		}, a = r.length, o = q(e.nodeName);
+		for (; a--;) {
+			let n = r[a], s = n.name, c = n.namespaceURI, l = n.value, u = q(s), d = l, f = s === "value" ? d : Ne(d), p = !1;
+			i.attrName = u, i.attrValue = f, i.keepAttr = !0, i.forceKeepAttr = void 0, $(D.uponSanitizeAttribute, e, i), f = i.attrValue, zt && (u === "id" || u === "name") && Me(f, Bt) !== 0 && (Q(s, e, n), f = Bt + f, p = !0), Jn(s, f) ? Q(s, e, n) : i.forceKeepAttr || (i.keepAttr ? !z && k(mt, f) ? Q(s, e, n) : (B && (f = jn(f)), Un(o, u, f) ? (f = Kn(o, u, c, f), f !== d && qn(e, s, c, f) && p && be(t.removed)) : Q(s, e, n)) : Q(s, e, n));
+		}
+		$(D.afterSanitizeAttributes, e, null), Vn(e, n);
+	}, Xn = function(e) {
+		let t = null, n = An(e);
+		for ($(D.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if ($(D.uponSanitizeShadowNode, t, null), Hn(t, e), Yn(t, e), Fn(t.content) && Xn(t.content), x(t) === P.element) {
+			let e = te(t);
+			Fn(e) && (Zn(e), Xn(e));
+		}
+		B && Nn(e), $(D.afterSanitizeShadowDOM, e, null);
+	}, Zn = function(e) {
+		let t = [{
+			node: e,
+			shadow: null
+		}];
+		for (; t.length > 0;) {
+			let e = t.pop();
+			if (e.shadow) {
+				Xn(e.shadow);
+				continue;
+			}
+			let n = e.node, r = x(n) === P.element, i = h(n);
+			if (i) for (let e = i.length - 1; e >= 0; --e) t.push({
+				node: i[e],
+				shadow: null
+			});
+			if (r) {
+				let e = y ? y(n) : null;
+				if (typeof e == "string" && q(e) === "template") {
+					let e = n.content;
+					Fn(e) && t.push({
+						node: e,
+						shadow: null
+					});
+				}
+			}
+			if (r) {
+				let e = te(n);
+				Fn(e) && t.push({
+					node: null,
+					shadow: e
+				}, {
+					node: e,
+					shadow: null
+				});
+			}
+		}
+	};
+	return t.sanitize = function(e) {
+		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, a = null, o = null, s = null;
+		if (K = !e, K && (e = "<!-->"), typeof e != "string" && !In(e) && (e = Ve(e), typeof e != "string")) throw Re("dirty is not a string, aborting");
+		if (!t.isSupported) return e;
+		Mt ? (F = U, I = Nt) : dn(n), (D.uponSanitizeElement.length > 0 || D.uponSanitizeAttribute.length > 0) && (F = M(F)), D.uponSanitizeAttribute.length > 0 && (I = M(I)), t.removed = [];
+		let c = Ht && typeof e != "string" && In(e), l = [], u = Ut;
+		if (c) {
+			On(e);
+			let t = ne(e);
+			if (typeof t == "string") {
+				let n = q(t);
+				if (!F[n] || R[n]) throw _n(e), Re("root node is forbidden and cannot be sanitized in-place");
+			}
+			if (Pn(e)) throw _n(e), Re("root node is clobbered and cannot be sanitized in-place");
+			l = xn(e), Ut = Te();
+		} else if (In(e)) i = kn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === P.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Zn(i);
+		else {
+			if (!Ft && !B && !H && e.indexOf("<") === -1) return C && Lt ? w(e) : e;
+			if (i = kn(e), !i) return Ft ? null : Lt ? ie : "";
+		}
+		i && Pt && Z(i.firstChild);
+		let d = c ? e : i;
+		try {
+			c && Zn(e);
+			let t = An(d);
+			for (; o = t.nextNode();) Hn(o, d), Yn(o, d), Fn(o.content) && Xn(o.content);
+			c && wn(e, l);
+		} catch (t) {
+			throw c && (_n(e), Cn(e, l)), t;
+		} finally {
+			Ut = u;
+		}
+		if (c) {
+			if (Cn(e, l)) throw Re("a node selected for removal could not be safely returned; refusing to sanitize in place");
+			return B && Mn(e), e;
+		}
+		if (Ft) {
+			if (B && Mn(i), It) for (s = ge.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
+			else s = i;
+			return (I.shadowroot || I.shadowrootmode) && (s = Pe.call(r, s, !0)), s;
+		}
+		let f = H ? i.outerHTML : i.innerHTML;
+		return H && F["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && k(lt, i.ownerDocument.doctype.name) && (f = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + f), B && (f = jn(f)), C && Lt ? w(f) : f;
+	}, t.setConfig = function() {
+		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+		dn(e), Mt = !0, U = F, Nt = I;
+	}, t.clearConfig = function() {
+		J = null, Mt = !1, U = null, Nt = null, C = ae, ie = "";
+	}, t.isValidAttribute = function(e, t, n) {
+		J || dn({});
+		let r = q(e), i = q(t);
+		return typeof n == "string" && (Jn(t, n) || !z && k(mt, n)) ? !1 : Un(r, i, n);
+	}, t.addHook = function(e, t) {
+		typeof t == "function" && O(D, e) && xe(D[e], t);
+	}, t.removeHook = function(e, t) {
+		if (O(D, e)) {
+			if (t !== void 0) {
+				let n = ye(D[e], t);
+				return n === -1 ? void 0 : Ce(D[e], n, 1)[0];
+			}
+			return be(D[e]);
+		}
+	}, t.removeHooks = function(e) {
+		O(D, e) && (D[e] = []);
+	}, t.removeAllHooks = function() {
+		D = vt();
+	}, t;
+}
+var St = xt(), Ct = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, wt = /\s/, F = /* @__PURE__ */ n((e) => {
+	let t = "", n = 0, r = 0;
+	for (; r < e.length;) {
+		let i = e.indexOf("%%", r);
+		if (i === -1) break;
+		let a = e.indexOf("\n", i);
+		if (a === -1) break;
+		let o = i;
+		for (; o > n && wt.test(e[o - 1]);) o--;
+		t += e.slice(n, o) + "\n", n = a + 1, r = n;
+	}
+	return t + e.slice(n);
+}, "stripAnyComments"), Tt = /* @__PURE__ */ n((e) => e === "\n" || e === "\r", "isLineBreak"), I = /* @__PURE__ */ n((e, t) => {
+	let n = -1;
+	for (let r = t; r < e.length && wt.test(e[r]); r++) Tt(e[r]) && (n = r);
+	return n;
+}, "lastLineBreakInWhitespaceRun"), Et = /* @__PURE__ */ n((e) => {
+	let t = 0;
+	for (; t < e.length && wt.test(e[t]) && !Tt(e[t]);) t++;
+	let r = e.slice(0, t);
+	if (!e.startsWith("---", t)) return;
+	let i = [];
+	for (let n = t + 3; n < e.length && wt.test(e[n]); n++) Tt(e[n]) && i.push(n);
+	if (i.length === 0) return;
+	let a = `${r}---`, o = /* @__PURE__ */ n((t) => Tt(e[t]) && e.startsWith(a, t + 1) ? I(e, t + 1 + a.length) : -1, "closingEnd"), s = i[0] + 1, c = -1;
+	for (let t = s; t < e.length; t++) o(t) !== -1 && (c = t);
+	if (c === -1) return;
+	let l = i[0];
+	for (let e of i) e < c && (l = e);
+	let u = l + 1;
+	for (let t = u; t <= c; t++) {
+		let n = o(t);
+		if (n !== -1) return {
+			indent: r,
+			body: e.slice(u, t),
+			length: n + 1
+		};
+	}
+}, "matchFrontMatter"), L = class extends Error {
+	static {
+		n(this, "UnknownDiagramError");
+	}
+	constructor(e) {
+		super(e), this.name = "UnknownDiagramError";
+	}
+}, R = {}, Dt = /* @__PURE__ */ n(function(e, t) {
+	let n = Et(e);
+	e = F((n ? e.slice(n.length) : e).replace(Ct, ""));
+	for (let [n, { detector: r }] of Object.entries(R)) if (r(e, t)) return n;
+	throw new L(`No diagram type detected matching given configuration for text: ${e}`);
+}, "detectType"), Ot = /* @__PURE__ */ n((...e) => {
+	for (let { id: t, detector: n, loader: r } of e) kt(t, n, r);
+}, "registerLazyLoadedDiagrams"), kt = /* @__PURE__ */ n((e, n, r) => {
+	R[e] && t.warn(`Detector with key ${e} already exists. Overwriting.`), R[e] = {
+		detector: n,
+		loader: r
+	}, t.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
+}, "addDetector"), At = /* @__PURE__ */ n((e) => R[e].loader, "getDiagramLoader"), jt = /* @__PURE__ */ n((e, t, { depth: n = 2 } = {}) => {
+	let r = { depth: n };
+	if (Array.isArray(t) && !Array.isArray(e)) return t.forEach((t) => jt(e, t, r)), e;
+	if (Array.isArray(t) && Array.isArray(e)) return t.forEach((t) => {
+		e.includes(t) || e.push(t);
+	}), e;
+	if (e == null || n <= 0) return typeof e == "object" && e && typeof t == "object" ? Object.assign(e, t) : t;
+	if (t != null && typeof e == "object" && typeof t == "object") {
+		let r = e;
+		Object.entries(t).forEach(([t, i]) => {
+			if (typeof i == "object") {
+				if (i === null) return;
+				Object.hasOwn(e, t) || Object.defineProperty(e, t, {
+					value: void 0,
+					writable: !0,
+					enumerable: !0,
+					configurable: !0
+				}), r[t] === void 0 && (r[t] = Array.isArray(i) ? [] : {}), typeof r[t] == "object" && (r[t] = jt(r[t], i, { depth: n - 1 }));
+			} else typeof r[t] != "object" && (Object.hasOwn(e, t) ? r[t] = i : Object.defineProperty(e, t, {
+				value: i,
+				writable: !0,
+				enumerable: !0,
+				configurable: !0
+			}));
+		});
+	}
+	return e;
+}, "assignWithDepth"), z = jt, B = "#ffffff", V = "#f2f2f2", H = /* @__PURE__ */ n((e, t) => t ? x(e, {
+	s: -40,
+	l: 10
+}) : x(e, {
+	s: -40,
+	l: -10
+}), "mkBorder"), Mt = /* @__PURE__ */ n((e) => typeof e == "object" && !!e && !Array.isArray(e), "isPlainObject"), U = /* @__PURE__ */ n((e, t) => Mt(e) && Mt(t) ? {
+	...e,
+	...t
+} : t, "applyOverride"), Nt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#f4f4f4", this.primaryColor = "#fff4dd", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.useGradient = !0, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || "navy", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.darkMode ? (this.rowOdd = this.rowOdd || b(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 5)), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || this.tertiaryColor, this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || x(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || x(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || x(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || x(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || x(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || x(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || x(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || x(this.primaryColor, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? x(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? x(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? x(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? x(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? x(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? x(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? x(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? x(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.archEdgeColor = this.archEdgeColor || "#777", this.archEdgeArrowColor = this.archEdgeArrowColor || "#777", this.archEdgeWidth = this.archEdgeWidth || "3", this.archGroupBorderColor = this.archGroupBorderColor || "#000", this.archGroupBorderWidth = this.archGroupBorderWidth || "2px", this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		}), Object.hasOwn(e, "nodeBorder") && !Object.hasOwn(e, "useGradient") && (this.useGradient = !1);
+	}
+}, Pt = /* @__PURE__ */ n((e) => {
+	let t = new Nt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Ft = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = "calculated", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#F9FFFE", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "calculated", this.activationBkgColor = "calculated", this.sequenceNumberColor = "black", this.clusterBkg = "#302F3D", this.sectionBkgColor = b("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = b(this.sectionBkgColor, 10), this.taskBorderColor = h(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = h(255, 255, 255, 50), this.activeTaskBkgColor = "#81B1DB", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "grey", this.critBorderColor = "#E83737", this.critBkgColor = "#E83737", this.taskTextDarkColor = "calculated", this.todayLineColor = "#DB5757", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = this.rowOdd || y(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10), this.labelColor = "calculated", this.errorBkgColor = "#a44141", this.errorTextColor = "#ddd", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal";
+	}
+	updateColors() {
+		this.secondBkg = y(this.mainBkg, 16), this.lineColor = this.mainContrastColor, this.arrowheadColor = this.mainContrastColor, this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.edgeLabelBackground = y(this.labelBackground, 25), this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.actorTextColor = this.mainContrastColor, this.actorLineColor = this.actorBorder, this.signalColor = this.mainContrastColor, this.signalTextColor = this.mainContrastColor, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.mainContrastColor, this.loopTextColor = this.mainContrastColor, this.noteBorderColor = this.secondaryBorderColor, this.noteBkgColor = this.secondBkg, this.noteTextColor = this.secondaryTextColor, this.activationBorderColor = this.border1, this.activationBkgColor = this.secondBkg, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.background, this.taskBkgColor = y(this.mainBkg, 23), this.taskTextColor = this.darkTextColor, this.taskTextLightColor = this.mainContrastColor, this.taskTextOutsideColor = this.taskTextLightColor, this.gridColor = this.mainContrastColor, this.doneTaskBkgColor = this.mainContrastColor, this.taskTextDarkColor = S(this.doneTaskBkgColor), this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#555", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#f4f4f4", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.cScale1 = this.cScale1 || "#0b0000", this.cScale2 = this.cScale2 || "#4d1037", this.cScale3 = this.cScale3 || "#3f5258", this.cScale4 = this.cScale4 || "#4f2f1b", this.cScale5 = this.cScale5 || "#6e0a0a", this.cScale6 = this.cScale6 || "#3b0048", this.cScale7 = this.cScale7 || "#995a01", this.cScale8 = this.cScale8 || "#154706", this.cScale9 = this.cScale9 || "#161722", this.cScale10 = this.cScale10 || "#00296f", this.cScale11 = this.cScale11 || "#01629c", this.cScale12 = this.cScale12 || "#010029", this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10);
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(-10 + e * 4)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(-7 + e * 4)
+		});
+		this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + e] = this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.mainContrastColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.mainContrastColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? y(this["cScale" + e], 30);
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#FF6B6B",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#1B5E20",
+			complicatedBg: this.cynefin?.complicatedBg || "#0D47A1",
+			chaoticBg: this.cynefin?.chaoticBg || "#BF360C",
+			clearBg: this.cynefin?.clearBg || "#F57F17",
+			confusionBg: this.cynefin?.confusionBg || "#4A148C",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#3498db,#2ecc71,#e74c3c,#f1c40f,#bdc3c7,#ffffff,#34495e,#9b59b6,#1abc9c,#e67e22"
+		}, this.packet = {
+			startByteColor: this.primaryTextColor,
+			endByteColor: this.primaryTextColor,
+			labelColor: this.primaryTextColor,
+			titleColor: this.primaryTextColor,
+			blockStrokeColor: this.primaryTextColor,
+			blockFillColor: this.background
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#ff6b6b", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.mainBkg,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.mainBkg
+		}, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = y(this.secondaryColor, 20), this.git1 = y(this.pie2 || this.secondaryColor, 20), this.git2 = y(this.pie3 || this.tertiaryColor, 20), this.git3 = y(this.pie4 || x(this.primaryColor, { h: -30 }), 20), this.git4 = y(this.pie5 || x(this.primaryColor, { h: -60 }), 20), this.git5 = y(this.pie6 || x(this.primaryColor, { h: -90 }), 10), this.git6 = y(this.pie7 || x(this.primaryColor, { h: 60 }), 10), this.git7 = y(this.pie8 || x(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "#2d2d2d", this.emUiStroke = this.emUiStroke || "#555", this.emProcessorFill = this.emProcessorFill || y("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || y("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || y("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || y("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || y(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || y(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || y(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, It = /* @__PURE__ */ n((e) => {
+	let t = new Ft();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Lt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = x(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.border2 = "#aaaa33", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.labelBackground = "rgba(232,232,232, 0.8)", this.textColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.clusterBkg = "#FBFBFF", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = this.taskTextDarkColor, this.taskTextClickableColor = "calculated", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBorderColor = "calculated", this.critBkgColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.sectionBkgColor = h(102, 102, 255, .49), this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#fff400", this.taskBorderColor = "#534fbc", this.taskBkgColor = "#8a90dd", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "#534fbc", this.activeTaskBkgColor = "#bfc7ff", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "navy", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = "calculated", this.rowEven = "calculated", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !1, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow(1px 2px 2px rgba(185, 185, 185, 1))", this.updateColors();
+	}
+	updateColors() {
+		this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || b(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || b(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || x(this["cScale" + e], { h: 180 });
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 30,
+			l: -(5 + e * 5)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 30,
+			l: -(7 + e * 5)
+		});
+		if (this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor, this.labelTextColor !== "calculated") {
+			this.cScaleLabel0 = this.cScaleLabel0 || S(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || S(this.labelTextColor);
+			for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.labelTextColor;
+		}
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.textColor, this.edgeLabelBackground = this.labelBackground, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.signalColor = this.textColor, this.signalTextColor = this.textColor, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || y(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.primaryColor, 1), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || x(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || x(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie8 = this.pie8 || x(this.primaryColor, {
+			h: -60,
+			l: -40
+		}), this.pie9 = this.pie9 || x(this.primaryColor, {
+			h: 120,
+			l: -40
+		}), this.pie10 = this.pie10 || x(this.primaryColor, {
+			h: 60,
+			l: -40
+		}), this.pie11 = this.pie11 || x(this.primaryColor, {
+			h: -90,
+			l: -40
+		}), this.pie12 = this.pie12 || x(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? x(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? x(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? x(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? x(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? x(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? x(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? x(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? x(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#ECECFF,#8493A6,#FFC3A0,#DCDDE1,#B8E994,#D1A36F,#C3CDE6,#FFB6C1,#496078,#F8F3E3"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || b(S(this.git0), 25), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (Object.keys(this).forEach((e) => {
+			this[e] === "calculated" && (this[e] = void 0);
+		}), typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Rt = /* @__PURE__ */ n((e) => {
+	let t = new Lt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), zt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = y("#cde498", 10), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.primaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
+	}
+	updateColors() {
+		this.actorBorder = b(this.mainBkg, 20), this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || b(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || b(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || x(this["cScale" + e], { h: 180 });
+		this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(5 + e * 5)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(8 + e * 5)
+		});
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.taskBorderColor = this.border1, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 20), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, {
+			h: 40,
+			l: -40
+		}), this.pie7 = this.pie7 || x(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(this.primaryColor, {
+			h: 60,
+			l: -50
+		}), this.pie11 = this.pie11 || x(this.primaryColor, {
+			h: -60,
+			l: -50
+		}), this.pie12 = this.pie12 || x(this.primaryColor, {
+			h: 120,
+			l: -50
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? x(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? x(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? x(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? x(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? x(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? x(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? x(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? x(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B4513",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#C8E6C9",
+			complicatedBg: this.cynefin?.complicatedBg || "#DCEDC8",
+			chaoticBg: this.cynefin?.chaoticBg || "#FFE0B2",
+			clearBg: this.cynefin?.clearBg || "#FFF9C4",
+			confusionBg: this.cynefin?.confusionBg || "#D7CCC8",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.packet = {
+			startByteColor: this.primaryTextColor,
+			endByteColor: this.primaryTextColor,
+			labelColor: this.primaryTextColor,
+			titleColor: this.primaryTextColor,
+			blockStrokeColor: this.primaryTextColor,
+			blockFillColor: this.mainBkg
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#CDE498,#FF6B6B,#A0D2DB,#D7BDE2,#F0F0F0,#FFC3A0,#7FD8BE,#FF9A8B,#FAF3E0,#FFF176"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Bt = /* @__PURE__ */ n((e) => {
+	let t = new zt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Vt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = y(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.mainBkg = "#eee", this.secondBkg = "calculated", this.lineColor = "#666", this.border1 = "#999", this.border2 = "calculated", this.note = "#ffa", this.text = "#333", this.critical = "#d42", this.done = "#bbb", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "white", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = this.actorBorder, this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "calculated", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBkgColor = "calculated", this.critBorderColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || "#f4f4f4", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+	}
+	updateColors() {
+		this.secondBkg = y(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = y(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.signalColor = this.text, this.signalTextColor = this.text, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.text, this.loopTextColor = this.text, this.noteBorderColor = "#999", this.noteBkgColor = "#666", this.noteTextColor = "#fff", this.cScale0 = this.cScale0 || "#555", this.cScale1 = this.cScale1 || "#F4F4F4", this.cScale2 = this.cScale2 || "#555", this.cScale3 = this.cScale3 || "#BBB", this.cScale4 = this.cScale4 || "#777", this.cScale5 = this.cScale5 || "#999", this.cScale6 = this.cScale6 || "#DDD", this.cScale7 = this.cScale7 || "#FFF", this.cScale8 = this.cScale8 || "#DDD", this.cScale9 = this.cScale9 || "#BBB", this.cScale10 = this.cScale10 || "#999", this.cScale11 = this.cScale11 || "#777";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.cScaleLabel0 = this.cScaleLabel0 || this.cScale1, this.cScaleLabel2 = this.cScaleLabel2 || this.cScale1;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, { l: -(8 + e * 5) });
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.text, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.sectionBkgColor = y(this.contrast, 30), this.sectionBkgColor2 = y(this.contrast, 30), this.taskBorderColor = b(this.contrast, 10), this.taskBkgColor = this.contrast, this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = this.text, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.gridColor = y(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = b(this.critBkgColor, 10), this.todayLineColor = this.critBkgColor, this.vertLineColor = this.critBkgColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || "#000", this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f4f4f4", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.stateBorder = this.stateBorder || "#000", this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#222", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + e] = this["cScale" + e];
+		this.pie12 = this.pie0, this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this["cScale" + e];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#EEE,#6BB8E4,#8ACB88,#C7ACD6,#E8DCC2,#FFB2A8,#FFF380,#7E8D91,#FFD8B1,#FAF3E0"
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = b(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || x(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || x(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || x(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || x(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || x(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Ht = /* @__PURE__ */ n((e) => {
+	let t = new Vt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Ut = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
+		let e = "#ECECFE", t = "#E9E9F1", n = x(e, {
+			h: 180,
+			l: 5
+		});
+		if (this.sectionBkgColor = this.sectionBkgColor || n, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || t, this.sectionBkgColor2 = this.sectionBkgColor2 || e, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || y(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || e, this.cScale1 = this.cScale1 || t, this.cScale2 = this.cScale2 || n, this.cScale3 = this.cScale3 || x(e, { h: 30 }), this.cScale4 = this.cScale4 || x(e, { h: 60 }), this.cScale5 = this.cScale5 || x(e, { h: 90 }), this.cScale6 = this.cScale6 || x(e, { h: 120 }), this.cScale7 = this.cScale7 || x(e, { h: 150 }), this.cScale8 = this.cScale8 || x(e, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || x(e, { h: 270 }), this.cScale10 = this.cScale10 || x(e, { h: 300 }), this.cScale11 = this.cScale11 || x(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let r = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || x(e, { h: 64 }), this.fillType3 = this.fillType3 || x(t, { h: 64 }), this.fillType4 = this.fillType4 || x(e, { h: -64 }), this.fillType5 = this.fillType5 || x(t, { h: -64 }), this.fillType6 = this.fillType6 || x(e, { h: 128 }), this.fillType7 = this.fillType7 || x(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || x(e, { l: -10 }), this.pie5 = this.pie5 || x(t, { l: -10 }), this.pie6 = this.pie6 || x(n, { l: -10 }), this.pie7 = this.pie7 || x(e, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(e, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(e, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(e, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || x(e, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || x(e, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || x(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Wt = /* @__PURE__ */ n((e) => {
+	let t = new Ut();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Gt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || x(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || x(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || x(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || x(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || x(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || x(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || x(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || x(this.primaryColor, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || "#0b0000", this.git1 = this.git1 || "#4d1037", this.git2 = this.git2 || "#3f5258", this.git3 = this.git3 || "#4f2f1b", this.git4 = this.git4 || "#6e0a0a", this.git5 = this.git5 || "#3b0048", this.git6 = this.git6 || "#995a01", this.git7 = this.git7 || "#154706", this.gitDarkMode = !0, this.gitDarkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Kt = /* @__PURE__ */ n((e) => {
+	let t = new Gt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), qt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = H("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.noteFontWeight = 600, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
+		let e = "#ECECFE", t = "#E9E9F1", n = x(e, {
+			h: 180,
+			l: 5
+		});
+		this.sectionBkgColor = this.sectionBkgColor || n, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || t, this.sectionBkgColor2 = this.sectionBkgColor2 || e, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || y(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.compositeTitleBackground = "#F9F9FB", this.altBackground = "#F9F9FB", this.stateEdgeLabelBackground = "#FFFFFF", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = this.mainBkg;
+		if (this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let r = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || x(e, { h: 64 }), this.fillType3 = this.fillType3 || x(t, { h: 64 }), this.fillType4 = this.fillType4 || x(e, { h: -64 }), this.fillType5 = this.fillType5 || x(t, { h: -64 }), this.fillType6 = this.fillType6 || x(e, { h: 128 }), this.fillType7 = this.fillType7 || x(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || x(e, { l: -10 }), this.pie5 = this.pie5 || x(t, { l: -10 }), this.pie6 = this.pie6 || x(n, { l: -10 }), this.pie7 = this.pie7 || x(e, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(e, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(e, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(e, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || x(e, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || x(e, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || x(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Jt = /* @__PURE__ */ n((e) => {
+	let t = new qt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Yt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.compositeBackground = "#16141F", this.altBackground = "#16141F", this.compositeTitleBackground = "#16141F", this.stateEdgeLabelBackground = "#16141F", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || x(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || x(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || x(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || x(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || x(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || x(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || x(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || x(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || x(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || x(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || x(this.primaryColor, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Xt = /* @__PURE__ */ n((e) => {
+	let t = new Yt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Zt = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = H("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+			"#E879F9",
+			"#2DD4BF",
+			"#FB923C",
+			"#22D3EE",
+			"#4ADE80",
+			"#A78BFA",
+			"#F87171",
+			"#FACC15",
+			"#818CF8",
+			"#A3E635 ",
+			"#38BDF8",
+			"#FB7185"
+		], this.bkgColorArray = [
+			"#FDF4FF",
+			"#F0FDFA",
+			"#FFF7ED",
+			"#ECFEFF",
+			"#F0FDF4",
+			"#F5F3FF",
+			"#FEF2F2",
+			"#FEFCE8",
+			"#EEF2FF",
+			"#F7FEE7",
+			"#F0F9FF",
+			"#FFF1F2"
+		], this.usecaseActorBorder = "#A78BFA", this.usecaseActorBkg = "#F5F3FF", this.usecaseBorder = "#2DD4BF", this.usecaseBkg = "#F0FDFA", this.usecaseBoundaryBorder = "#BDBCCC", this.usecaseBoundaryBkg = "#FAFAFC", this.usecaseIncludeLine = "#38BDF8", this.usecaseExtendLine = "#FB923C", this.filterColor = "#000000";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
+		let e = "#ECECFE", t = x(e, {
+			h: 180,
+			l: 5
+		});
+		this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || y(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateEdgeLabelBackground = this.stateEdgeLabelBackground || "#FFFFFF", this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#F9F9FB", this.compositeTitleBackground = this.compositeTitleBackground || "#F9F9FB", this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad", this.sectionBkgColor = this.sectionBkgColor || this.cScale0, this.sectionBkgColor2 = this.sectionBkgColor2 || this.cScale1, this.altSectionBkgColor = this.altSectionBkgColor || "white";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let n = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: n * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: n * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor;
+		for (let e = 0; e < 8; e++) this["fillType" + e] = this["fillType" + e] || this.bkgColorArray[e];
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + (e + 1)] = this["pie" + (e + 1)] || this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this.borderColorArray[e % this.borderColorArray.length];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || x(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || e, this.git1 = this.git1 || "#E9E9F1", this.git2 = this.git2 || t, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, Qt = /* @__PURE__ */ n((e) => {
+	let t = new Zt();
+	return t.calculate(e), t;
+}, "getThemeVariables"), W = class {
+	static {
+		n(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+			"#E879F9",
+			"#2DD4BF",
+			"#FB923C",
+			"#22D3EE",
+			"#4ADE80",
+			"#A78BFA",
+			"#F87171",
+			"#FACC15",
+			"#818CF8",
+			"#A3E635 ",
+			"#38BDF8",
+			"#FB7185"
+		], this.bkgColorArray = [], this.usecaseActorBorder = "#A78BFA", this.usecaseBorder = "#2DD4BF", this.usecaseBoundaryBorder = "#BDBCCC", this.usecaseIncludeLine = "#38BDF8", this.usecaseExtendLine = "#FB923C", this.filterColor = "#FFFFFF";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.rootLabelColor = "#FFFFFF", this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateEdgeLabelBackground = this.stateEdgeLabelBackground || "#16141F", this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || "#16141F", this.altBackground = this.altBackground || "#16141F", this.compositeTitleBackground = this.compositeTitleBackground || "#16141F", this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad", this.sectionBkgColor = this.sectionBkgColor || this.cScale0, this.sectionBkgColor2 = this.sectionBkgColor2 || this.cScale1, this.altSectionBkgColor = this.altSectionBkgColor || this.background;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = b(this["cScale" + e], 75);
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || x(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, [
+			"#701a75",
+			"#134e4a",
+			"#7c2d12",
+			"#581c87",
+			"#14532d",
+			"#4c1d95",
+			"#7f1d1d",
+			"#713f12"
+		].forEach((e, t) => {
+			this["fillType" + t] = this["fillType" + t] || e;
+		});
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + (e + 1)] = this["pie" + (e + 1)] || this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || "#28253D", this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this.borderColorArray[e % this.borderColorArray.length];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || x(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || x(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || x(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || x(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || x(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || _(this.quadrant1Fill) ? y(this.quadrant1Fill) : b(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = U(this[t], e[t]);
+		});
+	}
+}, G = {
+	base: { getThemeVariables: Pt },
+	dark: { getThemeVariables: It },
+	default: { getThemeVariables: Rt },
+	forest: { getThemeVariables: Bt },
+	neutral: { getThemeVariables: Ht },
+	neo: { getThemeVariables: Wt },
+	"neo-dark": { getThemeVariables: Kt },
+	redux: { getThemeVariables: Jt },
+	"redux-dark": { getThemeVariables: Xt },
+	"redux-color": { getThemeVariables: Qt },
+	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ n((e) => {
+		let t = new W();
+		return t.calculate(e), t;
+	}, "getThemeVariables") }
+}, K = {
+	flowchart: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		titleTopMargin: 25,
+		subGraphTitleMargin: {
+			top: 0,
+			bottom: 0
+		},
+		diagramPadding: 8,
+		htmlLabels: null,
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		curve: "basis",
+		padding: 15,
+		wrappingWidth: 120,
+		minNodeWidth: 120,
+		inheritDir: !1
+	},
+	swimlane: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		layout: "swimlane",
+		lineHops: "arc",
+		ignoreCrossLaneEdges: !0,
+		optimizeRanksByCrossings: !0,
+		automaticLaneOrdering: !1
+	},
+	agentflow: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		titleTopMargin: 25,
+		diagramPadding: 8,
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		wrappingWidth: 120,
+		minNodeWidth: 120
+	},
+	sequence: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		hideUnusedParticipants: !1,
+		activationWidth: 10,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		actorMargin: 50,
+		width: 150,
+		height: 65,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		mirrorActors: !0,
+		forceMenus: !1,
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		showSequenceNumbers: !1,
+		actorFontSize: 14,
+		actorFontFamily: "\"Open Sans\", sans-serif",
+		actorFontWeight: 400,
+		noteFontSize: 14,
+		noteFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		noteFontWeight: 400,
+		noteAlign: "center",
+		messageFontSize: 16,
+		messageFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		messageFontWeight: 400,
+		wrap: !1,
+		wrapPadding: 10,
+		labelBoxWidth: 50,
+		labelBoxHeight: 20
+	},
+	gantt: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		barHeight: 20,
+		barGap: 4,
+		topPadding: 50,
+		rightPadding: 75,
+		leftPadding: 75,
+		gridLineStartPadding: 35,
+		fontSize: 11,
+		sectionFontSize: 11,
+		numberSectionStyles: 4,
+		axisFormat: "%Y-%m-%d",
+		topAxis: !1,
+		displayMode: "",
+		weekday: "sunday"
+	},
+	journey: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		leftMargin: 150,
+		maxLabelWidth: 360,
+		width: 150,
+		height: 50,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		taskFontSize: 14,
+		taskFontFamily: "\"Open Sans\", sans-serif",
+		taskMargin: 50,
+		activationWidth: 10,
+		textPlacement: "fo",
+		actorColours: [
+			"#8FBC8F",
+			"#7CFC00",
+			"#00FFFF",
+			"#20B2AA",
+			"#B0E0E6",
+			"#FFFFE0"
+		],
+		sectionFills: [
+			"#191970",
+			"#8B008B",
+			"#4B0082",
+			"#2F4F4F",
+			"#800000",
+			"#8B4513",
+			"#00008B"
+		],
+		sectionColours: ["#fff"],
+		titleColor: "",
+		titleFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		titleFontSize: "4ex"
+	},
+	class: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		titleTopMargin: 25,
+		arrowMarkerAbsolute: !1,
+		dividerMargin: 10,
+		padding: 5,
+		textHeight: 10,
+		htmlLabels: !1,
+		hideEmptyMembersBox: !1,
+		hierarchicalNamespaces: !0
+	},
+	state: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		layout: "elk",
+		wrappingWidth: 120,
+		minNodeWidth: 120,
+		titleTopMargin: 25,
+		dividerMargin: 10,
+		sizeUnit: 5,
+		padding: 8,
+		textHeight: 10,
+		titleShift: -15,
+		noteMargin: 10,
+		forkWidth: 70,
+		forkHeight: 7,
+		miniPadding: 2,
+		fontSizeFactor: 5.02,
+		fontSize: 24,
+		labelHeight: 16,
+		edgeLengthFactor: "20",
+		compositTitleSize: 35,
+		radius: 5
+	},
+	er: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		titleTopMargin: 25,
+		diagramPadding: 20,
+		layoutDirection: "TB",
+		minEntityWidth: 100,
+		minEntityHeight: 75,
+		entityPadding: 15,
+		nodeSpacing: 140,
+		rankSpacing: 80,
+		stroke: "gray",
+		fill: "honeydew",
+		fontSize: 12
+	},
+	pie: {
+		useMaxWidth: !0,
+		textPosition: .75,
+		donutHole: 0,
+		legendPosition: "right",
+		highlightSlice: ""
+	},
+	quadrantChart: {
+		useMaxWidth: !0,
+		chartWidth: 500,
+		chartHeight: 500,
+		titleFontSize: 20,
+		titlePadding: 10,
+		quadrantPadding: 5,
+		xAxisLabelPadding: 5,
+		yAxisLabelPadding: 5,
+		xAxisLabelFontSize: 16,
+		yAxisLabelFontSize: 16,
+		quadrantLabelFontSize: 16,
+		quadrantTextTopPadding: 5,
+		pointTextPadding: 5,
+		pointLabelFontSize: 12,
+		pointRadius: 5,
+		xAxisPosition: "top",
+		yAxisPosition: "left",
+		quadrantInternalBorderStrokeWidth: 1,
+		quadrantExternalBorderStrokeWidth: 2
+	},
+	xyChart: {
+		useMaxWidth: !0,
+		width: 700,
+		height: 500,
+		titleFontSize: 20,
+		titlePadding: 10,
+		showDataLabel: !1,
+		showDataLabelOutsideBar: !1,
+		showTitle: !0,
+		showLegend: !0,
+		legendFontSize: 14,
+		legendPadding: 10,
+		xAxis: {
+			$ref: "#/$defs/XYChartAxisConfig",
+			showLabel: !0,
+			labelFontSize: 14,
+			labelPadding: 5,
+			showTitle: !0,
+			titleFontSize: 16,
+			titlePadding: 5,
+			showTick: !0,
+			tickLength: 5,
+			tickWidth: 2,
+			showAxisLine: !0,
+			axisLineWidth: 2,
+			labelRotation: 0
+		},
+		yAxis: {
+			$ref: "#/$defs/XYChartAxisConfig",
+			showLabel: !0,
+			labelFontSize: 14,
+			labelPadding: 5,
+			showTitle: !0,
+			titleFontSize: 16,
+			titlePadding: 5,
+			showTick: !0,
+			tickLength: 5,
+			tickWidth: 2,
+			showAxisLine: !0,
+			axisLineWidth: 2,
+			labelRotation: 0
+		},
+		chartOrientation: "vertical",
+		plotReservedSpacePercent: 50
+	},
+	requirement: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		rect_fill: "#f9f9f9",
+		text_color: "#333",
+		rect_border_size: "0.5px",
+		rect_border_color: "#bbb",
+		rect_min_width: 200,
+		rect_min_height: 200,
+		fontSize: 14,
+		rect_padding: 10,
+		line_height: 20
+	},
+	mindmap: {
+		useMaxWidth: !0,
+		colorBy: "branch",
+		padding: 10,
+		maxNodeWidth: 200,
+		layoutAlgorithm: "cose-bilkent"
+	},
+	ishikawa: {
+		useMaxWidth: !0,
+		diagramPadding: 20
+	},
+	kanban: {
+		useMaxWidth: !0,
+		padding: 8,
+		sectionWidth: 200,
+		ticketBaseUrl: ""
+	},
+	timeline: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		leftMargin: 150,
+		width: 150,
+		height: 50,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		taskFontSize: 14,
+		taskFontFamily: "\"Open Sans\", sans-serif",
+		taskMargin: 50,
+		activationWidth: 10,
+		textPlacement: "fo",
+		actorColours: [
+			"#8FBC8F",
+			"#7CFC00",
+			"#00FFFF",
+			"#20B2AA",
+			"#B0E0E6",
+			"#FFFFE0"
+		],
+		sectionFills: [
+			"#191970",
+			"#8B008B",
+			"#4B0082",
+			"#2F4F4F",
+			"#800000",
+			"#8B4513",
+			"#00008B"
+		],
+		sectionColours: ["#fff"],
+		disableMulticolor: !1
+	},
+	gitGraph: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		diagramPadding: 8,
+		nodeLabel: {
+			width: 75,
+			height: 100,
+			x: -25,
+			y: 0
+		},
+		mainBranchName: "main",
+		mainBranchOrder: 0,
+		showCommitLabel: !0,
+		showBranches: !0,
+		rotateCommitLabel: !0,
+		parallelCommits: !1,
+		arrowMarkerAbsolute: !1
+	},
+	c4: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		c4ShapeMargin: 50,
+		c4ShapePadding: 20,
+		width: 216,
+		height: 60,
+		boxMargin: 10,
+		c4ShapeInRow: 4,
+		nextLinePaddingX: 0,
+		c4BoundaryInRow: 2,
+		personFontSize: 14,
+		personFontFamily: "\"Open Sans\", sans-serif",
+		personFontWeight: "normal",
+		external_personFontSize: 14,
+		external_personFontFamily: "\"Open Sans\", sans-serif",
+		external_personFontWeight: "normal",
+		systemFontSize: 14,
+		systemFontFamily: "\"Open Sans\", sans-serif",
+		systemFontWeight: "normal",
+		external_systemFontSize: 14,
+		external_systemFontFamily: "\"Open Sans\", sans-serif",
+		external_systemFontWeight: "normal",
+		system_dbFontSize: 14,
+		system_dbFontFamily: "\"Open Sans\", sans-serif",
+		system_dbFontWeight: "normal",
+		external_system_dbFontSize: 14,
+		external_system_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_system_dbFontWeight: "normal",
+		system_queueFontSize: 14,
+		system_queueFontFamily: "\"Open Sans\", sans-serif",
+		system_queueFontWeight: "normal",
+		external_system_queueFontSize: 14,
+		external_system_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_system_queueFontWeight: "normal",
+		boundaryFontSize: 14,
+		boundaryFontFamily: "\"Open Sans\", sans-serif",
+		boundaryFontWeight: "normal",
+		messageFontSize: 12,
+		messageFontFamily: "\"Open Sans\", sans-serif",
+		messageFontWeight: "normal",
+		containerFontSize: 14,
+		containerFontFamily: "\"Open Sans\", sans-serif",
+		containerFontWeight: "normal",
+		external_containerFontSize: 14,
+		external_containerFontFamily: "\"Open Sans\", sans-serif",
+		external_containerFontWeight: "normal",
+		container_dbFontSize: 14,
+		container_dbFontFamily: "\"Open Sans\", sans-serif",
+		container_dbFontWeight: "normal",
+		external_container_dbFontSize: 14,
+		external_container_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_container_dbFontWeight: "normal",
+		container_queueFontSize: 14,
+		container_queueFontFamily: "\"Open Sans\", sans-serif",
+		container_queueFontWeight: "normal",
+		external_container_queueFontSize: 14,
+		external_container_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_container_queueFontWeight: "normal",
+		componentFontSize: 14,
+		componentFontFamily: "\"Open Sans\", sans-serif",
+		componentFontWeight: "normal",
+		external_componentFontSize: 14,
+		external_componentFontFamily: "\"Open Sans\", sans-serif",
+		external_componentFontWeight: "normal",
+		component_dbFontSize: 14,
+		component_dbFontFamily: "\"Open Sans\", sans-serif",
+		component_dbFontWeight: "normal",
+		external_component_dbFontSize: 14,
+		external_component_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_component_dbFontWeight: "normal",
+		component_queueFontSize: 14,
+		component_queueFontFamily: "\"Open Sans\", sans-serif",
+		component_queueFontWeight: "normal",
+		external_component_queueFontSize: 14,
+		external_component_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_component_queueFontWeight: "normal",
+		wrap: !0,
+		wrapPadding: 10,
+		person_bg_color: "#08427B",
+		person_border_color: "#073B6F",
+		external_person_bg_color: "#686868",
+		external_person_border_color: "#8A8A8A",
+		system_bg_color: "#1168BD",
+		system_border_color: "#3C7FC0",
+		system_db_bg_color: "#1168BD",
+		system_db_border_color: "#3C7FC0",
+		system_queue_bg_color: "#1168BD",
+		system_queue_border_color: "#3C7FC0",
+		external_system_bg_color: "#999999",
+		external_system_border_color: "#8A8A8A",
+		external_system_db_bg_color: "#999999",
+		external_system_db_border_color: "#8A8A8A",
+		external_system_queue_bg_color: "#999999",
+		external_system_queue_border_color: "#8A8A8A",
+		container_bg_color: "#438DD5",
+		container_border_color: "#3C7FC0",
+		container_db_bg_color: "#438DD5",
+		container_db_border_color: "#3C7FC0",
+		container_queue_bg_color: "#438DD5",
+		container_queue_border_color: "#3C7FC0",
+		external_container_bg_color: "#B3B3B3",
+		external_container_border_color: "#A6A6A6",
+		external_container_db_bg_color: "#B3B3B3",
+		external_container_db_border_color: "#A6A6A6",
+		external_container_queue_bg_color: "#B3B3B3",
+		external_container_queue_border_color: "#A6A6A6",
+		component_bg_color: "#85BBF0",
+		component_border_color: "#78A8D8",
+		component_db_bg_color: "#85BBF0",
+		component_db_border_color: "#78A8D8",
+		component_queue_bg_color: "#85BBF0",
+		component_queue_border_color: "#78A8D8",
+		external_component_bg_color: "#CCCCCC",
+		external_component_border_color: "#BFBFBF",
+		external_component_db_bg_color: "#CCCCCC",
+		external_component_db_border_color: "#BFBFBF",
+		external_component_queue_bg_color: "#CCCCCC",
+		external_component_queue_border_color: "#BFBFBF"
+	},
+	sankey: {
+		useMaxWidth: !0,
+		width: 600,
+		height: 400,
+		linkColor: "gradient",
+		nodeAlignment: "justify",
+		showValues: !0,
+		prefix: "",
+		suffix: "",
+		nodeWidth: 10,
+		nodePadding: 12,
+		labelStyle: "legacy"
+	},
+	block: {
+		useMaxWidth: !0,
+		padding: 8
+	},
+	packet: {
+		useMaxWidth: !0,
+		rowHeight: 32,
+		bitWidth: 32,
+		bitsPerRow: 32,
+		showBits: !0,
+		bitOrder: "ascending",
+		paddingX: 5,
+		paddingY: 5
+	},
+	treeView: {
+		useMaxWidth: !0,
+		rowIndent: 10,
+		paddingX: 5,
+		paddingY: 5,
+		lineThickness: 1,
+		showIcons: !1,
+		defaultIconPack: "",
+		filenameIcons: {},
+		extensionIcons: {}
+	},
+	architecture: {
+		useMaxWidth: !0,
+		padding: 40,
+		iconSize: 80,
+		fontSize: 16,
+		randomize: !1,
+		nodeSeparation: 75,
+		idealEdgeLengthMultiplier: 1.5,
+		edgeElasticity: .45,
+		numIter: 2500,
+		seed: 1
+	},
+	eventmodeling: {
+		useMaxWidth: !0,
+		padding: 30,
+		rowHeight: 32
+	},
+	radar: {
+		useMaxWidth: !0,
+		width: 600,
+		height: 600,
+		marginTop: 50,
+		marginRight: 50,
+		marginBottom: 50,
+		marginLeft: 50,
+		axisScaleFactor: 1,
+		axisLabelFactor: 1.05,
+		curveTension: .17
+	},
+	usecase: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		wrappingWidth: 120,
+		minNodeWidth: 120,
+		actorFontSize: 14,
+		actorFontFamily: "\"Open Sans\", sans-serif",
+		actorFontWeight: "normal",
+		usecaseFontSize: 12,
+		usecaseFontFamily: "\"Open Sans\", sans-serif",
+		usecaseFontWeight: "normal",
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		diagramPadding: 20,
+		colorScheme: "role"
+	},
+	venn: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		width: 800,
+		height: 450,
+		padding: 8,
+		useDebugLayout: !1
+	},
+	cynefin: {
+		useMaxWidth: !0,
+		width: 800,
+		height: 600,
+		padding: 40,
+		showDomainDescriptions: !0,
+		boundaryAmplitude: 8,
+		seed: 0
+	},
+	theme: "default",
+	look: "classic",
+	handDrawnSeed: 0,
+	layout: "elk",
+	maxTextSize: 5e4,
+	maxEdges: 500,
+	darkMode: !1,
+	fontFamily: "\"trebuchet ms\", verdana, arial, sans-serif;",
+	logLevel: 5,
+	securityLevel: "strict",
+	startOnLoad: !0,
+	arrowMarkerAbsolute: !1,
+	secure: [
+		"secure",
+		"securityLevel",
+		"startOnLoad",
+		"maxTextSize",
+		"suppressErrorRendering",
+		"maxEdges"
+	],
+	legacyMathML: !1,
+	forceLegacyMathML: !1,
+	deterministicIds: !1,
+	fontSize: 16,
+	markdownAutoWrap: !0,
+	suppressErrorRendering: !1
+}, $t = {
+	...K,
+	deterministicIDSeed: void 0,
+	elk: {
+		mergeEdges: !1,
+		straightenEdges: !0,
+		lineHops: !0,
+		preset: "default",
+		nodePlacementStrategy: void 0,
+		layeringStrategy: void 0,
+		cycleBreakingStrategy: void 0,
+		layeringLayerBound: 4,
+		nodePlacementAlignment: void 0,
+		forceNodeModelOrder: !1,
+		considerModelOrder: "NODES_AND_EDGES",
+		keepEntryNodeOnTop: !1,
+		orientFeedbackEdges: !0
+	},
+	themeCSS: void 0,
+	themeVariables: G.default.getThemeVariables(),
+	sequence: {
+		...K.sequence,
+		messageFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.messageFontFamily,
+				fontSize: this.messageFontSize,
+				fontWeight: this.messageFontWeight
+			};
+		}, "messageFont"),
+		noteFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.noteFontFamily,
+				fontSize: this.noteFontSize,
+				fontWeight: this.noteFontWeight
+			};
+		}, "noteFont"),
+		actorFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.actorFontFamily,
+				fontSize: this.actorFontSize,
+				fontWeight: this.actorFontWeight
+			};
+		}, "actorFont")
+	},
+	class: {
+		theme: K.class?.theme,
+		look: K.class?.look,
+		layout: K.class?.layout,
+		hideEmptyMembersBox: !1,
+		hierarchicalNamespaces: !0
+	},
+	gantt: {
+		...K.gantt,
+		tickInterval: void 0,
+		useWidth: void 0
+	},
+	c4: {
+		...K.c4,
+		useWidth: void 0,
+		personFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.personFontFamily,
+				fontSize: this.personFontSize,
+				fontWeight: this.personFontWeight
+			};
+		}, "personFont"),
+		flowchart: {
+			...K.flowchart,
+			inheritDir: !1
+		},
+		external_personFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_personFontFamily,
+				fontSize: this.external_personFontSize,
+				fontWeight: this.external_personFontWeight
+			};
+		}, "external_personFont"),
+		systemFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.systemFontFamily,
+				fontSize: this.systemFontSize,
+				fontWeight: this.systemFontWeight
+			};
+		}, "systemFont"),
+		external_systemFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_systemFontFamily,
+				fontSize: this.external_systemFontSize,
+				fontWeight: this.external_systemFontWeight
+			};
+		}, "external_systemFont"),
+		system_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.system_dbFontFamily,
+				fontSize: this.system_dbFontSize,
+				fontWeight: this.system_dbFontWeight
+			};
+		}, "system_dbFont"),
+		external_system_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_system_dbFontFamily,
+				fontSize: this.external_system_dbFontSize,
+				fontWeight: this.external_system_dbFontWeight
+			};
+		}, "external_system_dbFont"),
+		system_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.system_queueFontFamily,
+				fontSize: this.system_queueFontSize,
+				fontWeight: this.system_queueFontWeight
+			};
+		}, "system_queueFont"),
+		external_system_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_system_queueFontFamily,
+				fontSize: this.external_system_queueFontSize,
+				fontWeight: this.external_system_queueFontWeight
+			};
+		}, "external_system_queueFont"),
+		containerFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.containerFontFamily,
+				fontSize: this.containerFontSize,
+				fontWeight: this.containerFontWeight
+			};
+		}, "containerFont"),
+		external_containerFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_containerFontFamily,
+				fontSize: this.external_containerFontSize,
+				fontWeight: this.external_containerFontWeight
+			};
+		}, "external_containerFont"),
+		container_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.container_dbFontFamily,
+				fontSize: this.container_dbFontSize,
+				fontWeight: this.container_dbFontWeight
+			};
+		}, "container_dbFont"),
+		external_container_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_container_dbFontFamily,
+				fontSize: this.external_container_dbFontSize,
+				fontWeight: this.external_container_dbFontWeight
+			};
+		}, "external_container_dbFont"),
+		container_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.container_queueFontFamily,
+				fontSize: this.container_queueFontSize,
+				fontWeight: this.container_queueFontWeight
+			};
+		}, "container_queueFont"),
+		external_container_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_container_queueFontFamily,
+				fontSize: this.external_container_queueFontSize,
+				fontWeight: this.external_container_queueFontWeight
+			};
+		}, "external_container_queueFont"),
+		componentFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.componentFontFamily,
+				fontSize: this.componentFontSize,
+				fontWeight: this.componentFontWeight
+			};
+		}, "componentFont"),
+		external_componentFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_componentFontFamily,
+				fontSize: this.external_componentFontSize,
+				fontWeight: this.external_componentFontWeight
+			};
+		}, "external_componentFont"),
+		component_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.component_dbFontFamily,
+				fontSize: this.component_dbFontSize,
+				fontWeight: this.component_dbFontWeight
+			};
+		}, "component_dbFont"),
+		external_component_dbFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_component_dbFontFamily,
+				fontSize: this.external_component_dbFontSize,
+				fontWeight: this.external_component_dbFontWeight
+			};
+		}, "external_component_dbFont"),
+		component_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.component_queueFontFamily,
+				fontSize: this.component_queueFontSize,
+				fontWeight: this.component_queueFontWeight
+			};
+		}, "component_queueFont"),
+		external_component_queueFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.external_component_queueFontFamily,
+				fontSize: this.external_component_queueFontSize,
+				fontWeight: this.external_component_queueFontWeight
+			};
+		}, "external_component_queueFont"),
+		boundaryFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.boundaryFontFamily,
+				fontSize: this.boundaryFontSize,
+				fontWeight: this.boundaryFontWeight
+			};
+		}, "boundaryFont"),
+		messageFont: /* @__PURE__ */ n(function() {
+			return {
+				fontFamily: this.messageFontFamily,
+				fontSize: this.messageFontSize,
+				fontWeight: this.messageFontWeight
+			};
+		}, "messageFont")
+	},
+	pie: {
+		...K.pie,
+		useWidth: 984
+	},
+	xyChart: {
+		...K.xyChart,
+		useWidth: void 0
+	},
+	requirement: {
+		...K.requirement,
+		useWidth: void 0
+	},
+	packet: { ...K.packet },
+	eventmodeling: { ...K.eventmodeling },
+	treeView: {
+		...K.treeView,
+		useWidth: void 0
+	},
+	radar: { ...K.radar },
+	usecase: { ...K.usecase },
+	railroad: {
+		...K.railroad,
+		fontSize: void 0,
+		fontFamily: void 0,
+		terminalFill: void 0,
+		terminalStroke: void 0,
+		terminalTextColor: void 0,
+		nonTerminalFill: void 0,
+		nonTerminalStroke: void 0,
+		nonTerminalTextColor: void 0,
+		lineColor: void 0,
+		markerFill: void 0,
+		commentFill: void 0,
+		commentStroke: void 0,
+		commentTextColor: void 0,
+		specialFill: void 0,
+		specialStroke: void 0,
+		ruleNameColor: void 0
+	},
+	ishikawa: { ...K.ishikawa },
+	sankey: {
+		...K.sankey,
+		nodeColors: void 0
+	},
+	treemap: {
+		useMaxWidth: !0,
+		padding: 10,
+		diagramPadding: 8,
+		showValues: !0,
+		nodeWidth: 100,
+		nodeHeight: 40,
+		borderWidth: 1,
+		valueFontSize: 12,
+		labelFontSize: 14,
+		valueFormat: ","
+	},
+	venn: { ...K.venn },
+	cynefin: { ...K.cynefin }
+}, en = /* @__PURE__ */ n((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
+	...n,
+	t + r,
+	...en(e[r], "")
+] : [...n, t + r], []), "keyify"), tn = new Set(en($t, "")), nn = $t, rn = {
+	"flowchart-v2": "flowchart",
+	"flowchart-elk": "flowchart",
+	classDiagram: "class",
+	stateDiagram: "state",
+	xychart: "xyChart",
+	railroadAbnf: "railroad",
+	railroadEbnf: "railroad",
+	railroadPeg: "railroad"
+}, an = /* @__PURE__ */ n((e) => rn[e] ?? e, "getDiagramConfigKey"), on = {
+	nodeColors: /^#[\da-f]{3,8}$|^rgb\([\d\s%,.]+\)$|^hsl\([\d\s%,.]+\)$|^[a-z]+$/i,
+	filenameIcons: /^[\w-]+(?::[\w-]+)?$/,
+	extensionIcons: /^[\w-]+(?::[\w-]+)?$/
+}, sn = /* @__PURE__ */ n((e, n) => {
+	for (let r of Object.keys(e)) {
+		let i = e[r];
+		(r.startsWith("__") || r.includes("proto") || r.includes("constr") || typeof i != "string" || !n.test(i)) && (t.debug("sanitize deleting dictionary entry:", r, i), delete e[r]);
+	}
+}, "sanitizeDictionaryConfig"), cn = /* @__PURE__ */ n((e) => {
+	if (t.debug("sanitizeDirective called with", e), typeof e == "object" && e) {
+		if (Array.isArray(e)) e.forEach((e) => cn(e));
+		else {
+			for (let n of Object.keys(e)) if (t.debug("Checking key", n), n.startsWith("__") || n.includes("proto") || n.includes("constr") || !tn.has(n) || e[n] == null) t.debug("sanitize deleting key: ", n), delete e[n];
+			else if (typeof e[n] == "object") {
+				let r = on[n];
+				r ? sn(e[n], r) : (t.debug("sanitizing object", n), cn(e[n]));
+			} else for (let r of [
+				"themeCSS",
+				"fontFamily",
+				"altFontFamily"
+			]) n.includes(r) && (t.debug("sanitizing css option", n), e[n] = q(e[n]));
+			if (e.themeVariables) for (let t of Object.keys(e.themeVariables)) {
+				let n = e.themeVariables[t];
+				n?.match && !n.match(/^[\d "#%(),.;A-Za-z]+$/) && (e.themeVariables[t] = "");
+			}
+			t.debug("After sanitization", e);
+		}
+	}
+}, "sanitizeDirective"), q = /* @__PURE__ */ n((e) => {
+	let t = 0, n = 0;
+	for (let r of e) {
+		if (t < n) return "{ /* ERROR: Unbalanced CSS */ }";
+		r === "{" ? t++ : r === "}" && n++;
+	}
+	return t === n ? e : "{ /* ERROR: Unbalanced CSS */ }";
+}, "sanitizeCss"), J = Object.freeze(nn), ln = [
+	"theme",
+	"look",
+	"layout"
+], un = /* @__PURE__ */ new Set([
+	"classic",
+	"handDrawn",
+	"neo"
+]), dn = /* @__PURE__ */ n((e, t) => e === "theme" ? t === "null" || Object.hasOwn(G, t) : e !== "look" || un.has(t), "isUsableAppearance"), fn = /* @__PURE__ */ n((e, t, n) => {
+	if (e) return [e[t]?.[n], e[n]].find((e) => e !== void 0 && dn(n, e));
+}, "readAppearance"), pn = /* @__PURE__ */ n((e) => !(e === !1 || [
+	"false",
+	"null",
+	"0"
+].includes(String(e).trim().toLowerCase())), "evaluate"), Y = z({}, J), mn, hn = {}, X = [], Z = z({}, J), gn, _n = /* @__PURE__ */ n((e, t) => {
+	if (!gn) return;
+	let n = [
+		t,
+		...[...X].reverse(),
+		hn,
+		J
+	], r = e[gn];
+	for (let t of ln) for (let i of n) {
+		let n = fn(i, gn, t);
+		if (n !== void 0) {
+			e[t] = n, r?.[t] !== void 0 && (r[t] = n);
+			break;
+		}
+	}
+}, "resolveAppearance"), Q = /* @__PURE__ */ n((e, t) => {
+	let n = z({}, e), r = {};
+	for (let e of t) Tn(e), r = z(r, e);
+	if (n = z(n, r), _n(n, r), (r.theme || n.theme !== e.theme) && n.theme && Object.hasOwn(G, n.theme)) {
+		let e = z(z({}, mn).themeVariables || {}, r.themeVariables);
+		n.themeVariables = G[n.theme].getThemeVariables(e);
+	}
+	return Z = n, jn(Z), Z;
+}, "updateCurrentConfig"), vn = /* @__PURE__ */ n((e) => {
+	gn = e === void 0 ? void 0 : an(e), Q(Y, X);
+}, "setDiagramConfigScope"), yn = /* @__PURE__ */ n((e) => (Y = z({}, J), Y = z(Y, e), hn = z({}, e), e.theme && Object.hasOwn(G, e.theme) && (Y.themeVariables = G[e.theme].getThemeVariables(e.themeVariables)), Q(Y, X), Y), "setSiteConfig"), bn = /* @__PURE__ */ n((e) => {
+	mn = z({}, e);
+}, "saveConfigFromInitialize"), xn = /* @__PURE__ */ n((e) => (Y = z(Y, e), hn = z(hn, e), Q(Y, X), Y), "updateSiteConfig"), Sn = /* @__PURE__ */ n(() => z({}, Y), "getSiteConfig"), Cn = /* @__PURE__ */ n((e) => (Q(Z, [e]), wn()), "setConfig"), wn = /* @__PURE__ */ n(() => z({}, Z), "getConfig"), Tn = /* @__PURE__ */ n((e) => {
+	e && (["secure", ...Y.secure ?? []].forEach((n) => {
+		Object.hasOwn(e, n) && (t.debug(`Denied attempt to modify a secure key ${n}`, e[n]), delete e[n]);
+	}), Object.keys(e).forEach((t) => {
+		t.startsWith("__") && delete e[t];
+	}), Object.keys(e).forEach((t) => {
+		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && Tn(e[t]);
+	}));
+}, "sanitize"), En = /* @__PURE__ */ n((e) => {
+	cn(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
+		...e.themeVariables,
+		fontFamily: e.fontFamily
+	}), X.push(e), Q(Y, X);
+}, "addDirective"), Dn = /* @__PURE__ */ n((e = Y) => {
+	X = [], gn = void 0, Q(e, X);
+}, "reset"), On = {
+	LAZY_LOAD_DEPRECATED: "The configuration options lazyLoadedDiagrams and loadExternalDiagramsAtStartup are deprecated. Please use registerExternalDiagrams instead.",
+	FLOWCHART_HTML_LABELS_DEPRECATED: "flowchart.htmlLabels is deprecated. Please use global htmlLabels instead."
+}, kn = {}, An = /* @__PURE__ */ n((e) => {
+	kn[e] || (t.warn(On[e]), kn[e] = !0);
+}, "issueWarning"), jn = /* @__PURE__ */ n((e) => {
+	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && An("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), Mn = /* @__PURE__ */ n(() => {
+	let e = {};
+	mn && (e = z(e, mn));
+	for (let t of X) e = z(e, t);
+	return e;
+}, "getUserDefinedConfig"), Nn = /* @__PURE__ */ n((e) => (e.flowchart?.htmlLabels != null && An("FLOWCHART_HTML_LABELS_DEPRECATED"), pn(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), Pn = /<\/?br\s*\/?>/gi, Fn = new RegExp(Pn.source, "i"), In = /* @__PURE__ */ n((e) => e ? Gn(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), $ = /* @__PURE__ */ (() => {
+	let e = !1;
+	return () => {
+		e ||= (Ln(), !0);
+	};
+})();
+function Ln() {
+	let e = "data-temp-href-target";
+	St.addHook("beforeSanitizeAttributes", (t) => {
+		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
+	}), St.addHook("afterSanitizeAttributes", (t) => {
+		t.tagName === "A" && t.hasAttribute(e) && (t.setAttribute("target", t.getAttribute(e) ?? ""), t.removeAttribute(e), t.getAttribute("target") === "_blank" && t.setAttribute("rel", "noopener"));
+	});
+}
+n(Ln, "setupDompurifyHooks");
+var Rn = /* @__PURE__ */ n((e) => ($(), St.sanitize(e)), "removeScript"), zn = /* @__PURE__ */ n((e, t) => {
+	if (Nn(t)) {
+		let n = t.securityLevel;
+		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Rn(e) : n !== "loose" && (e = Gn(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Wn(e));
+	}
+	return e;
+}, "sanitizeMore"), Bn = /* @__PURE__ */ n((e, t) => e && (e = t.dompurifyConfig ? St.sanitize(zn(e, t), t.dompurifyConfig).toString() : St.sanitize(zn(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), Vn = /* @__PURE__ */ n((e, t) => typeof e == "string" ? Bn(e, t) : e.flat().map((e) => Bn(e, t)), "sanitizeTextOrArray"), Hn = /* @__PURE__ */ n((e) => Fn.test(e), "hasBreaks"), Un = /* @__PURE__ */ n((e) => e.split(Pn), "splitBreaks"), Wn = /* @__PURE__ */ n((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), Gn = /* @__PURE__ */ n((e) => e.replace(Pn, "#br#"), "breakToPlaceholder"), Kn = /* @__PURE__ */ n((e) => {
+	let t = "";
+	return e && (t = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, t = CSS.escape(t)), t;
+}, "getUrl"), qn = /* @__PURE__ */ n(function(...e) {
+	let t = e.filter((e) => !isNaN(e));
+	return Math.max(...t);
+}, "getMax"), Jn = /* @__PURE__ */ n(function(...e) {
+	let t = e.filter((e) => !isNaN(e));
+	return Math.min(...t);
+}, "getMin"), Yn = /* @__PURE__ */ n(function(e) {
+	let t = e.split(/(,)/), n = [];
+	for (let e = 0; e < t.length; e++) {
+		let r = t[e];
+		if (r === "," && e > 0 && e + 1 < t.length) {
+			let i = t[e - 1], a = t[e + 1];
+			Zn(i, a) && (r = i + "," + a, e++, n.pop());
+		}
+		n.push(Qn(r));
+	}
+	return n.join("");
+}, "parseGenericTypes"), Xn = /* @__PURE__ */ n((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), Zn = /* @__PURE__ */ n((e, t) => {
+	let n = Xn(e, "~"), r = Xn(t, "~");
+	return n === 1 && r === 1;
+}, "shouldCombineSets"), Qn = /* @__PURE__ */ n((e) => {
+	let t = Xn(e, "~"), n = !1;
+	if (t <= 1) return e;
+	t % 2 != 0 && e.startsWith("~") && (e = e.substring(1), n = !0);
+	let r = [...e], i = r.indexOf("~"), a = r.lastIndexOf("~");
+	for (; i !== -1 && a !== -1 && i !== a;) r[i] = "<", r[a] = ">", i = r.indexOf("~"), a = r.lastIndexOf("~");
+	return n && r.unshift("~"), r.join("");
+}, "processSet"), $n = /* @__PURE__ */ n(() => window.MathMLElement !== void 0, "isMathMLSupported"), er = /\$\$(.*?)\$\$/g, tr = /* @__PURE__ */ n((e) => (e.match(er)?.length ?? 0) > 0, "hasKatex"), nr = /* @__PURE__ */ n(async (e, t) => {
+	let n = document.createElement("div");
+	n.innerHTML = await ir(e, t), n.id = "katex-temp", n.style.visibility = "hidden", n.style.position = "absolute", n.style.top = "0", document.querySelector("body")?.insertAdjacentElement("beforeend", n);
+	let r = {
+		width: n.clientWidth,
+		height: n.clientHeight
+	};
+	return n.remove(), r;
+}, "calculateMathMLDimensions"), rr = /* @__PURE__ */ n(async (e, t) => {
+	if (!tr(e)) return e;
+	if (!($n() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(er, "MathML is unsupported in this environment.");
+	{
+		let { default: n } = await import("./chunk-NnbDtJzg.js"), r = t.forceLegacyMathML || !$n() && t.legacyMathML ? "htmlAndMathml" : "mathml";
+		return e.split(Pn).map((e) => tr(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(er, (e, t) => n.renderToString(t, {
+			throwOnError: !0,
+			displayMode: !0,
+			output: r
+		}).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
+	}
+}, "renderKatexUnsanitized"), ir = /* @__PURE__ */ n(async (e, t) => Bn(await rr(e, t), t), "renderKatexSanitized"), ar = {
+	getRows: In,
+	sanitizeText: Bn,
+	sanitizeTextOrArray: Vn,
+	hasBreaks: Hn,
+	splitBreaks: Un,
+	lineBreakRegex: Pn,
+	removeScript: Rn,
+	getUrl: Kn,
+	evaluate: pn,
+	getMax: qn,
+	getMin: Jn
+}, or = /* @__PURE__ */ n(function(e, t) {
+	for (let n of t) e.attr(n[0], n[1]);
+}, "d3Attrs"), sr = /* @__PURE__ */ n(function(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	return n ? (r.set("width", "100%"), r.set("style", `max-width: ${t}px;`)) : (r.set("height", e), r.set("width", t)), r;
+}, "calculateSvgSizeAttrs"), cr = /* @__PURE__ */ n(function(e, t, n, r) {
+	or(e, sr(t, n, r));
+}, "configureSvgSize"), lr = /* @__PURE__ */ n(function(e, n, r, i) {
+	let a = n.node().getBBox(), o = a.width, s = a.height;
+	t.info(`SVG bounds: ${o}x${s}`, a);
+	let c = 0, l = 0;
+	t.info(`Graph bounds: ${c}x${l}`, e), c = o + r * 2, l = s + r * 2, t.info(`Calculated bounds: ${c}x${l}`), cr(n, l, c, i);
+	let u = `${a.x - r} ${a.y - r} ${a.width + 2 * r} ${a.height + 2 * r}`;
+	n.attr("viewBox", u);
+}, "setupGraphViewbox"), ur = {};
+function dr(e) {
+	return [...e.cssRules].map((e) => e.cssText).join("\n");
+}
+n(dr, "cssStyleSheetToString");
+var fr = /* @__PURE__ */ n((e, n, r, i) => {
+	let a = "";
+	return e in ur && ur[e] ? a = ur[e]({
+		...r,
+		svgId: i
+	}) : t.warn(`No theme found for ${e}`), `& {
+    font-family: ${r.fontFamily};
+    font-size: ${r.fontSize};
+    fill: ${r.textColor}
+  }
+  @keyframes edge-animation-frame {
+    from {
+      stroke-dashoffset: 0;
+    }
+  }
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0;
+    }
+  }
+  & .edge-animation-slow {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 50s linear infinite;
+    stroke-linecap: round;
+  }
+  & .edge-animation-fast {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 20s linear infinite;
+    stroke-linecap: round;
+  }
+  /* Classes common for multiple diagrams */
+
+  & .error-icon {
+    fill: ${r.errorBkgColor};
+  }
+  & .error-text {
+    fill: ${r.errorTextColor};
+    stroke: ${r.errorTextColor};
+  }
+
+  & .edge-thickness-normal {
+    stroke-width: ${r.strokeWidth ?? 1}px;
+  }
+  & .edge-thickness-thick {
+    stroke-width: 3.5px
+  }
+  & .edge-pattern-solid {
+    stroke-dasharray: 0;
+  }
+  & .edge-thickness-invisible {
+    stroke-width: 0;
+    fill: none;
+  }
+  & .edge-pattern-dashed{
+    stroke-dasharray: 3;
+  }
+  .edge-pattern-dotted {
+    stroke-dasharray: 2;
+  }
+
+  & .marker {
+    fill: ${r.lineColor};
+    stroke: ${r.lineColor};
+  }
+  & .marker.cross {
+    stroke: ${r.lineColor};
+  }
+
+  & svg {
+    font-family: ${r.fontFamily};
+    font-size: ${r.fontSize};
+  }
+   & p {
+    margin: 0
+   }
+
+  ${a}
+  .node .neo-node {
+    stroke: ${r.nodeBorder};
+  }
+
+  [data-look="neo"].node rect, [data-look="neo"].cluster rect, [data-look="neo"].node polygon {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+  [data-look="neo"].swimlane.cluster rect {
+    filter: none;
+  }
+
+
+  [data-look="neo"].node path {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    stroke-width: ${r.strokeWidth ?? 1}px;
+  }
+
+  [data-look="neo"].node .outer-path {
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+
+  [data-look="neo"].node .neo-line path {
+    stroke: ${r.nodeBorder};
+    filter: none;
+  }
+
+  [data-look="neo"].node circle{
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+
+  [data-look="neo"].node circle .state-start{
+    fill: #000000;
+  }
+
+  [data-look="neo"].icon-shape .icon {
+    fill: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+
+    [data-look="neo"].icon-shape .icon-neo path {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+
+  ${n}
+`;
+}, "getStyles"), pr = /* @__PURE__ */ n((e, t) => {
+	t !== void 0 && (ur[e] = t);
+}, "addStylesForDiagram"), mr = fr, hr = {};
+r(hr, {
+	clear: () => br,
+	getAccDescription: () => wr,
+	getAccTitle: () => Sr,
+	getDiagramTitle: () => Er,
+	setAccDescription: () => Cr,
+	setAccTitle: () => xr,
+	setDiagramTitle: () => Tr
+});
+var gr = "", _r = "", vr = "", yr = /* @__PURE__ */ n((e) => Bn(e, wn()), "sanitizeText"), br = /* @__PURE__ */ n(() => {
+	gr = "", vr = "", _r = "";
+}, "clear"), xr = /* @__PURE__ */ n((e) => {
+	gr = yr(e).replace(/^\s+/g, "");
+}, "setAccTitle"), Sr = /* @__PURE__ */ n(() => gr, "getAccTitle"), Cr = /* @__PURE__ */ n((e) => {
+	vr = yr(e).replace(/\n\s+/g, "\n");
+}, "setAccDescription"), wr = /* @__PURE__ */ n(() => vr, "getAccDescription"), Tr = /* @__PURE__ */ n((e) => {
+	_r = yr(e);
+}, "setDiagramTitle"), Er = /* @__PURE__ */ n(() => _r, "getDiagramTitle"), Dr = t, Or = e, kr = wn, Ar = Cn, jr = J, Mr = /* @__PURE__ */ n((e) => Bn(e, kr()), "sanitizeText"), Nr = lr, Pr = /* @__PURE__ */ n(() => hr, "getCommonDb"), Fr = {}, Ir = /* @__PURE__ */ n((e, t, n) => {
+	Fr[e] && Dr.warn(`Diagram with id ${e} already registered. Overwriting.`), Fr[e] = t, n && kt(e, n), pr(e, t.styles), t.injectUtils?.(Dr, Or, kr, Mr, Nr, Pr(), () => {});
+}, "registerDiagram"), Lr = /* @__PURE__ */ n((e) => {
+	if (e in Fr) return Fr[e];
+	throw new Rr(e);
+}, "getDiagram"), Rr = class extends Error {
+	static {
+		n(this, "DiagramNotFoundError");
+	}
+	constructor(e) {
+		super(`Diagram ${e} not found.`);
+	}
+};
+//#endregion
+export { xn as $, Pn as A, Mr as B, Er as C, Kn as D, Rt as E, ir as F, Ar as G, Cr as H, Dn as I, yn as J, vn as K, q as L, Yn as M, Ir as N, Mn as O, Ot as P, G as Q, cn as R, At as S, Sn as T, xr as U, bn as V, Cn as W, Nr as X, lr as Y, mr as Z, wr as _, br as a, h as at, kr as b, cr as c, jr as d, St as et, nn as f, pn as g, Ct as h, nr as i, _ as it, Et as j, tr as k, dr as l, R as m, En as n, y as nt, hr as o, m as ot, Dt as p, Tr as q, z as r, v as rt, ar as s, a as st, L as t, b as tt, J as u, Sr as v, Nn as w, Lr as x, wn as y, Bn as z };