@sme.up/ketchup2 2.4.0 → 2.6.0

package/dist/{chunk-CSCIHK7Q-9WKhcDqw.js → chunk-CSCIHK7Q-Drr_NBLR.js}

@@ -1,555 +1,7 @@
-import { _ as e, g as t, h as n, m as r } from "./src-v9RrE_4h.js";
-//#region node_modules/dompurify/dist/purify.es.mjs
-var { entries: i, setPrototypeOf: a, isFrozen: o, getPrototypeOf: s, getOwnPropertyDescriptor: c } = Object, { freeze: l, seal: u, create: d } = Object, { apply: f, construct: ee } = typeof Reflect < "u" && Reflect;
-l ||= function(e) {
-	return e;
-}, u ||= function(e) {
-	return e;
-}, f ||= function(e, t) {
-	var n = [...arguments].slice(2);
-	return e.apply(t, n);
-}, ee ||= function(e) {
-	return new e(...[...arguments].slice(1));
-};
-var p = g(Array.prototype.forEach), te = g(Array.prototype.lastIndexOf), ne = g(Array.prototype.pop), re = g(Array.prototype.push), ie = g(Array.prototype.splice), ae = g(String.prototype.toLowerCase), oe = g(String.prototype.toString), se = g(String.prototype.match), ce = g(String.prototype.replace), le = g(String.prototype.indexOf), ue = g(String.prototype.trim), m = g(Object.prototype.hasOwnProperty), h = g(RegExp.prototype.test), de = fe(TypeError);
-function g(e) {
-	return function(t) {
-		t instanceof RegExp && (t.lastIndex = 0);
-		var n = [...arguments].slice(1);
-		return f(e, t, n);
-	};
-}
-function fe(e) {
-	return function() {
-		return ee(e, [...arguments]);
-	};
-}
-function _(e, t) {
-	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ae;
-	a && a(e, null);
-	let r = t.length;
-	for (; r--;) {
-		let i = t[r];
-		if (typeof i == "string") {
-			let e = n(i);
-			e !== i && (o(t) || (t[r] = e), i = e);
-		}
-		e[i] = !0;
-	}
-	return e;
-}
-function pe(e) {
-	for (let t = 0; t < e.length; t++) m(e, t) || (e[t] = null);
-	return e;
-}
-function v(e) {
-	let t = d(null);
-	for (let [n, r] of i(e)) m(e, n) && (Array.isArray(r) ? t[n] = pe(r) : r && typeof r == "object" && r.constructor === Object ? t[n] = v(r) : t[n] = r);
-	return t;
-}
-function me(e, t) {
-	for (; e !== null;) {
-		let n = c(e, t);
-		if (n) {
-			if (n.get) return g(n.get);
-			if (typeof n.value == "function") return g(n.value);
-		}
-		e = s(e);
-	}
-	function n() {
-		return null;
-	}
-	return n;
-}
-var he = l(/* @__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 = l(/* @__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(".")), _e = l([
-	"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"
-]), ve = l([
-	"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"
-]), ye = l(/* @__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(".")), be = l([
-	"maction",
-	"maligngroup",
-	"malignmark",
-	"mlongdiv",
-	"mscarries",
-	"mscarry",
-	"msgroup",
-	"mstack",
-	"msline",
-	"msrow",
-	"semantics",
-	"annotation",
-	"annotation-xml",
-	"mprescripts",
-	"none"
-]), xe = l(["#text"]), Se = l(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.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.slot".split(".")), Ce = l(/* @__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.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.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-rendering.textlength.type.u1.u2.unicode.values.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(".")), we = l(/* @__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(".")), Te = l([
-	"xlink:href",
-	"xml:id",
-	"xlink:title",
-	"xml:space",
-	"xmlns:xlink"
-]), Ee = u(/\{\{[\w\W]*|[\w\W]*\}\}/gm), De = u(/<%[\w\W]*|[\w\W]*%>/gm), Oe = u(/\$\{[\w\W]*/gm), ke = u(/^data-[\-\w.\u00B7-\uFFFF]+$/), Ae = u(/^aria-[\-\w]+$/), je = u(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Me = u(/^(?:\w+script|data):/i), y = u(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), Ne = u(/^html$/i), Pe = u(/^[a-z][.\w]*(-[.\w]+)+$/i), Fe = /* @__PURE__ */ Object.freeze({
-	__proto__: null,
-	ARIA_ATTR: Ae,
-	ATTR_WHITESPACE: y,
-	CUSTOM_ELEMENT: Pe,
-	DATA_ATTR: ke,
-	DOCTYPE_NAME: Ne,
-	ERB_EXPR: De,
-	IS_ALLOWED_URI: je,
-	IS_SCRIPT_OR_DATA: Me,
-	MUSTACHE_EXPR: Ee,
-	TMPLIT_EXPR: Oe
-}), Ie = {
-	element: 1,
-	text: 3,
-	progressingInstruction: 7,
-	comment: 8,
-	document: 9
-}, Le = function() {
-	return typeof window > "u" ? null : window;
-}, Re = 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;
-	}
-}, ze = function() {
-	return {
-		afterSanitizeAttributes: [],
-		afterSanitizeElements: [],
-		afterSanitizeShadowDOM: [],
-		beforeSanitizeAttributes: [],
-		beforeSanitizeElements: [],
-		beforeSanitizeShadowDOM: [],
-		uponSanitizeAttribute: [],
-		uponSanitizeElement: [],
-		uponSanitizeShadowNode: []
-	};
-};
-function Be() {
-	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Le(), t = (e) => Be(e);
-	if (t.version = "3.4.0", t.removed = [], !e || !e.document || e.document.nodeType !== Ie.document || !e.Element) return t.isSupported = !1, t;
-	let { document: n } = e, r = n, a = r.currentScript, { DocumentFragment: o, HTMLTemplateElement: s, Node: c, Element: u, NodeFilter: f, NamedNodeMap: ee = e.NamedNodeMap || e.MozNamedAttrMap, HTMLFormElement: g, DOMParser: fe, trustedTypes: pe } = e, Ee = u.prototype, De = me(Ee, "cloneNode"), Oe = me(Ee, "remove"), ke = me(Ee, "nextSibling"), Ae = me(Ee, "childNodes"), Me = me(Ee, "parentNode");
-	if (typeof s == "function") {
-		let e = n.createElement("template");
-		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
-	}
-	let y, Pe = "", { implementation: b, createNodeIterator: Ve, createDocumentFragment: x, getElementsByTagName: S } = n, { importNode: C } = r, w = ze();
-	t.isSupported = typeof i == "function" && typeof Me == "function" && b && b.createHTMLDocument !== void 0;
-	let { MUSTACHE_EXPR: T, ERB_EXPR: E, TMPLIT_EXPR: D, DATA_ATTR: He, ARIA_ATTR: Ue, IS_SCRIPT_OR_DATA: O, ATTR_WHITESPACE: We, CUSTOM_ELEMENT: k } = Fe, { IS_ALLOWED_URI: Ge } = Fe, A = null, j = _({}, [
-		...he,
-		...ge,
-		..._e,
-		...ye,
-		...xe
-	]), M = null, N = _({}, [
-		...Se,
-		...Ce,
-		...we,
-		...Te
-	]), P = Object.seal(d(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
-		}
-	})), F = null, Ke = null, I = Object.seal(d(null, {
-		tagCheck: {
-			writable: !0,
-			configurable: !1,
-			enumerable: !0,
-			value: null
-		},
-		attributeCheck: {
-			writable: !0,
-			configurable: !1,
-			enumerable: !0,
-			value: null
-		}
-	})), qe = !0, Je = !0, Ye = !1, Xe = !0, L = !1, Ze = !0, R = !1, Qe = !1, $e = !1, z = !1, B = !1, V = !1, H = !0, U = !1, et = !0, tt = !1, nt = {}, W = null, rt = _({}, [
-		"annotation-xml",
-		"audio",
-		"colgroup",
-		"desc",
-		"foreignobject",
-		"head",
-		"iframe",
-		"math",
-		"mi",
-		"mn",
-		"mo",
-		"ms",
-		"mtext",
-		"noembed",
-		"noframes",
-		"noscript",
-		"plaintext",
-		"script",
-		"style",
-		"svg",
-		"template",
-		"thead",
-		"title",
-		"video",
-		"xmp"
-	]), it = null, at = _({}, [
-		"audio",
-		"video",
-		"img",
-		"source",
-		"image",
-		"track"
-	]), ot = null, st = _({}, [
-		"alt",
-		"class",
-		"for",
-		"id",
-		"label",
-		"name",
-		"pattern",
-		"placeholder",
-		"role",
-		"summary",
-		"title",
-		"value",
-		"style",
-		"xmlns"
-	]), ct = "http://www.w3.org/1998/Math/MathML", lt = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xhtml", ut = G, dt = !1, ft = null, pt = _({}, [
-		ct,
-		lt,
-		G
-	], oe), mt = _({}, [
-		"mi",
-		"mo",
-		"mn",
-		"ms",
-		"mtext"
-	]), ht = _({}, ["annotation-xml"]), gt = _({}, [
-		"title",
-		"style",
-		"font",
-		"a",
-		"script"
-	]), _t = null, vt = ["application/xhtml+xml", "text/html"], K = null, q = null, yt = n.createElement("form"), bt = function(e) {
-		return e instanceof RegExp || e instanceof Function;
-	}, xt = function() {
-		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (!(q && q === e)) {
-			if ((!e || typeof e != "object") && (e = {}), e = v(e), _t = vt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, K = _t === "application/xhtml+xml" ? oe : ae, A = m(e, "ALLOWED_TAGS") ? _({}, e.ALLOWED_TAGS, K) : j, M = m(e, "ALLOWED_ATTR") ? _({}, e.ALLOWED_ATTR, K) : N, ft = m(e, "ALLOWED_NAMESPACES") ? _({}, e.ALLOWED_NAMESPACES, oe) : pt, ot = m(e, "ADD_URI_SAFE_ATTR") ? _(v(st), e.ADD_URI_SAFE_ATTR, K) : st, it = m(e, "ADD_DATA_URI_TAGS") ? _(v(at), e.ADD_DATA_URI_TAGS, K) : at, W = m(e, "FORBID_CONTENTS") ? _({}, e.FORBID_CONTENTS, K) : rt, F = m(e, "FORBID_TAGS") ? _({}, e.FORBID_TAGS, K) : v({}), Ke = m(e, "FORBID_ATTR") ? _({}, e.FORBID_ATTR, K) : v({}), nt = m(e, "USE_PROFILES") ? e.USE_PROFILES : !1, qe = e.ALLOW_ARIA_ATTR !== !1, Je = e.ALLOW_DATA_ATTR !== !1, Ye = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Xe = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, L = e.SAFE_FOR_TEMPLATES || !1, Ze = e.SAFE_FOR_XML !== !1, R = e.WHOLE_DOCUMENT || !1, z = e.RETURN_DOM || !1, B = e.RETURN_DOM_FRAGMENT || !1, V = e.RETURN_TRUSTED_TYPE || !1, $e = e.FORCE_BODY || !1, H = e.SANITIZE_DOM !== !1, U = e.SANITIZE_NAMED_PROPS || !1, et = e.KEEP_CONTENT !== !1, tt = e.IN_PLACE || !1, Ge = e.ALLOWED_URI_REGEXP || je, ut = e.NAMESPACE || G, mt = e.MATHML_TEXT_INTEGRATION_POINTS || mt, ht = e.HTML_INTEGRATION_POINTS || ht, P = e.CUSTOM_ELEMENT_HANDLING || d(null), e.CUSTOM_ELEMENT_HANDLING && bt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (P.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && bt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (P.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (P.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), L && (Je = !1), B && (z = !0), nt && (A = _({}, xe), M = d(null), nt.html === !0 && (_(A, he), _(M, Se)), nt.svg === !0 && (_(A, ge), _(M, Ce), _(M, Te)), nt.svgFilters === !0 && (_(A, _e), _(M, Ce), _(M, Te)), nt.mathMl === !0 && (_(A, ye), _(M, we), _(M, Te))), I.tagCheck = null, I.attributeCheck = null, e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? I.tagCheck = e.ADD_TAGS : (A === j && (A = v(A)), _(A, e.ADD_TAGS, K))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? I.attributeCheck = e.ADD_ATTR : (M === N && (M = v(M)), _(M, e.ADD_ATTR, K))), e.ADD_URI_SAFE_ATTR && _(ot, e.ADD_URI_SAFE_ATTR, K), e.FORBID_CONTENTS && (W === rt && (W = v(W)), _(W, e.FORBID_CONTENTS, K)), e.ADD_FORBID_CONTENTS && (W === rt && (W = v(W)), _(W, e.ADD_FORBID_CONTENTS, K)), et && (A["#text"] = !0), R && _(A, [
-				"html",
-				"head",
-				"body"
-			]), A.table && (_(A, ["tbody"]), delete F.tbody), e.TRUSTED_TYPES_POLICY) {
-				if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw de("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
-				if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw de("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-				y = e.TRUSTED_TYPES_POLICY, Pe = y.createHTML("");
-			} else y === void 0 && (y = Re(pe, a)), y !== null && typeof Pe == "string" && (Pe = y.createHTML(""));
-			l && l(e), q = e;
-		}
-	}, St = _({}, [
-		...ge,
-		..._e,
-		...ve
-	]), Ct = _({}, [...ye, ...be]), wt = function(e) {
-		let t = Me(e);
-		(!t || !t.tagName) && (t = {
-			namespaceURI: ut,
-			tagName: "template"
-		});
-		let n = ae(e.tagName), r = ae(t.tagName);
-		return ft[e.namespaceURI] ? e.namespaceURI === lt ? t.namespaceURI === G ? n === "svg" : t.namespaceURI === ct ? n === "svg" && (r === "annotation-xml" || mt[r]) : !!St[n] : e.namespaceURI === ct ? t.namespaceURI === G ? n === "math" : t.namespaceURI === lt ? n === "math" && ht[r] : !!Ct[n] : e.namespaceURI === G ? t.namespaceURI === lt && !ht[r] || t.namespaceURI === ct && !mt[r] ? !1 : !Ct[n] && (gt[n] || !St[n]) : !!(_t === "application/xhtml+xml" && ft[e.namespaceURI]) : !1;
-	}, J = function(e) {
-		re(t.removed, { element: e });
-		try {
-			Me(e).removeChild(e);
-		} catch {
-			Oe(e);
-		}
-	}, Y = function(e, n) {
-		try {
-			re(t.removed, {
-				attribute: n.getAttributeNode(e),
-				from: n
-			});
-		} catch {
-			re(t.removed, {
-				attribute: null,
-				from: n
-			});
-		}
-		if (n.removeAttribute(e), e === "is") if (z || B) try {
-			J(n);
-		} catch {}
-		else try {
-			n.setAttribute(e, "");
-		} catch {}
-	}, X = function(e) {
-		let t = null, r = null;
-		if ($e) e = "<remove></remove>" + e;
-		else {
-			let t = se(e, /^[\r\n\t ]+/);
-			r = t && t[0];
-		}
-		_t === "application/xhtml+xml" && ut === G && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = y ? y.createHTML(e) : e;
-		if (ut === G) try {
-			t = new fe().parseFromString(i, _t);
-		} catch {}
-		if (!t || !t.documentElement) {
-			t = b.createDocument(ut, "template", null);
-			try {
-				t.documentElement.innerHTML = dt ? Pe : i;
-			} catch {}
-		}
-		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), ut === G ? S.call(t, R ? "html" : "body")[0] : R ? t.documentElement : a;
-	}, Tt = function(e) {
-		return Ve.call(e.ownerDocument || e, e, f.SHOW_ELEMENT | f.SHOW_COMMENT | f.SHOW_TEXT | f.SHOW_PROCESSING_INSTRUCTION | f.SHOW_CDATA_SECTION, null);
-	}, Z = function(e) {
-		return e instanceof g && (typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || !(e.attributes instanceof ee) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function");
-	}, Q = function(e) {
-		return typeof c == "function" && e instanceof c;
-	};
-	function $(e, n, r) {
-		p(e, (e) => {
-			e.call(t, n, r, q);
-		});
-	}
-	let Et = function(e) {
-		let n = null;
-		if ($(w.beforeSanitizeElements, e, null), Z(e)) return J(e), !0;
-		let r = K(e.nodeName);
-		if ($(w.uponSanitizeElement, e, {
-			tagName: r,
-			allowedTags: A
-		}), Ze && e.hasChildNodes() && !Q(e.firstElementChild) && h(/<[/\w!]/g, e.innerHTML) && h(/<[/\w!]/g, e.textContent) || Ze && e.namespaceURI === G && r === "style" && Q(e.firstElementChild) || e.nodeType === Ie.progressingInstruction || Ze && e.nodeType === Ie.comment && h(/<[/\w]/g, e.data)) return J(e), !0;
-		if (F[r] || !(I.tagCheck instanceof Function && I.tagCheck(r)) && !A[r]) {
-			if (!F[r] && Ot(r) && (P.tagNameCheck instanceof RegExp && h(P.tagNameCheck, r) || P.tagNameCheck instanceof Function && P.tagNameCheck(r))) return !1;
-			if (et && !W[r]) {
-				let t = Me(e) || e.parentNode, n = Ae(e) || e.childNodes;
-				if (n && t) {
-					let r = n.length;
-					for (let i = r - 1; i >= 0; --i) {
-						let r = De(n[i], !0);
-						r.__removalCount = (e.__removalCount || 0) + 1, t.insertBefore(r, ke(e));
-					}
-				}
-			}
-			return J(e), !0;
-		}
-		return e instanceof u && !wt(e) || (r === "noscript" || r === "noembed" || r === "noframes") && h(/<\/no(script|embed|frames)/i, e.innerHTML) ? (J(e), !0) : (L && e.nodeType === Ie.text && (n = e.textContent, p([
-			T,
-			E,
-			D
-		], (e) => {
-			n = ce(n, e, " ");
-		}), e.textContent !== n && (re(t.removed, { element: e.cloneNode() }), e.textContent = n)), $(w.afterSanitizeElements, e, null), !1);
-	}, Dt = function(e, t, r) {
-		if (Ke[t] || H && (t === "id" || t === "name") && (r in n || r in yt)) return !1;
-		if (!(Je && !Ke[t] && h(He, t)) && !(qe && h(Ue, t)) && !(I.attributeCheck instanceof Function && I.attributeCheck(t, e))) {
-			if (!M[t] || Ke[t]) {
-				if (!(Ot(e) && (P.tagNameCheck instanceof RegExp && h(P.tagNameCheck, e) || P.tagNameCheck instanceof Function && P.tagNameCheck(e)) && (P.attributeNameCheck instanceof RegExp && h(P.attributeNameCheck, t) || P.attributeNameCheck instanceof Function && P.attributeNameCheck(t, e)) || t === "is" && P.allowCustomizedBuiltInElements && (P.tagNameCheck instanceof RegExp && h(P.tagNameCheck, r) || P.tagNameCheck instanceof Function && P.tagNameCheck(r)))) return !1;
-			} else if (!ot[t] && !h(Ge, ce(r, We, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && le(r, "data:") === 0 && it[e]) && !(Ye && !h(O, ce(r, We, ""))) && r) return !1;
-		}
-		return !0;
-	}, Ot = function(e) {
-		return e !== "annotation-xml" && se(e, k);
-	}, kt = function(e) {
-		$(w.beforeSanitizeAttributes, e, null);
-		let { attributes: n } = e;
-		if (!n || Z(e)) return;
-		let r = {
-			attrName: "",
-			attrValue: "",
-			keepAttr: !0,
-			allowedAttributes: M,
-			forceKeepAttr: void 0
-		}, i = n.length;
-		for (; i--;) {
-			let { name: a, namespaceURI: o, value: s } = n[i], c = K(a), l = s, u = a === "value" ? l : ue(l);
-			if (r.attrName = c, r.attrValue = u, r.keepAttr = !0, r.forceKeepAttr = void 0, $(w.uponSanitizeAttribute, e, r), u = r.attrValue, U && (c === "id" || c === "name") && (Y(a, e), u = "user-content-" + u), Ze && h(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, u)) {
-				Y(a, e);
-				continue;
-			}
-			if (c === "attributename" && se(u, "href")) {
-				Y(a, e);
-				continue;
-			}
-			if (r.forceKeepAttr) continue;
-			if (!r.keepAttr) {
-				Y(a, e);
-				continue;
-			}
-			if (!Xe && h(/\/>/i, u)) {
-				Y(a, e);
-				continue;
-			}
-			L && p([
-				T,
-				E,
-				D
-			], (e) => {
-				u = ce(u, e, " ");
-			});
-			let d = K(e.nodeName);
-			if (!Dt(d, c, u)) {
-				Y(a, e);
-				continue;
-			}
-			if (y && typeof pe == "object" && typeof pe.getAttributeType == "function" && !o) switch (pe.getAttributeType(d, c)) {
-				case "TrustedHTML":
-					u = y.createHTML(u);
-					break;
-				case "TrustedScriptURL":
-					u = y.createScriptURL(u);
-					break;
-			}
-			if (u !== l) try {
-				o ? e.setAttributeNS(o, a, u) : e.setAttribute(a, u), Z(e) ? J(e) : ne(t.removed);
-			} catch {
-				Y(a, e);
-			}
-		}
-		$(w.afterSanitizeAttributes, e, null);
-	}, At = function(e) {
-		let t = null, n = Tt(e);
-		for ($(w.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) $(w.uponSanitizeShadowNode, t, null), Et(t), kt(t), t.content instanceof o && At(t.content);
-		$(w.afterSanitizeShadowDOM, e, null);
-	};
-	return t.sanitize = function(e) {
-		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, a = null, s = null, l = null;
-		if (dt = !e, dt && (e = "<!-->"), typeof e != "string" && !Q(e)) if (typeof e.toString == "function") {
-			if (e = e.toString(), typeof e != "string") throw de("dirty is not a string, aborting");
-		} else throw de("toString is not a function");
-		if (!t.isSupported) return e;
-		if (Qe || xt(n), t.removed = [], typeof e == "string" && (tt = !1), tt) {
-			if (e.nodeName) {
-				let t = K(e.nodeName);
-				if (!A[t] || F[t]) throw de("root node is forbidden and cannot be sanitized in-place");
-			}
-		} else if (e instanceof c) i = X("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === Ie.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a);
-		else {
-			if (!z && !L && !R && e.indexOf("<") === -1) return y && V ? y.createHTML(e) : e;
-			if (i = X(e), !i) return z ? null : V ? Pe : "";
-		}
-		i && $e && J(i.firstChild);
-		let u = Tt(tt ? e : i);
-		for (; s = u.nextNode();) Et(s), kt(s), s.content instanceof o && At(s.content);
-		if (tt) return e;
-		if (z) {
-			if (L) {
-				i.normalize();
-				let e = i.innerHTML;
-				p([
-					T,
-					E,
-					D
-				], (t) => {
-					e = ce(e, t, " ");
-				}), i.innerHTML = e;
-			}
-			if (B) for (l = x.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
-			else l = i;
-			return (M.shadowroot || M.shadowrootmode) && (l = C.call(r, l, !0)), l;
-		}
-		let d = R ? i.outerHTML : i.innerHTML;
-		return R && A["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && h(Ne, i.ownerDocument.doctype.name) && (d = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + d), L && p([
-			T,
-			E,
-			D
-		], (e) => {
-			d = ce(d, e, " ");
-		}), y && V ? y.createHTML(d) : d;
-	}, t.setConfig = function() {
-		xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Qe = !0;
-	}, t.clearConfig = function() {
-		q = null, Qe = !1;
-	}, t.isValidAttribute = function(e, t, n) {
-		return q || xt({}), Dt(K(e), K(t), n);
-	}, t.addHook = function(e, t) {
-		typeof t == "function" && re(w[e], t);
-	}, t.removeHook = function(e, t) {
-		if (t !== void 0) {
-			let n = te(w[e], t);
-			return n === -1 ? void 0 : ie(w[e], n, 1)[0];
-		}
-		return ne(w[e]);
-	}, t.removeHooks = function(e) {
-		w[e] = [];
-	}, t.removeAllHooks = function() {
-		w = ze();
-	}, t;
-}
-var b = Be(), Ve = {
+import { t as e } from "./purify.es-9OKVhuci.js";
+import { _ as t, g as n, h as r, m as i } from "./src-GDFuItmC.js";
+//#region node_modules/khroma/dist/utils/channel.js
+var a = {
 	min: {
 		r: 0,
 		g: 0,
@@ -584,11 +36,11 @@ var b = Be(), Ve = {
 	hsl2rgb: ({ h: e, s: t, l: n }, r) => {
 		if (!t) return n * 2.55;
 		e /= 360, t /= 100, n /= 100;
-		let i = n < .5 ? n * (1 + t) : n + t - n * t, a = 2 * n - i;
+		let i = n < .5 ? n * (1 + t) : n + t - n * t, o = 2 * n - i;
 		switch (r) {
-			case "r": return Ve.hue2rgb(a, i, e + 1 / 3) * 255;
-			case "g": return Ve.hue2rgb(a, i, e) * 255;
-			case "b": return Ve.hue2rgb(a, i, e - 1 / 3) * 255;
+			case "r": return a.hue2rgb(o, i, e + 1 / 3) * 255;
+			case "g": return a.hue2rgb(o, i, e) * 255;
+			case "b": return a.hue2rgb(o, i, e - 1 / 3) * 255;
 		}
 	},
 	rgb2hsl: ({ r: e, g: t, b: n }, r) => {
@@ -605,8 +57,8 @@ var b = Be(), Ve = {
 			default: return -1;
 		}
 	}
-}, x = {
-	channel: Ve,
+}, o = {
+	channel: a,
 	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
@@ -615,15 +67,15 @@ var b = Be(), Ve = {
 		let t = Math.round(e).toString(16);
 		return t.length > 1 ? t : `0${t}`;
 	} }
-}, S = {};
-for (let e = 0; e <= 255; e++) S[e] = x.unit.dec2hex(e);
-var C = {
+}, s = {};
+for (let e = 0; e <= 255; e++) s[e] = o.unit.dec2hex(e);
+var c = {
 	ALL: 0,
 	RGB: 1,
 	HSL: 2
-}, w = class {
+}, l = class {
 	constructor() {
-		this.type = C.ALL;
+		this.type = c.ALL;
 	}
 	get() {
 		return this.type;
@@ -633,70 +85,70 @@ var C = {
 		this.type = e;
 	}
 	reset() {
-		this.type = C.ALL;
+		this.type = c.ALL;
 	}
 	is(e) {
 		return this.type === e;
 	}
-}, T = new class {
+}, u = new class {
 	constructor(e, t) {
-		this.color = t, this.changed = !1, this.data = e, this.type = new w();
+		this.color = t, this.changed = !1, this.data = e, this.type = new l();
 	}
 	set(e, t) {
-		return this.color = t, this.changed = !1, this.data = e, this.type.type = C.ALL, this;
+		return this.color = t, this.changed = !1, this.data = e, this.type.type = c.ALL, this;
 	}
 	_ensureHSL() {
 		let e = this.data, { h: t, s: n, l: r } = e;
-		t === void 0 && (e.h = x.channel.rgb2hsl(e, "h")), n === void 0 && (e.s = x.channel.rgb2hsl(e, "s")), r === void 0 && (e.l = x.channel.rgb2hsl(e, "l"));
+		t === void 0 && (e.h = o.channel.rgb2hsl(e, "h")), n === void 0 && (e.s = o.channel.rgb2hsl(e, "s")), r === void 0 && (e.l = o.channel.rgb2hsl(e, "l"));
 	}
 	_ensureRGB() {
 		let e = this.data, { r: t, g: n, b: r } = e;
-		t === void 0 && (e.r = x.channel.hsl2rgb(e, "r")), n === void 0 && (e.g = x.channel.hsl2rgb(e, "g")), r === void 0 && (e.b = x.channel.hsl2rgb(e, "b"));
+		t === void 0 && (e.r = o.channel.hsl2rgb(e, "r")), n === void 0 && (e.g = o.channel.hsl2rgb(e, "g")), r === void 0 && (e.b = o.channel.hsl2rgb(e, "b"));
 	}
 	get r() {
 		let e = this.data, t = e.r;
-		return !this.type.is(C.HSL) && t !== void 0 ? t : (this._ensureHSL(), x.channel.hsl2rgb(e, "r"));
+		return !this.type.is(c.HSL) && t !== void 0 ? t : (this._ensureHSL(), o.channel.hsl2rgb(e, "r"));
 	}
 	get g() {
 		let e = this.data, t = e.g;
-		return !this.type.is(C.HSL) && t !== void 0 ? t : (this._ensureHSL(), x.channel.hsl2rgb(e, "g"));
+		return !this.type.is(c.HSL) && t !== void 0 ? t : (this._ensureHSL(), o.channel.hsl2rgb(e, "g"));
 	}
 	get b() {
 		let e = this.data, t = e.b;
-		return !this.type.is(C.HSL) && t !== void 0 ? t : (this._ensureHSL(), x.channel.hsl2rgb(e, "b"));
+		return !this.type.is(c.HSL) && t !== void 0 ? t : (this._ensureHSL(), o.channel.hsl2rgb(e, "b"));
 	}
 	get h() {
 		let e = this.data, t = e.h;
-		return !this.type.is(C.RGB) && t !== void 0 ? t : (this._ensureRGB(), x.channel.rgb2hsl(e, "h"));
+		return !this.type.is(c.RGB) && t !== void 0 ? t : (this._ensureRGB(), o.channel.rgb2hsl(e, "h"));
 	}
 	get s() {
 		let e = this.data, t = e.s;
-		return !this.type.is(C.RGB) && t !== void 0 ? t : (this._ensureRGB(), x.channel.rgb2hsl(e, "s"));
+		return !this.type.is(c.RGB) && t !== void 0 ? t : (this._ensureRGB(), o.channel.rgb2hsl(e, "s"));
 	}
 	get l() {
 		let e = this.data, t = e.l;
-		return !this.type.is(C.RGB) && t !== void 0 ? t : (this._ensureRGB(), x.channel.rgb2hsl(e, "l"));
+		return !this.type.is(c.RGB) && t !== void 0 ? t : (this._ensureRGB(), o.channel.rgb2hsl(e, "l"));
 	}
 	get a() {
 		return this.data.a;
 	}
 	set r(e) {
-		this.type.set(C.RGB), this.changed = !0, this.data.r = e;
+		this.type.set(c.RGB), this.changed = !0, this.data.r = e;
 	}
 	set g(e) {
-		this.type.set(C.RGB), this.changed = !0, this.data.g = e;
+		this.type.set(c.RGB), this.changed = !0, this.data.g = e;
 	}
 	set b(e) {
-		this.type.set(C.RGB), this.changed = !0, this.data.b = e;
+		this.type.set(c.RGB), this.changed = !0, this.data.b = e;
 	}
 	set h(e) {
-		this.type.set(C.HSL), this.changed = !0, this.data.h = e;
+		this.type.set(c.HSL), this.changed = !0, this.data.h = e;
 	}
 	set s(e) {
-		this.type.set(C.HSL), this.changed = !0, this.data.s = e;
+		this.type.set(c.HSL), this.changed = !0, this.data.s = e;
 	}
 	set l(e) {
-		this.type.set(C.HSL), this.changed = !0, this.data.l = e;
+		this.type.set(c.HSL), this.changed = !0, this.data.l = e;
 	}
 	set a(e) {
 		this.changed = !0, this.data.a = e;
@@ -706,57 +158,57 @@ var C = {
 	g: 0,
 	b: 0,
 	a: 0
-}, "transparent"), E = {
+}, "transparent"), d = {
 	re: /^#((?:[a-f0-9]{2}){2,4}|[a-f0-9]{3})$/i,
 	parse: (e) => {
 		if (e.charCodeAt(0) !== 35) return;
-		let t = e.match(E.re);
+		let t = e.match(d.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, l = a ? 0 : -1, u = o ? 255 : 15;
-		return T.set({
-			r: (r >> c * (l + 3) & u) * s,
-			g: (r >> c * (l + 2) & u) * s,
-			b: (r >> c * (l + 1) & u) * s,
-			a: a ? (r & u) * s / 255 : 1
+		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, l = a ? 0 : -1, f = o ? 255 : 15;
+		return u.set({
+			r: (r >> c * (l + 3) & f) * s,
+			g: (r >> c * (l + 2) & f) * s,
+			b: (r >> c * (l + 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 ? `#${S[Math.round(t)]}${S[Math.round(n)]}${S[Math.round(r)]}${S[Math.round(i * 255)]}` : `#${S[Math.round(t)]}${S[Math.round(n)]}${S[Math.round(r)]}`;
+		return i < 1 ? `#${s[Math.round(t)]}${s[Math.round(n)]}${s[Math.round(r)]}${s[Math.round(i * 255)]}` : `#${s[Math.round(t)]}${s[Math.round(n)]}${s[Math.round(r)]}`;
 	}
-}, D = {
+}, f = {
 	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);
+		let t = e.match(f.hueRe);
 		if (t) {
 			let [, e, n] = t;
 			switch (n) {
-				case "grad": return x.channel.clamp.h(parseFloat(e) * .9);
-				case "rad": return x.channel.clamp.h(parseFloat(e) * 180 / Math.PI);
-				case "turn": return x.channel.clamp.h(parseFloat(e) * 360);
+				case "grad": return o.channel.clamp.h(parseFloat(e) * .9);
+				case "rad": return o.channel.clamp.h(parseFloat(e) * 180 / Math.PI);
+				case "turn": return o.channel.clamp.h(parseFloat(e) * 360);
 			}
 		}
-		return x.channel.clamp.h(parseFloat(e));
+		return o.channel.clamp.h(parseFloat(e));
 	},
 	parse: (e) => {
 		let t = e.charCodeAt(0);
 		if (t !== 104 && t !== 72) return;
-		let n = e.match(D.re);
+		let n = e.match(f.re);
 		if (!n) return;
-		let [, r, i, a, o, s] = n;
-		return T.set({
-			h: D._hue2deg(r),
-			s: x.channel.clamp.s(parseFloat(i)),
-			l: x.channel.clamp.l(parseFloat(a)),
-			a: o ? x.channel.clamp.a(s ? parseFloat(o) / 100 : parseFloat(o)) : 1
+		let [, r, i, a, s, c] = n;
+		return u.set({
+			h: f._hue2deg(r),
+			s: o.channel.clamp.s(parseFloat(i)),
+			l: o.channel.clamp.l(parseFloat(a)),
+			a: s ? o.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(${x.lang.round(t)}, ${x.lang.round(n)}%, ${x.lang.round(r)}%, ${i})` : `hsl(${x.lang.round(t)}, ${x.lang.round(n)}%, ${x.lang.round(r)}%)`;
+		return i < 1 ? `hsla(${o.lang.round(t)}, ${o.lang.round(n)}%, ${o.lang.round(r)}%, ${i})` : `hsl(${o.lang.round(t)}, ${o.lang.round(n)}%, ${o.lang.round(r)}%)`;
 	}
-}, He = {
+}, p = {
 	colors: {
 		aliceblue: "#f0f8ff",
 		antiquewhite: "#faebd7",
@@ -908,175 +360,175 @@ var C = {
 	},
 	parse: (e) => {
 		e = e.toLowerCase();
-		let t = He.colors[e];
-		if (t) return E.parse(t);
+		let t = p.colors[e];
+		if (t) return d.parse(t);
 	},
 	stringify: (e) => {
-		let t = E.stringify(e);
-		for (let e in He.colors) if (He.colors[e] === t) return e;
+		let t = d.stringify(e);
+		for (let e in p.colors) if (p.colors[e] === t) return e;
 	}
-}, Ue = {
+}, m = {
 	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(Ue.re);
+		let n = e.match(m.re);
 		if (!n) return;
-		let [, r, i, a, o, s, c, l, u] = n;
-		return T.set({
-			r: x.channel.clamp.r(i ? parseFloat(r) * 2.55 : parseFloat(r)),
-			g: x.channel.clamp.g(o ? parseFloat(a) * 2.55 : parseFloat(a)),
-			b: x.channel.clamp.b(c ? parseFloat(s) * 2.55 : parseFloat(s)),
-			a: l ? x.channel.clamp.a(u ? parseFloat(l) / 100 : parseFloat(l)) : 1
+		let [, r, i, a, s, c, l, d, f] = n;
+		return u.set({
+			r: o.channel.clamp.r(i ? parseFloat(r) * 2.55 : parseFloat(r)),
+			g: o.channel.clamp.g(s ? parseFloat(a) * 2.55 : parseFloat(a)),
+			b: o.channel.clamp.b(l ? parseFloat(c) * 2.55 : parseFloat(c)),
+			a: d ? o.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(${x.lang.round(t)}, ${x.lang.round(n)}, ${x.lang.round(r)}, ${x.lang.round(i)})` : `rgb(${x.lang.round(t)}, ${x.lang.round(n)}, ${x.lang.round(r)})`;
+		return i < 1 ? `rgba(${o.lang.round(t)}, ${o.lang.round(n)}, ${o.lang.round(r)}, ${o.lang.round(i)})` : `rgb(${o.lang.round(t)}, ${o.lang.round(n)}, ${o.lang.round(r)})`;
 	}
-}, O = {
+}, h = {
 	format: {
-		keyword: He,
-		hex: E,
-		rgb: Ue,
-		rgba: Ue,
-		hsl: D,
-		hsla: D
+		keyword: p,
+		hex: d,
+		rgb: m,
+		rgba: m,
+		hsl: f,
+		hsla: f
 	},
 	parse: (e) => {
 		if (typeof e != "string") return e;
-		let t = E.parse(e) || Ue.parse(e) || D.parse(e) || He.parse(e);
+		let t = d.parse(e) || m.parse(e) || f.parse(e) || p.parse(e);
 		if (t) return t;
 		throw Error(`Unsupported color format: "${e}"`);
 	},
-	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(C.HSL) || e.data.r === void 0 ? D.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? Ue.stringify(e) : E.stringify(e)
-}, We = (e, t) => {
-	let n = O.parse(e);
-	for (let e in t) n[e] = x.channel.clamp[e](t[e]);
-	return O.stringify(n);
-}, k = (e, t, n = 0, r = 1) => {
-	if (typeof e != "number") return We(e, { a: t });
-	let i = T.set({
-		r: x.channel.clamp.r(e),
-		g: x.channel.clamp.g(t),
-		b: x.channel.clamp.b(n),
-		a: x.channel.clamp.a(r)
+	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(c.HSL) || e.data.r === void 0 ? f.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? m.stringify(e) : d.stringify(e)
+}, g = (e, t) => {
+	let n = h.parse(e);
+	for (let e in t) n[e] = o.channel.clamp[e](t[e]);
+	return h.stringify(n);
+}, _ = (e, t, n = 0, r = 1) => {
+	if (typeof e != "number") return g(e, { a: t });
+	let i = u.set({
+		r: o.channel.clamp.r(e),
+		g: o.channel.clamp.g(t),
+		b: o.channel.clamp.b(n),
+		a: o.channel.clamp.a(r)
 	});
-	return O.stringify(i);
-}, Ge = (e) => {
-	let { r: t, g: n, b: r } = O.parse(e), i = .2126 * x.channel.toLinear(t) + .7152 * x.channel.toLinear(n) + .0722 * x.channel.toLinear(r);
-	return x.lang.round(i);
-}, A = (e) => Ge(e) >= .5, j = (e) => !A(e), M = (e, t, n) => {
-	let r = O.parse(e), i = r[t], a = x.channel.clamp[t](i + n);
-	return i !== a && (r[t] = a), O.stringify(r);
-}, N = (e, t) => M(e, "l", t), P = (e, t) => M(e, "l", -t), F = (e, t) => {
-	let n = O.parse(e), r = {};
+	return h.stringify(i);
+}, ee = (e) => {
+	let { r: t, g: n, b: r } = h.parse(e), i = .2126 * o.channel.toLinear(t) + .7152 * o.channel.toLinear(n) + .0722 * o.channel.toLinear(r);
+	return o.lang.round(i);
+}, te = (e) => ee(e) >= .5, v = (e) => !te(e), y = (e, t, n) => {
+	let r = h.parse(e), i = r[t], a = o.channel.clamp[t](i + n);
+	return i !== a && (r[t] = a), h.stringify(r);
+}, b = (e, t) => y(e, "l", t), x = (e, t) => y(e, "l", -t), S = (e, t) => {
+	let n = h.parse(e), r = {};
 	for (let e in t) t[e] && (r[e] = n[e] + t[e]);
-	return We(e, r);
-}, Ke = (e, t, n = 50) => {
-	let { r, g: i, b: a, a: o } = O.parse(e), { r: s, g: c, b: l, a: u } = O.parse(t), d = n / 100, f = d * 2 - 1, ee = o - u, p = ((f * ee === -1 ? f : (f + ee) / (1 + f * ee)) + 1) / 2, te = 1 - p;
-	return k(r * p + s * te, i * p + c * te, a * p + l * te, o * d + u * (1 - d));
-}, I = (e, t = 100) => {
-	let n = O.parse(e);
-	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, Ke(n, e, t);
-}, qe = /^-{3}\s*[\n\r](.*?)[\n\r]-{3}\s*[\n\r]+/s, Je = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, Ye = /\s*%%.*\n/gm, Xe = class extends Error {
+	return g(e, r);
+}, ne = (e, t, n = 50) => {
+	let { r, g: i, b: a, a: o } = h.parse(e), { r: s, g: c, b: l, a: u } = h.parse(t), d = n / 100, f = d * 2 - 1, p = o - u, m = ((f * p === -1 ? f : (f + p) / (1 + f * p)) + 1) / 2, g = 1 - m;
+	return _(r * m + s * g, i * m + c * g, a * m + l * g, o * d + u * (1 - d));
+}, C = (e, t = 100) => {
+	let n = h.parse(e);
+	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, ne(n, e, t);
+}, re = /^-{3}\s*[\n\r](.*?)[\n\r]-{3}\s*[\n\r]+/s, ie = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, ae = /\s*%%.*\n/gm, oe = class extends Error {
 	static {
-		n(this, "UnknownDiagramError");
+		r(this, "UnknownDiagramError");
 	}
 	constructor(e) {
 		super(e), this.name = "UnknownDiagramError";
 	}
-}, L = {}, Ze = /* @__PURE__ */ n(function(e, t) {
-	e = e.replace(qe, "").replace(Je, "").replace(Ye, "\n");
-	for (let [n, { detector: r }] of Object.entries(L)) if (r(e, t)) return n;
-	throw new Xe(`No diagram type detected matching given configuration for text: ${e}`);
-}, "detectType"), R = /* @__PURE__ */ n((...e) => {
-	for (let { id: t, detector: n, loader: r } of e) Qe(t, n, r);
-}, "registerLazyLoadedDiagrams"), Qe = /* @__PURE__ */ n((e, n, r) => {
-	L[e] && t.warn(`Detector with key ${e} already exists. Overwriting.`), L[e] = {
-		detector: n,
+}, w = {}, se = /* @__PURE__ */ r(function(e, t) {
+	e = e.replace(re, "").replace(ie, "").replace(ae, "\n");
+	for (let [n, { detector: r }] of Object.entries(w)) if (r(e, t)) return n;
+	throw new oe(`No diagram type detected matching given configuration for text: ${e}`);
+}, "detectType"), ce = /* @__PURE__ */ r((...e) => {
+	for (let { id: t, detector: n, loader: r } of e) le(t, n, r);
+}, "registerLazyLoadedDiagrams"), le = /* @__PURE__ */ r((e, t, r) => {
+	w[e] && n.warn(`Detector with key ${e} already exists. Overwriting.`), w[e] = {
+		detector: t,
 		loader: r
-	}, t.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
-}, "addDetector"), $e = /* @__PURE__ */ n((e) => L[e].loader, "getDiagramLoader"), z = /* @__PURE__ */ n((e, t, { depth: n = 2, clobber: r = !1 } = {}) => {
+	}, n.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
+}, "addDetector"), ue = /* @__PURE__ */ r((e) => w[e].loader, "getDiagramLoader"), T = /* @__PURE__ */ r((e, t, { depth: n = 2, clobber: r = !1 } = {}) => {
 	let i = {
 		depth: n,
 		clobber: r
 	};
-	return Array.isArray(t) && !Array.isArray(e) ? (t.forEach((t) => z(e, t, i)), e) : Array.isArray(t) && Array.isArray(e) ? (t.forEach((t) => {
+	return Array.isArray(t) && !Array.isArray(e) ? (t.forEach((t) => T(e, t, i)), e) : Array.isArray(t) && Array.isArray(e) ? (t.forEach((t) => {
 		e.includes(t) || e.push(t);
 	}), e) : e === void 0 || n <= 0 ? typeof e == "object" && e && typeof t == "object" ? Object.assign(e, t) : t : (t !== void 0 && typeof e == "object" && typeof t == "object" && Object.keys(t).forEach((i) => {
-		typeof t[i] == "object" && t[i] !== null && (e[i] === void 0 || typeof e[i] == "object") ? (e[i] === void 0 && (e[i] = Array.isArray(t[i]) ? [] : {}), e[i] = z(e[i], t[i], {
+		typeof t[i] == "object" && t[i] !== null && (e[i] === void 0 || typeof e[i] == "object") ? (e[i] === void 0 && (e[i] = Array.isArray(t[i]) ? [] : {}), e[i] = T(e[i], t[i], {
 			depth: n - 1,
 			clobber: r
 		})) : (r || typeof e[i] != "object" && typeof t[i] != "object") && (e[i] = t[i]);
 	}), e);
-}, "assignWithDepth"), B = z, V = "#ffffff", H = "#f2f2f2", U = /* @__PURE__ */ n((e, t) => t ? F(e, {
+}, "assignWithDepth"), E = T, D = "#ffffff", O = "#f2f2f2", k = /* @__PURE__ */ r((e, t) => t ? S(e, {
 	s: -40,
 	l: 10
-}) : F(e, {
+}) : S(e, {
 	s: -40,
 	l: -10
-}), "mkBorder"), et = class {
+}), "mkBorder"), de = class {
 	static {
-		n(this, "Theme");
+		r(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 || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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 ? P(this.secondaryColor, 30) : this.secondaryColor), 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor), 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 || N(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 || P(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || P(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || N(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || N(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 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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 ? x(this.secondaryColor, 30) : this.secondaryColor), 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), 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 || b(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 || x(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || x(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || b(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || b(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 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		}), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || S(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 || F(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || F(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || F(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || F(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || F(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || F(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 || F(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || F(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || F(this.primaryColor, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || S(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || S(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || S(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || S(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || S(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || S(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 || S(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || S(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 ?? F(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? F(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? F(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? F(this.primaryColor, {
+		}), 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 ?? S(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? S(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? S(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? S(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? S(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? S(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? S(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? F(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? S(this.secondaryColor, {
 			h: 120,
 			l: -30
 		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.radar = {
@@ -1103,31 +555,31 @@ var C = {
 			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 || F(this.primaryColor, {
+		}, 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 || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
@@ -1140,7 +592,7 @@ var C = {
 			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 ? P(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 || F(this.primaryColor, { h: -30 }), this.git4 = this.git4 || F(this.primaryColor, { h: -60 }), this.git5 = this.git5 || F(this.primaryColor, { h: -90 }), this.git6 = this.git6 || F(this.primaryColor, { h: 60 }), this.git7 = this.git7 || F(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
+		}, 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 ? x(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 || S(this.primaryColor, { h: -30 }), this.git4 = this.git4 || S(this.primaryColor, { h: -60 }), this.git5 = this.git5 || S(this.primaryColor, { h: -90 }), this.git6 = this.git6 || S(this.primaryColor, { h: 60 }), this.git7 = this.git7 || S(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1154,25 +606,25 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, tt = /* @__PURE__ */ n((e) => {
-	let t = new et();
+}, fe = /* @__PURE__ */ r((e) => {
+	let t = new de();
 	return t.calculate(e), t;
-}, "getThemeVariables"), nt = class {
+}, "getThemeVariables"), pe = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = N(this.primaryColor, 16), this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = I(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.lineColor = I(this.background), this.textColor = I(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = N(I("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = k(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 = P("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = P(this.sectionBkgColor, 10), this.taskBorderColor = k(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = k(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 || N(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || P(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";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = b(this.primaryColor, 16), this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = b(C("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = _(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 = x("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = x(this.sectionBkgColor, 10), this.taskBorderColor = _(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = _(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 || b(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || x(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 = N(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 = N(this.labelBackground, 25), 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.altSectionBkgColor = this.background, this.taskBkgColor = N(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 = I(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 = F(this.primaryColor, { h: 64 }), this.fillType3 = F(this.secondaryColor, { h: 64 }), this.fillType4 = F(this.primaryColor, { h: -64 }), this.fillType5 = F(this.secondaryColor, { h: -64 }), this.fillType6 = F(this.primaryColor, { h: 128 }), this.fillType7 = F(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 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 });
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
-		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
+		this.secondBkg = b(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 = b(this.labelBackground, 25), 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.altSectionBkgColor = this.background, this.taskBkgColor = b(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 = C(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 = S(this.primaryColor, { h: 64 }), this.fillType3 = S(this.secondaryColor, { h: 64 }), this.fillType4 = S(this.primaryColor, { h: -64 }), this.fillType5 = S(this.secondaryColor, { h: -64 }), this.fillType6 = S(this.primaryColor, { h: 128 }), this.fillType7 = S(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 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(-10 + e * 4)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(-7 + e * 4)
@@ -1181,32 +633,32 @@ var C = {
 		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)] ?? N(this["cScale" + e], 30);
-		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || F(this.primaryColor, {
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? b(this["cScale" + e], 30);
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
@@ -1250,7 +702,7 @@ var C = {
 			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 ? P(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = N(this.secondaryColor, 20), this.git1 = N(this.pie2 || this.secondaryColor, 20), this.git2 = N(this.pie3 || this.tertiaryColor, 20), this.git3 = N(this.pie4 || F(this.primaryColor, { h: -30 }), 20), this.git4 = N(this.pie5 || F(this.primaryColor, { h: -60 }), 20), this.git5 = N(this.pie6 || F(this.primaryColor, { h: -90 }), 10), this.git6 = N(this.pie7 || F(this.primaryColor, { h: 60 }), 10), this.git7 = N(this.pie8 || F(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || I(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || I(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 || N("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || N("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || N("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || N("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || N(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || N(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || N(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || N(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+		}, 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 ? x(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = b(this.secondaryColor, 20), this.git1 = b(this.pie2 || this.secondaryColor, 20), this.git2 = b(this.pie3 || this.tertiaryColor, 20), this.git3 = b(this.pie4 || S(this.primaryColor, { h: -30 }), 20), this.git4 = b(this.pie5 || S(this.primaryColor, { h: -60 }), 20), this.git5 = b(this.pie6 || S(this.primaryColor, { h: -90 }), 10), this.git6 = b(this.pie7 || S(this.primaryColor, { h: 60 }), 10), this.git7 = b(this.pie8 || S(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(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 || b("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || b("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || b("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || b("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || b(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || b(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || b(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || b(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1264,89 +716,89 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, W = /* @__PURE__ */ n((e) => {
-	let t = new nt();
+}, me = /* @__PURE__ */ r((e) => {
+	let t = new pe();
 	return t.calculate(e), t;
-}, "getThemeVariables"), rt = class {
+}, "getThemeVariables"), he = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = F(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.lineColor = I(this.background), this.textColor = I(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = U(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 = k(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();
+		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = S(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = k(this.primaryColor, this.darkMode), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = k(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 = _(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 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || P(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || P(this.tertiaryColor, 40);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e], { h: 180 });
-		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
+		this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || x(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || x(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e], { h: 180 });
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 30,
 			l: -(5 + e * 5)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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 || I(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || I(this.labelTextColor);
+			this.cScaleLabel0 = this.cScaleLabel0 || C(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || C(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.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.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || N(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || N(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 = F(this.primaryColor, { h: 64 }), this.fillType3 = F(this.secondaryColor, { h: 64 }), this.fillType4 = F(this.primaryColor, { h: -64 }), this.fillType5 = F(this.secondaryColor, { h: -64 }), this.fillType6 = F(this.primaryColor, { h: 128 }), this.fillType7 = F(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || F(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || F(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || F(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || F(this.primaryColor, {
+		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.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.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || b(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || b(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 = S(this.primaryColor, { h: 64 }), this.fillType3 = S(this.secondaryColor, { h: 64 }), this.fillType4 = S(this.primaryColor, { h: -64 }), this.fillType5 = S(this.secondaryColor, { h: -64 }), this.fillType6 = S(this.primaryColor, { h: 128 }), this.fillType7 = S(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || S(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || S(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || S(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -40
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: -40
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -40
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -90,
 			l: -40
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 ?? F(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? F(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? F(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? F(this.primaryColor, {
+		}), 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 ?? S(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? S(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? S(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? S(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? S(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? S(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? S(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? F(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? S(this.secondaryColor, {
 			h: 120,
 			l: -30
-		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || F(this.primaryColor, {
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
@@ -1383,7 +835,7 @@ var C = {
 			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 || F(this.primaryColor, { h: -30 }), this.git4 = this.git4 || F(this.primaryColor, { h: -60 }), this.git5 = this.git5 || F(this.primaryColor, { h: -90 }), this.git6 = this.git6 || F(this.primaryColor, { h: 60 }), this.git7 = this.git7 || F(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || P(I(this.git0), 25), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || I(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 || S(this.primaryColor, { h: -30 }), this.git4 = this.git4 || S(this.primaryColor, { h: -60 }), this.git5 = this.git5 || S(this.primaryColor, { h: -90 }), this.git6 = this.git6 || S(this.primaryColor, { h: 60 }), this.git7 = this.git7 || S(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || x(C(this.git0), 25), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (Object.keys(this).forEach((e) => {
@@ -1399,92 +851,92 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, it = /* @__PURE__ */ n((e) => {
-	let t = new rt();
+}, ge = /* @__PURE__ */ r((e) => {
+	let t = new he();
 	return t.calculate(e), t;
-}, "getThemeVariables"), at = class {
+}, "getThemeVariables"), _e = class {
 	static {
-		n(this, "Theme");
+		r(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 = N("#cde498", 10), this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.primaryColor), this.lineColor = I(this.background), this.textColor = I(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))";
+		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 = b("#cde498", 10), this.primaryBorderColor = k(this.primaryColor, this.darkMode), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.primaryColor), this.lineColor = C(this.background), this.textColor = C(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 = P(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.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || P(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || P(this.tertiaryColor, 40);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e], { h: 180 });
+		this.actorBorder = x(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.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || x(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || x(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(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] || F(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(5 + e * 5)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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.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 || N(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || N(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 = F(this.primaryColor, { h: 64 }), this.fillType3 = F(this.secondaryColor, { h: 64 }), this.fillType4 = F(this.primaryColor, { h: -64 }), this.fillType5 = F(this.secondaryColor, { h: -64 }), this.fillType6 = F(this.primaryColor, { h: 128 }), this.fillType7 = F(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 || F(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || F(this.tertiaryColor, {
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, 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 || b(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || b(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 = S(this.primaryColor, { h: 64 }), this.fillType3 = S(this.secondaryColor, { h: 64 }), this.fillType4 = S(this.primaryColor, { h: -64 }), this.fillType5 = S(this.secondaryColor, { h: -64 }), this.fillType6 = S(this.primaryColor, { h: 128 }), this.fillType7 = S(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 || S(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || S(this.tertiaryColor, {
 			h: 40,
 			l: -40
-		}), this.pie7 = this.pie7 || F(this.primaryColor, {
+		}), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -50
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -60,
 			l: -50
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 ?? F(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? F(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? F(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? F(this.primaryColor, {
+		}), 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 ?? S(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? S(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? S(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? S(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? S(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? S(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? S(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? F(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? S(this.secondaryColor, {
 			h: 120,
 			l: -30
-		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || F(this.primaryColor, {
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
@@ -1528,7 +980,7 @@ var C = {
 			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 || F(this.primaryColor, { h: -30 }), this.git4 = this.git4 || F(this.primaryColor, { h: -60 }), this.git5 = this.git5 || F(this.primaryColor, { h: -90 }), this.git6 = this.git6 || F(this.primaryColor, { h: 60 }), this.git7 = this.git7 || F(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || I(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 || S(this.primaryColor, { h: -30 }), this.git4 = this.git4 || S(this.primaryColor, { h: -60 }), this.git5 = this.git5 || S(this.primaryColor, { h: -90 }), this.git6 = this.git6 || S(this.primaryColor, { h: 60 }), this.git7 = this.git7 || S(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1542,52 +994,52 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, ot = /* @__PURE__ */ n((e) => {
-	let t = new at();
+}, ve = /* @__PURE__ */ r((e) => {
+	let t = new _e();
 	return t.calculate(e), t;
-}, "getThemeVariables"), st = class {
+}, "getThemeVariables"), ye = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = N(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.lineColor = I(this.background), this.textColor = I(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 || N(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))";
+		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = b(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = k(this.primaryColor, this.darkMode), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(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 || b(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 = N(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = N(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, 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] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		this.secondBkg = b(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = b(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, 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] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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.sectionBkgColor = N(this.contrast, 30), this.sectionBkgColor2 = N(this.contrast, 30), this.taskBorderColor = P(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 = N(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = P(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 = F(this.primaryColor, { h: 64 }), this.fillType3 = F(this.secondaryColor, { h: 64 }), this.fillType4 = F(this.primaryColor, { h: -64 }), this.fillType5 = F(this.secondaryColor, { h: -64 }), this.fillType6 = F(this.primaryColor, { h: 128 }), this.fillType7 = F(this.secondaryColor, { h: 128 });
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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.sectionBkgColor = b(this.contrast, 30), this.sectionBkgColor2 = b(this.contrast, 30), this.taskBorderColor = x(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 = b(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = x(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 = S(this.primaryColor, { h: 64 }), this.fillType3 = S(this.secondaryColor, { h: 64 }), this.fillType4 = S(this.primaryColor, { h: -64 }), this.fillType5 = S(this.secondaryColor, { h: -64 }), this.fillType6 = S(this.primaryColor, { h: 128 }), this.fillType7 = S(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.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || F(this.primaryColor, {
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
@@ -1624,7 +1076,7 @@ var C = {
 			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 = P(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || F(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || F(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || F(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || F(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || F(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 = x(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || S(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || S(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || S(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || S(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || S(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1638,87 +1090,87 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, ct = /* @__PURE__ */ n((e) => {
-	let t = new st();
+}, be = /* @__PURE__ */ r((e) => {
+	let t = new ye();
 	return t.calculate(e), t;
-}, "getThemeVariables"), lt = class {
+}, "getThemeVariables"), xe = class {
 	static {
-		n(this, "Theme");
+		r(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 = U(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";
+		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 = k(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 || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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 ? P(this.secondaryColor, 30) : this.secondaryColor), 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = F(e, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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 ? x(this.secondaryColor, 30) : this.secondaryColor), 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = S(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 || N(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 || F(e, { h: 30 }), this.cScale4 = this.cScale4 || F(e, { h: 60 }), this.cScale5 = this.cScale5 || F(e, { h: 90 }), this.cScale6 = this.cScale6 || F(e, { h: 120 }), this.cScale7 = this.cScale7 || F(e, { h: 150 }), this.cScale8 = this.cScale8 || F(e, {
+		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 || b(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 || S(e, { h: 30 }), this.cScale4 = this.cScale4 || S(e, { h: 60 }), this.cScale5 = this.cScale5 || S(e, { h: 90 }), this.cScale6 = this.cScale6 || S(e, { h: 120 }), this.cScale7 = this.cScale7 || S(e, { h: 150 }), this.cScale8 = this.cScale8 || S(e, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || F(e, { h: 270 }), this.cScale10 = this.cScale10 || F(e, { h: 300 }), this.cScale11 = this.cScale11 || F(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		}), this.cScale9 = this.cScale9 || S(e, { h: 270 }), this.cScale10 = this.cScale10 || S(e, { h: 300 }), this.cScale11 = this.cScale11 || S(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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 || F(e, { h: 64 }), this.fillType3 = this.fillType3 || F(t, { h: 64 }), this.fillType4 = this.fillType4 || F(e, { h: -64 }), this.fillType5 = this.fillType5 || F(t, { h: -64 }), this.fillType6 = this.fillType6 || F(e, { h: 128 }), this.fillType7 = this.fillType7 || F(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || F(e, { l: -10 }), this.pie5 = this.pie5 || F(t, { l: -10 }), this.pie6 = this.pie6 || F(n, { l: -10 }), this.pie7 = this.pie7 || F(e, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || S(e, { h: 64 }), this.fillType3 = this.fillType3 || S(t, { h: 64 }), this.fillType4 = this.fillType4 || S(e, { h: -64 }), this.fillType5 = this.fillType5 || S(t, { h: -64 }), this.fillType6 = this.fillType6 || S(e, { h: 128 }), this.fillType7 = this.fillType7 || S(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || S(e, { l: -10 }), this.pie5 = this.pie5 || S(t, { l: -10 }), this.pie6 = this.pie6 || S(n, { l: -10 }), this.pie7 = this.pie7 || S(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(e, {
+		}), this.pie8 = this.pie8 || S(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(e, {
+		}), this.pie9 = this.pie9 || S(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(e, {
+		}), this.pie10 = this.pie10 || S(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(e, {
+		}), this.pie11 = this.pie11 || S(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(e, {
+		}), this.pie12 = this.pie12 || S(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 || F(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", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || S(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1730,7 +1182,7 @@ var C = {
 			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 ? P(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 || F(e, { h: -30 }), this.git4 = this.git4 || F(e, { h: -60 }), this.git5 = this.git5 || F(e, { h: -90 }), this.git6 = this.git6 || F(e, { h: 60 }), this.git7 = this.git7 || F(e, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 || S(e, { h: -30 }), this.git4 = this.git4 || S(e, { h: -60 }), this.git5 = this.git5 || S(e, { h: -90 }), this.git6 = this.git6 || S(e, { h: 60 }), this.git7 = this.git7 || S(e, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1744,82 +1196,82 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, G = /* @__PURE__ */ n((e) => {
-	let t = new lt();
+}, Se = /* @__PURE__ */ r((e) => {
+	let t = new xe();
 	return t.calculate(e), t;
-}, "getThemeVariables"), ut = class {
+}, "getThemeVariables"), Ce = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = N(this.primaryColor, 16), this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = I(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = N(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = k(255, 255, 255, .25), this.arrowheadColor = I(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";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = b(this.primaryColor, 16), this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = b(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = _(255, 255, 255, .25), this.arrowheadColor = C(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 || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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.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 ? P(this.secondaryColor, 30) : this.secondaryColor), 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor), 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 || N(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 || 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 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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.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 ? x(this.secondaryColor, 30) : this.secondaryColor), 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), 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 || b(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 || 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 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		}), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || S(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 || F(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || F(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || F(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || F(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || F(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || F(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 || F(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || F(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || F(this.primaryColor, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || S(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || S(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || S(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || S(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || S(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || S(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 || S(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || S(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 || F(this.primaryColor, {
+		}), 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 || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1831,7 +1283,7 @@ var C = {
 			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 ? P(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 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 = 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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1845,86 +1297,86 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, dt = /* @__PURE__ */ n((e) => {
-	let t = new ut();
+}, we = /* @__PURE__ */ r((e) => {
+	let t = new Ce();
 	return t.calculate(e), t;
-}, "getThemeVariables"), ft = class {
+}, "getThemeVariables"), Te = class {
 	static {
-		n(this, "Theme");
+		r(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 = U("#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";
+		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 = k("#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 || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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 ? P(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = F(e, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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 ? x(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = S(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 || N(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;
+		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 || b(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] = P(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		if (this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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 || F(e, { h: 64 }), this.fillType3 = this.fillType3 || F(t, { h: 64 }), this.fillType4 = this.fillType4 || F(e, { h: -64 }), this.fillType5 = this.fillType5 || F(t, { h: -64 }), this.fillType6 = this.fillType6 || F(e, { h: 128 }), this.fillType7 = this.fillType7 || F(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || F(e, { l: -10 }), this.pie5 = this.pie5 || F(t, { l: -10 }), this.pie6 = this.pie6 || F(n, { l: -10 }), this.pie7 = this.pie7 || F(e, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || S(e, { h: 64 }), this.fillType3 = this.fillType3 || S(t, { h: 64 }), this.fillType4 = this.fillType4 || S(e, { h: -64 }), this.fillType5 = this.fillType5 || S(t, { h: -64 }), this.fillType6 = this.fillType6 || S(e, { h: 128 }), this.fillType7 = this.fillType7 || S(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || S(e, { l: -10 }), this.pie5 = this.pie5 || S(t, { l: -10 }), this.pie6 = this.pie6 || S(n, { l: -10 }), this.pie7 = this.pie7 || S(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(e, {
+		}), this.pie8 = this.pie8 || S(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(e, {
+		}), this.pie9 = this.pie9 || S(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(e, {
+		}), this.pie10 = this.pie10 || S(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(e, {
+		}), this.pie11 = this.pie11 || S(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(e, {
+		}), this.pie12 = this.pie12 || S(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 || F(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", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || S(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1936,7 +1388,7 @@ var C = {
 			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 ? P(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 || F(e, { h: -30 }), this.git4 = this.git4 || F(e, { h: -60 }), this.git5 = this.git5 || F(e, { h: -90 }), this.git6 = this.git6 || F(e, { h: 60 }), this.git7 = this.git7 || F(e, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 || S(e, { h: -30 }), this.git4 = this.git4 || S(e, { h: -60 }), this.git5 = this.git5 || S(e, { h: -90 }), this.git6 = this.git6 || S(e, { h: 60 }), this.git7 = this.git7 || S(e, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1950,82 +1402,82 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, pt = /* @__PURE__ */ n((e) => {
-	let t = new ft();
+}, Ee = /* @__PURE__ */ r((e) => {
+	let t = new Te();
 	return t.calculate(e), t;
-}, "getThemeVariables"), mt = class {
+}, "getThemeVariables"), De = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = N(this.primaryColor, 16), this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = I(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = N(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = k(255, 255, 255, .25), this.arrowheadColor = I(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";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = b(this.primaryColor, 16), this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = b(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = _(255, 255, 255, .25), this.arrowheadColor = C(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 || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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.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 ? P(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor), 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 || N(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.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 || F(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || F(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || F(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || F(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || F(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || F(this.primaryColor, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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.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 ? x(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), 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 || b(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.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 || S(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || S(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || S(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || S(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || S(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || S(this.primaryColor, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || F(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || F(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || F(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = P(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		}), this.cScale9 = this.cScale9 || S(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || S(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || S(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = x(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || S(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 || F(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || F(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || F(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || F(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || F(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || F(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 || F(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || F(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || F(this.primaryColor, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || S(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || S(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || S(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || S(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || S(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || S(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 || S(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || S(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 || F(this.primaryColor, {
+		}), 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 || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -2037,7 +1489,7 @@ var C = {
 			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 ? P(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 || F(this.primaryColor, { h: -30 }), this.git4 = this.git4 || F(this.primaryColor, { h: -60 }), this.git5 = this.git5 || F(this.primaryColor, { h: -90 }), this.git6 = this.git6 || F(this.primaryColor, { h: 60 }), this.git7 = this.git7 || F(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 || S(this.primaryColor, { h: -30 }), this.git4 = this.git4 || S(this.primaryColor, { h: -60 }), this.git5 = this.git5 || S(this.primaryColor, { h: -90 }), this.git6 = this.git6 || S(this.primaryColor, { h: 60 }), this.git7 = this.git7 || S(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2051,15 +1503,15 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, ht = /* @__PURE__ */ n((e) => {
-	let t = new mt();
+}, Oe = /* @__PURE__ */ r((e) => {
+	let t = new De();
 	return t.calculate(e), t;
-}, "getThemeVariables"), gt = class {
+}, "getThemeVariables"), ke = class {
 	static {
-		n(this, "Theme");
+		r(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 = U(this.primaryColor, 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.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 = [
+		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 = k(this.primaryColor, 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.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",
@@ -2088,72 +1540,72 @@ var C = {
 		], this.filterColor = "#000000";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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 ? P(this.secondaryColor, 30) : this.secondaryColor), 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = F(e, {
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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 ? x(this.secondaryColor, 30) : this.secondaryColor), 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = S(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 || N(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.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 || "#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";
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		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 || b(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.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 || "#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";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(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] || F(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || S(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 || F(e, { h: 64 }), this.fillType3 = this.fillType3 || F(t, { h: 64 }), this.fillType4 = this.fillType4 || F(e, { h: -64 }), this.fillType5 = this.fillType5 || F(t, { h: -64 }), this.fillType6 = this.fillType6 || F(e, { h: 128 }), this.fillType7 = this.fillType7 || F(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || F(e, { l: -10 }), this.pie5 = this.pie5 || F(t, { l: -10 }), this.pie6 = this.pie6 || F(n, { l: -10 }), this.pie7 = this.pie7 || F(e, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || S(e, { h: 64 }), this.fillType3 = this.fillType3 || S(t, { h: 64 }), this.fillType4 = this.fillType4 || S(e, { h: -64 }), this.fillType5 = this.fillType5 || S(t, { h: -64 }), this.fillType6 = this.fillType6 || S(e, { h: 128 }), this.fillType7 = this.fillType7 || S(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || S(e, { l: -10 }), this.pie5 = this.pie5 || S(t, { l: -10 }), this.pie6 = this.pie6 || S(n, { l: -10 }), this.pie7 = this.pie7 || S(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(e, {
+		}), this.pie8 = this.pie8 || S(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(e, {
+		}), this.pie9 = this.pie9 || S(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(e, {
+		}), this.pie10 = this.pie10 || S(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(e, {
+		}), this.pie11 = this.pie11 || S(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(e, {
+		}), this.pie12 = this.pie12 || S(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 || F(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", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || S(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -2165,7 +1617,7 @@ var C = {
 			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 ? P(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 || F(e, { h: -30 }), this.git4 = this.git4 || F(e, { h: -60 }), this.git5 = this.git5 || F(e, { h: -90 }), this.git6 = this.git6 || F(e, { h: 60 }), this.git7 = this.git7 || F(e, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 || S(e, { h: -30 }), this.git4 = this.git4 || S(e, { h: -60 }), this.git5 = this.git5 || S(e, { h: -90 }), this.git6 = this.git6 || S(e, { h: 60 }), this.git7 = this.git7 || S(e, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2179,15 +1631,15 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, _t = /* @__PURE__ */ n((e) => {
-	let t = new gt();
+}, Ae = /* @__PURE__ */ r((e) => {
+	let t = new ke();
 	return t.calculate(e), t;
-}, "getThemeVariables"), vt = class {
+}, "getThemeVariables"), je = class {
 	static {
-		n(this, "Theme");
+		r(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = N(this.primaryColor, 16), this.tertiaryColor = F(this.primaryColor, { h: -160 }), this.primaryBorderColor = I(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = N(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = k(255, 255, 255, .25), this.arrowheadColor = I(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 = [
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = b(this.primaryColor, 16), this.tertiaryColor = S(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = k(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = b(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = _(255, 255, 255, .25), this.arrowheadColor = C(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",
@@ -2203,67 +1655,67 @@ var C = {
 		], this.bkgColorArray = [], this.filterColor = "#FFFFFF";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || S(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || S(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(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.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 ? P(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || P(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || I(this.lineColor), this.rootLabelColor = "#FFFFFF", 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 || N(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.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.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 || "#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";
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		}), this.primaryBorderColor = this.primaryBorderColor || k(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || k(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || k(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || k(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(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.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 ? x(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, 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 || x(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rootLabelColor = "#FFFFFF", 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 || b(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.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.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 || "#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";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || x(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = P(this["cScale" + e], 75);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = x(this["cScale" + e], 75);
 		let e = this.darkMode ? -4 : -1;
-		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || F(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || S(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || S(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 || F(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || F(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || F(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || F(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || F(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || F(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 || F(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || F(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || F(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || F(this.primaryColor, {
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || S(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || S(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || S(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || S(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || S(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || S(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 || S(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || S(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || S(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || S(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || F(this.primaryColor, {
+		}), this.pie8 = this.pie8 || S(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || F(this.primaryColor, {
+		}), this.pie9 = this.pie9 || S(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || F(this.primaryColor, {
+		}), this.pie10 = this.pie10 || S(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || F(this.primaryColor, {
+		}), this.pie11 = this.pie11 || S(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || F(this.primaryColor, {
+		}), this.pie12 = this.pie12 || S(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 || F(this.primaryColor, {
+		}), 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 || S(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || S(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || S(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || S(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || S(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || S(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(this.quadrant1Fill) ? N(this.quadrant1Fill) : P(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 = {
+		}), this.quadrantPointFill = this.quadrantPointFill || v(this.quadrant1Fill) ? b(this.quadrant1Fill) : x(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,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -2275,7 +1727,7 @@ var C = {
 			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 ? P(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 || F(this.primaryColor, { h: -30 }), this.git4 = this.git4 || F(this.primaryColor, { h: -60 }), this.git5 = this.git5 || F(this.primaryColor, { h: -90 }), this.git6 = this.git6 || F(this.primaryColor, { h: 60 }), this.git7 = this.git7 || F(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = N(this.git0, 25), this.git1 = N(this.git1, 25), this.git2 = N(this.git2, 25), this.git3 = N(this.git3, 25), this.git4 = N(this.git4, 25), this.git5 = N(this.git5, 25), this.git6 = N(this.git6, 25), this.git7 = N(this.git7, 25)) : (this.git0 = P(this.git0, 25), this.git1 = P(this.git1, 25), this.git2 = P(this.git2, 25), this.git3 = P(this.git3, 25), this.git4 = P(this.git4, 25), this.git5 = P(this.git5, 25), this.git6 = P(this.git6, 25), this.git7 = P(this.git7, 25)), this.gitInv0 = this.gitInv0 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(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 || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, 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 ? x(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 || S(this.primaryColor, { h: -30 }), this.git4 = this.git4 || S(this.primaryColor, { h: -60 }), this.git5 = this.git5 || S(this.primaryColor, { h: -90 }), this.git6 = this.git6 || S(this.primaryColor, { h: 60 }), this.git7 = this.git7 || S(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = x(this.git0, 25), this.git1 = x(this.git1, 25), this.git2 = x(this.git2, 25), this.git3 = x(this.git3, 25), this.git4 = x(this.git4, 25), this.git5 = x(this.git5, 25), this.git6 = x(this.git6, 25), this.git7 = x(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(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 || D, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || O;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2289,22 +1741,22 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, K = {
-	base: { getThemeVariables: tt },
-	dark: { getThemeVariables: W },
-	default: { getThemeVariables: it },
-	forest: { getThemeVariables: ot },
-	neutral: { getThemeVariables: ct },
-	neo: { getThemeVariables: G },
-	"neo-dark": { getThemeVariables: dt },
-	redux: { getThemeVariables: pt },
-	"redux-dark": { getThemeVariables: ht },
-	"redux-color": { getThemeVariables: _t },
-	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ n((e) => {
-		let t = new vt();
+}, A = {
+	base: { getThemeVariables: fe },
+	dark: { getThemeVariables: me },
+	default: { getThemeVariables: ge },
+	forest: { getThemeVariables: ve },
+	neutral: { getThemeVariables: be },
+	neo: { getThemeVariables: Se },
+	"neo-dark": { getThemeVariables: we },
+	redux: { getThemeVariables: Ee },
+	"redux-dark": { getThemeVariables: Oe },
+	"redux-color": { getThemeVariables: Ae },
+	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ r((e) => {
+		let t = new je();
 		return t.calculate(e), t;
 	}, "getThemeVariables") }
-}, q = {
+}, j = {
 	flowchart: {
 		useMaxWidth: !0,
 		titleTopMargin: 25,
@@ -2826,8 +2278,8 @@ var C = {
 	fontSize: 16,
 	markdownAutoWrap: !0,
 	suppressErrorRendering: !1
-}, yt = {
-	...q,
+}, Me = {
+	...j,
 	deterministicIDSeed: void 0,
 	elk: {
 		mergeEdges: !1,
@@ -2836,24 +2288,24 @@ var C = {
 		considerModelOrder: "NODES_AND_EDGES"
 	},
 	themeCSS: void 0,
-	themeVariables: K.default.getThemeVariables(),
+	themeVariables: A.default.getThemeVariables(),
 	sequence: {
-		...q.sequence,
-		messageFont: /* @__PURE__ */ n(function() {
+		...j.sequence,
+		messageFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.messageFontFamily,
 				fontSize: this.messageFontSize,
 				fontWeight: this.messageFontWeight
 			};
 		}, "messageFont"),
-		noteFont: /* @__PURE__ */ n(function() {
+		noteFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.noteFontFamily,
 				fontSize: this.noteFontSize,
 				fontWeight: this.noteFontWeight
 			};
 		}, "noteFont"),
-		actorFont: /* @__PURE__ */ n(function() {
+		actorFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.actorFontFamily,
 				fontSize: this.actorFontSize,
@@ -2866,14 +2318,14 @@ var C = {
 		hierarchicalNamespaces: !0
 	},
 	gantt: {
-		...q.gantt,
+		...j.gantt,
 		tickInterval: void 0,
 		useWidth: void 0
 	},
 	c4: {
-		...q.c4,
+		...j.c4,
 		useWidth: void 0,
-		personFont: /* @__PURE__ */ n(function() {
+		personFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.personFontFamily,
 				fontSize: this.personFontSize,
@@ -2881,150 +2333,150 @@ var C = {
 			};
 		}, "personFont"),
 		flowchart: {
-			...q.flowchart,
+			...j.flowchart,
 			inheritDir: !1
 		},
-		external_personFont: /* @__PURE__ */ n(function() {
+		external_personFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_personFontFamily,
 				fontSize: this.external_personFontSize,
 				fontWeight: this.external_personFontWeight
 			};
 		}, "external_personFont"),
-		systemFont: /* @__PURE__ */ n(function() {
+		systemFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.systemFontFamily,
 				fontSize: this.systemFontSize,
 				fontWeight: this.systemFontWeight
 			};
 		}, "systemFont"),
-		external_systemFont: /* @__PURE__ */ n(function() {
+		external_systemFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_systemFontFamily,
 				fontSize: this.external_systemFontSize,
 				fontWeight: this.external_systemFontWeight
 			};
 		}, "external_systemFont"),
-		system_dbFont: /* @__PURE__ */ n(function() {
+		system_dbFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.system_dbFontFamily,
 				fontSize: this.system_dbFontSize,
 				fontWeight: this.system_dbFontWeight
 			};
 		}, "system_dbFont"),
-		external_system_dbFont: /* @__PURE__ */ n(function() {
+		external_system_dbFont: /* @__PURE__ */ r(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() {
+		system_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.system_queueFontFamily,
 				fontSize: this.system_queueFontSize,
 				fontWeight: this.system_queueFontWeight
 			};
 		}, "system_queueFont"),
-		external_system_queueFont: /* @__PURE__ */ n(function() {
+		external_system_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_system_queueFontFamily,
 				fontSize: this.external_system_queueFontSize,
 				fontWeight: this.external_system_queueFontWeight
 			};
 		}, "external_system_queueFont"),
-		containerFont: /* @__PURE__ */ n(function() {
+		containerFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.containerFontFamily,
 				fontSize: this.containerFontSize,
 				fontWeight: this.containerFontWeight
 			};
 		}, "containerFont"),
-		external_containerFont: /* @__PURE__ */ n(function() {
+		external_containerFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_containerFontFamily,
 				fontSize: this.external_containerFontSize,
 				fontWeight: this.external_containerFontWeight
 			};
 		}, "external_containerFont"),
-		container_dbFont: /* @__PURE__ */ n(function() {
+		container_dbFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.container_dbFontFamily,
 				fontSize: this.container_dbFontSize,
 				fontWeight: this.container_dbFontWeight
 			};
 		}, "container_dbFont"),
-		external_container_dbFont: /* @__PURE__ */ n(function() {
+		external_container_dbFont: /* @__PURE__ */ r(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() {
+		container_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.container_queueFontFamily,
 				fontSize: this.container_queueFontSize,
 				fontWeight: this.container_queueFontWeight
 			};
 		}, "container_queueFont"),
-		external_container_queueFont: /* @__PURE__ */ n(function() {
+		external_container_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_container_queueFontFamily,
 				fontSize: this.external_container_queueFontSize,
 				fontWeight: this.external_container_queueFontWeight
 			};
 		}, "external_container_queueFont"),
-		componentFont: /* @__PURE__ */ n(function() {
+		componentFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.componentFontFamily,
 				fontSize: this.componentFontSize,
 				fontWeight: this.componentFontWeight
 			};
 		}, "componentFont"),
-		external_componentFont: /* @__PURE__ */ n(function() {
+		external_componentFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_componentFontFamily,
 				fontSize: this.external_componentFontSize,
 				fontWeight: this.external_componentFontWeight
 			};
 		}, "external_componentFont"),
-		component_dbFont: /* @__PURE__ */ n(function() {
+		component_dbFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.component_dbFontFamily,
 				fontSize: this.component_dbFontSize,
 				fontWeight: this.component_dbFontWeight
 			};
 		}, "component_dbFont"),
-		external_component_dbFont: /* @__PURE__ */ n(function() {
+		external_component_dbFont: /* @__PURE__ */ r(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() {
+		component_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.component_queueFontFamily,
 				fontSize: this.component_queueFontSize,
 				fontWeight: this.component_queueFontWeight
 			};
 		}, "component_queueFont"),
-		external_component_queueFont: /* @__PURE__ */ n(function() {
+		external_component_queueFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.external_component_queueFontFamily,
 				fontSize: this.external_component_queueFontSize,
 				fontWeight: this.external_component_queueFontWeight
 			};
 		}, "external_component_queueFont"),
-		boundaryFont: /* @__PURE__ */ n(function() {
+		boundaryFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.boundaryFontFamily,
 				fontSize: this.boundaryFontSize,
 				fontWeight: this.boundaryFontWeight
 			};
 		}, "boundaryFont"),
-		messageFont: /* @__PURE__ */ n(function() {
+		messageFont: /* @__PURE__ */ r(function() {
 			return {
 				fontFamily: this.messageFontFamily,
 				fontSize: this.messageFontSize,
@@ -3033,27 +2485,27 @@ var C = {
 		}, "messageFont")
 	},
 	pie: {
-		...q.pie,
+		...j.pie,
 		useWidth: 984
 	},
 	xyChart: {
-		...q.xyChart,
+		...j.xyChart,
 		useWidth: void 0
 	},
 	requirement: {
-		...q.requirement,
+		...j.requirement,
 		useWidth: void 0
 	},
-	packet: { ...q.packet },
-	eventmodeling: { ...q.eventmodeling },
+	packet: { ...j.packet },
+	eventmodeling: { ...j.eventmodeling },
 	treeView: {
-		...q.treeView,
+		...j.treeView,
 		useWidth: void 0
 	},
-	radar: { ...q.radar },
-	ishikawa: { ...q.ishikawa },
+	radar: { ...j.radar },
+	ishikawa: { ...j.ishikawa },
 	sankey: {
-		...q.sankey,
+		...j.sankey,
 		nodeColors: void 0
 	},
 	treemap: {
@@ -3068,197 +2520,197 @@ var C = {
 		labelFontSize: 14,
 		valueFormat: ","
 	},
-	venn: { ...q.venn }
-}, bt = /* @__PURE__ */ n((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
+	venn: { ...j.venn }
+}, Ne = /* @__PURE__ */ r((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
 	...n,
 	t + r,
-	...bt(e[r], "")
-] : [...n, t + r], []), "keyify"), xt = new Set(bt(yt, "")), St = yt, Ct = /* @__PURE__ */ n((e) => {
-	if (t.debug("sanitizeDirective called with", e), !(typeof e != "object" || !e)) {
+	...Ne(e[r], "")
+] : [...n, t + r], []), "keyify"), Pe = new Set(Ne(Me, "")), Fe = Me, M = /* @__PURE__ */ r((e) => {
+	if (n.debug("sanitizeDirective called with", e), !(typeof e != "object" || !e)) {
 		if (Array.isArray(e)) {
-			e.forEach((e) => Ct(e));
+			e.forEach((e) => M(e));
 			return;
 		}
-		for (let n of Object.keys(e)) {
-			if (t.debug("Checking key", n), n.startsWith("__") || n.includes("proto") || n.includes("constr") || !xt.has(n) || e[n] == null) {
-				t.debug("sanitize deleting key: ", n), delete e[n];
+		for (let t of Object.keys(e)) {
+			if (n.debug("Checking key", t), t.startsWith("__") || t.includes("proto") || t.includes("constr") || !Pe.has(t) || e[t] == null) {
+				n.debug("sanitize deleting key: ", t), delete e[t];
 				continue;
 			}
-			if (typeof e[n] == "object") {
-				if (n === "nodeColors") {
+			if (typeof e[t] == "object") {
+				if (t === "nodeColors") {
 					let r = /^#[\da-f]{3,8}$|^rgb\([\d\s%,.]+\)$|^hsl\([\d\s%,.]+\)$|^[a-z]+$/i;
-					for (let i of Object.keys(e[n])) (typeof e[n][i] != "string" || !r.test(e[n][i])) && (t.debug("sanitize deleting invalid color:", i, e[n][i]), delete e[n][i]);
-				} else t.debug("sanitizing object", n), Ct(e[n]);
+					for (let i of Object.keys(e[t])) (typeof e[t][i] != "string" || !r.test(e[t][i])) && (n.debug("sanitize deleting invalid color:", i, e[t][i]), delete e[t][i]);
+				} else n.debug("sanitizing object", t), M(e[t]);
 				continue;
 			}
 			for (let r of [
 				"themeCSS",
 				"fontFamily",
 				"altFontFamily"
-			]) n.includes(r) && (t.debug("sanitizing css option", n), e[n] = wt(e[n]));
+			]) t.includes(r) && (n.debug("sanitizing css option", t), e[t] = Ie(e[t]));
 		}
 		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);
+		n.debug("After sanitization", e);
 	}
-}, "sanitizeDirective"), wt = /* @__PURE__ */ n((e) => {
+}, "sanitizeDirective"), Ie = /* @__PURE__ */ r((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(St), Y = /* @__PURE__ */ n((e) => !(e === !1 || [
+}, "sanitizeCss"), N = Object.freeze(Fe), P = /* @__PURE__ */ r((e) => !(e === !1 || [
 	"false",
 	"null",
 	"0"
-].includes(String(e).trim().toLowerCase())), "evaluate"), X = B({}, J), Tt, Z = [], Q = B({}, J), $ = /* @__PURE__ */ n((e, t) => {
-	let n = B({}, e), r = {};
-	for (let e of t) Mt(e), r = B(r, e);
-	if (n = B(n, r), r.theme && r.theme in K) {
-		let e = B(B({}, Tt).themeVariables || {}, r.themeVariables);
-		n.theme && n.theme in K && (n.themeVariables = K[n.theme].getThemeVariables(e));
-	}
-	return Q = n, Rt(Q), Q;
-}, "updateCurrentConfig"), Et = /* @__PURE__ */ n((e) => (X = B({}, J), X = B(X, e), e.theme && K[e.theme] && (X.themeVariables = K[e.theme].getThemeVariables(e.themeVariables)), $(X, Z), X), "setSiteConfig"), Dt = /* @__PURE__ */ n((e) => {
-	Tt = B({}, e);
-}, "saveConfigFromInitialize"), Ot = /* @__PURE__ */ n((e) => (X = B(X, e), $(X, Z), X), "updateSiteConfig"), kt = /* @__PURE__ */ n(() => B({}, X), "getSiteConfig"), At = /* @__PURE__ */ n((e) => (Rt(e), B(Q, e), jt()), "setConfig"), jt = /* @__PURE__ */ n(() => B({}, Q), "getConfig"), Mt = /* @__PURE__ */ n((e) => {
-	e && (["secure", ...X.secure ?? []].forEach((n) => {
-		Object.hasOwn(e, n) && (t.debug(`Denied attempt to modify a secure key ${n}`, e[n]), delete e[n]);
+].includes(String(e).trim().toLowerCase())), "evaluate"), F = E({}, N), I, L = [], R = E({}, N), z = /* @__PURE__ */ r((e, t) => {
+	let n = E({}, e), r = {};
+	for (let e of t) He(e), r = E(r, e);
+	if (n = E(n, r), r.theme && r.theme in A) {
+		let e = E(E({}, I).themeVariables || {}, r.themeVariables);
+		n.theme && n.theme in A && (n.themeVariables = A[n.theme].getThemeVariables(e));
+	}
+	return R = n, Je(R), R;
+}, "updateCurrentConfig"), Le = /* @__PURE__ */ r((e) => (F = E({}, N), F = E(F, e), e.theme && A[e.theme] && (F.themeVariables = A[e.theme].getThemeVariables(e.themeVariables)), z(F, L), F), "setSiteConfig"), Re = /* @__PURE__ */ r((e) => {
+	I = E({}, e);
+}, "saveConfigFromInitialize"), ze = /* @__PURE__ */ r((e) => (F = E(F, e), z(F, L), F), "updateSiteConfig"), Be = /* @__PURE__ */ r(() => E({}, F), "getSiteConfig"), Ve = /* @__PURE__ */ r((e) => (Je(e), E(R, e), B()), "setConfig"), B = /* @__PURE__ */ r(() => E({}, R), "getConfig"), He = /* @__PURE__ */ r((e) => {
+	e && (["secure", ...F.secure ?? []].forEach((t) => {
+		Object.hasOwn(e, t) && (n.debug(`Denied attempt to modify a secure key ${t}`, e[t]), delete e[t]);
 	}), 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" && Mt(e[t]);
+		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && He(e[t]);
 	}));
-}, "sanitize"), Nt = /* @__PURE__ */ n((e) => {
-	Ct(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
+}, "sanitize"), Ue = /* @__PURE__ */ r((e) => {
+	M(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
 		...e.themeVariables,
 		fontFamily: e.fontFamily
-	}), Z.push(e), $(X, Z);
-}, "addDirective"), Pt = /* @__PURE__ */ n((e = X) => {
-	Z = [], $(e, Z);
-}, "reset"), Ft = {
+	}), L.push(e), z(F, L);
+}, "addDirective"), We = /* @__PURE__ */ r((e = F) => {
+	L = [], z(e, L);
+}, "reset"), Ge = {
 	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."
-}, It = {}, Lt = /* @__PURE__ */ n((e) => {
-	It[e] || (t.warn(Ft[e]), It[e] = !0);
-}, "issueWarning"), Rt = /* @__PURE__ */ n((e) => {
-	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && Lt("LAZY_LOAD_DEPRECATED");
-}, "checkConfig"), zt = /* @__PURE__ */ n(() => {
+}, Ke = {}, qe = /* @__PURE__ */ r((e) => {
+	Ke[e] || (n.warn(Ge[e]), Ke[e] = !0);
+}, "issueWarning"), Je = /* @__PURE__ */ r((e) => {
+	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && qe("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), Ye = /* @__PURE__ */ r(() => {
 	let e = {};
-	Tt && (e = B(e, Tt));
-	for (let t of Z) e = B(e, t);
+	I && (e = E(e, I));
+	for (let t of L) e = E(e, t);
 	return e;
-}, "getUserDefinedConfig"), Bt = /* @__PURE__ */ n((e) => (e.flowchart?.htmlLabels != null && Lt("FLOWCHART_HTML_LABELS_DEPRECATED"), Y(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), Vt = /<br\s*\/?>/gi, Ht = /* @__PURE__ */ n((e) => e ? Qt(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), Ut = /* @__PURE__ */ (() => {
+}, "getUserDefinedConfig"), Xe = /* @__PURE__ */ r((e) => (e.flowchart?.htmlLabels != null && qe("FLOWCHART_HTML_LABELS_DEPRECATED"), P(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), V = /<br\s*\/?>/gi, Ze = /* @__PURE__ */ r((e) => e ? ot(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), Qe = /* @__PURE__ */ (() => {
 	let e = !1;
 	return () => {
-		e ||= (Wt(), !0);
+		e ||= ($e(), !0);
 	};
 })();
-function Wt() {
-	let e = "data-temp-href-target";
-	b.addHook("beforeSanitizeAttributes", (t) => {
-		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
-	}), b.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"));
+function $e() {
+	let t = "data-temp-href-target";
+	e.addHook("beforeSanitizeAttributes", (e) => {
+		e.tagName === "A" && e.hasAttribute("target") && e.setAttribute(t, e.getAttribute("target") ?? "");
+	}), e.addHook("afterSanitizeAttributes", (e) => {
+		e.tagName === "A" && e.hasAttribute(t) && (e.setAttribute("target", e.getAttribute(t) ?? ""), e.removeAttribute(t), e.getAttribute("target") === "_blank" && e.setAttribute("rel", "noopener"));
 	});
 }
-n(Wt, "setupDompurifyHooks");
-var Gt = /* @__PURE__ */ n((e) => (Ut(), b.sanitize(e)), "removeScript"), Kt = /* @__PURE__ */ n((e, t) => {
-	if (Bt(t)) {
+r($e, "setupDompurifyHooks");
+var et = /* @__PURE__ */ r((t) => (Qe(), e.sanitize(t)), "removeScript"), tt = /* @__PURE__ */ r((e, t) => {
+	if (Xe(t)) {
 		let n = t.securityLevel;
-		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Gt(e) : n !== "loose" && (e = Qt(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Zt(e));
+		n === "antiscript" || n === "strict" || n === "sandbox" ? e = et(e) : n !== "loose" && (e = ot(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = at(e));
 	}
 	return e;
-}, "sanitizeMore"), qt = /* @__PURE__ */ n((e, t) => e && (e = t.dompurifyConfig ? b.sanitize(Kt(e, t), t.dompurifyConfig).toString() : b.sanitize(Kt(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), Jt = /* @__PURE__ */ n((e, t) => typeof e == "string" ? qt(e, t) : e.flat().map((e) => qt(e, t)), "sanitizeTextOrArray"), Yt = /* @__PURE__ */ n((e) => Vt.test(e), "hasBreaks"), Xt = /* @__PURE__ */ n((e) => e.split(Vt), "splitBreaks"), Zt = /* @__PURE__ */ n((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), Qt = /* @__PURE__ */ n((e) => e.replace(Vt, "#br#"), "breakToPlaceholder"), $t = /* @__PURE__ */ n((e) => {
+}, "sanitizeMore"), H = /* @__PURE__ */ r((t, n) => t && (t = n.dompurifyConfig ? e.sanitize(tt(t, n), n.dompurifyConfig).toString() : e.sanitize(tt(t, n), { FORBID_TAGS: ["style"] }).toString(), t), "sanitizeText"), nt = /* @__PURE__ */ r((e, t) => typeof e == "string" ? H(e, t) : e.flat().map((e) => H(e, t)), "sanitizeTextOrArray"), rt = /* @__PURE__ */ r((e) => V.test(e), "hasBreaks"), it = /* @__PURE__ */ r((e) => e.split(V), "splitBreaks"), at = /* @__PURE__ */ r((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), ot = /* @__PURE__ */ r((e) => e.replace(V, "#br#"), "breakToPlaceholder"), st = /* @__PURE__ */ r((e) => {
 	let t = "";
 	return e && (t = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, t = CSS.escape(t)), t;
-}, "getUrl"), en = /* @__PURE__ */ n(function(...e) {
+}, "getUrl"), ct = /* @__PURE__ */ r(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.max(...t);
-}, "getMax"), tn = /* @__PURE__ */ n(function(...e) {
+}, "getMax"), lt = /* @__PURE__ */ r(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.min(...t);
-}, "getMin"), nn = /* @__PURE__ */ n(function(e) {
+}, "getMin"), ut = /* @__PURE__ */ r(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];
-			an(i, a) && (r = i + "," + a, e++, n.pop());
+			dt(i, a) && (r = i + "," + a, e++, n.pop());
 		}
-		n.push(on(r));
+		n.push(ft(r));
 	}
 	return n.join("");
-}, "parseGenericTypes"), rn = /* @__PURE__ */ n((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), an = /* @__PURE__ */ n((e, t) => {
-	let n = rn(e, "~"), r = rn(t, "~");
+}, "parseGenericTypes"), U = /* @__PURE__ */ r((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), dt = /* @__PURE__ */ r((e, t) => {
+	let n = U(e, "~"), r = U(t, "~");
 	return n === 1 && r === 1;
-}, "shouldCombineSets"), on = /* @__PURE__ */ n((e) => {
-	let t = rn(e, "~"), n = !1;
+}, "shouldCombineSets"), ft = /* @__PURE__ */ r((e) => {
+	let t = U(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"), sn = /* @__PURE__ */ n(() => window.MathMLElement !== void 0, "isMathMLSupported"), cn = /\$\$(.*)\$\$/g, ln = /* @__PURE__ */ n((e) => (e.match(cn)?.length ?? 0) > 0, "hasKatex"), un = /* @__PURE__ */ n(async (e, t) => {
+}, "processSet"), pt = /* @__PURE__ */ r(() => window.MathMLElement !== void 0, "isMathMLSupported"), W = /\$\$(.*)\$\$/g, G = /* @__PURE__ */ r((e) => (e.match(W)?.length ?? 0) > 0, "hasKatex"), mt = /* @__PURE__ */ r(async (e, t) => {
 	let n = document.createElement("div");
-	n.innerHTML = await fn(e, t), n.id = "katex-temp", n.style.visibility = "hidden", n.style.position = "absolute", n.style.top = "0", document.querySelector("body")?.insertAdjacentElement("beforeend", n);
+	n.innerHTML = await gt(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"), dn = /* @__PURE__ */ n(async (e, t) => {
-	if (!ln(e)) return e;
-	if (!(sn() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(cn, "MathML is unsupported in this environment.");
+}, "calculateMathMLDimensions"), ht = /* @__PURE__ */ r(async (e, t) => {
+	if (!G(e)) return e;
+	if (!(pt() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(W, "MathML is unsupported in this environment.");
 	{
-		let { default: n } = await import("./katex-DWDh1q_h.js"), r = t.forceLegacyMathML || !sn() && t.legacyMathML ? "htmlAndMathml" : "mathml";
-		return e.split(Vt).map((e) => ln(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(cn, (e, t) => n.renderToString(t, {
+		let { default: n } = await import("./katex-D-2KeLwt.js"), r = t.forceLegacyMathML || !pt() && t.legacyMathML ? "htmlAndMathml" : "mathml";
+		return e.split(V).map((e) => G(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(W, (e, t) => n.renderToString(t, {
 			throwOnError: !0,
 			displayMode: !0,
 			output: r
 		}).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
 	}
-	return e.replace(cn, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
-}, "renderKatexUnsanitized"), fn = /* @__PURE__ */ n(async (e, t) => qt(await dn(e, t), t), "renderKatexSanitized"), pn = {
-	getRows: Ht,
-	sanitizeText: qt,
-	sanitizeTextOrArray: Jt,
-	hasBreaks: Yt,
-	splitBreaks: Xt,
-	lineBreakRegex: Vt,
-	removeScript: Gt,
-	getUrl: $t,
-	evaluate: Y,
-	getMax: en,
-	getMin: tn
-}, mn = /* @__PURE__ */ n(function(e, t) {
+	return e.replace(W, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
+}, "renderKatexUnsanitized"), gt = /* @__PURE__ */ r(async (e, t) => H(await ht(e, t), t), "renderKatexSanitized"), _t = {
+	getRows: Ze,
+	sanitizeText: H,
+	sanitizeTextOrArray: nt,
+	hasBreaks: rt,
+	splitBreaks: it,
+	lineBreakRegex: V,
+	removeScript: et,
+	getUrl: st,
+	evaluate: P,
+	getMax: ct,
+	getMin: lt
+}, vt = /* @__PURE__ */ r(function(e, t) {
 	for (let n of t) e.attr(n[0], n[1]);
-}, "d3Attrs"), hn = /* @__PURE__ */ n(function(e, t, n) {
+}, "d3Attrs"), yt = /* @__PURE__ */ r(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"), gn = /* @__PURE__ */ n(function(e, t, n, r) {
-	mn(e, hn(t, n, r));
-}, "configureSvgSize"), _n = /* @__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);
+}, "calculateSvgSizeAttrs"), bt = /* @__PURE__ */ r(function(e, t, n, r) {
+	vt(e, yt(t, n, r));
+}, "configureSvgSize"), xt = /* @__PURE__ */ r(function(e, t, r, i) {
+	let a = t.node().getBBox(), o = a.width, s = a.height;
+	n.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}`), gn(n, l, c, i);
+	n.info(`Graph bounds: ${c}x${l}`, e), c = o + r * 2, l = s + r * 2, n.info(`Calculated bounds: ${c}x${l}`), bt(t, l, c, i);
 	let u = `${a.x - r} ${a.y - r} ${a.width + 2 * r} ${a.height + 2 * r}`;
-	n.attr("viewBox", u);
-}, "setupGraphViewbox"), vn = {};
-function yn(e) {
+	t.attr("viewBox", u);
+}, "setupGraphViewbox"), K = {};
+function St(e) {
 	return [...e.cssRules].map((e) => e.cssText).join("\n");
 }
-n(yn, "cssStyleSheetToString");
-var bn = /* @__PURE__ */ n((e, n, r, i) => {
+r(St, "cssStyleSheetToString");
+var Ct = /* @__PURE__ */ r((e, t, r, i) => {
 	let a = "";
-	return e in vn && vn[e] ? a = vn[e]({
+	return e in K && K[e] ? a = K[e]({
 		...r,
 		svgId: i
-	}) : t.warn(`No theme found for ${e}`), ` & {
+	}) : n.warn(`No theme found for ${e}`), ` & {
     font-family: ${r.fontFamily};
     font-size: ${r.fontSize};
     fill: ${r.textColor}
@@ -3375,40 +2827,40 @@ var bn = /* @__PURE__ */ n((e, n, r, i) => {
     filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
   }
 
-  ${n}
+  ${t}
 `;
-}, "getStyles"), xn = /* @__PURE__ */ n((e, t) => {
-	t !== void 0 && (vn[e] = t);
-}, "addStylesForDiagram"), Sn = bn, Cn = {};
-r(Cn, {
-	clear: () => On,
-	getAccDescription: () => Mn,
-	getAccTitle: () => An,
-	getDiagramTitle: () => Pn,
-	setAccDescription: () => jn,
-	setAccTitle: () => kn,
-	setDiagramTitle: () => Nn
+}, "getStyles"), wt = /* @__PURE__ */ r((e, t) => {
+	t !== void 0 && (K[e] = t);
+}, "addStylesForDiagram"), Tt = Ct, q = {};
+i(q, {
+	clear: () => Et,
+	getAccDescription: () => At,
+	getAccTitle: () => Ot,
+	getDiagramTitle: () => Mt,
+	setAccDescription: () => kt,
+	setAccTitle: () => Dt,
+	setDiagramTitle: () => jt
 });
-var wn = "", Tn = "", En = "", Dn = /* @__PURE__ */ n((e) => qt(e, jt()), "sanitizeText"), On = /* @__PURE__ */ n(() => {
-	wn = "", En = "", Tn = "";
-}, "clear"), kn = /* @__PURE__ */ n((e) => {
-	wn = Dn(e).replace(/^\s+/g, "");
-}, "setAccTitle"), An = /* @__PURE__ */ n(() => wn, "getAccTitle"), jn = /* @__PURE__ */ n((e) => {
-	En = Dn(e).replace(/\n\s+/g, "\n");
-}, "setAccDescription"), Mn = /* @__PURE__ */ n(() => En, "getAccDescription"), Nn = /* @__PURE__ */ n((e) => {
-	Tn = Dn(e);
-}, "setDiagramTitle"), Pn = /* @__PURE__ */ n(() => Tn, "getDiagramTitle"), Fn = t, In = e, Ln = jt, Rn = At, zn = J, Bn = /* @__PURE__ */ n((e) => qt(e, Ln()), "sanitizeText"), Vn = _n, Hn = /* @__PURE__ */ n(() => Cn, "getCommonDb"), Un = {}, Wn = /* @__PURE__ */ n((e, t, n) => {
-	Un[e] && Fn.warn(`Diagram with id ${e} already registered. Overwriting.`), Un[e] = t, n && Qe(e, n), xn(e, t.styles), t.injectUtils?.(Fn, In, Ln, Bn, Vn, Hn(), () => {});
-}, "registerDiagram"), Gn = /* @__PURE__ */ n((e) => {
-	if (e in Un) return Un[e];
-	throw new Kn(e);
-}, "getDiagram"), Kn = class extends Error {
+var J = "", Y = "", X = "", Z = /* @__PURE__ */ r((e) => H(e, B()), "sanitizeText"), Et = /* @__PURE__ */ r(() => {
+	J = "", X = "", Y = "";
+}, "clear"), Dt = /* @__PURE__ */ r((e) => {
+	J = Z(e).replace(/^\s+/g, "");
+}, "setAccTitle"), Ot = /* @__PURE__ */ r(() => J, "getAccTitle"), kt = /* @__PURE__ */ r((e) => {
+	X = Z(e).replace(/\n\s+/g, "\n");
+}, "setAccDescription"), At = /* @__PURE__ */ r(() => X, "getAccDescription"), jt = /* @__PURE__ */ r((e) => {
+	Y = Z(e);
+}, "setDiagramTitle"), Mt = /* @__PURE__ */ r(() => Y, "getDiagramTitle"), Nt = n, Pt = t, Q = B, Ft = Ve, It = N, Lt = /* @__PURE__ */ r((e) => H(e, Q()), "sanitizeText"), Rt = xt, zt = /* @__PURE__ */ r(() => q, "getCommonDb"), $ = {}, Bt = /* @__PURE__ */ r((e, t, n) => {
+	$[e] && Nt.warn(`Diagram with id ${e} already registered. Overwriting.`), $[e] = t, n && le(e, n), wt(e, t.styles), t.injectUtils?.(Nt, Pt, Q, Lt, Rt, zt(), () => {});
+}, "registerDiagram"), Vt = /* @__PURE__ */ r((e) => {
+	if (e in $) return $[e];
+	throw new Ht(e);
+}, "getDiagram"), Ht = class extends Error {
 	static {
-		n(this, "DiagramNotFoundError");
+		r(this, "DiagramNotFoundError");
 	}
 	constructor(e) {
 		super(`Diagram ${e} not found.`);
 	}
 };
 //#endregion
-export { P as $, ln as A, Bn as B, $e as C, it as D, kt as E, fn as F, Rn as G, jn as H, Pt as I, _n as J, Nn as K, wt as L, nn as M, Wn as N, $t as O, R as P, Ot as Q, Ct as R, Gn as S, Bt as T, kn as U, Dt as V, At as W, Sn as X, Vn as Y, K as Z, qe as _, On as a, x as at, jt as b, gn as c, zn as d, N as et, St as f, Y as g, Je as h, un as i, O as it, Vt as j, zt as k, yn as l, L as m, Nt as n, j as nt, Cn as o, b as ot, Ze as p, Et as q, B as r, k as rt, pn as s, Xe as t, M as tt, J as u, Mn as v, Pn as w, Ln as x, An as y, qt as z };
+export { x as $, G as A, Lt as B, ue as C, ge as D, Be as E, gt as F, Ft as G, kt as H, We as I, xt as J, jt as K, Ie as L, ut as M, Bt as N, st as O, ce as P, ze as Q, M as R, Vt as S, Xe as T, Dt as U, Re as V, Ve as W, Tt as X, Rt as Y, A as Z, re as _, Et as a, o as at, B as b, bt as c, It as d, b as et, Fe as f, P as g, ie as h, mt as i, h as it, V as j, Ye as k, St as l, w as m, Ue as n, v as nt, q as o, se as p, Le as q, E as r, _ as rt, _t as s, oe as t, y as tt, N as u, At as v, Mt as w, Q as x, Ot as y, H as z };