@sme.up/ketchup2 2.7.0 → 2.8.0

package/dist/{chunk-CSCIHK7Q-BEk3YcEH.js → chunk-DU6HZSFF-CNSdkWoH.js}

@@ -1,4 +1,5 @@
-import { _ as e, g as t, h as n, m as r } from "./src-DjDATEq3.js";
+import { h as e, m as t } from "./src-D-6ZfKf9.js";
+import { n, t as r } from "./chunk-Y2CYZVJY-i11wjrBe.js";
 //#region node_modules/dompurify/dist/purify.es.mjs
 function i(e, t) {
 	(t == null || t > e.length) && (t = e.length);
@@ -50,20 +51,20 @@ p ||= function(e) {
 }, ae ||= function(e) {
 	return new e(...[...arguments].slice(1));
 };
-var oe = b(Array.prototype.forEach), se = b(Array.prototype.lastIndexOf), ce = b(Array.prototype.pop), le = b(Array.prototype.push), ue = b(Array.prototype.splice), de = Array.isArray, fe = b(String.prototype.toLowerCase), pe = b(String.prototype.toString), me = b(String.prototype.match), he = b(String.prototype.replace), ge = b(String.prototype.indexOf), _e = b(String.prototype.trim), ve = b(Number.prototype.toString), ye = b(Boolean.prototype.toString), h = typeof BigInt > "u" ? null : b(BigInt.prototype.toString), g = typeof Symbol > "u" ? null : b(Symbol.prototype.toString), _ = b(Object.prototype.hasOwnProperty), v = b(Object.prototype.toString), y = b(RegExp.prototype.test), be = xe(TypeError);
-function b(e) {
+var oe = v(Array.prototype.forEach), se = v(Array.prototype.lastIndexOf), ce = v(Array.prototype.pop), le = v(Array.prototype.push), ue = v(Array.prototype.splice), de = Array.isArray, fe = v(String.prototype.toLowerCase), pe = v(String.prototype.toString), me = v(String.prototype.match), he = v(String.prototype.replace), ge = v(String.prototype.indexOf), _e = v(String.prototype.trim), ve = v(Number.prototype.toString), ye = v(Boolean.prototype.toString), h = typeof BigInt > "u" ? null : v(BigInt.prototype.toString), be = typeof Symbol > "u" ? null : v(Symbol.prototype.toString), g = v(Object.prototype.hasOwnProperty), xe = v(Object.prototype.toString), _ = v(RegExp.prototype.test), Se = Ce(TypeError);
+function v(e) {
 	return function(t) {
 		t instanceof RegExp && (t.lastIndex = 0);
 		var n = [...arguments].slice(1);
 		return ie(e, t, n);
 	};
 }
-function xe(e) {
+function Ce(e) {
 	return function() {
 		return ae(e, [...arguments]);
 	};
 }
-function x(e, t) {
+function y(e, t) {
 	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : fe;
 	if (d && d(e, null), !de(t)) return e;
 	let r = t.length;
@@ -77,46 +78,46 @@ function x(e, t) {
 	}
 	return e;
 }
-function Se(e) {
-	for (let t = 0; t < e.length; t++) _(e, t) || (e[t] = null);
+function b(e) {
+	for (let t = 0; t < e.length; t++) g(e, t) || (e[t] = null);
 	return e;
 }
-function S(e) {
+function x(e) {
 	let t = ne(null);
 	for (let r of u(e)) {
 		var n = c(r, 2);
 		let i = n[0], a = n[1];
-		_(e, i) && (de(a) ? t[i] = Se(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = S(a) : t[i] = a);
+		g(e, i) && (de(a) ? t[i] = b(a) : a && typeof a == "object" && a.constructor === Object ? t[i] = x(a) : t[i] = a);
 	}
 	return t;
 }
-function Ce(e) {
+function we(e) {
 	switch (typeof e) {
 		case "string": return e;
 		case "number": return ve(e);
 		case "boolean": return ye(e);
 		case "bigint": return h ? h(e) : "0";
-		case "symbol": return g ? g(e) : "Symbol()";
-		case "undefined": return v(e);
+		case "symbol": return be ? be(e) : "Symbol()";
+		case "undefined": return xe(e);
 		case "function":
 		case "object": {
-			if (e === null) return v(e);
-			let t = e, n = C(t, "toString");
+			if (e === null) return xe(e);
+			let t = e, n = S(t, "toString");
 			if (typeof n == "function") {
 				let e = n(t);
-				return typeof e == "string" ? e : v(e);
+				return typeof e == "string" ? e : xe(e);
 			}
-			return v(e);
+			return xe(e);
 		}
-		default: return v(e);
+		default: return xe(e);
 	}
 }
-function C(e, t) {
+function S(e, t) {
 	for (; e !== null;) {
 		let n = te(e, t);
 		if (n) {
-			if (n.get) return b(n.get);
-			if (typeof n.value == "function") return b(n.value);
+			if (n.get) return v(n.get);
+			if (typeof n.value == "function") return v(n.value);
 		}
 		e = ee(e);
 	}
@@ -125,14 +126,14 @@ function C(e, t) {
 	}
 	return n;
 }
-function we(e) {
+function Te(e) {
 	try {
-		return y(e, ""), !0;
+		return _(e, ""), !0;
 	} catch {
 		return !1;
 	}
 }
-var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), Ee = p(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), De = p([
+var Ee = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bdi.bdo.big.blink.blockquote.body.br.button.canvas.caption.center.cite.code.col.colgroup.content.data.datalist.dd.decorator.del.details.dfn.dialog.dir.div.dl.dt.element.em.fieldset.figcaption.figure.font.footer.form.h1.h2.h3.h4.h5.h6.head.header.hgroup.hr.html.i.img.input.ins.kbd.label.legend.li.main.map.mark.marquee.menu.menuitem.meter.nav.nobr.ol.optgroup.option.output.p.picture.pre.progress.q.rp.rt.ruby.s.samp.search.section.select.shadow.slot.small.source.spacer.span.strike.strong.style.sub.summary.sup.table.tbody.td.template.textarea.tfoot.th.thead.time.tr.track.tt.u.ul.var.video.wbr".split(".")), De = p(/* @__PURE__ */ "svg.a.altglyph.altglyphdef.altglyphitem.animatecolor.animatemotion.animatetransform.circle.clippath.defs.desc.ellipse.enterkeyhint.exportparts.filter.font.g.glyph.glyphref.hkern.image.inputmode.line.lineargradient.marker.mask.metadata.mpath.part.path.pattern.polygon.polyline.radialgradient.rect.stop.style.switch.symbol.text.textpath.title.tref.tspan.view.vkern".split(".")), Oe = p([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -158,7 +159,7 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), Oe = p([
+]), ke = p([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -181,7 +182,7 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"solidcolor",
 	"unknown",
 	"use"
-]), ke = p(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), Ae = p([
+]), Ae = p(/* @__PURE__ */ "math.menclose.merror.mfenced.mfrac.mglyph.mi.mlabeledtr.mmultiscripts.mn.mo.mover.mpadded.mphantom.mroot.mrow.ms.mspace.msqrt.mstyle.msub.msup.msubsup.mtable.mtd.mtext.mtr.munder.munderover.mprescripts".split(".")), je = p([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -197,13 +198,13 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), je = p(["#text"]), Me = p(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), Ne = p(/* @__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(".")), Pe = p(/* @__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(".")), Fe = p([
+]), Me = p(["#text"]), Ne = p(/* @__PURE__ */ "accept.action.align.alt.autocapitalize.autocomplete.autopictureinpicture.autoplay.background.bgcolor.border.capture.cellpadding.cellspacing.checked.cite.class.clear.color.cols.colspan.command.commandfor.controls.controlslist.coords.crossorigin.datetime.decoding.default.dir.disabled.disablepictureinpicture.disableremoteplayback.download.draggable.enctype.enterkeyhint.exportparts.face.for.headers.height.hidden.high.href.hreflang.id.inert.inputmode.integrity.ismap.kind.label.lang.list.loading.loop.low.max.maxlength.media.method.min.minlength.multiple.muted.name.nonce.noshade.novalidate.nowrap.open.optimum.part.pattern.placeholder.playsinline.popover.popovertarget.popovertargetaction.poster.preload.pubdate.radiogroup.readonly.rel.required.rev.reversed.role.rows.rowspan.spellcheck.scope.selected.shape.size.sizes.slot.span.srclang.start.src.srcset.step.style.summary.tabindex.title.translate.type.usemap.valign.value.width.wrap.xmlns".split(".")), Pe = p(/* @__PURE__ */ "accent-height.accumulate.additive.alignment-baseline.amplitude.ascent.attributename.attributetype.azimuth.basefrequency.baseline-shift.begin.bias.by.class.clip.clippathunits.clip-path.clip-rule.color.color-interpolation.color-interpolation-filters.color-profile.color-rendering.cx.cy.d.dx.dy.diffuseconstant.direction.display.divisor.dominant-baseline.dur.edgemode.elevation.end.exponent.fill.fill-opacity.fill-rule.filter.filterunits.flood-color.flood-opacity.font-family.font-size.font-size-adjust.font-stretch.font-style.font-variant.font-weight.fx.fy.g1.g2.glyph-name.glyphref.gradientunits.gradienttransform.height.href.id.image-rendering.in.in2.intercept.k.k1.k2.k3.k4.kerning.keypoints.keysplines.keytimes.lang.lengthadjust.letter-spacing.kernelmatrix.kernelunitlength.lighting-color.local.marker-end.marker-mid.marker-start.markerheight.markerunits.markerwidth.maskcontentunits.maskunits.max.mask.mask-type.media.method.mode.min.name.numoctaves.offset.operator.opacity.order.orient.orientation.origin.overflow.paint-order.path.pathlength.patterncontentunits.patterntransform.patternunits.pointer-events.points.preservealpha.preserveaspectratio.primitiveunits.r.rx.ry.radius.refx.refy.repeatcount.repeatdur.restart.result.rotate.scale.seed.shape-rendering.slope.specularconstant.specularexponent.spreadmethod.startoffset.stddeviation.stitchtiles.stop-color.stop-opacity.stroke-dasharray.stroke-dashoffset.stroke-linecap.stroke-linejoin.stroke-miterlimit.stroke-opacity.stroke.stroke-width.style.surfacescale.systemlanguage.tabindex.tablevalues.targetx.targety.transform.transform-origin.text-anchor.text-decoration.text-orientation.text-rendering.textlength.type.u1.u2.unicode.values.vector-effect.viewbox.visibility.version.vert-adv-y.vert-origin-x.vert-origin-y.width.word-spacing.wrap.writing-mode.xchannelselector.ychannelselector.x.x1.x2.xmlns.y.y1.y2.z.zoomandpan".split(".")), Fe = p(/* @__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(".")), Ie = p([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
 	"xml:space",
 	"xmlns:xlink"
-]), Ie = m(/{{[\w\W]*|^[\w\W]*}}/g), Le = m(/<%[\w\W]*|^[\w\W]*%>/g), Re = m(/\${[\w\W]*/g), ze = m(/^data-[\-\w.\u00B7-\uFFFF]+$/), Be = m(/^aria-[\-\w]+$/), Ve = m(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), He = m(/^(?:\w+script|data):/i), Ue = m(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), We = m(/^html$/i), Ge = m(/^[a-z][.\w]*(-[.\w]+)+$/i), Ke = m(/<[/\w!]/g), qe = m(/<[/\w]/g), Je = m(/<\/no(script|embed|frames)/i), Ye = m(/\/>/i), w = {
+]), Le = m(/{{[\w\W]*|^[\w\W]*}}/g), Re = m(/<%[\w\W]*|^[\w\W]*%>/g), ze = m(/\${[\w\W]*/g), Be = m(/^data-[\-\w.\u00B7-\uFFFF]+$/), Ve = m(/^aria-[\-\w]+$/), He = m(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), Ue = m(/^(?:\w+script|data):/i), We = m(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), Ge = m(/^html$/i), Ke = m(/^[a-z][.\w]*(-[.\w]+)+$/i), qe = m(/<[/\w!]/g), Je = m(/<[/\w]/g), Ye = m(/<\/no(script|embed|frames)/i), Xe = m(/\/>/i), C = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -216,9 +217,23 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	documentType: 10,
 	documentFragment: 11,
 	notation: 12
-}, Xe = function() {
+}, w = [
+	"style",
+	"script",
+	"xmp",
+	"iframe",
+	"noembed",
+	"noframes",
+	"plaintext",
+	"noscript"
+], Ze = p(y({}, w)), Qe = function() {
+	let e = {};
+	return oe(w, (t) => {
+		e[t] = m(RegExp("</" + t + "(?=[\\t\\n\\f\\r />])", "i"));
+	}), p(e);
+}(), $e = function() {
 	return typeof window > "u" ? null : window;
-}, Ze = function(e, t) {
+}, et = function(e, t) {
 	if (typeof e != "object" || typeof e.createPolicy != "function") return null;
 	let n = null, r = "data-tt-policy-suffix";
 	t && t.hasAttribute(r) && (n = t.getAttribute(r));
@@ -235,7 +250,7 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	} catch {
 		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
 	}
-}, Qe = function() {
+}, tt = function() {
 	return {
 		afterSanitizeAttributes: [],
 		afterSanitizeElements: [],
@@ -247,53 +262,60 @@ var Te = p(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 		uponSanitizeElement: [],
 		uponSanitizeShadowNode: []
 	};
-}, $e = function(e, t, n, r) {
-	return _(e, t) && de(e[t]) ? x(r.base ? S(r.base) : {}, e[t], r.transform) : n;
+}, nt = function(e, t, n, r) {
+	return g(e, t) && de(e[t]) ? y(r.base ? x(r.base) : {}, e[t], r.transform) : n;
+}, rt = function(e, t, n) {
+	let r = g(e, t) ? e[t] : void 0;
+	return r && typeof r == "object" ? x(r) : n();
 };
-function et() {
-	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Xe(), t = (e) => et(e);
-	if (t.version = "3.4.11", t.removed = [], !e || !e.document || e.document.nodeType !== w.document || !e.Element) return t.isSupported = !1, t;
+function it() {
+	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : $e(), t = (e) => it(e);
+	if (t.version = "3.4.14", t.removed = [], !e || !e.document || e.document.nodeType !== C.document || !e.Element) return t.isSupported = !1, t;
 	let n = e.document, r = n, i = r.currentScript;
 	e.DocumentFragment;
 	let a = e.HTMLTemplateElement, o = e.Node, s = e.Element, c = e.NodeFilter;
 	e.NamedNodeMap === void 0 && (e.NamedNodeMap || e.MozNamedAttrMap), e.HTMLFormElement;
-	let l = e.DOMParser, d = e.trustedTypes, f = s.prototype, ee = C(f, "cloneNode"), te = C(f, "remove"), re = C(f, "nextSibling"), ie = C(f, "childNodes"), ae = C(f, "parentNode"), ve = C(f, "shadowRoot"), ye = C(f, "attributes"), h = o && o.prototype ? C(o.prototype, "nodeType") : null, g = o && o.prototype ? C(o.prototype, "nodeName") : null;
+	let l = e.DOMParser, d = e.trustedTypes, f = s.prototype, ee = S(f, "cloneNode"), te = S(f, "remove"), re = S(f, "nextSibling"), ie = S(f, "childNodes"), ae = S(f, "parentNode"), ve = S(f, "shadowRoot"), ye = S(f, "attributes"), h = o && o.prototype ? S(o.prototype, "nodeType") : null, be = o && o.prototype ? S(o.prototype, "nodeName") : null, xe = o && o.prototype ? S(o.prototype, "ownerDocument") : null, v = function(e) {
+		return h ? h(e) : e.nodeType;
+	}, Ce = function(e) {
+		return be ? be(e) : e.nodeName;
+	};
 	if (typeof a == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let v, b = "", xe, Se = !1, T = 0, tt = function() {
-		if (T > 0) throw be("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
-	}, E = function(e) {
-		tt(), T++;
+	let b, w = "", T, at = !1, E = 0, D = function() {
+		if (E > 0) throw Se("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
+	}, O = function(e) {
+		D(), E++;
 		try {
-			return v.createHTML(e);
+			return b.createHTML(e);
 		} finally {
-			T--;
+			E--;
 		}
-	}, D = function(e) {
-		tt(), T++;
+	}, ot = function(e) {
+		D(), E++;
 		try {
-			return v.createScriptURL(e);
+			return b.createScriptURL(e);
 		} finally {
-			T--;
+			E--;
 		}
-	}, O = function() {
-		return Se ||= (xe = Ze(d, i), !0), xe;
-	}, nt = n, rt = nt.implementation, it = nt.createNodeIterator, at = nt.createDocumentFragment, ot = nt.getElementsByTagName, st = r.importNode, k = Qe();
-	t.isSupported = typeof u == "function" && typeof ae == "function" && rt && rt.createHTMLDocument !== void 0;
-	let ct = Ie, A = Le, lt = Re, ut = ze, j = Be, dt = He, M = Ue, N = Ge, P = Ve, F = null, I = x({}, [
-		...Te,
+	}, st = function() {
+		return at ||= (T = et(d, i), !0), T;
+	}, k = n, A = k.implementation, ct = k.createNodeIterator, lt = k.createDocumentFragment, j = k.getElementsByTagName, ut = r.importNode, M = tt();
+	t.isSupported = typeof u == "function" && typeof ae == "function" && A && A.createHTMLDocument !== void 0;
+	let dt = Le, ft = Re, N = ze, pt = Be, P = Ve, F = Ue, I = We, mt = Ke, L = He, R = null, z = y({}, [
 		...Ee,
 		...De,
-		...ke,
-		...je
-	]), L = null, ft = x({}, [
-		...Me,
+		...Oe,
+		...Ae,
+		...Me
+	]), B = null, V = y({}, [
 		...Ne,
 		...Pe,
-		...Fe
-	]), R = Object.seal(ne(null, {
+		...Fe,
+		...Ie
+	]), H = Object.seal(ne(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -312,7 +334,7 @@ function et() {
 			enumerable: !0,
 			value: !1
 		}
-	})), pt = null, mt = null, z = Object.seal(ne(null, {
+	})), ht = null, gt = null, _t = Object.seal(ne(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -325,14 +347,14 @@ function et() {
 			enumerable: !0,
 			value: null
 		}
-	})), ht = !0, gt = !0, _t = !1, vt = !0, B = !1, V = !0, H = !1, U = !1, yt = null, bt = null, xt = !1, St = !1, Ct = !1, wt = !1, Tt = !0, Et = !1, Dt = "user-content-", Ot = !0, kt = !1, At = {}, W = null, jt = x({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Mt = null, Nt = x({}, [
+	})), vt = !0, yt = !0, bt = !1, xt = !0, U = !1, St = !0, Ct = !1, wt = !1, Tt = null, Et = null, Dt = !1, Ot = !1, kt = !1, At = !1, jt = !0, Mt = !1, Nt = "user-content-", Pt = !0, W = !1, G = {}, Ft = null, It = y({}, /* @__PURE__ */ "annotation-xml.audio.colgroup.desc.foreignobject.head.iframe.math.mi.mn.mo.ms.mtext.noembed.noframes.noscript.plaintext.script.selectedcontent.style.svg.template.thead.title.video.xmp".split(".")), Lt = null, Rt = y({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Pt = null, Ft = x({}, [
+	]), zt = null, Bt = y({}, [
 		"alt",
 		"class",
 		"for",
@@ -347,77 +369,86 @@ function et() {
 		"value",
 		"style",
 		"xmlns"
-	]), It = "http://www.w3.org/1998/Math/MathML", Lt = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xhtml", K = G, q = !1, Rt = null, zt = x({}, [
-		It,
-		Lt,
-		G
-	], pe), Bt = p([
+	]), Vt = "http://www.w3.org/1998/Math/MathML", Ht = "http://www.w3.org/2000/svg", K = "http://www.w3.org/1999/xhtml", q = K, J = !1, Ut = null, Wt = y({}, [
+		Vt,
+		Ht,
+		K
+	], pe), Gt = p([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), Vt = x({}, Bt), Ht = p(["annotation-xml"]), Ut = x({}, Ht), Wt = x({}, [
+	]), Kt = y({}, Gt), qt = p(["annotation-xml"]), Jt = y({}, qt), Yt = y({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), Gt = null, J = ["application/xhtml+xml", "text/html"], Y = null, X = null, Kt = n.createElement("form"), qt = function(e) {
+	]), Xt = null, Zt = ["application/xhtml+xml", "text/html"], Y = null, Qt = null, $t = n.createElement("form"), en = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, Jt = function() {
+	}, tn = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if (X && X === e) return;
-		(!e || typeof e != "object") && (e = {}), e = S(e), Gt = J.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = Gt === "application/xhtml+xml" ? pe : fe, F = $e(e, "ALLOWED_TAGS", I, { transform: Y }), L = $e(e, "ALLOWED_ATTR", ft, { transform: Y }), Rt = $e(e, "ALLOWED_NAMESPACES", zt, { transform: pe }), Pt = $e(e, "ADD_URI_SAFE_ATTR", Ft, {
+		if (Qt && Qt === e) return;
+		(!e || typeof e != "object") && (e = {}), e = x(e), Xt = Zt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, Y = Xt === "application/xhtml+xml" ? pe : fe, R = nt(e, "ALLOWED_TAGS", z, { transform: Y }), B = nt(e, "ALLOWED_ATTR", V, { transform: Y }), Ut = nt(e, "ALLOWED_NAMESPACES", Wt, { transform: pe }), zt = nt(e, "ADD_URI_SAFE_ATTR", Bt, {
 			transform: Y,
-			base: Ft
-		}), Mt = $e(e, "ADD_DATA_URI_TAGS", Nt, {
+			base: Bt
+		}), Lt = nt(e, "ADD_DATA_URI_TAGS", Rt, {
 			transform: Y,
-			base: Nt
-		}), W = $e(e, "FORBID_CONTENTS", jt, { transform: Y }), pt = $e(e, "FORBID_TAGS", S({}), { transform: Y }), mt = $e(e, "FORBID_ATTR", S({}), { transform: Y }), At = _(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? S(e.USE_PROFILES) : e.USE_PROFILES : !1, ht = e.ALLOW_ARIA_ATTR !== !1, gt = e.ALLOW_DATA_ATTR !== !1, _t = e.ALLOW_UNKNOWN_PROTOCOLS || !1, vt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, B = e.SAFE_FOR_TEMPLATES || !1, V = e.SAFE_FOR_XML !== !1, H = e.WHOLE_DOCUMENT || !1, St = e.RETURN_DOM || !1, Ct = e.RETURN_DOM_FRAGMENT || !1, wt = e.RETURN_TRUSTED_TYPE || !1, xt = e.FORCE_BODY || !1, Tt = e.SANITIZE_DOM !== !1, Et = e.SANITIZE_NAMED_PROPS || !1, Ot = e.KEEP_CONTENT !== !1, kt = e.IN_PLACE || !1, P = we(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : Ve, K = typeof e.NAMESPACE == "string" ? e.NAMESPACE : G, Vt = _(e, "MATHML_TEXT_INTEGRATION_POINTS") && e.MATHML_TEXT_INTEGRATION_POINTS && typeof e.MATHML_TEXT_INTEGRATION_POINTS == "object" ? S(e.MATHML_TEXT_INTEGRATION_POINTS) : x({}, Bt), Ut = _(e, "HTML_INTEGRATION_POINTS") && e.HTML_INTEGRATION_POINTS && typeof e.HTML_INTEGRATION_POINTS == "object" ? S(e.HTML_INTEGRATION_POINTS) : x({}, Ht);
-		let t = _(e, "CUSTOM_ELEMENT_HANDLING") && e.CUSTOM_ELEMENT_HANDLING && typeof e.CUSTOM_ELEMENT_HANDLING == "object" ? S(e.CUSTOM_ELEMENT_HANDLING) : ne(null);
-		if (R = ne(null), _(t, "tagNameCheck") && qt(t.tagNameCheck) && (R.tagNameCheck = t.tagNameCheck), _(t, "attributeNameCheck") && qt(t.attributeNameCheck) && (R.attributeNameCheck = t.attributeNameCheck), _(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (R.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), m(R), B && (gt = !1), Ct && (St = !0), At && (F = x({}, je), L = ne(null), At.html === !0 && (x(F, Te), x(L, Me)), At.svg === !0 && (x(F, Ee), x(L, Ne), x(L, Fe)), At.svgFilters === !0 && (x(F, De), x(L, Ne), x(L, Fe)), At.mathMl === !0 && (x(F, ke), x(L, Pe), x(L, Fe))), z.tagCheck = null, z.attributeCheck = null, _(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? z.tagCheck = e.ADD_TAGS : de(e.ADD_TAGS) && (F === I && (F = S(F)), x(F, e.ADD_TAGS, Y))), _(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? z.attributeCheck = e.ADD_ATTR : de(e.ADD_ATTR) && (L === ft && (L = S(L)), x(L, e.ADD_ATTR, Y))), _(e, "ADD_URI_SAFE_ATTR") && de(e.ADD_URI_SAFE_ATTR) && x(Pt, e.ADD_URI_SAFE_ATTR, Y), _(e, "FORBID_CONTENTS") && de(e.FORBID_CONTENTS) && (W === jt && (W = S(W)), x(W, e.FORBID_CONTENTS, Y)), _(e, "ADD_FORBID_CONTENTS") && de(e.ADD_FORBID_CONTENTS) && (W === jt && (W = S(W)), x(W, e.ADD_FORBID_CONTENTS, Y)), Ot && (F["#text"] = !0), H && x(F, [
+			base: Rt
+		}), Ft = nt(e, "FORBID_CONTENTS", It, { transform: Y }), ht = nt(e, "FORBID_TAGS", x({}), { transform: Y }), gt = nt(e, "FORBID_ATTR", x({}), { transform: Y }), G = g(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? x(e.USE_PROFILES) : e.USE_PROFILES : !1, vt = e.ALLOW_ARIA_ATTR !== !1, yt = e.ALLOW_DATA_ATTR !== !1, bt = e.ALLOW_UNKNOWN_PROTOCOLS || !1, xt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, U = e.SAFE_FOR_TEMPLATES || !1, St = e.SAFE_FOR_XML !== !1, Ct = e.WHOLE_DOCUMENT || !1, Ot = e.RETURN_DOM || !1, kt = e.RETURN_DOM_FRAGMENT || !1, At = e.RETURN_TRUSTED_TYPE || !1, Dt = e.FORCE_BODY || !1, jt = e.SANITIZE_DOM !== !1, Mt = e.SANITIZE_NAMED_PROPS || !1, Pt = e.KEEP_CONTENT !== !1, W = e.IN_PLACE || !1, L = Te(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : He, q = typeof e.NAMESPACE == "string" ? e.NAMESPACE : K, Kt = rt(e, "MATHML_TEXT_INTEGRATION_POINTS", () => y({}, Gt)), Jt = rt(e, "HTML_INTEGRATION_POINTS", () => y({}, qt));
+		let t = rt(e, "CUSTOM_ELEMENT_HANDLING", () => ne(null));
+		if (H = ne(null), g(t, "tagNameCheck") && en(t.tagNameCheck) && (H.tagNameCheck = t.tagNameCheck), g(t, "attributeNameCheck") && en(t.attributeNameCheck) && (H.attributeNameCheck = t.attributeNameCheck), g(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (H.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), m(H), U && (yt = !1), kt && (Ot = !0), G && (R = y({}, Me), B = ne(null), G.html === !0 && (y(R, Ee), y(B, Ne)), G.svg === !0 && (y(R, De), y(B, Pe), y(B, Ie)), G.svgFilters === !0 && (y(R, Oe), y(B, Pe), y(B, Ie)), G.mathMl === !0 && (y(R, Ae), y(B, Fe), y(B, Ie))), _t.tagCheck = null, _t.attributeCheck = null, g(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? _t.tagCheck = e.ADD_TAGS : de(e.ADD_TAGS) && (R === z && (R = x(R)), y(R, e.ADD_TAGS, Y))), g(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? _t.attributeCheck = e.ADD_ATTR : de(e.ADD_ATTR) && (B === V && (B = x(B)), y(B, e.ADD_ATTR, Y))), g(e, "ADD_FORBID_CONTENTS") && de(e.ADD_FORBID_CONTENTS) && (Ft === It && (Ft = x(Ft)), y(Ft, e.ADD_FORBID_CONTENTS, Y)), Pt && (R["#text"] = !0), Ct && y(R, [
 			"html",
 			"head",
 			"body"
-		]), F.table && (x(F, ["tbody"]), delete pt.tbody), e.TRUSTED_TYPES_POLICY) {
-			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw be("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
-			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw be("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
-			let t = v;
-			v = e.TRUSTED_TYPES_POLICY;
+		]), R.table && (y(R, ["tbody"]), delete ht.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Se("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Se("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
+			let t = b;
+			b = e.TRUSTED_TYPES_POLICY;
 			try {
-				b = E("");
+				w = O("");
 			} catch (e) {
-				throw v = t, e;
+				throw b = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (v = void 0, b = "") : (v === void 0 && (v = O()), v && typeof b == "string" && (b = E("")));
-		p && p(e), X = e;
-	}, Yt = x({}, [
-		...Ee,
+		} else e.TRUSTED_TYPES_POLICY === null ? (b = void 0, w = "") : (b === void 0 && (b = st()), b && typeof w == "string" && (w = O("")));
+		p && p(e), Qt = e;
+	}, nn = y({}, [
 		...De,
-		...Oe
-	]), Xt = x({}, [...ke, ...Ae]), Zt = function(e, t, n) {
-		return t.namespaceURI === G ? e === "svg" : t.namespaceURI === It ? e === "svg" && (n === "annotation-xml" || Vt[n]) : !!Yt[e];
-	}, Qt = function(e, t, n) {
-		return t.namespaceURI === G ? e === "math" : t.namespaceURI === Lt ? e === "math" && Ut[n] : !!Xt[e];
-	}, $t = function(e, t, n) {
-		return t.namespaceURI === Lt && !Ut[n] || t.namespaceURI === It && !Vt[n] ? !1 : !Xt[e] && (Wt[e] || !Yt[e]);
-	}, en = function(e) {
+		...Oe,
+		...ke
+	]), rn = y({}, [...Ae, ...je]), an = function(e, t, n) {
+		return t.namespaceURI === K ? e === "svg" : t.namespaceURI === Vt ? e === "svg" && (n === "annotation-xml" || Kt[n]) : !!nn[e];
+	}, on = function(e, t, n) {
+		return t.namespaceURI === K ? e === "math" : t.namespaceURI === Ht ? e === "math" && Jt[n] : !!rn[e];
+	}, sn = function(e, t, n) {
+		return t.namespaceURI === Ht && !Jt[n] || t.namespaceURI === Vt && !Kt[n] ? !1 : !rn[e] && (Yt[e] || !nn[e]);
+	}, cn = function(e) {
 		let t = ae(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: K,
+			namespaceURI: q,
 			tagName: "template"
 		});
 		let n = fe(e.tagName), r = fe(t.tagName);
-		return Rt[e.namespaceURI] ? e.namespaceURI === Lt ? Zt(n, t, r) : e.namespaceURI === It ? Qt(n, t, r) : e.namespaceURI === G ? $t(n, t, r) : !!(Gt === "application/xhtml+xml" && Rt[e.namespaceURI]) : !1;
-	}, tn = function(e) {
+		return Ut[e.namespaceURI] ? e.namespaceURI === Ht ? an(n, t, r) : e.namespaceURI === Vt ? on(n, t, r) : e.namespaceURI === K ? sn(n, t, r) : !!(Xt === "application/xhtml+xml" && Ut[e.namespaceURI]) : !1;
+	}, X = function(e) {
 		le(t.removed, { element: e });
 		try {
 			ae(e).removeChild(e);
 		} catch {
-			if (te(e), !ae(e)) throw be("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+			if (te(e), !ae(e)) throw Se("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+		}
+	}, ln = function(e, t, n) {
+		try {
+			e.removeAttributeNode(t);
+		} catch {
+			try {
+				e.removeAttribute(n);
+			} catch {}
 		}
-	}, nn = function(e) {
+	}, un = function(e) {
+		fn(e);
 		let t = ie(e);
 		if (t) {
 			let e = [];
@@ -432,87 +463,111 @@ function et() {
 		let n = ye(e);
 		if (n) for (let t = n.length - 1; t >= 0; --t) {
 			let r = n[t], i = r && r.name;
-			if (typeof i == "string") try {
-				e.removeAttribute(i);
-			} catch {}
+			typeof i == "string" && ln(e, r, i);
+		}
+	}, Z = function(e, n, r) {
+		if (!r) try {
+			r = n.getAttributeNode(e);
+		} catch {
+			r = null;
 		}
-	}, rn = function(e, n) {
+		le(t.removed, {
+			attribute: r || null,
+			from: n
+		});
 		try {
-			le(t.removed, {
-				attribute: n.getAttributeNode(e),
-				from: n
-			});
+			r ? n.removeAttributeNode(r) : n.removeAttribute(e);
 		} catch {
-			le(t.removed, {
-				attribute: null,
-				from: n
-			});
+			try {
+				n.removeAttribute(e);
+			} catch {}
 		}
-		if (n.removeAttribute(e), e === "is") if (St || Ct) try {
-			tn(n);
+		if (e === "is") if (Ot || kt) try {
+			X(n);
 		} catch {}
 		else try {
 			n.setAttribute(e, "");
 		} catch {}
-	}, an = function(e) {
+	}, dn = function(e) {
 		let t = ye(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			if (!(typeof i != "string" || L[Y(i)])) try {
-				e.removeAttribute(i);
-			} catch {}
+			typeof i != "string" || B[Y(i)] || ln(e, r, i);
 		}
-	}, on = function(e) {
+	}, fn = function(e) {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			(h ? h(e) : e.nodeType) === w.element && an(e);
+			v(e) === C.element && dn(e);
 			let n = ie(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
-	}, sn = function(e) {
+	}, pn = function(e, t) {
+		return St ? e === "patchsrc" ? !0 : e === "for" && t !== "label" && t !== "output" : !1;
+	}, mn = function(e) {
+		if (!St) return;
+		let t = [e];
+		for (; t.length > 0;) {
+			let e = t.pop(), n = v(e);
+			if (n === C.processingInstruction || n === C.comment && _(Je, e.data)) {
+				try {
+					te(e);
+				} catch {}
+				continue;
+			}
+			if (n === C.element) {
+				let t = e, n = Y(Ce(e));
+				try {
+					t.hasAttribute && t.hasAttribute("patchsrc") && t.removeAttribute("patchsrc"), t.hasAttribute && t.hasAttribute("for") && pn("for", n) && t.removeAttribute("for");
+				} catch {}
+			}
+			let r = ie(e);
+			if (r) for (let e = r.length - 1; e >= 0; --e) t.push(r[e]);
+		}
+	}, hn = function(e) {
 		let t = null, r = null;
-		if (xt) e = "<remove></remove>" + e;
+		if (Dt) e = "<remove></remove>" + e;
 		else {
 			let t = me(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		Gt === "application/xhtml+xml" && K === G && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = v ? E(e) : e;
-		if (K === G) try {
-			t = new l().parseFromString(i, Gt);
+		Xt === "application/xhtml+xml" && q === K && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = b ? O(e) : e;
+		if (q === K) try {
+			t = new l().parseFromString(i, Xt);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = rt.createDocument(K, "template", null);
+			t = A.createDocument(q, "template", null);
 			try {
-				t.documentElement.innerHTML = q ? b : i;
+				t.documentElement.innerHTML = J ? w : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), K === G ? ot.call(t, H ? "html" : "body")[0] : H ? t.documentElement : a;
-	}, cn = function(e) {
-		return it.call(e.ownerDocument || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
-	}, ln = function(e) {
-		return e = he(e, ct, " "), e = he(e, A, " "), e = he(e, lt, " "), e;
-	}, Z = function(e) {
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), q === K ? j.call(t, Ct ? "html" : "body")[0] : Ct ? t.documentElement : a;
+	}, gn = function(e) {
+		let t = xe ? xe(e) : e.ownerDocument;
+		return ct.call(t || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+	}, _n = function(e) {
+		return e = he(e, dt, " "), e = he(e, ft, " "), e = he(e, N, " "), e;
+	}, vn = function(e) {
 		e.normalize();
-		let t = it.call(e.ownerDocument || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), n = t.nextNode();
-		for (; n;) n.data = ln(n.data), n = t.nextNode();
-		let r = e.querySelectorAll?.call(e, "template");
-		r && oe(r, (e) => {
-			dn(e.content) && Z(e.content);
+		let t = xe ? xe(e) : e.ownerDocument, n = ct.call(t || e, e, c.SHOW_TEXT | c.SHOW_COMMENT | c.SHOW_CDATA_SECTION | c.SHOW_PROCESSING_INSTRUCTION, null), r = n.nextNode();
+		for (; r;) r.data = _n(r.data), r = n.nextNode();
+		let i = e.querySelectorAll?.call(e, "template");
+		i && oe(i, (e) => {
+			bn(e.content) && vn(e.content);
 		});
-	}, un = function(e) {
-		let t = g ? g(e) : null;
+	}, yn = function(e) {
+		let t = be ? be(e) : null;
 		return typeof t != "string" || Y(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== ye(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== h(e) || e.childNodes !== ie(e);
-	}, dn = function(e) {
+	}, bn = function(e) {
 		if (!h || typeof e != "object" || !e) return !1;
 		try {
-			return h(e) === w.documentFragment;
+			return h(e) === C.documentFragment;
 		} catch {
 			return !1;
 		}
-	}, fn = function(e) {
+	}, Q = function(e) {
 		if (!h || typeof e != "object" || !e) return !1;
 		try {
 			return typeof h(e) == "number";
@@ -520,50 +575,56 @@ function et() {
 			return !1;
 		}
 	};
-	function Q(e, n, r) {
+	function $(e, n, r) {
 		e.length !== 0 && oe(e, (e) => {
-			e.call(t, n, r, X);
+			e.call(t, n, r, Qt);
 		});
 	}
-	let pn = function(e, t) {
-		return !!(V && e.hasChildNodes() && !fn(e.firstElementChild) && y(Ke, e.textContent) && y(Ke, e.innerHTML) || V && e.namespaceURI === G && t === "style" && fn(e.firstElementChild) || e.nodeType === w.processingInstruction || V && e.nodeType === w.comment && y(qe, e.data));
-	}, $ = function(e, t) {
-		if (!pt[t] && _n(t) && (R.tagNameCheck instanceof RegExp && y(R.tagNameCheck, t) || R.tagNameCheck instanceof Function && R.tagNameCheck(t))) return !1;
-		if (Ot && !W[t]) {
-			let t = ae(e), n = ie(e);
-			if (n && t) {
-				let r = n.length;
-				for (let i = r - 1; i >= 0; --i) {
-					let r = kt ? n[i] : ee(n[i], !0);
-					t.insertBefore(r, re(e));
+	let xn = function(e, t) {
+		return !!(St && e.hasChildNodes() && !Q(e.firstElementChild) && _(qe, e.textContent) && _(qe, e.innerHTML) || St && e.namespaceURI === K && Ze[t] && (Q(e.firstElementChild) || typeof e.textContent == "string" && _(Qe[t], e.textContent)) || e.nodeType === C.processingInstruction || St && e.nodeType === C.comment && _(Je, e.data));
+	}, Sn = function(e, t) {
+		return e instanceof RegExp ? _(e, t) : e instanceof Function ? !!e(t, ...[...arguments].slice(2)) : !1;
+	}, Cn = function(e, t, n) {
+		if (!ht[t] && kn(t) && Sn(H.tagNameCheck, t)) return !1;
+		if (Pt && !Ft[t]) {
+			let t = ae(e), r = ie(e);
+			if (r && t) {
+				let i = r.length;
+				for (let a = i - 1; a >= 0; --a) {
+					let i = e === n ? ee(r[a], !0) : r[a];
+					t.insertBefore(i, re(e));
 				}
 			}
 		}
-		return tn(e), !0;
-	}, mn = function(e) {
-		if (Q(k.beforeSanitizeElements, e, null), un(e)) return tn(e), !0;
-		let n = Y(g ? g(e) : e.nodeName);
-		if (Q(k.uponSanitizeElement, e, {
-			tagName: n,
-			allowedTags: F
-		}), pn(e, n)) return tn(e), !0;
-		if (pt[n] || !(z.tagCheck instanceof Function && z.tagCheck(n)) && !F[n]) return $(e, n);
-		if ((h ? h(e) : e.nodeType) === w.element && !en(e) || (n === "noscript" || n === "noembed" || n === "noframes") && y(Je, e.innerHTML)) return tn(e), !0;
-		if (B && e.nodeType === w.text) {
-			let n = ln(e.textContent);
-			e.textContent !== n && (le(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		return X(e), !0;
+	}, wn = function(e, t, n, r) {
+		return e.length === 0 ? t : t === n || t === r ? x(t) : t;
+	}, Tn = function(e, t) {
+		return e === t || ae(e) !== null ? !1 : (W && fn(e), !0);
+	}, En = function(e, n) {
+		if ($(M.beforeSanitizeElements, e, null), Tn(e, n)) return !0;
+		if (yn(e)) return X(e), !0;
+		let r = Y(Ce(e));
+		if (R = wn(M.uponSanitizeElement, R, z, Tt), $(M.uponSanitizeElement, e, {
+			tagName: r,
+			allowedTags: R
+		}), Tn(e, n)) return !0;
+		if (xn(e, r)) return X(e), !0;
+		if (ht[r] || !(_t.tagCheck instanceof Function && _t.tagCheck(r)) && !R[r]) {
+			let t = Cn(e, r, n);
+			return t === !1 && $(M.afterSanitizeElements, e, null), t;
 		}
-		return Q(k.afterSanitizeElements, e, null), !1;
-	}, hn = function(e, t, r) {
-		if (mt[t] || Tt && (t === "id" || t === "name") && (r in n || r in Kt)) return !1;
-		let i = L[t] || z.attributeCheck instanceof Function && z.attributeCheck(t, e);
-		if (!(gt && y(ut, t)) && !(ht && y(j, t))) {
-			if (!i) {
-				if (!(_n(e) && (R.tagNameCheck instanceof RegExp && y(R.tagNameCheck, e) || R.tagNameCheck instanceof Function && R.tagNameCheck(e)) && (R.attributeNameCheck instanceof RegExp && y(R.attributeNameCheck, t) || R.attributeNameCheck instanceof Function && R.attributeNameCheck(t, e)) || t === "is" && R.allowCustomizedBuiltInElements && (R.tagNameCheck instanceof RegExp && y(R.tagNameCheck, r) || R.tagNameCheck instanceof Function && R.tagNameCheck(r)))) return !1;
-			} else if (!Pt[t] && !y(P, he(r, M, "")) && !((t === "src" || t === "xlink:href" || t === "href") && e !== "script" && ge(r, "data:") === 0 && Mt[e]) && !(_t && !y(dt, he(r, M, ""))) && r) return !1;
+		if (v(e) === C.element && !cn(e) || (r === "noscript" || r === "noembed" || r === "noframes") && _(Ye, e.innerHTML)) return X(e), !0;
+		if (U && e.nodeType === C.text) {
+			let n = _n(e.textContent);
+			e.textContent !== n && (le(t.removed, { element: e.cloneNode() }), e.textContent = n);
 		}
-		return !0;
-	}, gn = x({}, [
+		return $(M.afterSanitizeElements, e, null), !1;
+	}, Dn = function(e, t, r) {
+		if (gt[t] || pn(t, e) || jt && (t === "id" || t === "name") && (r in n || r in $t)) return !1;
+		let i = B[t] || _t.attributeCheck instanceof Function && _t.attributeCheck(t, e);
+		return yt && _(pt, t) || vt && _(P, t) ? !0 : i ? zt[t] || _(L, he(r, I, "")) || (t === "src" || t === "xlink:href" || t === "href") && e !== "script" && ge(r, "data:") === 0 && Lt[e] || bt && !_(F, he(r, I, "")) ? !0 : !r : kn(e) && Sn(H.tagNameCheck, e) && Sn(H.attributeNameCheck, t, e) || t === "is" && H.allowCustomizedBuiltInElements && Sn(H.tagNameCheck, r);
+	}, On = y({}, [
 		"annotation-xml",
 		"color-profile",
 		"font-face",
@@ -572,66 +633,67 @@ function et() {
 		"font-face-src",
 		"font-face-uri",
 		"missing-glyph"
-	]), _n = function(e) {
-		return !gn[fe(e)] && y(N, e);
-	}, vn = function(e, t, n, r) {
-		if (v && typeof d == "object" && typeof d.getAttributeType == "function" && !n) switch (d.getAttributeType(e, t)) {
-			case "TrustedHTML": return E(r);
-			case "TrustedScriptURL": return D(r);
+	]), kn = function(e) {
+		return !On[fe(e)] && _(mt, e);
+	}, An = function(e, t, n, r) {
+		if (b && typeof d == "object" && typeof d.getAttributeType == "function" && !n) switch (d.getAttributeType(e, t)) {
+			case "TrustedHTML": return O(r);
+			case "TrustedScriptURL": return ot(r);
 		}
 		return r;
-	}, yn = function(e, n, r, i) {
+	}, jn = function(e, n, r, i) {
 		try {
-			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), un(e) ? tn(e) : ce(t.removed);
+			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), yn(e) ? X(e) : ce(t.removed);
 		} catch {
-			rn(n, e);
+			Z(n, e);
 		}
-	}, bn = function(e) {
-		Q(k.beforeSanitizeAttributes, e, null);
+	}, Mn = function(e) {
+		$(M.beforeSanitizeAttributes, e, null);
 		let t = e.attributes;
-		if (!t || un(e)) return;
+		if (!t || yn(e)) return;
+		B = wn(M.uponSanitizeAttribute, B, V, Et);
 		let n = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: L,
+			allowedAttributes: B,
 			forceKeepAttr: void 0
 		}, r = t.length, i = Y(e.nodeName);
 		for (; r--;) {
 			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, l = Y(o), u = c, d = o === "value" ? u : _e(u);
-			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, Q(k.uponSanitizeAttribute, e, n), d = n.attrValue, Et && (l === "id" || l === "name") && ge(d, Dt) !== 0 && (rn(o, e), d = Dt + d), V && y(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
-				rn(o, e);
+			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, $(M.uponSanitizeAttribute, e, n), d = n.attrValue, Mt && (l === "id" || l === "name") && ge(d, Nt) !== 0 && (Z(o, e, a), d = Nt + d), St && _(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
+				Z(o, e, a);
 				continue;
 			}
 			if (l === "attributename" && me(d, "href")) {
-				rn(o, e);
+				Z(o, e, a);
 				continue;
 			}
 			if (!n.forceKeepAttr) {
 				if (!n.keepAttr) {
-					rn(o, e);
+					Z(o, e, a);
 					continue;
 				}
-				if (!vt && y(Ye, d)) {
-					rn(o, e);
+				if (!xt && _(Xe, d)) {
+					Z(o, e, a);
 					continue;
 				}
-				if (B && (d = ln(d)), !hn(i, l, d)) {
-					rn(o, e);
+				if (U && (d = _n(d)), !Dn(i, l, d)) {
+					Z(o, e, a);
 					continue;
 				}
-				d = vn(i, l, s, d), d !== u && yn(e, o, s, d);
+				d = An(i, l, s, d), d !== u && jn(e, o, s, d);
 			}
 		}
-		Q(k.afterSanitizeAttributes, e, null);
-	}, xn = function(e) {
-		let t = null, n = cn(e);
-		for (Q(k.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if (Q(k.uponSanitizeShadowNode, t, null), mn(t), bn(t), dn(t.content) && xn(t.content), (h ? h(t) : t.nodeType) === w.element) {
+		$(M.afterSanitizeAttributes, e, null);
+	}, Nn = function(e) {
+		let t = null, n = gn(e);
+		for ($(M.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if ($(M.uponSanitizeShadowNode, t, null), En(t, e), Mn(t), bn(t.content) && Nn(t.content), v(t) === C.element) {
 			let e = ve(t);
-			dn(e) && (Sn(e), xn(e));
+			bn(e) && (Pn(e), Nn(e));
 		}
-		Q(k.afterSanitizeShadowDOM, e, null);
-	}, Sn = function(e) {
+		$(M.afterSanitizeShadowDOM, e, null);
+	}, Pn = function(e) {
 		let t = [{
 			node: e,
 			shadow: null
@@ -639,19 +701,19 @@ function et() {
 		for (; t.length > 0;) {
 			let e = t.pop();
 			if (e.shadow) {
-				xn(e.shadow);
+				Nn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = (h ? h(n) : n.nodeType) === w.element, i = ie(n);
+			let n = e.node, r = v(n) === C.element, i = ie(n);
 			if (i) for (let e = i.length - 1; e >= 0; --e) t.push({
 				node: i[e],
 				shadow: null
 			});
 			if (r) {
-				let e = g ? g(n) : null;
+				let e = be ? be(n) : null;
 				if (typeof e == "string" && Y(e) === "template") {
 					let e = n.content;
-					dn(e) && t.push({
+					bn(e) && t.push({
 						node: e,
 						shadow: null
 					});
@@ -659,7 +721,7 @@ function et() {
 			}
 			if (r) {
 				let e = ve(n);
-				dn(e) && t.push({
+				bn(e) && t.push({
 					node: null,
 					shadow: e
 				}, {
@@ -671,67 +733,71 @@ function et() {
 	};
 	return t.sanitize = function(e) {
 		let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = null, a = null, o = null, s = null;
-		if (q = !e, q && (e = "<!-->"), typeof e != "string" && !fn(e) && (e = Ce(e), typeof e != "string")) throw be("dirty is not a string, aborting");
+		if (J = !e, J && (e = "<!-->"), typeof e != "string" && !Q(e) && (e = we(e), typeof e != "string")) throw Se("dirty is not a string, aborting");
 		if (!t.isSupported) return e;
-		U ? (F = yt, L = bt) : Jt(n), (k.uponSanitizeElement.length > 0 || k.uponSanitizeAttribute.length > 0) && (F = S(F)), k.uponSanitizeAttribute.length > 0 && (L = S(L)), t.removed = [];
-		let c = kt && typeof e != "string" && fn(e);
+		wt ? (R = Tt, B = Et) : tn(n), (M.uponSanitizeElement.length > 0 || M.uponSanitizeAttribute.length > 0) && (R = x(R)), M.uponSanitizeAttribute.length > 0 && (B = x(B)), t.removed = [];
+		let c = W && typeof e != "string" && Q(e);
 		if (c) {
-			let t = g ? g(e) : e.nodeName;
+			mn(e);
+			let t = Ce(e);
 			if (typeof t == "string") {
-				let e = Y(t);
-				if (!F[e] || pt[e]) throw be("root node is forbidden and cannot be sanitized in-place");
+				let n = Y(t);
+				if (!R[n] || ht[n]) throw un(e), Se("root node is forbidden and cannot be sanitized in-place");
 			}
-			if (un(e)) throw be("root node is clobbered and cannot be sanitized in-place");
+			if (yn(e)) throw un(e), Se("root node is clobbered and cannot be sanitized in-place");
 			try {
-				Sn(e);
+				Pn(e);
 			} catch (t) {
-				throw nn(e), t;
+				throw un(e), t;
 			}
-		} else if (fn(e)) i = sn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === w.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Sn(a);
+		} else if (Q(e)) i = hn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === C.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Pn(a);
 		else {
-			if (!St && !B && !H && e.indexOf("<") === -1) return v && wt ? E(e) : e;
-			if (i = sn(e), !i) return St ? null : wt ? b : "";
+			if (!Ot && !U && !Ct && e.indexOf("<") === -1) return b && At ? O(e) : e;
+			if (i = hn(e), !i) return Ot ? null : At ? w : "";
 		}
-		i && xt && tn(i.firstChild);
-		let l = cn(c ? e : i);
+		i && Dt && X(i.firstChild);
+		let l = c ? e : i;
 		try {
-			for (; o = l.nextNode();) mn(o), bn(o), dn(o.content) && xn(o.content);
-		} catch (t) {
-			throw c && nn(e), t;
+			let e = gn(l);
+			for (; o = e.nextNode();) En(o, l), Mn(o), bn(o.content) && Nn(o.content);
+		} catch (n) {
+			throw c && (un(e), oe(t.removed, (e) => {
+				e.element && fn(e.element);
+			})), n;
 		}
 		if (c) return oe(t.removed, (e) => {
-			e.element && on(e.element);
-		}), B && Z(e), e;
-		if (St) {
-			if (B && Z(i), Ct) for (s = at.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
+			e.element && fn(e.element);
+		}), U && vn(e), e;
+		if (Ot) {
+			if (U && vn(i), kt) for (s = lt.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
 			else s = i;
-			return (L.shadowroot || L.shadowrootmode) && (s = st.call(r, s, !0)), s;
+			return (B.shadowroot || B.shadowrootmode) && (s = ut.call(r, s, !0)), s;
 		}
-		let u = H ? i.outerHTML : i.innerHTML;
-		return H && F["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && y(We, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), B && (u = ln(u)), v && wt ? E(u) : u;
+		let u = Ct ? i.outerHTML : i.innerHTML;
+		return Ct && R["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && _(Ge, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), U && (u = _n(u)), b && At ? O(u) : u;
 	}, t.setConfig = function() {
-		Jt(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), U = !0, yt = F, bt = L;
+		tn(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}), wt = !0, Tt = R, Et = B;
 	}, t.clearConfig = function() {
-		X = null, U = !1, yt = null, bt = null, v = xe, b = "";
+		Qt = null, wt = !1, Tt = null, Et = null, b = T, w = "";
 	}, t.isValidAttribute = function(e, t, n) {
-		return X || Jt({}), hn(Y(e), Y(t), n);
+		return Qt || tn({}), Dn(Y(e), Y(t), n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && _(k, e) && le(k[e], t);
+		typeof t == "function" && g(M, e) && le(M[e], t);
 	}, t.removeHook = function(e, t) {
-		if (_(k, e)) {
+		if (g(M, e)) {
 			if (t !== void 0) {
-				let n = se(k[e], t);
-				return n === -1 ? void 0 : ue(k[e], n, 1)[0];
+				let n = se(M[e], t);
+				return n === -1 ? void 0 : ue(M[e], n, 1)[0];
 			}
-			return ce(k[e]);
+			return ce(M[e]);
 		}
 	}, t.removeHooks = function(e) {
-		_(k, e) && (k[e] = []);
+		g(M, e) && (M[e] = []);
 	}, t.removeAllHooks = function() {
-		k = Qe();
+		M = tt();
 	}, t;
 }
-var T = et(), tt = {
+var T = it(), at = {
 	min: {
 		r: 0,
 		g: 0,
@@ -768,9 +834,9 @@ var T = et(), tt = {
 		e /= 360, t /= 100, n /= 100;
 		let i = n < .5 ? n * (1 + t) : n + t - n * t, a = 2 * n - i;
 		switch (r) {
-			case "r": return tt.hue2rgb(a, i, e + 1 / 3) * 255;
-			case "g": return tt.hue2rgb(a, i, e) * 255;
-			case "b": return tt.hue2rgb(a, i, e - 1 / 3) * 255;
+			case "r": return at.hue2rgb(a, i, e + 1 / 3) * 255;
+			case "g": return at.hue2rgb(a, i, e) * 255;
+			case "b": return at.hue2rgb(a, i, e - 1 / 3) * 255;
 		}
 	},
 	rgb2hsl: ({ r: e, g: t, b: n }, r) => {
@@ -788,7 +854,7 @@ var T = et(), tt = {
 		}
 	}
 }, E = {
-	channel: tt,
+	channel: at,
 	lang: {
 		clamp: (e, t, n) => t > n ? Math.min(t, Math.max(n, e)) : Math.min(n, Math.max(t, e)),
 		round: (e) => Math.round(e * 1e10) / 1e10
@@ -803,7 +869,7 @@ var O = {
 	ALL: 0,
 	RGB: 1,
 	HSL: 2
-}, nt = class {
+}, ot = class {
 	constructor() {
 		this.type = O.ALL;
 	}
@@ -820,9 +886,9 @@ var O = {
 	is(e) {
 		return this.type === e;
 	}
-}, rt = new class {
+}, st = new class {
 	constructor(e, t) {
-		this.color = t, this.changed = !1, this.data = e, this.type = new nt();
+		this.color = t, this.changed = !1, this.data = e, this.type = new ot();
 	}
 	set(e, t) {
 		return this.color = t, this.changed = !1, this.data = e, this.type.type = O.ALL, this;
@@ -888,14 +954,14 @@ var O = {
 	g: 0,
 	b: 0,
 	a: 0
-}, "transparent"), it = {
+}, "transparent"), k = {
 	re: /^#((?:[a-f0-9]{2}){2,4}|[a-f0-9]{3})$/i,
 	parse: (e) => {
 		if (e.charCodeAt(0) !== 35) return;
-		let t = e.match(it.re);
+		let t = e.match(k.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 rt.set({
+		return st.set({
 			r: (r >> c * (l + 3) & u) * s,
 			g: (r >> c * (l + 2) & u) * s,
 			b: (r >> c * (l + 1) & u) * s,
@@ -906,11 +972,11 @@ var O = {
 		let { r: t, g: n, b: r, a: i } = e;
 		return i < 1 ? `#${D[Math.round(t)]}${D[Math.round(n)]}${D[Math.round(r)]}${D[Math.round(i * 255)]}` : `#${D[Math.round(t)]}${D[Math.round(n)]}${D[Math.round(r)]}`;
 	}
-}, at = {
+}, A = {
 	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(at.hueRe);
+		let t = e.match(A.hueRe);
 		if (t) {
 			let [, e, n] = t;
 			switch (n) {
@@ -924,11 +990,11 @@ var O = {
 	parse: (e) => {
 		let t = e.charCodeAt(0);
 		if (t !== 104 && t !== 72) return;
-		let n = e.match(at.re);
+		let n = e.match(A.re);
 		if (!n) return;
 		let [, r, i, a, o, s] = n;
-		return rt.set({
-			h: at._hue2deg(r),
+		return st.set({
+			h: A._hue2deg(r),
 			s: E.channel.clamp.s(parseFloat(i)),
 			l: E.channel.clamp.l(parseFloat(a)),
 			a: o ? E.channel.clamp.a(s ? parseFloat(o) / 100 : parseFloat(o)) : 1
@@ -938,7 +1004,7 @@ var O = {
 		let { h: t, s: n, l: r, a: i } = e;
 		return i < 1 ? `hsla(${E.lang.round(t)}, ${E.lang.round(n)}%, ${E.lang.round(r)}%, ${i})` : `hsl(${E.lang.round(t)}, ${E.lang.round(n)}%, ${E.lang.round(r)}%)`;
 	}
-}, ot = {
+}, ct = {
 	colors: {
 		aliceblue: "#f0f8ff",
 		antiquewhite: "#faebd7",
@@ -1090,22 +1156,22 @@ var O = {
 	},
 	parse: (e) => {
 		e = e.toLowerCase();
-		let t = ot.colors[e];
-		if (t) return it.parse(t);
+		let t = ct.colors[e];
+		if (t) return k.parse(t);
 	},
 	stringify: (e) => {
-		let t = it.stringify(e);
-		for (let e in ot.colors) if (ot.colors[e] === t) return e;
+		let t = k.stringify(e);
+		for (let e in ct.colors) if (ct.colors[e] === t) return e;
 	}
-}, st = {
+}, lt = {
 	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(st.re);
+		let n = e.match(lt.re);
 		if (!n) return;
 		let [, r, i, a, o, s, c, l, u] = n;
-		return rt.set({
+		return st.set({
 			r: E.channel.clamp.r(i ? parseFloat(r) * 2.55 : parseFloat(r)),
 			g: E.channel.clamp.g(o ? parseFloat(a) * 2.55 : parseFloat(a)),
 			b: E.channel.clamp.b(c ? parseFloat(s) * 2.55 : parseFloat(s)),
@@ -1116,89 +1182,85 @@ var O = {
 		let { r: t, g: n, b: r, a: i } = e;
 		return i < 1 ? `rgba(${E.lang.round(t)}, ${E.lang.round(n)}, ${E.lang.round(r)}, ${E.lang.round(i)})` : `rgb(${E.lang.round(t)}, ${E.lang.round(n)}, ${E.lang.round(r)})`;
 	}
-}, k = {
+}, j = {
 	format: {
-		keyword: ot,
-		hex: it,
-		rgb: st,
-		rgba: st,
-		hsl: at,
-		hsla: at
+		keyword: ct,
+		hex: k,
+		rgb: lt,
+		rgba: lt,
+		hsl: A,
+		hsla: A
 	},
 	parse: (e) => {
 		if (typeof e != "string") return e;
-		let t = it.parse(e) || st.parse(e) || at.parse(e) || ot.parse(e);
+		let t = k.parse(e) || lt.parse(e) || A.parse(e) || ct.parse(e);
 		if (t) return t;
 		throw Error(`Unsupported color format: "${e}"`);
 	},
-	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(O.HSL) || e.data.r === void 0 ? at.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? st.stringify(e) : it.stringify(e)
-}, ct = (e, t) => {
-	let n = k.parse(e);
+	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(O.HSL) || e.data.r === void 0 ? A.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? lt.stringify(e) : k.stringify(e)
+}, ut = (e, t) => {
+	let n = j.parse(e);
 	for (let e in t) n[e] = E.channel.clamp[e](t[e]);
-	return k.stringify(n);
-}, A = (e, t, n = 0, r = 1) => {
-	if (typeof e != "number") return ct(e, { a: t });
-	let i = rt.set({
+	return j.stringify(n);
+}, M = (e, t, n = 0, r = 1) => {
+	if (typeof e != "number") return ut(e, { a: t });
+	let i = st.set({
 		r: E.channel.clamp.r(e),
 		g: E.channel.clamp.g(t),
 		b: E.channel.clamp.b(n),
 		a: E.channel.clamp.a(r)
 	});
-	return k.stringify(i);
-}, lt = (e) => {
-	let { r: t, g: n, b: r } = k.parse(e), i = .2126 * E.channel.toLinear(t) + .7152 * E.channel.toLinear(n) + .0722 * E.channel.toLinear(r);
+	return j.stringify(i);
+}, dt = (e) => {
+	let { r: t, g: n, b: r } = j.parse(e), i = .2126 * E.channel.toLinear(t) + .7152 * E.channel.toLinear(n) + .0722 * E.channel.toLinear(r);
 	return E.lang.round(i);
-}, ut = (e) => lt(e) >= .5, j = (e) => !ut(e), dt = (e, t, n) => {
-	let r = k.parse(e), i = r[t], a = E.channel.clamp[t](i + n);
-	return i !== a && (r[t] = a), k.stringify(r);
-}, M = (e, t) => dt(e, "l", t), N = (e, t) => dt(e, "l", -t), P = (e, t) => {
-	let n = k.parse(e), r = {};
+}, ft = (e) => dt(e) >= .5, N = (e) => !ft(e), pt = (e, t, n) => {
+	let r = j.parse(e), i = r[t], a = E.channel.clamp[t](i + n);
+	return i !== a && (r[t] = a), j.stringify(r);
+}, P = (e, t) => pt(e, "l", t), F = (e, t) => pt(e, "l", -t), I = (e, t) => {
+	let n = j.parse(e), r = {};
 	for (let e in t) t[e] && (r[e] = n[e] + t[e]);
-	return ct(e, r);
-}, F = (e, t, n = 50) => {
-	let { r, g: i, b: a, a: o } = k.parse(e), { r: s, g: c, b: l, a: u } = k.parse(t), d = n / 100, f = d * 2 - 1, ee = o - u, te = ((f * ee === -1 ? f : (f + ee) / (1 + f * ee)) + 1) / 2, p = 1 - te;
-	return A(r * te + s * p, i * te + c * p, a * te + l * p, o * d + u * (1 - d));
-}, I = (e, t = 100) => {
-	let n = k.parse(e);
-	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, F(n, e, t);
-}, L = /^-{3}\s*[\n\r](.*?)[\n\r]-{3}\s*[\n\r]+/s, ft = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, R = /\s*%%.*\n/gm, pt = class extends Error {
-	static {
-		n(this, "UnknownDiagramError");
-	}
-	constructor(e) {
-		super(e), this.name = "UnknownDiagramError";
-	}
-}, mt = {}, z = /* @__PURE__ */ n(function(e, t) {
-	e = e.replace(L, "").replace(ft, "").replace(R, "\n");
-	for (let [n, { detector: r }] of Object.entries(mt)) if (r(e, t)) return n;
-	throw new pt(`No diagram type detected matching given configuration for text: ${e}`);
-}, "detectType"), ht = /* @__PURE__ */ n((...e) => {
-	for (let { id: t, detector: n, loader: r } of e) gt(t, n, r);
-}, "registerLazyLoadedDiagrams"), gt = /* @__PURE__ */ n((e, n, r) => {
-	mt[e] && t.warn(`Detector with key ${e} already exists. Overwriting.`), mt[e] = {
-		detector: n,
-		loader: r
-	}, t.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
-}, "addDetector"), _t = /* @__PURE__ */ n((e) => mt[e].loader, "getDiagramLoader"), vt = /* @__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) => vt(e, t, i)), e) : Array.isArray(t) && Array.isArray(e) ? (t.forEach((t) => {
+	return ut(e, r);
+}, mt = (e, t, n = 50) => {
+	let { r, g: i, b: a, a: o } = j.parse(e), { r: s, g: c, b: l, a: u } = j.parse(t), d = n / 100, f = d * 2 - 1, ee = o - u, te = ((f * ee === -1 ? f : (f + ee) / (1 + f * ee)) + 1) / 2, p = 1 - te;
+	return M(r * te + s * p, i * te + c * p, a * te + l * p, o * d + u * (1 - d));
+}, L = (e, t = 100) => {
+	let n = j.parse(e);
+	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, mt(n, e, t);
+}, R = /* @__PURE__ */ n((e, t, { depth: n = 2 } = {}) => {
+	let r = { depth: n };
+	if (Array.isArray(t) && !Array.isArray(e)) return t.forEach((t) => R(e, t, r)), e;
+	if (Array.isArray(t) && Array.isArray(e)) return 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] = vt(e[i], t[i], {
-			depth: n - 1,
-			clobber: r
-		})) : (r || typeof e[i] != "object" && typeof t[i] != "object") && (e[i] = t[i]);
-	}), e);
-}, "assignWithDepth"), B = vt, V = "#ffffff", H = "#f2f2f2", U = /* @__PURE__ */ n((e, t) => t ? P(e, {
+	}), e;
+	if (e == null || n <= 0) return typeof e == "object" && e && typeof t == "object" ? Object.assign(e, t) : t;
+	if (t != null && typeof e == "object" && typeof t == "object") {
+		let r = e;
+		Object.entries(t).forEach(([t, i]) => {
+			if (typeof i == "object") {
+				if (i === null) return;
+				Object.hasOwn(e, t) || Object.defineProperty(e, t, {
+					value: void 0,
+					writable: !0,
+					enumerable: !0,
+					configurable: !0
+				}), r[t] === void 0 && (r[t] = Array.isArray(i) ? [] : {}), typeof r[t] == "object" && (r[t] = R(r[t], i, { depth: n - 1 }));
+			} else typeof r[t] != "object" && (Object.hasOwn(e, t) ? r[t] = i : Object.defineProperty(e, t, {
+				value: i,
+				writable: !0,
+				enumerable: !0,
+				configurable: !0
+			}));
+		});
+	}
+	return e;
+}, "assignWithDepth"), z = R, B = "#ffffff", V = "#f2f2f2", H = /* @__PURE__ */ n((e, t) => t ? I(e, {
 	s: -40,
 	l: 10
-}) : P(e, {
+}) : I(e, {
 	s: -40,
 	l: -10
-}), "mkBorder"), yt = class {
+}), "mkBorder"), ht = class {
 	static {
 		n(this, "Theme");
 	}
@@ -1206,62 +1268,78 @@ var O = {
 		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 || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || 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 || 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 || 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || P(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 || F(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || F(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || P(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || P(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 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(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] || I(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 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || I(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || I(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || I(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || I(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || I(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 || I(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || I(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 ?? I(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? I(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? I(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? I(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? I(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? I(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? I(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? I(this.secondaryColor, {
 			h: 120,
 			l: -30
-		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.radar = {
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.radar = {
 			axisColor: this.radar?.axisColor || this.lineColor,
 			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
 			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
@@ -1285,34 +1363,35 @@ var O = {
 			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 || P(this.primaryColor, {
+		}, this.archEdgeColor = this.archEdgeColor || "#777", this.archEdgeArrowColor = this.archEdgeArrowColor || "#777", this.archEdgeWidth = this.archEdgeWidth || "3", this.archGroupBorderColor = this.archGroupBorderColor || "#000", this.archGroupBorderWidth = this.archGroupBorderWidth || "2px", this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1322,7 +1401,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(this.primaryColor, { h: -30 }), this.git4 = this.git4 || I(this.primaryColor, { h: -60 }), this.git5 = this.git5 || I(this.primaryColor, { h: -90 }), this.git6 = this.git6 || I(this.primaryColor, { h: 60 }), this.git7 = this.git7 || I(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1336,25 +1415,25 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, bt = /* @__PURE__ */ n((e) => {
-	let t = new yt();
+}, gt = /* @__PURE__ */ n((e) => {
+	let t = new ht();
 	return t.calculate(e), t;
-}, "getThemeVariables"), xt = class {
+}, "getThemeVariables"), _t = 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 = 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 = M(I("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = A(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 = A(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = A(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 = P(this.primaryColor, 16), this.tertiaryColor = I(this.primaryColor, { h: -160 }), this.primaryBorderColor = L(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.lineColor = L(this.background), this.textColor = L(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = P(L("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = M(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 = F("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = F(this.sectionBkgColor, 10), this.taskBorderColor = M(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = M(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 || P(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || F(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 = 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 = 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] || I(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 = P(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 = P(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.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.background, this.taskBkgColor = P(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 = L(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 = I(this.primaryColor, { h: 64 }), this.fillType3 = I(this.secondaryColor, { h: 64 }), this.fillType4 = I(this.primaryColor, { h: -64 }), this.fillType5 = I(this.secondaryColor, { h: -64 }), this.fillType6 = I(this.primaryColor, { h: 128 }), this.fillType7 = I(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 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10);
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || I(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] || I(this.mainBkg, {
 			h: 30,
 			s: -30,
 			l: -(-7 + e * 4)
@@ -1363,35 +1442,52 @@ var O = {
 		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)] ?? P(this["cScale" + e], 30);
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#FF6B6B",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#1B5E20",
+			complicatedBg: this.cynefin?.complicatedBg || "#0D47A1",
+			chaoticBg: this.cynefin?.chaoticBg || "#BF360C",
+			clearBg: this.cynefin?.clearBg || "#F57F17",
+			confusionBg: this.cynefin?.confusionBg || "#4A148C",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1432,7 +1528,7 @@ var O = {
 			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 ? 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 || 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 || M("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || M("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || M("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || M("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || M(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || M(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || M(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || M(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+		}, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = P(this.secondaryColor, 20), this.git1 = P(this.pie2 || this.secondaryColor, 20), this.git2 = P(this.pie3 || this.tertiaryColor, 20), this.git3 = P(this.pie4 || I(this.primaryColor, { h: -30 }), 20), this.git4 = P(this.pie5 || I(this.primaryColor, { h: -60 }), 20), this.git5 = P(this.pie6 || I(this.primaryColor, { h: -90 }), 10), this.git6 = P(this.pie7 || I(this.primaryColor, { h: 60 }), 10), this.git7 = P(this.pie8 || I(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || L(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || L(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 || P("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || P("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || P("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || P("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || P(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || P(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || P(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || P(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1446,89 +1542,105 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, St = /* @__PURE__ */ n((e) => {
-	let t = new xt();
+}, vt = /* @__PURE__ */ n((e) => {
+	let t = new _t();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Ct = class {
+}, "getThemeVariables"), yt = 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 = 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 = A(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 = I(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = I(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 = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.lineColor = L(this.background), this.textColor = L(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 = M(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 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || F(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || F(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(this["cScale" + e], { h: 180 });
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || I(this.mainBkg, {
 			h: 30,
 			l: -(5 + e * 5)
-		}), this["surfacePeer" + e] = this["surfacePeer" + e] || P(this.mainBkg, {
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || I(this.mainBkg, {
 			h: 30,
 			l: -(7 + e * 5)
 		});
 		if (this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor, this.labelTextColor !== "calculated") {
-			this.cScaleLabel0 = this.cScaleLabel0 || I(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || I(this.labelTextColor);
+			this.cScaleLabel0 = this.cScaleLabel0 || L(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || L(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.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || P(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || P(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 = I(this.primaryColor, { h: 64 }), this.fillType3 = I(this.secondaryColor, { h: 64 }), this.fillType4 = I(this.primaryColor, { h: -64 }), this.fillType5 = I(this.secondaryColor, { h: -64 }), this.fillType6 = I(this.primaryColor, { h: 128 }), this.fillType7 = I(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || I(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || I(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || I(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -40
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: -40
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -40
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -90,
 			l: -40
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 ?? I(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? I(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? I(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? I(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? I(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? I(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? I(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? I(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.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(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,
@@ -1556,6 +1668,7 @@ var O = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1565,7 +1678,7 @@ var O = {
 			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(I(this.git0), 25), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || I(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || I(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || I(this.primaryColor, { h: -30 }), this.git4 = this.git4 || I(this.primaryColor, { h: -60 }), this.git5 = this.git5 || I(this.primaryColor, { h: -90 }), this.git6 = this.git6 || I(this.primaryColor, { h: 60 }), this.git7 = this.git7 || I(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || F(L(this.git0), 25), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || L(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || L(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (Object.keys(this).forEach((e) => {
@@ -1581,92 +1694,108 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, wt = /* @__PURE__ */ n((e) => {
-	let t = new Ct();
+}, bt = /* @__PURE__ */ n((e) => {
+	let t = new yt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Tt = class {
+}, "getThemeVariables"), xt = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = M("#cde498", 10), this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = I(this.primaryColor), this.secondaryTextColor = I(this.secondaryColor), this.tertiaryTextColor = I(this.primaryColor), this.lineColor = I(this.background), this.textColor = I(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
+		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = P("#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 = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.primaryColor), this.lineColor = L(this.background), this.textColor = L(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 = F(this.mainBkg, 20), this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || F(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || F(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || I(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] || I(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] || I(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 || P(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || P(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 = I(this.primaryColor, { h: 64 }), this.fillType3 = I(this.secondaryColor, { h: 64 }), this.fillType4 = I(this.primaryColor, { h: -64 }), this.fillType5 = I(this.secondaryColor, { h: -64 }), this.fillType6 = I(this.primaryColor, { h: 128 }), this.fillType7 = I(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 || I(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || I(this.tertiaryColor, {
 			h: 40,
 			l: -40
-		}), this.pie7 = this.pie7 || P(this.primaryColor, {
+		}), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -50
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -60,
 			l: -50
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 ?? I(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? I(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? I(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? I(this.primaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn5 = this.venn5 ?? P(this.primaryColor, {
+		}), this.venn5 = this.venn5 ?? I(this.primaryColor, {
 			h: -60,
 			l: -30
-		}), this.venn6 = this.venn6 ?? P(this.secondaryColor, {
+		}), this.venn6 = this.venn6 ?? I(this.secondaryColor, {
 			h: 60,
 			l: -30
-		}), this.venn7 = this.venn7 ?? P(this.primaryColor, {
+		}), this.venn7 = this.venn7 ?? I(this.primaryColor, {
 			h: 120,
 			l: -30
-		}), this.venn8 = this.venn8 ?? P(this.secondaryColor, {
+		}), this.venn8 = this.venn8 ?? I(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.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B4513",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#C8E6C9",
+			complicatedBg: this.cynefin?.complicatedBg || "#DCEDC8",
+			chaoticBg: this.cynefin?.chaoticBg || "#FFE0B2",
+			clearBg: this.cynefin?.clearBg || "#FFF9C4",
+			confusionBg: this.cynefin?.confusionBg || "#D7CCC8",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(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,
@@ -1701,6 +1830,7 @@ var O = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1710,7 +1840,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || I(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || I(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || I(this.primaryColor, { h: -30 }), this.git4 = this.git4 || I(this.primaryColor, { h: -60 }), this.git5 = this.git5 || I(this.primaryColor, { h: -90 }), this.git6 = this.git6 || I(this.primaryColor, { h: 60 }), this.git7 = this.git7 || I(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || L(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || L(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1724,55 +1854,72 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, Et = /* @__PURE__ */ n((e) => {
-	let t = new Tt();
+}, U = /* @__PURE__ */ n((e) => {
+	let t = new xt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Dt = class {
+}, "getThemeVariables"), St = class {
 	static {
 		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 = 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 || 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 = P(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = I(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 = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.lineColor = L(this.background), this.textColor = L(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 || P(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] || I(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 = P(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = P(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.signalColor = this.text, this.signalTextColor = this.text, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.text, this.loopTextColor = this.text, this.noteBorderColor = "#999", this.noteBkgColor = "#666", this.noteTextColor = "#fff", this.cScale0 = this.cScale0 || "#555", this.cScale1 = this.cScale1 || "#F4F4F4", this.cScale2 = this.cScale2 || "#555", this.cScale3 = this.cScale3 || "#BBB", this.cScale4 = this.cScale4 || "#777", this.cScale5 = this.cScale5 || "#999", this.cScale6 = this.cScale6 || "#DDD", this.cScale7 = this.cScale7 || "#FFF", this.cScale8 = this.cScale8 || "#DDD", this.cScale9 = this.cScale9 || "#BBB", this.cScale10 = this.cScale10 || "#999", this.cScale11 = this.cScale11 || "#777";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || I(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 = P(this.contrast, 30), this.sectionBkgColor2 = P(this.contrast, 30), this.taskBorderColor = F(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 = P(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = F(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 = I(this.primaryColor, { h: 64 }), this.fillType3 = I(this.secondaryColor, { h: 64 }), this.fillType4 = I(this.primaryColor, { h: -64 }), this.fillType5 = I(this.secondaryColor, { h: -64 }), this.fillType6 = I(this.primaryColor, { h: 128 }), this.fillType7 = I(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.cynefin = {
+			domainFontSize: this.cynefin?.domainFontSize || 16,
+			itemFontSize: this.cynefin?.itemFontSize || 12,
+			boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+			boundaryWidth: this.cynefin?.boundaryWidth || 2,
+			cliffColor: this.cynefin?.cliffColor || "#8B0000",
+			cliffWidth: this.cynefin?.cliffWidth || 4,
+			arrowColor: this.cynefin?.arrowColor || this.lineColor,
+			arrowWidth: this.cynefin?.arrowWidth || 2,
+			complexBg: this.cynefin?.complexBg || "#E8F5E9",
+			complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+			chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+			clearBg: this.cynefin?.clearBg || "#FFF8E1",
+			confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+			textColor: this.cynefin?.textColor || this.textColor,
+			labelColor: this.cynefin?.labelColor || this.primaryTextColor
+		}, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
 			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1806,7 +1953,7 @@ var O = {
 			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 = 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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = F(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || I(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || I(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || I(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || I(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || I(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1820,89 +1967,90 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, Ot = /* @__PURE__ */ n((e) => {
-	let t = new Dt();
+}, Ct = /* @__PURE__ */ n((e) => {
+	let t = new St();
 	return t.calculate(e), t;
-}, "getThemeVariables"), kt = class {
+}, "getThemeVariables"), wt = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = H(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+		let e = "#ECECFE", t = "#E9E9F1", n = I(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 || P(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 || I(e, { h: 30 }), this.cScale4 = this.cScale4 || I(e, { h: 60 }), this.cScale5 = this.cScale5 || I(e, { h: 90 }), this.cScale6 = this.cScale6 || I(e, { h: 120 }), this.cScale7 = this.cScale7 || I(e, { h: 150 }), this.cScale8 = this.cScale8 || I(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] || I(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 || I(e, { h: 270 }), this.cScale10 = this.cScale10 || I(e, { h: 300 }), this.cScale11 = this.cScale11 || I(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(e, { h: 64 }), this.fillType3 = this.fillType3 || I(t, { h: 64 }), this.fillType4 = this.fillType4 || I(e, { h: -64 }), this.fillType5 = this.fillType5 || I(t, { h: -64 }), this.fillType6 = this.fillType6 || I(e, { h: 128 }), this.fillType7 = this.fillType7 || I(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || I(e, { l: -10 }), this.pie5 = this.pie5 || I(t, { l: -10 }), this.pie6 = this.pie6 || I(n, { l: -10 }), this.pie7 = this.pie7 || I(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || I(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || I(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || I(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || I(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || I(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 || I(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -1912,7 +2060,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(e, { h: -30 }), this.git4 = this.git4 || I(e, { h: -60 }), this.git5 = this.git5 || I(e, { h: -90 }), this.git6 = this.git6 || I(e, { h: 60 }), this.git7 = this.git7 || I(e, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1926,84 +2074,85 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, At = /* @__PURE__ */ n((e) => {
-	let t = new kt();
+}, Tt = /* @__PURE__ */ n((e) => {
+	let t = new wt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), W = class {
+}, "getThemeVariables"), Et = 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 = 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 = M(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = A(255, 255, 255, .25), this.arrowheadColor = I(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = P(this.primaryColor, 16), this.tertiaryColor = I(this.primaryColor, { h: -160 }), this.primaryBorderColor = L(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = P(L("#323D47"), 10), this.border1 = "#ccc", this.border2 = M(255, 255, 255, .25), this.arrowheadColor = L(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 || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || 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 || 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 || 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || P(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 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(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] || I(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 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || I(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || I(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || I(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || I(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || I(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 || I(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || I(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -2013,7 +2162,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 = 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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2027,88 +2176,89 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, jt = /* @__PURE__ */ n((e) => {
-	let t = new W();
+}, Dt = /* @__PURE__ */ n((e) => {
+	let t = new Et();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Mt = class {
+}, "getThemeVariables"), Ot = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = U("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = H("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
 	}
 	updateColors() {
-		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || P(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || P(this.primaryColor, {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+		let e = "#ECECFE", t = "#E9E9F1", n = I(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 || P(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] || I(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] = F(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(e, { h: 64 }), this.fillType3 = this.fillType3 || I(t, { h: 64 }), this.fillType4 = this.fillType4 || I(e, { h: -64 }), this.fillType5 = this.fillType5 || I(t, { h: -64 }), this.fillType6 = this.fillType6 || I(e, { h: 128 }), this.fillType7 = this.fillType7 || I(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || I(e, { l: -10 }), this.pie5 = this.pie5 || I(t, { l: -10 }), this.pie6 = this.pie6 || I(n, { l: -10 }), this.pie7 = this.pie7 || I(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || I(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || I(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || I(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || I(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || I(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 || I(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -2118,7 +2268,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(e, { h: -30 }), this.git4 = this.git4 || I(e, { h: -60 }), this.git5 = this.git5 || I(e, { h: -90 }), this.git6 = this.git6 || I(e, { h: 60 }), this.git7 = this.git7 || I(e, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2132,84 +2282,85 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, Nt = /* @__PURE__ */ n((e) => {
-	let t = new Mt();
+}, kt = /* @__PURE__ */ n((e) => {
+	let t = new Ot();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Pt = class {
+}, "getThemeVariables"), At = 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 = 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 = M(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = A(255, 255, 255, .25), this.arrowheadColor = I(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = P(this.primaryColor, 16), this.tertiaryColor = I(this.primaryColor, { h: -160 }), this.primaryBorderColor = L(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = P(L("#323D47"), 10), this.border1 = "#ccc", this.border2 = M(255, 255, 255, .25), this.arrowheadColor = L(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 || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || 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 || 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 || 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || P(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 || I(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || I(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || I(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || I(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || I(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || I(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] || I(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 || I(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || I(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || I(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = F(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || I(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || I(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || I(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || I(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || I(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 || I(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || I(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -2219,7 +2370,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(this.primaryColor, { h: -30 }), this.git4 = this.git4 || I(this.primaryColor, { h: -60 }), this.git5 = this.git5 || I(this.primaryColor, { h: -90 }), this.git6 = this.git6 || I(this.primaryColor, { h: 60 }), this.git7 = this.git7 || I(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2233,15 +2384,15 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, Ft = /* @__PURE__ */ n((e) => {
-	let t = new Pt();
+}, jt = /* @__PURE__ */ n((e) => {
+	let t = new At();
 	return t.calculate(e), t;
-}, "getThemeVariables"), It = class {
+}, "getThemeVariables"), Mt = class {
 	static {
 		n(this, "Theme");
 	}
 	constructor() {
-		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = 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 = [
 			"#E879F9",
 			"#2DD4BF",
 			"#FB923C",
@@ -2270,74 +2421,75 @@ var O = {
 		], 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 || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || I(this.lineColor);
-		let e = "#ECECFE", t = "#E9E9F1", n = P(e, {
+		}), 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+		let e = "#ECECFE", t = "#E9E9F1", n = I(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] || I(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 || P(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] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] || I(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] || I(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 || I(e, { h: 64 }), this.fillType3 = this.fillType3 || I(t, { h: 64 }), this.fillType4 = this.fillType4 || I(e, { h: -64 }), this.fillType5 = this.fillType5 || I(t, { h: -64 }), this.fillType6 = this.fillType6 || I(e, { h: 128 }), this.fillType7 = this.fillType7 || I(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || I(e, { l: -10 }), this.pie5 = this.pie5 || I(t, { l: -10 }), this.pie6 = this.pie6 || I(n, { l: -10 }), this.pie7 = this.pie7 || I(e, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(e, {
+		}), this.pie8 = this.pie8 || I(e, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(e, {
+		}), this.pie9 = this.pie9 || I(e, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(e, {
+		}), this.pie10 = this.pie10 || I(e, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(e, {
+		}), this.pie11 = this.pie11 || I(e, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(e, {
+		}), this.pie12 = this.pie12 || I(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 || I(e, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(e, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(e, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(e, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -2347,7 +2499,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(e, { h: -30 }), this.git4 = this.git4 || I(e, { h: -60 }), this.git5 = this.git5 || I(e, { h: -90 }), this.git6 = this.git6 || I(e, { h: 60 }), this.git7 = this.git7 || I(e, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2361,15 +2513,15 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, Lt = /* @__PURE__ */ n((e) => {
-	let t = new It();
+}, Nt = /* @__PURE__ */ n((e) => {
+	let t = new Mt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), G = class {
+}, "getThemeVariables"), Pt = 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 = 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 = M(I("#323D47"), 10), this.border1 = "#ccc", this.border2 = A(255, 255, 255, .25), this.arrowheadColor = I(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = P(this.primaryColor, 16), this.tertiaryColor = I(this.primaryColor, { h: -160 }), this.primaryBorderColor = L(this.background), this.secondaryBorderColor = H(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = H(this.tertiaryColor, this.darkMode), this.primaryTextColor = L(this.primaryColor), this.secondaryTextColor = L(this.secondaryColor), this.tertiaryTextColor = L(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = P(L("#323D47"), 10), this.border1 = "#ccc", this.border2 = M(255, 255, 255, .25), this.arrowheadColor = L(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",
@@ -2385,69 +2537,70 @@ var O = {
 		], 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 || I(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || I(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || I(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || I(this.tertiaryColor), this.lineColor = this.lineColor || I(this.background), this.arrowheadColor = this.arrowheadColor || I(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? 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 || 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 || 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] || I(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 || 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 || L(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || L(this.tertiaryColor), this.lineColor = this.lineColor || L(this.background), this.arrowheadColor = this.arrowheadColor || L(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 ? F(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 || F(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || L(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, 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 || P(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] || L(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || P(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || F(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] = F(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] || I(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] || I(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 || I(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || I(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || I(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || I(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || I(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || I(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 || I(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || I(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || I(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || I(this.primaryColor, {
 			h: 60,
 			l: -10
-		}), this.pie8 = this.pie8 || P(this.primaryColor, {
+		}), this.pie8 = this.pie8 || I(this.primaryColor, {
 			h: -60,
 			l: -10
-		}), this.pie9 = this.pie9 || P(this.primaryColor, {
+		}), this.pie9 = this.pie9 || I(this.primaryColor, {
 			h: 120,
 			l: 0
-		}), this.pie10 = this.pie10 || P(this.primaryColor, {
+		}), this.pie10 = this.pie10 || I(this.primaryColor, {
 			h: 60,
 			l: -20
-		}), this.pie11 = this.pie11 || P(this.primaryColor, {
+		}), this.pie11 = this.pie11 || I(this.primaryColor, {
 			h: -60,
 			l: -20
-		}), this.pie12 = this.pie12 || P(this.primaryColor, {
+		}), this.pie12 = this.pie12 || I(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 || I(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
-		}), this.quadrant3Fill = this.quadrant3Fill || P(this.primaryColor, {
+		}), this.quadrant3Fill = this.quadrant3Fill || I(this.primaryColor, {
 			r: 10,
 			g: 10,
 			b: 10
-		}), this.quadrant4Fill = this.quadrant4Fill || P(this.primaryColor, {
+		}), this.quadrant4Fill = this.quadrant4Fill || I(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 || I(this.primaryTextColor, {
 			r: -5,
 			g: -5,
 			b: -5
-		}), this.quadrant3TextFill = this.quadrant3TextFill || P(this.primaryTextColor, {
+		}), this.quadrant3TextFill = this.quadrant3TextFill || I(this.primaryTextColor, {
 			r: -10,
 			g: -10,
 			b: -10
-		}), this.quadrant4TextFill = this.quadrant4TextFill || P(this.primaryTextColor, {
+		}), this.quadrant4TextFill = this.quadrant4TextFill || I(this.primaryTextColor, {
 			r: -15,
 			g: -15,
 			b: -15
-		}), this.quadrantPointFill = this.quadrantPointFill || j(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 || N(this.quadrant1Fill) ? P(this.quadrant1Fill) : F(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
 			backgroundColor: this.xyChart?.backgroundColor || this.background,
 			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			legendTextColor: this.xyChart?.legendTextColor || this.primaryTextColor,
 			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
 			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
 			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
@@ -2457,7 +2610,7 @@ var O = {
 			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 || I(this.git0), this.gitInv1 = this.gitInv1 || I(this.git1), this.gitInv2 = this.gitInv2 || I(this.git2), this.gitInv3 = this.gitInv3 || I(this.git3), this.gitInv4 = this.gitInv4 || I(this.git4), this.gitInv5 = this.gitInv5 || I(this.git5), this.gitInv6 = this.gitInv6 || I(this.git6), this.gitInv7 = this.gitInv7 || I(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? F(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 || I(this.primaryColor, { h: -30 }), this.git4 = this.git4 || I(this.primaryColor, { h: -60 }), this.git5 = this.git5 || I(this.primaryColor, { h: -90 }), this.git6 = this.git6 || I(this.primaryColor, { h: 60 }), this.git7 = this.git7 || I(this.primaryColor, { h: 120 }), this.darkMode ? (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.git0 = F(this.git0, 25), this.git1 = F(this.git1, 25), this.git2 = F(this.git2, 25), this.git3 = F(this.git3, 25), this.git4 = F(this.git4, 25), this.git5 = F(this.git5, 25), this.git6 = F(this.git6, 25), this.git7 = F(this.git7, 25)), this.gitInv0 = this.gitInv0 || L(this.git0), this.gitInv1 = this.gitInv1 || L(this.git1), this.gitInv2 = this.gitInv2 || L(this.git2), this.gitInv3 = this.gitInv3 || L(this.git3), this.gitInv4 = this.gitInv4 || L(this.git4), this.gitInv5 = this.gitInv5 || L(this.git5), this.gitInv6 = this.gitInv6 || L(this.git6), this.gitInv7 = this.gitInv7 || L(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || B, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || V;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2471,22 +2624,22 @@ var O = {
 			this[t] = e[t];
 		});
 	}
-}, K = {
-	base: { getThemeVariables: bt },
-	dark: { getThemeVariables: St },
-	default: { getThemeVariables: wt },
-	forest: { getThemeVariables: Et },
-	neutral: { getThemeVariables: Ot },
-	neo: { getThemeVariables: At },
-	"neo-dark": { getThemeVariables: jt },
-	redux: { getThemeVariables: Nt },
-	"redux-dark": { getThemeVariables: Ft },
-	"redux-color": { getThemeVariables: Lt },
+}, W = {
+	base: { getThemeVariables: gt },
+	dark: { getThemeVariables: vt },
+	default: { getThemeVariables: bt },
+	forest: { getThemeVariables: U },
+	neutral: { getThemeVariables: Ct },
+	neo: { getThemeVariables: Tt },
+	"neo-dark": { getThemeVariables: Dt },
+	redux: { getThemeVariables: kt },
+	"redux-dark": { getThemeVariables: jt },
+	"redux-color": { getThemeVariables: Nt },
 	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ n((e) => {
-		let t = new G();
+		let t = new Pt();
 		return t.calculate(e), t;
 	}, "getThemeVariables") }
-}, q = {
+}, G = {
 	flowchart: {
 		useMaxWidth: !0,
 		titleTopMargin: 25,
@@ -2504,6 +2657,13 @@ var O = {
 		wrappingWidth: 200,
 		inheritDir: !1
 	},
+	swimlane: {
+		useMaxWidth: !0,
+		lineHops: "arc",
+		ignoreCrossLaneEdges: !0,
+		optimizeRanksByCrossings: !0,
+		automaticLaneOrdering: !1
+	},
 	sequence: {
 		useMaxWidth: !0,
 		hideUnusedParticipants: !1,
@@ -2645,7 +2805,10 @@ var O = {
 	},
 	pie: {
 		useMaxWidth: !0,
-		textPosition: .75
+		textPosition: .75,
+		donutHole: 0,
+		legendPosition: "right",
+		highlightSlice: ""
 	},
 	quadrantChart: {
 		useMaxWidth: !0,
@@ -2677,6 +2840,9 @@ var O = {
 		showDataLabel: !1,
 		showDataLabelOutsideBar: !1,
 		showTitle: !0,
+		showLegend: !0,
+		legendFontSize: 14,
+		legendPadding: 10,
 		xAxis: {
 			$ref: "#/$defs/XYChartAxisConfig",
 			showLabel: !0,
@@ -2689,7 +2855,8 @@ var O = {
 			tickLength: 5,
 			tickWidth: 2,
 			showAxisLine: !0,
-			axisLineWidth: 2
+			axisLineWidth: 2,
+			labelRotation: 0
 		},
 		yAxis: {
 			$ref: "#/$defs/XYChartAxisConfig",
@@ -2703,7 +2870,8 @@ var O = {
 			tickLength: 5,
 			tickWidth: 2,
 			showAxisLine: !0,
-			axisLineWidth: 2
+			axisLineWidth: 2,
+			labelRotation: 0
 		},
 		chartOrientation: "vertical",
 		plotReservedSpacePercent: 50
@@ -2945,7 +3113,11 @@ var O = {
 		rowIndent: 10,
 		paddingX: 5,
 		paddingY: 5,
-		lineThickness: 1
+		lineThickness: 1,
+		showIcons: !1,
+		defaultIconPack: "",
+		filenameIcons: {},
+		extensionIcons: {}
 	},
 	architecture: {
 		useMaxWidth: !0,
@@ -2956,7 +3128,8 @@ var O = {
 		nodeSeparation: 75,
 		idealEdgeLengthMultiplier: 1.5,
 		edgeElasticity: .45,
-		numIter: 2500
+		numIter: 2500,
+		seed: 1
 	},
 	eventmodeling: {
 		useMaxWidth: !0,
@@ -2982,6 +3155,15 @@ var O = {
 		padding: 8,
 		useDebugLayout: !1
 	},
+	cynefin: {
+		useMaxWidth: !0,
+		width: 800,
+		height: 600,
+		padding: 40,
+		showDomainDescriptions: !0,
+		boundaryAmplitude: 8,
+		seed: 0
+	},
 	theme: "default",
 	look: "classic",
 	handDrawnSeed: 0,
@@ -3008,19 +3190,21 @@ var O = {
 	fontSize: 16,
 	markdownAutoWrap: !0,
 	suppressErrorRendering: !1
-}, Rt = {
-	...q,
+}, Ft = {
+	...G,
 	deterministicIDSeed: void 0,
 	elk: {
 		mergeEdges: !1,
 		nodePlacementStrategy: "BRANDES_KOEPF",
+		nodePlacementAlignment: "NONE",
 		forceNodeModelOrder: !1,
-		considerModelOrder: "NODES_AND_EDGES"
+		considerModelOrder: "NODES_AND_EDGES",
+		keepEntryNodeOnTop: !1
 	},
 	themeCSS: void 0,
-	themeVariables: K.default.getThemeVariables(),
+	themeVariables: W.default.getThemeVariables(),
 	sequence: {
-		...q.sequence,
+		...G.sequence,
 		messageFont: /* @__PURE__ */ n(function() {
 			return {
 				fontFamily: this.messageFontFamily,
@@ -3044,16 +3228,17 @@ var O = {
 		}, "actorFont")
 	},
 	class: {
+		defaultRenderer: "dagre-wrapper",
 		hideEmptyMembersBox: !1,
 		hierarchicalNamespaces: !0
 	},
 	gantt: {
-		...q.gantt,
+		...G.gantt,
 		tickInterval: void 0,
 		useWidth: void 0
 	},
 	c4: {
-		...q.c4,
+		...G.c4,
 		useWidth: void 0,
 		personFont: /* @__PURE__ */ n(function() {
 			return {
@@ -3063,7 +3248,7 @@ var O = {
 			};
 		}, "personFont"),
 		flowchart: {
-			...q.flowchart,
+			...G.flowchart,
 			inheritDir: !1
 		},
 		external_personFont: /* @__PURE__ */ n(function() {
@@ -3215,27 +3400,46 @@ var O = {
 		}, "messageFont")
 	},
 	pie: {
-		...q.pie,
+		...G.pie,
 		useWidth: 984
 	},
 	xyChart: {
-		...q.xyChart,
+		...G.xyChart,
 		useWidth: void 0
 	},
 	requirement: {
-		...q.requirement,
+		...G.requirement,
 		useWidth: void 0
 	},
-	packet: { ...q.packet },
-	eventmodeling: { ...q.eventmodeling },
+	packet: { ...G.packet },
+	eventmodeling: { ...G.eventmodeling },
 	treeView: {
-		...q.treeView,
+		...G.treeView,
 		useWidth: void 0
 	},
-	radar: { ...q.radar },
-	ishikawa: { ...q.ishikawa },
+	radar: { ...G.radar },
+	railroad: {
+		...G.railroad,
+		fontSize: void 0,
+		fontFamily: void 0,
+		terminalFill: void 0,
+		terminalStroke: void 0,
+		terminalTextColor: void 0,
+		nonTerminalFill: void 0,
+		nonTerminalStroke: void 0,
+		nonTerminalTextColor: void 0,
+		lineColor: void 0,
+		markerFill: void 0,
+		commentFill: void 0,
+		commentStroke: void 0,
+		commentTextColor: void 0,
+		specialFill: void 0,
+		specialStroke: void 0,
+		ruleNameColor: void 0
+	},
+	ishikawa: { ...G.ishikawa },
 	sankey: {
-		...q.sankey,
+		...G.sankey,
 		nodeColors: void 0
 	},
 	treemap: {
@@ -3250,34 +3454,42 @@ var O = {
 		labelFontSize: 14,
 		valueFormat: ","
 	},
-	venn: { ...q.venn }
-}, zt = /* @__PURE__ */ n((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
+	venn: { ...G.venn },
+	cynefin: { ...G.cynefin }
+}, It = /* @__PURE__ */ n((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
 	...n,
 	t + r,
-	...zt(e[r], "")
-] : [...n, t + r], []), "keyify"), Bt = new Set(zt(Rt, "")), Vt = Rt, Ht = /* @__PURE__ */ n((e) => {
+	...It(e[r], "")
+] : [...n, t + r], []), "keyify"), Lt = new Set(It(Ft, "")), Rt = Ft, zt = {
+	nodeColors: /^#[\da-f]{3,8}$|^rgb\([\d\s%,.]+\)$|^hsl\([\d\s%,.]+\)$|^[a-z]+$/i,
+	filenameIcons: /^[\w-]+(?::[\w-]+)?$/,
+	extensionIcons: /^[\w-]+(?::[\w-]+)?$/
+}, Bt = /* @__PURE__ */ n((e, n) => {
+	for (let r of Object.keys(e)) {
+		let i = e[r];
+		(r.startsWith("__") || r.includes("proto") || r.includes("constr") || typeof i != "string" || !n.test(i)) && (t.debug("sanitize deleting dictionary entry:", r, i), delete e[r]);
+	}
+}, "sanitizeDictionaryConfig"), Vt = /* @__PURE__ */ n((e) => {
 	if (t.debug("sanitizeDirective called with", e), !(typeof e != "object" || !e)) {
 		if (Array.isArray(e)) {
-			e.forEach((e) => Ht(e));
+			e.forEach((e) => Vt(e));
 			return;
 		}
 		for (let n of Object.keys(e)) {
-			if (t.debug("Checking key", n), n.startsWith("__") || n.includes("proto") || n.includes("constr") || !Bt.has(n) || e[n] == null) {
+			if (t.debug("Checking key", n), n.startsWith("__") || n.includes("proto") || n.includes("constr") || !Lt.has(n) || e[n] == null) {
 				t.debug("sanitize deleting key: ", n), delete e[n];
 				continue;
 			}
 			if (typeof e[n] == "object") {
-				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), Ht(e[n]);
+				let r = zt[n];
+				r ? Bt(e[n], r) : (t.debug("sanitizing object", n), Vt(e[n]));
 				continue;
 			}
 			for (let r of [
 				"themeCSS",
 				"fontFamily",
 				"altFontFamily"
-			]) n.includes(r) && (t.debug("sanitizing css option", n), e[n] = Ut(e[n]));
+			]) n.includes(r) && (t.debug("sanitizing css option", n), e[n] = Ht(e[n]));
 		}
 		if (e.themeVariables) for (let t of Object.keys(e.themeVariables)) {
 			let n = e.themeVariables[t];
@@ -3285,61 +3497,79 @@ var O = {
 		}
 		t.debug("After sanitization", e);
 	}
-}, "sanitizeDirective"), Ut = /* @__PURE__ */ n((e) => {
+}, "sanitizeDirective"), Ht = /* @__PURE__ */ n((e) => {
 	let t = 0, n = 0;
 	for (let r of e) {
 		if (t < n) return "{ /* ERROR: Unbalanced CSS */ }";
 		r === "{" ? t++ : r === "}" && n++;
 	}
 	return t === n ? e : "{ /* ERROR: Unbalanced CSS */ }";
-}, "sanitizeCss"), Wt = Object.freeze(Vt), Gt = /* @__PURE__ */ n((e) => !(e === !1 || [
+}, "sanitizeCss"), K = Object.freeze(Rt), q = /* @__PURE__ */ n((e) => !(e === !1 || [
 	"false",
 	"null",
 	"0"
-].includes(String(e).trim().toLowerCase())), "evaluate"), J = B({}, Wt), Y, X = [], Kt = B({}, Wt), qt = /* @__PURE__ */ n((e, t) => {
-	let n = B({}, e), r = {};
-	for (let e of t) en(e), r = B(r, e);
-	if (n = B(n, r), r.theme && r.theme in K) {
-		let e = B(B({}, Y).themeVariables || {}, r.themeVariables);
-		n.theme && n.theme in K && (n.themeVariables = K[n.theme].getThemeVariables(e));
-	}
-	return Kt = n, sn(Kt), Kt;
-}, "updateCurrentConfig"), Jt = /* @__PURE__ */ n((e) => (J = B({}, Wt), J = B(J, e), e.theme && K[e.theme] && (J.themeVariables = K[e.theme].getThemeVariables(e.themeVariables)), qt(J, X), J), "setSiteConfig"), Yt = /* @__PURE__ */ n((e) => {
-	Y = B({}, e);
-}, "saveConfigFromInitialize"), Xt = /* @__PURE__ */ n((e) => (J = B(J, e), qt(J, X), J), "updateSiteConfig"), Zt = /* @__PURE__ */ n(() => B({}, J), "getSiteConfig"), Qt = /* @__PURE__ */ n((e) => (sn(e), B(Kt, e), $t()), "setConfig"), $t = /* @__PURE__ */ n(() => B({}, Kt), "getConfig"), en = /* @__PURE__ */ n((e) => {
+].includes(String(e).trim().toLowerCase())), "evaluate"), J = z({}, K), Ut, Wt = [], Gt = z({}, K), Kt = /* @__PURE__ */ n((e, t) => {
+	let n = z({}, e), r = {};
+	for (let e of t) Qt(e), r = z(r, e);
+	if (n = z(n, r), r.theme && r.theme in W) {
+		let e = z(z({}, Ut).themeVariables || {}, r.themeVariables);
+		n.theme && n.theme in W && (n.themeVariables = W[n.theme].getThemeVariables(e));
+	}
+	return Gt = n, an(Gt), Gt;
+}, "updateCurrentConfig"), qt = /* @__PURE__ */ n((e) => (J = z({}, K), J = z(J, e), e.theme && W[e.theme] && (J.themeVariables = W[e.theme].getThemeVariables(e.themeVariables)), Kt(J, Wt), J), "setSiteConfig"), Jt = /* @__PURE__ */ n((e) => {
+	Ut = z({}, e);
+}, "saveConfigFromInitialize"), Yt = /* @__PURE__ */ n((e) => (J = z(J, e), Kt(J, Wt), J), "updateSiteConfig"), Xt = /* @__PURE__ */ n(() => z({}, J), "getSiteConfig"), Zt = /* @__PURE__ */ n((e) => (Kt(Gt, [e]), Y()), "setConfig"), Y = /* @__PURE__ */ n(() => z({}, Gt), "getConfig"), Qt = /* @__PURE__ */ n((e) => {
 	e && (["secure", ...J.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" && en(e[t]);
+		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && Qt(e[t]);
 	}));
-}, "sanitize"), tn = /* @__PURE__ */ n((e) => {
-	Ht(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
+}, "sanitize"), $t = /* @__PURE__ */ n((e) => {
+	Vt(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
 		...e.themeVariables,
 		fontFamily: e.fontFamily
-	}), X.push(e), qt(J, X);
-}, "addDirective"), nn = /* @__PURE__ */ n((e = J) => {
-	X = [], qt(e, X);
-}, "reset"), rn = {
+	}), Wt.push(e), Kt(J, Wt);
+}, "addDirective"), en = /* @__PURE__ */ n((e = J) => {
+	Wt = [], Kt(e, Wt);
+}, "reset"), tn = {
 	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."
-}, an = {}, on = /* @__PURE__ */ n((e) => {
-	an[e] || (t.warn(rn[e]), an[e] = !0);
-}, "issueWarning"), sn = /* @__PURE__ */ n((e) => {
-	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && on("LAZY_LOAD_DEPRECATED");
-}, "checkConfig"), cn = /* @__PURE__ */ n(() => {
+}, nn = {}, rn = /* @__PURE__ */ n((e) => {
+	nn[e] || (t.warn(tn[e]), nn[e] = !0);
+}, "issueWarning"), an = /* @__PURE__ */ n((e) => {
+	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && rn("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), on = /* @__PURE__ */ n(() => {
 	let e = {};
-	Y && (e = B(e, Y));
-	for (let t of X) e = B(e, t);
+	Ut && (e = z(e, Ut));
+	for (let t of Wt) e = z(e, t);
 	return e;
-}, "getUserDefinedConfig"), ln = /* @__PURE__ */ n((e) => (e.flowchart?.htmlLabels != null && on("FLOWCHART_HTML_LABELS_DEPRECATED"), Gt(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), Z = /<br\s*\/?>/gi, un = /* @__PURE__ */ n((e) => e ? vn(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), dn = /* @__PURE__ */ (() => {
+}, "getUserDefinedConfig"), sn = /* @__PURE__ */ n((e) => (e.flowchart?.htmlLabels != null && rn("FLOWCHART_HTML_LABELS_DEPRECATED"), q(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), cn = /^([^\S\n\r]*)-{3}\s*[\n\r](.*?)[\n\r]\1-{3}\s*[\n\r]+/s, X = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, ln = /\s*%%.*\n/gm, un = class extends Error {
+	static {
+		n(this, "UnknownDiagramError");
+	}
+	constructor(e) {
+		super(e), this.name = "UnknownDiagramError";
+	}
+}, Z = {}, dn = /* @__PURE__ */ n(function(e, t) {
+	e = e.replace(cn, "").replace(X, "").replace(ln, "\n");
+	for (let [n, { detector: r }] of Object.entries(Z)) if (r(e, t)) return n;
+	throw new un(`No diagram type detected matching given configuration for text: ${e}`);
+}, "detectType"), fn = /* @__PURE__ */ n((...e) => {
+	for (let { id: t, detector: n, loader: r } of e) pn(t, n, r);
+}, "registerLazyLoadedDiagrams"), pn = /* @__PURE__ */ n((e, n, r) => {
+	Z[e] && t.warn(`Detector with key ${e} already exists. Overwriting.`), Z[e] = {
+		detector: n,
+		loader: r
+	}, t.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
+}, "addDetector"), mn = /* @__PURE__ */ n((e) => Z[e].loader, "getDiagramLoader"), hn = /<br\s*\/?>/gi, gn = /* @__PURE__ */ n((e) => e ? wn(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), _n = /* @__PURE__ */ (() => {
 	let e = !1;
 	return () => {
-		e ||= (fn(), !0);
+		e ||= (vn(), !0);
 	};
 })();
-function fn() {
+function vn() {
 	let e = "data-temp-href-target";
 	T.addHook("beforeSanitizeAttributes", (t) => {
 		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
@@ -3347,100 +3577,100 @@ function fn() {
 		t.tagName === "A" && t.hasAttribute(e) && (t.setAttribute("target", t.getAttribute(e) ?? ""), t.removeAttribute(e), t.getAttribute("target") === "_blank" && t.setAttribute("rel", "noopener"));
 	});
 }
-n(fn, "setupDompurifyHooks");
-var Q = /* @__PURE__ */ n((e) => (dn(), T.sanitize(e)), "removeScript"), pn = /* @__PURE__ */ n((e, t) => {
-	if (ln(t)) {
+n(vn, "setupDompurifyHooks");
+var yn = /* @__PURE__ */ n((e) => (_n(), T.sanitize(e)), "removeScript"), bn = /* @__PURE__ */ n((e, t) => {
+	if (sn(t)) {
 		let n = t.securityLevel;
-		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Q(e) : n !== "loose" && (e = vn(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = _n(e));
+		n === "antiscript" || n === "strict" || n === "sandbox" ? e = yn(e) : n !== "loose" && (e = wn(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Cn(e));
 	}
 	return e;
-}, "sanitizeMore"), $ = /* @__PURE__ */ n((e, t) => e && (e = t.dompurifyConfig ? T.sanitize(pn(e, t), t.dompurifyConfig).toString() : T.sanitize(pn(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), mn = /* @__PURE__ */ n((e, t) => typeof e == "string" ? $(e, t) : e.flat().map((e) => $(e, t)), "sanitizeTextOrArray"), hn = /* @__PURE__ */ n((e) => Z.test(e), "hasBreaks"), gn = /* @__PURE__ */ n((e) => e.split(Z), "splitBreaks"), _n = /* @__PURE__ */ n((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), vn = /* @__PURE__ */ n((e) => e.replace(Z, "#br#"), "breakToPlaceholder"), yn = /* @__PURE__ */ n((e) => {
+}, "sanitizeMore"), Q = /* @__PURE__ */ n((e, t) => e && (e = t.dompurifyConfig ? T.sanitize(bn(e, t), t.dompurifyConfig).toString() : T.sanitize(bn(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), $ = /* @__PURE__ */ n((e, t) => typeof e == "string" ? Q(e, t) : e.flat().map((e) => Q(e, t)), "sanitizeTextOrArray"), xn = /* @__PURE__ */ n((e) => hn.test(e), "hasBreaks"), Sn = /* @__PURE__ */ n((e) => e.split(hn), "splitBreaks"), Cn = /* @__PURE__ */ n((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), wn = /* @__PURE__ */ n((e) => e.replace(hn, "#br#"), "breakToPlaceholder"), Tn = /* @__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"), bn = /* @__PURE__ */ n(function(...e) {
+}, "getUrl"), En = /* @__PURE__ */ n(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.max(...t);
-}, "getMax"), xn = /* @__PURE__ */ n(function(...e) {
+}, "getMax"), Dn = /* @__PURE__ */ n(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.min(...t);
-}, "getMin"), Sn = /* @__PURE__ */ n(function(e) {
+}, "getMin"), On = /* @__PURE__ */ n(function(e) {
 	let t = e.split(/(,)/), n = [];
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e];
 		if (r === "," && e > 0 && e + 1 < t.length) {
 			let i = t[e - 1], a = t[e + 1];
-			wn(i, a) && (r = i + "," + a, e++, n.pop());
+			An(i, a) && (r = i + "," + a, e++, n.pop());
 		}
-		n.push(Tn(r));
+		n.push(jn(r));
 	}
 	return n.join("");
-}, "parseGenericTypes"), Cn = /* @__PURE__ */ n((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), wn = /* @__PURE__ */ n((e, t) => {
-	let n = Cn(e, "~"), r = Cn(t, "~");
+}, "parseGenericTypes"), kn = /* @__PURE__ */ n((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), An = /* @__PURE__ */ n((e, t) => {
+	let n = kn(e, "~"), r = kn(t, "~");
 	return n === 1 && r === 1;
-}, "shouldCombineSets"), Tn = /* @__PURE__ */ n((e) => {
-	let t = Cn(e, "~"), n = !1;
+}, "shouldCombineSets"), jn = /* @__PURE__ */ n((e) => {
+	let t = kn(e, "~"), n = !1;
 	if (t <= 1) return e;
 	t % 2 != 0 && e.startsWith("~") && (e = e.substring(1), n = !0);
 	let r = [...e], i = r.indexOf("~"), a = r.lastIndexOf("~");
 	for (; i !== -1 && a !== -1 && i !== a;) r[i] = "<", r[a] = ">", i = r.indexOf("~"), a = r.lastIndexOf("~");
 	return n && r.unshift("~"), r.join("");
-}, "processSet"), En = /* @__PURE__ */ n(() => window.MathMLElement !== void 0, "isMathMLSupported"), Dn = /\$\$(.*)\$\$/g, On = /* @__PURE__ */ n((e) => (e.match(Dn)?.length ?? 0) > 0, "hasKatex"), kn = /* @__PURE__ */ n(async (e, t) => {
+}, "processSet"), Mn = /* @__PURE__ */ n(() => window.MathMLElement !== void 0, "isMathMLSupported"), Nn = /\$\$(.*?)\$\$/g, Pn = /* @__PURE__ */ n((e) => (e.match(Nn)?.length ?? 0) > 0, "hasKatex"), Fn = /* @__PURE__ */ n(async (e, t) => {
 	let n = document.createElement("div");
-	n.innerHTML = await jn(e, t), n.id = "katex-temp", n.style.visibility = "hidden", n.style.position = "absolute", n.style.top = "0", document.querySelector("body")?.insertAdjacentElement("beforeend", n);
+	n.innerHTML = await Ln(e, t), n.id = "katex-temp", n.style.visibility = "hidden", n.style.position = "absolute", n.style.top = "0", document.querySelector("body")?.insertAdjacentElement("beforeend", n);
 	let r = {
 		width: n.clientWidth,
 		height: n.clientHeight
 	};
 	return n.remove(), r;
-}, "calculateMathMLDimensions"), An = /* @__PURE__ */ n(async (e, t) => {
-	if (!On(e)) return e;
-	if (!(En() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(Dn, "MathML is unsupported in this environment.");
+}, "calculateMathMLDimensions"), In = /* @__PURE__ */ n(async (e, t) => {
+	if (!Pn(e)) return e;
+	if (!(Mn() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(Nn, "MathML is unsupported in this environment.");
 	{
-		let { default: n } = await import("./katex-D-2KeLwt.js"), r = t.forceLegacyMathML || !En() && t.legacyMathML ? "htmlAndMathml" : "mathml";
-		return e.split(Z).map((e) => On(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(Dn, (e, t) => n.renderToString(t, {
+		let { default: n } = await import("./katex-Dyoqg6Cv.js"), r = t.forceLegacyMathML || !Mn() && t.legacyMathML ? "htmlAndMathml" : "mathml";
+		return e.split(hn).map((e) => Pn(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(Nn, (e, t) => n.renderToString(t, {
 			throwOnError: !0,
 			displayMode: !0,
 			output: r
 		}).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
 	}
-	return e.replace(Dn, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
-}, "renderKatexUnsanitized"), jn = /* @__PURE__ */ n(async (e, t) => $(await An(e, t), t), "renderKatexSanitized"), Mn = {
-	getRows: un,
-	sanitizeText: $,
-	sanitizeTextOrArray: mn,
-	hasBreaks: hn,
-	splitBreaks: gn,
-	lineBreakRegex: Z,
-	removeScript: Q,
-	getUrl: yn,
-	evaluate: Gt,
-	getMax: bn,
-	getMin: xn
-}, Nn = /* @__PURE__ */ n(function(e, t) {
+	return e.replace(Nn, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
+}, "renderKatexUnsanitized"), Ln = /* @__PURE__ */ n(async (e, t) => Q(await In(e, t), t), "renderKatexSanitized"), Rn = {
+	getRows: gn,
+	sanitizeText: Q,
+	sanitizeTextOrArray: $,
+	hasBreaks: xn,
+	splitBreaks: Sn,
+	lineBreakRegex: hn,
+	removeScript: yn,
+	getUrl: Tn,
+	evaluate: q,
+	getMax: En,
+	getMin: Dn
+}, zn = /* @__PURE__ */ n(function(e, t) {
 	for (let n of t) e.attr(n[0], n[1]);
-}, "d3Attrs"), Pn = /* @__PURE__ */ n(function(e, t, n) {
+}, "d3Attrs"), Bn = /* @__PURE__ */ n(function(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	return n ? (r.set("width", "100%"), r.set("style", `max-width: ${t}px;`)) : (r.set("height", e), r.set("width", t)), r;
-}, "calculateSvgSizeAttrs"), Fn = /* @__PURE__ */ n(function(e, t, n, r) {
-	Nn(e, Pn(t, n, r));
-}, "configureSvgSize"), In = /* @__PURE__ */ n(function(e, n, r, i) {
+}, "calculateSvgSizeAttrs"), Vn = /* @__PURE__ */ n(function(e, t, n, r) {
+	zn(e, Bn(t, n, r));
+}, "configureSvgSize"), Hn = /* @__PURE__ */ n(function(e, n, r, i) {
 	let a = n.node().getBBox(), o = a.width, s = a.height;
 	t.info(`SVG bounds: ${o}x${s}`, a);
 	let c = 0, l = 0;
-	t.info(`Graph bounds: ${c}x${l}`, e), c = o + r * 2, l = s + r * 2, t.info(`Calculated bounds: ${c}x${l}`), Fn(n, l, c, i);
+	t.info(`Graph bounds: ${c}x${l}`, e), c = o + r * 2, l = s + r * 2, t.info(`Calculated bounds: ${c}x${l}`), Vn(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"), Ln = {};
-function Rn(e) {
+}, "setupGraphViewbox"), Un = {};
+function Wn(e) {
 	return [...e.cssRules].map((e) => e.cssText).join("\n");
 }
-n(Rn, "cssStyleSheetToString");
-var zn = /* @__PURE__ */ n((e, n, r, i) => {
+n(Wn, "cssStyleSheetToString");
+var Gn = /* @__PURE__ */ n((e, n, r, i) => {
 	let a = "";
-	return e in Ln && Ln[e] ? a = Ln[e]({
+	return e in Un && Un[e] ? a = Un[e]({
 		...r,
 		svgId: i
-	}) : t.warn(`No theme found for ${e}`), ` & {
+	}) : t.warn(`No theme found for ${e}`), `& {
     font-family: ${r.fontFamily};
     font-size: ${r.fontSize};
     fill: ${r.textColor}
@@ -3522,6 +3752,9 @@ var zn = /* @__PURE__ */ n((e, n, r, i) => {
     stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
     filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
   }
+  [data-look="neo"].swimlane.cluster rect {
+    filter: none;
+  }
 
 
   [data-look="neo"].node path {
@@ -3559,32 +3792,32 @@ var zn = /* @__PURE__ */ n((e, n, r, i) => {
 
   ${n}
 `;
-}, "getStyles"), Bn = /* @__PURE__ */ n((e, t) => {
-	t !== void 0 && (Ln[e] = t);
-}, "addStylesForDiagram"), Vn = zn, Hn = {};
-r(Hn, {
-	clear: () => qn,
-	getAccDescription: () => Zn,
-	getAccTitle: () => Yn,
-	getDiagramTitle: () => $n,
-	setAccDescription: () => Xn,
-	setAccTitle: () => Jn,
-	setDiagramTitle: () => Qn
+}, "getStyles"), Kn = /* @__PURE__ */ n((e, t) => {
+	t !== void 0 && (Un[e] = t);
+}, "addStylesForDiagram"), qn = Gn, Jn = {};
+r(Jn, {
+	clear: () => $n,
+	getAccDescription: () => rr,
+	getAccTitle: () => tr,
+	getDiagramTitle: () => ar,
+	setAccDescription: () => nr,
+	setAccTitle: () => er,
+	setDiagramTitle: () => ir
 });
-var Un = "", Wn = "", Gn = "", Kn = /* @__PURE__ */ n((e) => $(e, $t()), "sanitizeText"), qn = /* @__PURE__ */ n(() => {
-	Un = "", Gn = "", Wn = "";
-}, "clear"), Jn = /* @__PURE__ */ n((e) => {
-	Un = Kn(e).replace(/^\s+/g, "");
-}, "setAccTitle"), Yn = /* @__PURE__ */ n(() => Un, "getAccTitle"), Xn = /* @__PURE__ */ n((e) => {
-	Gn = Kn(e).replace(/\n\s+/g, "\n");
-}, "setAccDescription"), Zn = /* @__PURE__ */ n(() => Gn, "getAccDescription"), Qn = /* @__PURE__ */ n((e) => {
-	Wn = Kn(e);
-}, "setDiagramTitle"), $n = /* @__PURE__ */ n(() => Wn, "getDiagramTitle"), er = t, tr = e, nr = $t, rr = Qt, ir = Wt, ar = /* @__PURE__ */ n((e) => $(e, nr()), "sanitizeText"), or = In, sr = /* @__PURE__ */ n(() => Hn, "getCommonDb"), cr = {}, lr = /* @__PURE__ */ n((e, t, n) => {
-	cr[e] && er.warn(`Diagram with id ${e} already registered. Overwriting.`), cr[e] = t, n && gt(e, n), Bn(e, t.styles), t.injectUtils?.(er, tr, nr, ar, or, sr(), () => {});
-}, "registerDiagram"), ur = /* @__PURE__ */ n((e) => {
-	if (e in cr) return cr[e];
-	throw new dr(e);
-}, "getDiagram"), dr = class extends Error {
+var Yn = "", Xn = "", Zn = "", Qn = /* @__PURE__ */ n((e) => Q(e, Y()), "sanitizeText"), $n = /* @__PURE__ */ n(() => {
+	Yn = "", Zn = "", Xn = "";
+}, "clear"), er = /* @__PURE__ */ n((e) => {
+	Yn = Qn(e).replace(/^\s+/g, "");
+}, "setAccTitle"), tr = /* @__PURE__ */ n(() => Yn, "getAccTitle"), nr = /* @__PURE__ */ n((e) => {
+	Zn = Qn(e).replace(/\n\s+/g, "\n");
+}, "setAccDescription"), rr = /* @__PURE__ */ n(() => Zn, "getAccDescription"), ir = /* @__PURE__ */ n((e) => {
+	Xn = Qn(e);
+}, "setDiagramTitle"), ar = /* @__PURE__ */ n(() => Xn, "getDiagramTitle"), or = t, sr = e, cr = Y, lr = Zt, ur = K, dr = /* @__PURE__ */ n((e) => Q(e, cr()), "sanitizeText"), fr = Hn, pr = /* @__PURE__ */ n(() => Jn, "getCommonDb"), mr = {}, hr = /* @__PURE__ */ n((e, t, n) => {
+	mr[e] && or.warn(`Diagram with id ${e} already registered. Overwriting.`), mr[e] = t, n && pn(e, n), Kn(e, t.styles), t.injectUtils?.(or, sr, cr, dr, fr, pr(), () => {});
+}, "registerDiagram"), gr = /* @__PURE__ */ n((e) => {
+	if (e in mr) return mr[e];
+	throw new _r(e);
+}, "getDiagram"), _r = class extends Error {
 	static {
 		n(this, "DiagramNotFoundError");
 	}
@@ -3593,4 +3826,4 @@ var Un = "", Wn = "", Gn = "", Kn = /* @__PURE__ */ n((e) => $(e, $t()), "saniti
 	}
 };
 //#endregion
-export { N as $, On as A, ar as B, _t as C, wt as D, Zt as E, jn as F, rr as G, Xn as H, nn as I, In as J, Qn as K, Ut as L, Sn as M, lr as N, yn as O, ht as P, Xt as Q, Ht as R, ur as S, ln as T, Jn as U, Yt as V, Qt as W, Vn as X, or as Y, K as Z, L as _, qn as a, E as at, $t as b, Fn as c, ir as d, M as et, Vt as f, Gt as g, ft as h, kn as i, k as it, Z as j, cn as k, Rn as l, mt as m, tn as n, j as nt, Hn as o, T as ot, z as p, Jt as q, B as r, A as rt, Mn as s, pt as t, dt as tt, Wt as u, Zn as v, $n as w, nr as x, Yn as y, $ as z };
+export { F as $, Pn as A, dr as B, mn as C, bt as D, Xt as E, Ln as F, lr as G, nr as H, en as I, Hn as J, ir as K, Ht as L, On as M, hr as N, Tn as O, fn as P, Yt as Q, Vt as R, gr as S, sn as T, er as U, Jt as V, Zt as W, qn as X, fr as Y, W as Z, cn as _, $n as a, E as at, Y as b, Vn as c, ur as d, P as et, Rt as f, q as g, X as h, Fn as i, j as it, hn as j, on as k, Wn as l, Z as m, $t as n, N as nt, Jn as o, T as ot, dn as p, qt as q, z as r, M as rt, Rn as s, un as t, pt as tt, K as u, rr as v, ar as w, cr as x, tr as y, Q as z };