@sme.up/ketchup2 2.1.0 → 2.3.0

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

@@ -1,4 +1,4 @@
-import { _ as e, g as t, h as n, m as r } from "./src-BQiFKP24.js";
+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) {
@@ -126,7 +126,7 @@ var he = l(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"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.columnsalign.columnlines.columnspan.denomalign.depth.dir.display.displaystyle.encoding.fence.frame.height.href.id.largeop.length.linethickness.lspace.lquote.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([
+]), 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",
@@ -146,17 +146,10 @@ var he = l(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	TMPLIT_EXPR: Oe
 }), Ie = {
 	element: 1,
-	attribute: 2,
 	text: 3,
-	cdataSection: 4,
-	entityReference: 5,
-	entityNode: 6,
 	progressingInstruction: 7,
 	comment: 8,
-	document: 9,
-	documentType: 10,
-	documentFragment: 11,
-	notation: 12
+	document: 9
 }, Le = function() {
 	return typeof window > "u" ? null : window;
 }, Re = function(e, t) {
@@ -191,7 +184,7 @@ var he = l(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 };
 function Be() {
 	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Le(), t = (e) => Be(e);
-	if (t.version = "3.3.3", t.removed = [], !e || !e.document || e.document.nodeType !== Ie.document || !e.Element) return t.isSupported = !1, t;
+	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");
@@ -199,18 +192,18 @@ function Be() {
 	}
 	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: He, ERB_EXPR: T, TMPLIT_EXPR: E, DATA_ATTR: Ue, ARIA_ATTR: We, IS_SCRIPT_OR_DATA: D, ATTR_WHITESPACE: Ge, CUSTOM_ELEMENT: O } = Fe, { IS_ALLOWED_URI: Ke } = Fe, k = null, A = _({}, [
+	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
-	]), j = null, M = _({}, [
+	]), M = null, N = _({}, [
 		...Se,
 		...Ce,
 		...we,
 		...Te
-	]), N = Object.seal(d(null, {
+	]), P = Object.seal(d(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -229,7 +222,7 @@ function Be() {
 			enumerable: !0,
 			value: !1
 		}
-	})), P = null, qe = null, F = Object.seal(d(null, {
+	})), F = null, Ke = null, I = Object.seal(d(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -242,7 +235,7 @@ function Be() {
 			enumerable: !0,
 			value: null
 		}
-	})), Je = !0, Ye = !0, Xe = !1, Ze = !0, I = !1, Qe = !0, L = !1, $e = !1, et = !1, R = !1, z = !1, B = !1, V = !0, H = !1, tt = !0, nt = !1, U = {}, W = null, rt = _({}, [
+	})), 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",
@@ -311,11 +304,11 @@ function Be() {
 	}, 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, k = m(e, "ALLOWED_TAGS") ? _({}, e.ALLOWED_TAGS, K) : A, j = m(e, "ALLOWED_ATTR") ? _({}, e.ALLOWED_ATTR, K) : M, 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, P = m(e, "FORBID_TAGS") ? _({}, e.FORBID_TAGS, K) : v({}), qe = m(e, "FORBID_ATTR") ? _({}, e.FORBID_ATTR, K) : v({}), U = m(e, "USE_PROFILES") ? e.USE_PROFILES : !1, Je = e.ALLOW_ARIA_ATTR !== !1, Ye = e.ALLOW_DATA_ATTR !== !1, Xe = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Ze = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, I = e.SAFE_FOR_TEMPLATES || !1, Qe = e.SAFE_FOR_XML !== !1, L = e.WHOLE_DOCUMENT || !1, R = e.RETURN_DOM || !1, z = e.RETURN_DOM_FRAGMENT || !1, B = e.RETURN_TRUSTED_TYPE || !1, et = e.FORCE_BODY || !1, V = e.SANITIZE_DOM !== !1, H = e.SANITIZE_NAMED_PROPS || !1, tt = e.KEEP_CONTENT !== !1, nt = e.IN_PLACE || !1, Ke = e.ALLOWED_URI_REGEXP || je, ut = e.NAMESPACE || G, mt = e.MATHML_TEXT_INTEGRATION_POINTS || mt, ht = e.HTML_INTEGRATION_POINTS || ht, N = e.CUSTOM_ELEMENT_HANDLING || {}, e.CUSTOM_ELEMENT_HANDLING && bt(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck) && (N.tagNameCheck = e.CUSTOM_ELEMENT_HANDLING.tagNameCheck), e.CUSTOM_ELEMENT_HANDLING && bt(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck) && (N.attributeNameCheck = e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck), e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements == "boolean" && (N.allowCustomizedBuiltInElements = e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements), I && (Ye = !1), z && (R = !0), U && (k = _({}, xe), j = d(null), U.html === !0 && (_(k, he), _(j, Se)), U.svg === !0 && (_(k, ge), _(j, Ce), _(j, Te)), U.svgFilters === !0 && (_(k, _e), _(j, Ce), _(j, Te)), U.mathMl === !0 && (_(k, ye), _(j, we), _(j, Te))), m(e, "ADD_TAGS") || (F.tagCheck = null), m(e, "ADD_ATTR") || (F.attributeCheck = null), e.ADD_TAGS && (typeof e.ADD_TAGS == "function" ? F.tagCheck = e.ADD_TAGS : (k === A && (k = v(k)), _(k, e.ADD_TAGS, K))), e.ADD_ATTR && (typeof e.ADD_ATTR == "function" ? F.attributeCheck = e.ADD_ATTR : (j === M && (j = v(j)), _(j, 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)), tt && (k["#text"] = !0), L && _(k, [
+			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"
-			]), k.table && (_(k, ["tbody"]), delete P.tbody), e.TRUSTED_TYPES_POLICY) {
+			]), 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("");
@@ -353,7 +346,7 @@ function Be() {
 				from: n
 			});
 		}
-		if (n.removeAttribute(e), e === "is") if (R || z) try {
+		if (n.removeAttribute(e), e === "is") if (z || B) try {
 			J(n);
 		} catch {}
 		else try {
@@ -361,7 +354,7 @@ function Be() {
 		} catch {}
 	}, X = function(e) {
 		let t = null, r = null;
-		if (et) e = "<remove></remove>" + e;
+		if ($e) e = "<remove></remove>" + e;
 		else {
 			let t = se(e, /^[\r\n\t ]+/);
 			r = t && t[0];
@@ -378,30 +371,30 @@ function Be() {
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), ut === G ? S.call(t, L ? "html" : "body")[0] : L ? t.documentElement : a;
+		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");
-	}, Et = function(e) {
+	}, Q = function(e) {
 		return typeof c == "function" && e instanceof c;
 	};
-	function Q(e, n, r) {
+	function $(e, n, r) {
 		p(e, (e) => {
 			e.call(t, n, r, q);
 		});
 	}
-	let Dt = function(e) {
+	let Et = function(e) {
 		let n = null;
-		if (Q(w.beforeSanitizeElements, e, null), Z(e)) return J(e), !0;
+		if ($(w.beforeSanitizeElements, e, null), Z(e)) return J(e), !0;
 		let r = K(e.nodeName);
-		if (Q(w.uponSanitizeElement, e, {
+		if ($(w.uponSanitizeElement, e, {
 			tagName: r,
-			allowedTags: k
-		}), Qe && e.hasChildNodes() && !Et(e.firstElementChild) && h(/<[/\w!]/g, e.innerHTML) && h(/<[/\w!]/g, e.textContent) || e.nodeType === Ie.progressingInstruction || Qe && e.nodeType === Ie.comment && h(/<[/\w]/g, e.data)) return J(e), !0;
-		if (!(F.tagCheck instanceof Function && F.tagCheck(r)) && (!k[r] || P[r])) {
-			if (!P[r] && kt(r) && (N.tagNameCheck instanceof RegExp && h(N.tagNameCheck, r) || N.tagNameCheck instanceof Function && N.tagNameCheck(r))) return !1;
-			if (tt && !W[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;
@@ -413,37 +406,37 @@ function Be() {
 			}
 			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) : (I && e.nodeType === Ie.text && (n = e.textContent, p([
-			He,
+		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
+			E,
+			D
 		], (e) => {
 			n = ce(n, e, " ");
-		}), e.textContent !== n && (re(t.removed, { element: e.cloneNode() }), e.textContent = n)), Q(w.afterSanitizeElements, e, null), !1);
-	}, Ot = function(e, t, r) {
-		if (qe[t] || V && (t === "id" || t === "name") && (r in n || r in yt)) return !1;
-		if (!(Ye && !qe[t] && h(Ue, t)) && !(Je && h(We, t)) && !(F.attributeCheck instanceof Function && F.attributeCheck(t, e))) {
-			if (!j[t] || qe[t]) {
-				if (!(kt(e) && (N.tagNameCheck instanceof RegExp && h(N.tagNameCheck, e) || N.tagNameCheck instanceof Function && N.tagNameCheck(e)) && (N.attributeNameCheck instanceof RegExp && h(N.attributeNameCheck, t) || N.attributeNameCheck instanceof Function && N.attributeNameCheck(t, e)) || t === "is" && N.allowCustomizedBuiltInElements && (N.tagNameCheck instanceof RegExp && h(N.tagNameCheck, r) || N.tagNameCheck instanceof Function && N.tagNameCheck(r)))) return !1;
-			} else if (!ot[t] && !h(Ke, ce(r, Ge, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && le(r, "data:") === 0 && it[e]) && !(Xe && !h(D, ce(r, Ge, ""))) && r) return !1;
+		}), 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) {
-		return e !== "annotation-xml" && se(e, O);
-	}, At = function(e) {
-		Q(w.beforeSanitizeAttributes, e, null);
+		$(w.beforeSanitizeAttributes, e, null);
 		let { attributes: n } = e;
 		if (!n || Z(e)) return;
 		let r = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: j,
+			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, Q(w.uponSanitizeAttribute, e, r), u = r.attrValue, H && (c === "id" || c === "name") && (Y(a, e), u = "user-content-" + u), Qe && h(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, u)) {
+			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;
 			}
@@ -456,19 +449,19 @@ function Be() {
 				Y(a, e);
 				continue;
 			}
-			if (!Ze && h(/\/>/i, u)) {
+			if (!Xe && h(/\/>/i, u)) {
 				Y(a, e);
 				continue;
 			}
-			I && p([
-				He,
+			L && p([
 				T,
-				E
+				E,
+				D
 			], (e) => {
 				u = ce(u, e, " ");
 			});
 			let d = K(e.nodeName);
-			if (!Ot(d, c, u)) {
+			if (!Dt(d, c, u)) {
 				Y(a, e);
 				continue;
 			}
@@ -486,51 +479,62 @@ function Be() {
 				Y(a, e);
 			}
 		}
-		Q(w.afterSanitizeAttributes, e, null);
-	}, jt = function e(t) {
-		let n = null, r = Tt(t);
-		for (Q(w.beforeSanitizeShadowDOM, t, null); n = r.nextNode();) Q(w.uponSanitizeShadowNode, n, null), Dt(n), At(n), n.content instanceof o && e(n.content);
-		Q(w.afterSanitizeShadowDOM, t, null);
+		$(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" && !Et(e)) if (typeof e.toString == "function") {
+		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 ($e || xt(n), t.removed = [], typeof e == "string" && (nt = !1), nt) {
+		if (Qe || xt(n), t.removed = [], typeof e == "string" && (tt = !1), tt) {
 			if (e.nodeName) {
 				let t = K(e.nodeName);
-				if (!k[t] || P[t]) throw de("root node is forbidden and cannot be sanitized in-place");
+				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 (!R && !I && !L && e.indexOf("<") === -1) return y && B ? y.createHTML(e) : e;
-			if (i = X(e), !i) return R ? null : B ? Pe : "";
+			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 && et && J(i.firstChild);
-		let u = Tt(nt ? e : i);
-		for (; s = u.nextNode();) Dt(s), At(s), s.content instanceof o && jt(s.content);
-		if (nt) return e;
-		if (R) {
-			if (z) for (l = x.call(i.ownerDocument); i.firstChild;) l.appendChild(i.firstChild);
+		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 (j.shadowroot || j.shadowrootmode) && (l = C.call(r, l, !0)), l;
+			return (M.shadowroot || M.shadowrootmode) && (l = C.call(r, l, !0)), l;
 		}
-		let d = L ? i.outerHTML : i.innerHTML;
-		return L && k["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && h(Ne, i.ownerDocument.doctype.name) && (d = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + d), I && p([
-			He,
+		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
+			E,
+			D
 		], (e) => {
 			d = ce(d, e, " ");
-		}), y && B ? y.createHTML(d) : d;
+		}), y && V ? y.createHTML(d) : d;
 	}, t.setConfig = function() {
-		xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), $e = !0;
+		xt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), Qe = !0;
 	}, t.clearConfig = function() {
-		q = null, $e = !1;
+		q = null, Qe = !1;
 	}, t.isValidAttribute = function(e, t, n) {
-		return q || xt({}), Ot(K(e), K(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) {
@@ -634,7 +638,7 @@ var C = {
 	is(e) {
 		return this.type === e;
 	}
-}, He = new class {
+}, T = new class {
 	constructor(e, t) {
 		this.color = t, this.changed = !1, this.data = e, this.type = new w();
 	}
@@ -702,14 +706,14 @@ var C = {
 	g: 0,
 	b: 0,
 	a: 0
-}, "transparent"), T = {
+}, "transparent"), E = {
 	re: /^#((?:[a-f0-9]{2}){2,4}|[a-f0-9]{3})$/i,
 	parse: (e) => {
 		if (e.charCodeAt(0) !== 35) return;
-		let t = e.match(T.re);
+		let t = e.match(E.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 He.set({
+		return T.set({
 			r: (r >> c * (l + 3) & u) * s,
 			g: (r >> c * (l + 2) & u) * s,
 			b: (r >> c * (l + 1) & u) * s,
@@ -720,11 +724,11 @@ var C = {
 		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)]}`;
 	}
-}, E = {
+}, D = {
 	re: /^hsla?\(\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(?:deg|grad|rad|turn)?)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)(?:\s*?(?:,|\/)\s*?\+?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(%)?))?\s*?\)$/i,
 	hueRe: /^(.+?)(deg|grad|rad|turn)$/i,
 	_hue2deg: (e) => {
-		let t = e.match(E.hueRe);
+		let t = e.match(D.hueRe);
 		if (t) {
 			let [, e, n] = t;
 			switch (n) {
@@ -738,11 +742,11 @@ var C = {
 	parse: (e) => {
 		let t = e.charCodeAt(0);
 		if (t !== 104 && t !== 72) return;
-		let n = e.match(E.re);
+		let n = e.match(D.re);
 		if (!n) return;
 		let [, r, i, a, o, s] = n;
-		return He.set({
-			h: E._hue2deg(r),
+		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
@@ -752,7 +756,7 @@ var C = {
 		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)}%)`;
 	}
-}, Ue = {
+}, He = {
 	colors: {
 		aliceblue: "#f0f8ff",
 		antiquewhite: "#faebd7",
@@ -904,22 +908,22 @@ var C = {
 	},
 	parse: (e) => {
 		e = e.toLowerCase();
-		let t = Ue.colors[e];
-		if (t) return T.parse(t);
+		let t = He.colors[e];
+		if (t) return E.parse(t);
 	},
 	stringify: (e) => {
-		let t = T.stringify(e);
-		for (let e in Ue.colors) if (Ue.colors[e] === t) return e;
+		let t = E.stringify(e);
+		for (let e in He.colors) if (He.colors[e] === t) return e;
 	}
-}, We = {
+}, Ue = {
 	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(We.re);
+		let n = e.match(Ue.re);
 		if (!n) return;
 		let [, r, i, a, o, s, c, l, u] = n;
-		return He.set({
+		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)),
@@ -930,89 +934,89 @@ var C = {
 		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)})`;
 	}
-}, D = {
+}, O = {
 	format: {
-		keyword: Ue,
-		hex: T,
-		rgb: We,
-		rgba: We,
-		hsl: E,
-		hsla: E
+		keyword: He,
+		hex: E,
+		rgb: Ue,
+		rgba: Ue,
+		hsl: D,
+		hsla: D
 	},
 	parse: (e) => {
 		if (typeof e != "string") return e;
-		let t = T.parse(e) || We.parse(e) || E.parse(e) || Ue.parse(e);
+		let t = E.parse(e) || Ue.parse(e) || D.parse(e) || He.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 ? E.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? We.stringify(e) : T.stringify(e)
-}, Ge = (e, t) => {
-	let n = D.parse(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 D.stringify(n);
-}, O = (e, t, n = 0, r = 1) => {
-	if (typeof e != "number") return Ge(e, { a: t });
-	let i = He.set({
+	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)
 	});
-	return D.stringify(i);
-}, Ke = (e) => {
-	let { r: t, g: n, b: r } = D.parse(e), i = .2126 * x.channel.toLinear(t) + .7152 * x.channel.toLinear(n) + .0722 * x.channel.toLinear(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);
-}, k = (e) => Ke(e) >= .5, A = (e) => !k(e), j = (e, t, n) => {
-	let r = D.parse(e), i = r[t], a = x.channel.clamp[t](i + n);
-	return i !== a && (r[t] = a), D.stringify(r);
-}, M = (e, t) => j(e, "l", t), N = (e, t) => j(e, "l", -t), P = (e, t) => {
-	let n = D.parse(e), r = {};
+}, 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 = {};
 	for (let e in t) t[e] && (r[e] = n[e] + t[e]);
-	return Ge(e, r);
-}, qe = (e, t, n = 50) => {
-	let { r, g: i, b: a, a: o } = D.parse(e), { r: s, g: c, b: l, a: u } = D.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 O(r * p + s * te, i * p + c * te, a * p + l * te, o * d + u * (1 - d));
-}, F = (e, t = 100) => {
-	let n = D.parse(e);
-	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, qe(n, e, t);
-}, Je = /^-{3}\s*[\n\r](.*?)[\n\r]-{3}\s*[\n\r]+/s, Ye = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, Xe = /\s*%%.*\n/gm, Ze = class extends Error {
+	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 {
 	static {
 		n(this, "UnknownDiagramError");
 	}
 	constructor(e) {
 		super(e), this.name = "UnknownDiagramError";
 	}
-}, I = {}, Qe = /* @__PURE__ */ n(function(e, t) {
-	e = e.replace(Je, "").replace(Ye, "").replace(Xe, "\n");
-	for (let [n, { detector: r }] of Object.entries(I)) if (r(e, t)) return n;
-	throw new Ze(`No diagram type detected matching given configuration for text: ${e}`);
-}, "detectType"), L = /* @__PURE__ */ n((...e) => {
-	for (let { id: t, detector: n, loader: r } of e) $e(t, n, r);
-}, "registerLazyLoadedDiagrams"), $e = /* @__PURE__ */ n((e, n, r) => {
-	I[e] && t.warn(`Detector with key ${e} already exists. Overwriting.`), I[e] = {
+}, 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,
 		loader: r
 	}, t.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
-}, "addDetector"), et = /* @__PURE__ */ n((e) => I[e].loader, "getDiagramLoader"), R = /* @__PURE__ */ n((e, t, { depth: n = 2, clobber: r = !1 } = {}) => {
+}, "addDetector"), $e = /* @__PURE__ */ n((e) => L[e].loader, "getDiagramLoader"), z = /* @__PURE__ */ n((e, t, { depth: n = 2, clobber: r = !1 } = {}) => {
 	let i = {
 		depth: n,
 		clobber: r
 	};
-	return Array.isArray(t) && !Array.isArray(e) ? (t.forEach((t) => R(e, t, i)), e) : Array.isArray(t) && Array.isArray(e) ? (t.forEach((t) => {
+	return Array.isArray(t) && !Array.isArray(e) ? (t.forEach((t) => z(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] = R(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] = z(e[i], t[i], {
 			depth: n - 1,
 			clobber: r
 		})) : (r || typeof e[i] != "object" && typeof t[i] != "object") && (e[i] = t[i]);
 	}), e);
-}, "assignWithDepth"), z = R, B = "#ffffff", V = "#f2f2f2", H = /* @__PURE__ */ n((e, t) => t ? P(e, {
+}, "assignWithDepth"), B = z, V = "#ffffff", H = "#f2f2f2", U = /* @__PURE__ */ n((e, t) => t ? F(e, {
 	s: -40,
 	l: 10
-}) : P(e, {
+}) : F(e, {
 	s: -40,
 	l: -10
-}), "mkBorder"), tt = class {
+}), "mkBorder"), et = class {
 	static {
 		n(this, "Theme");
 	}
@@ -1020,59 +1024,59 @@ var C = {
 		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 || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		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, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(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 || M(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 || N(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || N(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || M(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || M(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 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, {
+		}), 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, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		}), 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.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] || P(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || P(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(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 || P(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || P(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || P(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || P(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || P(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || P(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 || P(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || P(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || P(this.primaryColor, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 ?? P(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? P(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? P(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? P(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 ?? 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, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? F(this.secondaryColor, {
 			h: 120,
 			l: -30
 		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.radar = {
@@ -1086,31 +1090,44 @@ var C = {
 			graticuleOpacity: this.radar?.graticuleOpacity || .3,
 			legendBoxSize: this.radar?.legendBoxSize || 12,
 			legendFontSize: this.radar?.legendFontSize || 12
-		}, 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 || P(this.primaryColor, {
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.archEdgeColor = this.archEdgeColor || "#777", this.archEdgeArrowColor = this.archEdgeArrowColor || "#777", this.archEdgeWidth = this.archEdgeWidth || "3", this.archGroupBorderColor = this.archGroupBorderColor || "#000", this.archGroupBorderWidth = this.archGroupBorderWidth || "2px", this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || F(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
@@ -1123,7 +1140,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 ? N(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 || P(this.primaryColor, { h: -30 }), this.git4 = this.git4 || P(this.primaryColor, { h: -60 }), this.git5 = this.git5 || P(this.primaryColor, { h: -90 }), this.git6 = this.git6 || P(this.primaryColor, { h: 60 }), this.git7 = this.git7 || P(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V, 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 ? 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1137,25 +1154,25 @@ var C = {
 			this[t] = e[t];
 		});
 	}
-}, nt = /* @__PURE__ */ n((e) => {
-	let t = new tt();
+}, tt = /* @__PURE__ */ n((e) => {
+	let t = new et();
 	return t.calculate(e), t;
-}, "getThemeVariables"), U = class {
+}, "getThemeVariables"), nt = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = M(this.primaryColor, 16), this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = F(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.lineColor = F(this.background), this.textColor = F(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = M(F("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = O(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 = N("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = N(this.sectionBkgColor, 10), this.taskBorderColor = O(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = O(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 || M(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || N(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 = 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";
 	}
 	updateColors() {
-		this.secondBkg = M(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 = M(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 = M(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 = F(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 = P(this.primaryColor, { h: 64 }), this.fillType3 = P(this.secondaryColor, { h: 64 }), this.fillType4 = P(this.primaryColor, { h: -64 }), this.fillType5 = P(this.secondaryColor, { h: -64 }), this.fillType6 = P(this.primaryColor, { h: 128 }), this.fillType7 = P(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 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 });
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10);
-		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || P(this.mainBkg, {
+		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, {
 			h: 30,
 			s: -30,
 			l: -(-10 + e * 4)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(-7 + e * 4)
@@ -1164,32 +1181,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)] ?? M(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 || P(this.primaryColor, {
+		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, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
@@ -1220,7 +1237,20 @@ var C = {
 			graticuleOpacity: this.radar?.graticuleOpacity || .3,
 			legendBoxSize: this.radar?.legendBoxSize || 12,
 			legendFontSize: this.radar?.legendFontSize || 12
-		}, 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 ? N(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = M(this.secondaryColor, 20), this.git1 = M(this.pie2 || this.secondaryColor, 20), this.git2 = M(this.pie3 || this.tertiaryColor, 20), this.git3 = M(this.pie4 || P(this.primaryColor, { h: -30 }), 20), this.git4 = M(this.pie5 || P(this.primaryColor, { h: -60 }), 20), this.git5 = M(this.pie6 || P(this.primaryColor, { h: -90 }), 10), this.git6 = M(this.pie7 || P(this.primaryColor, { h: 60 }), 10), this.git7 = M(this.pie8 || P(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || F(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || F(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.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || M(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || M(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#ff6b6b", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.mainBkg,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.mainBkg
+		}, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? 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";
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1235,88 +1265,88 @@ var C = {
 		});
 	}
 }, W = /* @__PURE__ */ n((e) => {
-	let t = new U();
+	let t = new nt();
 	return t.calculate(e), t;
 }, "getThemeVariables"), rt = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = P(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.lineColor = F(this.background), this.textColor = F(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.border2 = "#aaaa33", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.labelBackground = "rgba(232,232,232, 0.8)", this.textColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.clusterBkg = "#FBFBFF", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = this.taskTextDarkColor, this.taskTextClickableColor = "calculated", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBorderColor = "calculated", this.critBkgColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.sectionBkgColor = O(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 = 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();
 	}
 	updateColors() {
-		this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || N(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || N(this.tertiaryColor, 40);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || P(this["cScale" + e], { h: 180 });
-		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || P(this.mainBkg, {
+		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, {
 			h: 30,
 			l: -(5 + e * 5)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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 || F(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || F(this.labelTextColor);
+			this.cScaleLabel0 = this.cScaleLabel0 || I(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || I(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 || M(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || M(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 = P(this.primaryColor, { h: 64 }), this.fillType3 = P(this.secondaryColor, { h: 64 }), this.fillType4 = P(this.primaryColor, { h: -64 }), this.fillType5 = P(this.secondaryColor, { h: -64 }), this.fillType6 = P(this.primaryColor, { h: 128 }), this.fillType7 = P(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || P(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || P(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || P(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || P(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 || 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, {
 			h: 60,
 			l: -20
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -40
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: -40
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -40
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -90,
 			l: -40
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 ?? P(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? P(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? P(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? P(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 ?? 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, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? F(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 || P(this.primaryColor, {
+		}), 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, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			axisColor: this.radar?.axisColor || this.lineColor,
 			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
 			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
@@ -1327,6 +1357,19 @@ var C = {
 			graticuleOpacity: this.radar?.graticuleOpacity || .3,
 			legendBoxSize: this.radar?.legendBoxSize || 12,
 			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
 		}, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
@@ -1340,7 +1383,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 || P(this.primaryColor, { h: -30 }), this.git4 = this.git4 || P(this.primaryColor, { h: -60 }), this.git5 = this.git5 || P(this.primaryColor, { h: -90 }), this.git6 = this.git6 || P(this.primaryColor, { h: 60 }), this.git7 = this.git7 || P(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || N(F(this.git0), 25), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || F(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || F(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.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (Object.keys(this).forEach((e) => {
@@ -1364,84 +1407,84 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = M("#cde498", 10), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.primaryColor), this.lineColor = F(this.background), this.textColor = F(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 = 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))";
 	}
 	updateColors() {
-		this.actorBorder = N(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 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || N(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || N(this.tertiaryColor, 40);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || P(this["cScale" + e], { h: 180 });
+		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.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] || P(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(5 + e * 5)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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 || M(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || M(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 = P(this.primaryColor, { h: 64 }), this.fillType3 = P(this.secondaryColor, { h: 64 }), this.fillType4 = P(this.primaryColor, { h: -64 }), this.fillType5 = P(this.secondaryColor, { h: -64 }), this.fillType6 = P(this.primaryColor, { h: 128 }), this.fillType7 = P(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 || P(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || P(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 || 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, {
 			h: 40,
 			l: -40
-		}), this.pie7 = this.pie7 || P(this.primaryColor, {
+		}), this.pie7 = this.pie7 || F(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -50
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -60,
 			l: -50
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 ?? P(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? P(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? P(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? P(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 ?? 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, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? F(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? F(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? F(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? F(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 || P(this.primaryColor, {
+		}), 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, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			startByteColor: this.primaryTextColor,
 			endByteColor: this.primaryTextColor,
 			labelColor: this.primaryTextColor,
@@ -1459,6 +1502,19 @@ var C = {
 			graticuleOpacity: this.radar?.graticuleOpacity || .3,
 			legendBoxSize: this.radar?.legendBoxSize || 12,
 			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
 		}, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
@@ -1472,7 +1528,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 || P(this.primaryColor, { h: -30 }), this.git4 = this.git4 || P(this.primaryColor, { h: -60 }), this.git5 = this.git5 || P(this.primaryColor, { h: -90 }), this.git6 = this.git6 || P(this.primaryColor, { h: 60 }), this.git7 = this.git7 || P(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || F(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || F(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.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1494,44 +1550,44 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = M(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.lineColor = F(this.background), this.textColor = F(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 || M(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 = 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))";
 	}
 	updateColors() {
-		this.secondBkg = M(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = M(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] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		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.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] || P(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || P(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 = M(this.contrast, 30), this.sectionBkgColor2 = M(this.contrast, 30), this.taskBorderColor = N(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 = M(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = N(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 = P(this.primaryColor, { h: 64 }), this.fillType3 = P(this.secondaryColor, { h: 64 }), this.fillType4 = P(this.primaryColor, { h: -64 }), this.fillType5 = P(this.secondaryColor, { h: -64 }), this.fillType6 = P(this.primaryColor, { h: 128 }), this.fillType7 = P(this.secondaryColor, { h: 128 });
+		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 < 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 || P(this.primaryColor, {
+		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, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
@@ -1555,7 +1611,20 @@ var C = {
 			graticuleOpacity: this.radar?.graticuleOpacity || .3,
 			legendBoxSize: this.radar?.legendBoxSize || 12,
 			legendFontSize: this.radar?.legendFontSize || 12
-		}, 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 = N(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || P(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || P(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || P(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || P(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || P(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(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.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+			backgroundColor: this.wardley?.backgroundColor || this.background,
+			axisColor: this.wardley?.axisColor || this.lineColor,
+			axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+			gridColor: this.wardley?.gridColor || this.gridColor,
+			componentFill: this.wardley?.componentFill || this.background,
+			componentStroke: this.wardley?.componentStroke || this.lineColor,
+			componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+			linkStroke: this.wardley?.linkStroke || this.lineColor,
+			evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+			annotationFill: this.wardley?.annotationFill || this.background
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1577,79 +1646,79 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+		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";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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, {
 			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 || M(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 || P(e, { h: 30 }), this.cScale4 = this.cScale4 || P(e, { h: 60 }), this.cScale5 = this.cScale5 || P(e, { h: 90 }), this.cScale6 = this.cScale6 || P(e, { h: 120 }), this.cScale7 = this.cScale7 || P(e, { h: 150 }), this.cScale8 = this.cScale8 || P(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 || 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, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || P(e, { h: 270 }), this.cScale10 = this.cScale10 || P(e, { h: 300 }), this.cScale11 = this.cScale11 || P(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		}), 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.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] || P(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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 || P(e, { h: 64 }), this.fillType3 = this.fillType3 || P(t, { h: 64 }), this.fillType4 = this.fillType4 || P(e, { h: -64 }), this.fillType5 = this.fillType5 || P(t, { h: -64 }), this.fillType6 = this.fillType6 || P(e, { h: 128 }), this.fillType7 = this.fillType7 || P(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || P(e, { l: -10 }), this.pie5 = this.pie5 || P(t, { l: -10 }), this.pie6 = this.pie6 || P(n, { l: -10 }), this.pie7 = this.pie7 || P(e, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || F(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || F(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || F(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || F(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1661,7 +1730,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 ? N(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 || P(e, { h: -30 }), this.git4 = this.git4 || P(e, { h: -60 }), this.git5 = this.git5 || P(e, { h: -90 }), this.git6 = this.git6 || P(e, { h: 60 }), this.git7 = this.git7 || P(e, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1683,74 +1752,74 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = M(this.primaryColor, 16), this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = F(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = M(F("#323D47"), 10), this.border1 = "#ccc", this.border2 = O(255, 255, 255, .25), this.arrowheadColor = F(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 = 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";
 	}
 	updateColors() {
-		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		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, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(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 || M(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 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, {
+		}), 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, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		}), 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.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] || P(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || P(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(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 || P(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || P(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || P(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || P(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || P(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || P(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 || P(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || P(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || P(this.primaryColor, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1762,7 +1831,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 ? N(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 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1784,78 +1853,78 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = H("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
+		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";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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, {
 			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 || M(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 || 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;
 		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] = N(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		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);
 		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] || P(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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 || P(e, { h: 64 }), this.fillType3 = this.fillType3 || P(t, { h: 64 }), this.fillType4 = this.fillType4 || P(e, { h: -64 }), this.fillType5 = this.fillType5 || P(t, { h: -64 }), this.fillType6 = this.fillType6 || P(e, { h: 128 }), this.fillType7 = this.fillType7 || P(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || P(e, { l: -10 }), this.pie5 = this.pie5 || P(t, { l: -10 }), this.pie6 = this.pie6 || P(n, { l: -10 }), this.pie7 = this.pie7 || P(e, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || F(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || F(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || F(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || F(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1867,7 +1936,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 ? N(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 || P(e, { h: -30 }), this.git4 = this.git4 || P(e, { h: -60 }), this.git5 = this.git5 || P(e, { h: -90 }), this.git6 = this.git6 || P(e, { h: 60 }), this.git7 = this.git7 || P(e, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1889,74 +1958,74 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = M(this.primaryColor, 16), this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = F(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = M(F("#323D47"), 10), this.border1 = "#ccc", this.border2 = O(255, 255, 255, .25), this.arrowheadColor = F(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 = 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";
 	}
 	updateColors() {
-		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		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, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(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 || M(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 || P(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || P(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || P(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || P(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || P(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || P(this.primaryColor, {
+		}), 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, {
 			h: 210,
 			l: 150
-		}), this.cScale9 = this.cScale9 || P(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || P(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || P(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 75);
-		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = N(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		}), 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.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] || P(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || P(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(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 || P(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || P(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || P(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || P(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || P(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || P(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 || P(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || P(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || P(this.primaryColor, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -1968,7 +2037,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 ? N(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 || P(this.primaryColor, { h: -30 }), this.git4 = this.git4 || P(this.primaryColor, { h: -60 }), this.git5 = this.git5 || P(this.primaryColor, { h: -90 }), this.git6 = this.git6 || P(this.primaryColor, { h: 60 }), this.git7 = this.git7 || P(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1990,7 +2059,7 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = H(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 = 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 = [
 			"#E879F9",
 			"#2DD4BF",
 			"#FB923C",
@@ -2019,72 +2088,72 @@ var C = {
 		], this.filterColor = "#000000";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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, {
 			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 || M(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] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(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 || 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.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] || P(this.mainBkg, {
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: r * (5 + e * 3)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || F(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 || P(e, { h: 64 }), this.fillType3 = this.fillType3 || P(t, { h: 64 }), this.fillType4 = this.fillType4 || P(e, { h: -64 }), this.fillType5 = this.fillType5 || P(t, { h: -64 }), this.fillType6 = this.fillType6 || P(e, { h: 128 }), this.fillType7 = this.fillType7 || P(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || P(e, { l: -10 }), this.pie5 = this.pie5 || P(t, { l: -10 }), this.pie6 = this.pie6 || P(n, { l: -10 }), this.pie7 = this.pie7 || P(e, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || F(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || F(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || F(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || F(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(e, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -2096,7 +2165,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 ? N(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 || P(e, { h: -30 }), this.git4 = this.git4 || P(e, { h: -60 }), this.git5 = this.git5 || P(e, { h: -90 }), this.git6 = this.git6 || P(e, { h: 60 }), this.git7 = this.git7 || P(e, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2118,7 +2187,7 @@ var C = {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = M(this.primaryColor, 16), this.tertiaryColor = P(this.primaryColor, { h: -160 }), this.primaryBorderColor = F(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = F(this.primaryColor), this.secondaryTextColor = F(this.secondaryColor), this.tertiaryTextColor = F(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = M(F("#323D47"), 10), this.border1 = "#ccc", this.border2 = O(255, 255, 255, .25), this.arrowheadColor = F(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 = 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 = [
 			"#E879F9",
 			"#2DD4BF",
 			"#FB923C",
@@ -2134,67 +2203,67 @@ var C = {
 		], this.bkgColorArray = [], this.filterColor = "#FFFFFF";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || F(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || F(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || H(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || H(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || H(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || F(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || F(this.tertiaryColor), this.lineColor = this.lineColor || F(this.background), this.arrowheadColor = this.arrowheadColor || F(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 ? N(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 || N(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || F(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 || M(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] || F(this["cScale" + e]);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || M(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || N(this["cScale" + e], 10);
+		}), 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.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = N(this["cScale" + e], 75);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = P(this["cScale" + e], 75);
 		let e = this.darkMode ? -4 : -1;
-		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || P(this.mainBkg, {
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || F(this.mainBkg, {
 			h: 180,
 			s: -15,
 			l: e * (5 + t * 3)
-		}), this["surfacePeer" + t] = this["surfacePeer" + t] || P(this.mainBkg, {
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || F(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 || P(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || P(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || P(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || P(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || P(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || P(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 || P(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || P(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || P(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || P(this.primaryColor, {
+		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, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || F(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || F(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || F(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || F(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || F(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 || P(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 || F(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || F(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || F(this.primaryColor, {
 			r: 15,
 			g: 15,
 			b: 15
-		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || P(this.primaryTextColor, {
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || F(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || F(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || F(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || A(this.quadrant1Fill) ? M(this.quadrant1Fill) : N(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 || 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 = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
@@ -2206,7 +2275,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 ? N(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 || P(this.primaryColor, { h: -30 }), this.git4 = this.git4 || P(this.primaryColor, { h: -60 }), this.git5 = this.git5 || P(this.primaryColor, { h: -90 }), this.git6 = this.git6 || P(this.primaryColor, { h: 60 }), this.git7 = this.git7 || P(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = M(this.git0, 25), this.git1 = M(this.git1, 25), this.git2 = M(this.git2, 25), this.git3 = M(this.git3, 25), this.git4 = M(this.git4, 25), this.git5 = M(this.git5, 25), this.git6 = M(this.git6, 25), this.git7 = M(this.git7, 25)) : (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.gitInv0 = this.gitInv0 || F(this.git0), this.gitInv1 = this.gitInv1 || F(this.git1), this.gitInv2 = this.gitInv2 || F(this.git2), this.gitInv3 = this.gitInv3 || F(this.git3), this.gitInv4 = this.gitInv4 || F(this.git4), this.gitInv5 = this.gitInv5 || F(this.git5), this.gitInv6 = this.gitInv6 || F(this.git6), this.gitInv7 = this.gitInv7 || F(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
+		}, 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;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2221,7 +2290,7 @@ var C = {
 		});
 	}
 }, K = {
-	base: { getThemeVariables: nt },
+	base: { getThemeVariables: tt },
 	dark: { getThemeVariables: W },
 	default: { getThemeVariables: it },
 	forest: { getThemeVariables: ot },
@@ -2355,7 +2424,8 @@ var C = {
 		textHeight: 10,
 		defaultRenderer: "dagre-wrapper",
 		htmlLabels: !1,
-		hideEmptyMembersBox: !1
+		hideEmptyMembersBox: !1,
+		hierarchicalNamespaces: !0
 	},
 	state: {
 		useMaxWidth: !0,
@@ -2670,7 +2740,10 @@ var C = {
 		nodeAlignment: "justify",
 		showValues: !0,
 		prefix: "",
-		suffix: ""
+		suffix: "",
+		nodeWidth: 10,
+		nodePadding: 12,
+		labelStyle: "legacy"
 	},
 	block: {
 		useMaxWidth: !0,
@@ -2697,7 +2770,16 @@ var C = {
 		padding: 40,
 		iconSize: 80,
 		fontSize: 16,
-		randomize: !1
+		randomize: !1,
+		nodeSeparation: 75,
+		idealEdgeLengthMultiplier: 1.5,
+		edgeElasticity: .45,
+		numIter: 2500
+	},
+	eventmodeling: {
+		useMaxWidth: !0,
+		padding: 30,
+		rowHeight: 32
 	},
 	radar: {
 		useMaxWidth: !0,
@@ -2779,7 +2861,10 @@ var C = {
 			};
 		}, "actorFont")
 	},
-	class: { hideEmptyMembersBox: !1 },
+	class: {
+		hideEmptyMembersBox: !1,
+		hierarchicalNamespaces: !0
+	},
 	gantt: {
 		...q.gantt,
 		tickInterval: void 0,
@@ -2960,12 +3045,17 @@ var C = {
 		useWidth: void 0
 	},
 	packet: { ...q.packet },
+	eventmodeling: { ...q.eventmodeling },
 	treeView: {
 		...q.treeView,
 		useWidth: void 0
 	},
 	radar: { ...q.radar },
 	ishikawa: { ...q.ishikawa },
+	sankey: {
+		...q.sankey,
+		nodeColors: void 0
+	},
 	treemap: {
 		useMaxWidth: !0,
 		padding: 10,
@@ -2995,7 +3085,10 @@ var C = {
 				continue;
 			}
 			if (typeof e[n] == "object") {
-				t.debug("sanitizing object", n), Ct(e[n]);
+				if (n === "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]);
 				continue;
 			}
 			for (let r of [
@@ -3021,50 +3114,50 @@ var C = {
 	"false",
 	"null",
 	"0"
-].includes(String(e).trim().toLowerCase())), "evaluate"), X = z({}, J), Tt, Z = [], Et = z({}, J), Q = /* @__PURE__ */ n((e, t) => {
-	let n = z({}, e), r = {};
-	for (let e of t) Nt(e), r = z(r, e);
-	if (n = z(n, r), r.theme && r.theme in K) {
-		let e = z(z({}, Tt).themeVariables || {}, r.themeVariables);
+].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 Et = n, zt(Et), Et;
-}, "updateCurrentConfig"), Dt = /* @__PURE__ */ n((e) => (X = z({}, J), X = z(X, e), e.theme && K[e.theme] && (X.themeVariables = K[e.theme].getThemeVariables(e.themeVariables)), Q(X, Z), X), "setSiteConfig"), Ot = /* @__PURE__ */ n((e) => {
-	Tt = z({}, e);
-}, "saveConfigFromInitialize"), kt = /* @__PURE__ */ n((e) => (X = z(X, e), Q(X, Z), X), "updateSiteConfig"), At = /* @__PURE__ */ n(() => z({}, X), "getSiteConfig"), jt = /* @__PURE__ */ n((e) => (zt(e), z(Et, e), Mt()), "setConfig"), Mt = /* @__PURE__ */ n(() => z({}, Et), "getConfig"), Nt = /* @__PURE__ */ n((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]);
 	}), 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" && Nt(e[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]);
 	}));
-}, "sanitize"), Pt = /* @__PURE__ */ n((e) => {
+}, "sanitize"), Nt = /* @__PURE__ */ n((e) => {
 	Ct(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
 		...e.themeVariables,
 		fontFamily: e.fontFamily
-	}), Z.push(e), Q(X, Z);
-}, "addDirective"), Ft = /* @__PURE__ */ n((e = X) => {
-	Z = [], Q(e, Z);
-}, "reset"), It = {
+	}), Z.push(e), $(X, Z);
+}, "addDirective"), Pt = /* @__PURE__ */ n((e = X) => {
+	Z = [], $(e, Z);
+}, "reset"), Ft = {
 	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."
-}, Lt = {}, Rt = /* @__PURE__ */ n((e) => {
-	Lt[e] || (t.warn(It[e]), Lt[e] = !0);
-}, "issueWarning"), zt = /* @__PURE__ */ n((e) => {
-	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && Rt("LAZY_LOAD_DEPRECATED");
-}, "checkConfig"), Bt = /* @__PURE__ */ n(() => {
+}, 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(() => {
 	let e = {};
-	Tt && (e = z(e, Tt));
-	for (let t of Z) e = z(e, t);
+	Tt && (e = B(e, Tt));
+	for (let t of Z) e = B(e, t);
 	return e;
-}, "getUserDefinedConfig"), Vt = /* @__PURE__ */ n((e) => (e.flowchart?.htmlLabels != null && Rt("FLOWCHART_HTML_LABELS_DEPRECATED"), Y(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), Ht = /<br\s*\/?>/gi, Ut = /* @__PURE__ */ n((e) => e ? Qt(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), Wt = /* @__PURE__ */ (() => {
+}, "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__ */ (() => {
 	let e = !1;
 	return () => {
-		e ||= (Gt(), !0);
+		e ||= (Wt(), !0);
 	};
 })();
-function Gt() {
+function Wt() {
 	let e = "data-temp-href-target";
 	b.addHook("beforeSanitizeAttributes", (t) => {
 		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
@@ -3072,14 +3165,14 @@ function Gt() {
 		t.tagName === "A" && t.hasAttribute(e) && (t.setAttribute("target", t.getAttribute(e) ?? ""), t.removeAttribute(e), t.getAttribute("target") === "_blank" && t.setAttribute("rel", "noopener"));
 	});
 }
-n(Gt, "setupDompurifyHooks");
-var Kt = /* @__PURE__ */ n((e) => (Wt(), b.sanitize(e)), "removeScript"), qt = /* @__PURE__ */ n((e, t) => {
-	if (Vt(t)) {
+n(Wt, "setupDompurifyHooks");
+var Gt = /* @__PURE__ */ n((e) => (Ut(), b.sanitize(e)), "removeScript"), Kt = /* @__PURE__ */ n((e, t) => {
+	if (Bt(t)) {
 		let n = t.securityLevel;
-		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Kt(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 = Gt(e) : n !== "loose" && (e = Qt(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Zt(e));
 	}
 	return e;
-}, "sanitizeMore"), $ = /* @__PURE__ */ n((e, t) => e && (e = t.dompurifyConfig ? b.sanitize(qt(e, t), t.dompurifyConfig).toString() : b.sanitize(qt(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), Jt = /* @__PURE__ */ n((e, t) => typeof e == "string" ? $(e, t) : e.flat().map((e) => $(e, t)), "sanitizeTextOrArray"), Yt = /* @__PURE__ */ n((e) => Ht.test(e), "hasBreaks"), Xt = /* @__PURE__ */ n((e) => e.split(Ht), "splitBreaks"), Zt = /* @__PURE__ */ n((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), Qt = /* @__PURE__ */ n((e) => e.replace(Ht, "#br#"), "breakToPlaceholder"), $t = /* @__PURE__ */ n((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) => {
 	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) {
@@ -3121,22 +3214,22 @@ var Kt = /* @__PURE__ */ n((e) => (Wt(), b.sanitize(e)), "removeScript"), qt = /
 	if (!ln(e)) return e;
 	if (!(sn() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(cn, "MathML is unsupported in this environment.");
 	{
-		let { default: n } = await import("./katex-Du5WiYIy.js"), r = t.forceLegacyMathML || !sn() && t.legacyMathML ? "htmlAndMathml" : "mathml";
-		return e.split(Ht).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-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, {
 			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) => $(await dn(e, t), t), "renderKatexSanitized"), pn = {
-	getRows: Ut,
-	sanitizeText: $,
+}, "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: Ht,
-	removeScript: Kt,
+	lineBreakRegex: Vt,
+	removeScript: Gt,
 	getUrl: $t,
 	evaluate: Y,
 	getMax: en,
@@ -3155,7 +3248,12 @@ var Kt = /* @__PURE__ */ n((e) => (Wt(), b.sanitize(e)), "removeScript"), qt = /
 	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);
 	let u = `${a.x - r} ${a.y - r} ${a.width + 2 * r} ${a.height + 2 * r}`;
 	n.attr("viewBox", u);
-}, "setupGraphViewbox"), vn = {}, yn = /* @__PURE__ */ n((e, n, r, i) => {
+}, "setupGraphViewbox"), vn = {};
+function yn(e) {
+	return [...e.cssRules].map((e) => e.cssText).join("\n");
+}
+n(yn, "cssStyleSheetToString");
+var bn = /* @__PURE__ */ n((e, n, r, i) => {
 	let a = "";
 	return e in vn && vn[e] ? a = vn[e]({
 		...r,
@@ -3279,32 +3377,32 @@ var Kt = /* @__PURE__ */ n((e) => (Wt(), b.sanitize(e)), "removeScript"), qt = /
 
   ${n}
 `;
-}, "getStyles"), bn = /* @__PURE__ */ n((e, t) => {
+}, "getStyles"), xn = /* @__PURE__ */ n((e, t) => {
 	t !== void 0 && (vn[e] = t);
-}, "addStylesForDiagram"), xn = yn, Sn = {};
-r(Sn, {
-	clear: () => Dn,
-	getAccDescription: () => jn,
-	getAccTitle: () => kn,
-	getDiagramTitle: () => Nn,
-	setAccDescription: () => An,
-	setAccTitle: () => On,
-	setDiagramTitle: () => Mn
+}, "addStylesForDiagram"), Sn = bn, Cn = {};
+r(Cn, {
+	clear: () => On,
+	getAccDescription: () => Mn,
+	getAccTitle: () => An,
+	getDiagramTitle: () => Pn,
+	setAccDescription: () => jn,
+	setAccTitle: () => kn,
+	setDiagramTitle: () => Nn
 });
-var Cn = "", wn = "", Tn = "", En = /* @__PURE__ */ n((e) => $(e, Mt()), "sanitizeText"), Dn = /* @__PURE__ */ n(() => {
-	Cn = "", Tn = "", wn = "";
-}, "clear"), On = /* @__PURE__ */ n((e) => {
-	Cn = En(e).replace(/^\s+/g, "");
-}, "setAccTitle"), kn = /* @__PURE__ */ n(() => Cn, "getAccTitle"), An = /* @__PURE__ */ n((e) => {
-	Tn = En(e).replace(/\n\s+/g, "\n");
-}, "setAccDescription"), jn = /* @__PURE__ */ n(() => Tn, "getAccDescription"), Mn = /* @__PURE__ */ n((e) => {
-	wn = En(e);
-}, "setDiagramTitle"), Nn = /* @__PURE__ */ n(() => wn, "getDiagramTitle"), Pn = t, Fn = e, In = Mt, Ln = jt, Rn = J, zn = /* @__PURE__ */ n((e) => $(e, In()), "sanitizeText"), Bn = _n, Vn = /* @__PURE__ */ n(() => Sn, "getCommonDb"), Hn = {}, Un = /* @__PURE__ */ n((e, t, n) => {
-	Hn[e] && Pn.warn(`Diagram with id ${e} already registered. Overwriting.`), Hn[e] = t, n && $e(e, n), bn(e, t.styles), t.injectUtils?.(Pn, Fn, In, zn, Bn, Vn(), () => {});
-}, "registerDiagram"), Wn = /* @__PURE__ */ n((e) => {
-	if (e in Hn) return Hn[e];
-	throw new Gn(e);
-}, "getDiagram"), Gn = class extends Error {
+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 {
 	static {
 		n(this, "DiagramNotFoundError");
 	}
@@ -3313,4 +3411,4 @@ var Cn = "", wn = "", Tn = "", En = /* @__PURE__ */ n((e) => $(e, Mt()), "saniti
 	}
 };
 //#endregion
-export { j as $, Ht as A, An as B, Nn as C, $t as D, it as E, Ft as F, Dt as G, jt as H, Ct as I, xn as J, _n as K, $ as L, Un as M, L as N, Bt as O, fn as P, M as Q, zn as R, et as S, At as T, Ln as U, On as V, Mn as W, kt as X, K as Y, N as Z, jn as _, Dn as a, In as b, gn as c, St as d, A as et, Qe as f, Je as g, Y as h, un as i, b as it, nn as j, ln as k, J as l, Ye as m, Pt as n, D as nt, Sn as o, I as p, Bn as q, z as r, x as rt, pn as s, Ze as t, O as tt, Rn as u, kn as v, Vt as w, Wn as x, Mt as y, Ot as z };
+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 };