@pi-outpost/embed 0.32.4 → 0.34.0

package/dist/{chunk-DU6HZSFF-BW30DVuW.js → chunk-VPRB5NB3-DJh7spRO.js}

@@ -402,12 +402,12 @@ var s = {
 		throw Error(`Unsupported color format: "${e}"`);
 	},
 	stringify: (e) => !e.changed && e.color ? e.color : e.type.is(s.HSL) || e.data.r === void 0 ? d.stringify(e) : e.a < 1 || !Number.isInteger(e.r) || !Number.isInteger(e.g) || !Number.isInteger(e.b) ? p.stringify(e) : u.stringify(e)
-}, h = (e, t) => {
+}, ee = (e, t) => {
 	let n = m.parse(e);
 	for (let e in t) n[e] = a.channel.clamp[e](t[e]);
 	return m.stringify(n);
-}, g = (e, t, n = 0, r = 1) => {
-	if (typeof e != "number") return h(e, { a: t });
+}, h = (e, t, n = 0, r = 1) => {
+	if (typeof e != "number") return ee(e, { a: t });
 	let i = l.set({
 		r: a.channel.clamp.r(e),
 		g: a.channel.clamp.g(t),
@@ -415,39 +415,45 @@ var s = {
 		a: a.channel.clamp.a(r)
 	});
 	return m.stringify(i);
-}, ee = (e) => {
+}, g = (e) => {
 	let { r: t, g: n, b: r } = m.parse(e), i = .2126 * a.channel.toLinear(t) + .7152 * a.channel.toLinear(n) + .0722 * a.channel.toLinear(r);
 	return a.lang.round(i);
-}, te = (e) => ee(e) >= .5, _ = (e) => !te(e), v = (e, t, n) => {
+}, te = (e) => g(e) >= .5, _ = (e) => !te(e), v = (e, t, n) => {
 	let r = m.parse(e), i = r[t], o = a.channel.clamp[t](i + n);
 	return i !== o && (r[t] = o), m.stringify(r);
 }, y = (e, t) => v(e, "l", t), b = (e, t) => v(e, "l", -t), x = (e, t) => {
 	let n = m.parse(e), r = {};
 	for (let e in t) t[e] && (r[e] = n[e] + t[e]);
-	return h(e, r);
-}, S = (e, t, n = 50) => {
-	let { r, g: i, b: a, a: o } = m.parse(e), { r: s, g: c, b: l, a: u } = m.parse(t), d = n / 100, f = d * 2 - 1, p = o - u, h = ((f * p === -1 ? f : (f + p) / (1 + f * p)) + 1) / 2, ee = 1 - h;
-	return g(r * h + s * ee, i * h + c * ee, a * h + l * ee, o * d + u * (1 - d));
-}, C = (e, t = 100) => {
+	return ee(e, r);
+}, ne = (e, t, n = 50) => {
+	let { r, g: i, b: a, a: o } = m.parse(e), { r: s, g: c, b: l, a: u } = m.parse(t), d = n / 100, f = d * 2 - 1, p = o - u, ee = ((f * p === -1 ? f : (f + p) / (1 + f * p)) + 1) / 2, g = 1 - ee;
+	return h(r * ee + s * g, i * ee + c * g, a * ee + l * g, o * d + u * (1 - d));
+}, S = (e, t = 100) => {
 	let n = m.parse(e);
-	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, S(n, e, t);
+	return n.r = 255 - n.r, n.g = 255 - n.g, n.b = 255 - n.b, ne(n, e, t);
 };
 //#endregion
 //#region ../node_modules/dompurify/dist/purify.es.mjs
-function ne(e, t) {
+function re(e, t) {
+	this.v = e, this.k = t;
+}
+function ie(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-function re(e) {
+function ae(e) {
 	if (Array.isArray(e)) return e;
 }
-function ie(e, t) {
+function oe(e, t) {
 	var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
 	if (n != null) {
 		var r, i, a, o, s = [], c = !0, l = !1;
 		try {
-			if (a = (n = n.call(e)).next, t !== 0) for (; !(c = (r = a.call(n)).done) && (s.push(r.value), s.length !== t); c = !0);
+			if (a = (n = n.call(e)).next, t === 0) {
+				if (Object(n) !== n) return;
+				c = !1;
+			} else for (; !(c = (r = a.call(n)).done) && (s.push(r.value), s.length !== t); c = !0);
 		} catch (e) {
 			l = !0, i = e;
 		} finally {
@@ -460,113 +466,164 @@ function ie(e, t) {
 		return s;
 	}
 }
-function ae() {
+function se() {
 	throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function oe(e, t) {
-	return re(e) || ie(e, t) || se(e, t) || ae();
+function ce(e, t) {
+	return ae(e) || oe(e, t) || le(e, t) || se();
 }
-function se(e, t) {
+function le(e, t) {
 	if (e) {
-		if (typeof e == "string") return ne(e, t);
+		if (typeof e == "string") return ie(e, t);
 		var n = {}.toString.call(e).slice(8, -1);
-		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ne(e, t) : void 0;
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ie(e, t) : void 0;
 	}
 }
-var ce = Object.entries, le = Object.setPrototypeOf, ue = Object.isFrozen, de = Object.getPrototypeOf, fe = Object.getOwnPropertyDescriptor, w = Object.freeze, T = Object.seal, pe = Object.create, me = typeof Reflect < "u" && Reflect, he = me.apply, ge = me.construct;
-w ||= function(e) {
+function ue(e) {
+	var t, n;
+	function r(t, n) {
+		try {
+			var a = e[t](n), o = a.value, s = o instanceof re;
+			Promise.resolve(s ? o.v : o).then(function(n) {
+				if (s) {
+					var c = t === "return" && o.k ? t : "next";
+					if (!o.k || n.done) return r(c, n);
+					n = e[c](n).value;
+				}
+				i(!!a.done, n);
+			}, function(e) {
+				r("throw", e);
+			});
+		} catch (e) {
+			i(2, e);
+		}
+	}
+	function i(e, i) {
+		e === 2 ? t.reject(i) : t.resolve({
+			value: i,
+			done: e
+		}), (t = t.next) ? r(t.key, t.arg) : n = null;
+	}
+	this._invoke = function(e, i) {
+		return new Promise(function(a, o) {
+			var s = {
+				key: e,
+				arg: i,
+				resolve: a,
+				reject: o,
+				next: null
+			};
+			n ? n = n.next = s : (t = n = s, r(e, i));
+		});
+	}, typeof e.return != "function" && (this.return = void 0);
+}
+ue.prototype[typeof Symbol == "function" && Symbol.asyncIterator || "@@asyncIterator"] = function() {
+	return this;
+}, ue.prototype.next = function(e) {
+	return this._invoke("next", e);
+}, ue.prototype.throw = function(e) {
+	return this._invoke("throw", e);
+}, ue.prototype.return = function(e) {
+	return this._invoke("return", e);
+};
+var de = Object.entries, fe = Object.setPrototypeOf, pe = Object.isFrozen, me = Object.getPrototypeOf, he = Object.getOwnPropertyDescriptor, C = Object.freeze, w = Object.seal, ge = Object.create, _e = typeof Reflect < "u" && Reflect, ve = _e.apply, T = _e.construct;
+C ||= function(e) {
 	return e;
-}, T ||= function(e) {
+}, w ||= function(e) {
 	return e;
-}, he ||= function(e, t) {
+}, ve ||= function(e, t) {
 	var n = [...arguments].slice(2);
 	return e.apply(t, n);
-}, ge ||= function(e) {
+}, T ||= function(e) {
 	return new e(...[...arguments].slice(1));
 };
-var _e = k(Array.prototype.forEach), ve = k(Array.prototype.lastIndexOf), ye = k(Array.prototype.pop), be = k(Array.prototype.push), xe = k(Array.prototype.splice), Se = Array.isArray, Ce = k(String.prototype.toLowerCase), we = k(String.prototype.toString), Te = k(String.prototype.match), Ee = k(String.prototype.replace), De = k(String.prototype.indexOf), Oe = k(String.prototype.trim), E = k(Number.prototype.toString), ke = k(Boolean.prototype.toString), Ae = typeof BigInt > "u" ? null : k(BigInt.prototype.toString), je = typeof Symbol > "u" ? null : k(Symbol.prototype.toString), D = k(Object.prototype.hasOwnProperty), Me = k(Object.prototype.toString), O = k(RegExp.prototype.test), Ne = Pe(TypeError);
-function k(e) {
+var ye = O(Array.prototype.forEach);
+Array.prototype.indexOf;
+var be = O(Array.prototype.lastIndexOf), xe = O(Array.prototype.pop), Se = O(Array.prototype.push);
+Array.prototype.slice;
+var Ce = O(Array.prototype.splice), we = Array.isArray, Te = O(String.prototype.toLowerCase), Ee = O(String.prototype.toString), De = O(String.prototype.match), Oe = O(String.prototype.replace), ke = O(String.prototype.indexOf), Ae = O(String.prototype.trim), je = O(Number.prototype.toString), Me = O(Boolean.prototype.toString), Ne = typeof BigInt > "u" ? null : O(BigInt.prototype.toString), Pe = typeof Symbol > "u" ? null : O(Symbol.prototype.toString), E = O(Object.prototype.hasOwnProperty), Fe = O(Object.prototype.toString), D = O(RegExp.prototype.test), Ie = Le(TypeError);
+function O(e) {
 	return function(t) {
 		t instanceof RegExp && (t.lastIndex = 0);
 		var n = [...arguments].slice(1);
-		return he(e, t, n);
+		return ve(e, t, n);
 	};
 }
-function Pe(e) {
+function Le(e) {
 	return function() {
-		return ge(e, [...arguments]);
+		return T(e, [...arguments]);
 	};
 }
-function A(e, t) {
-	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Ce;
-	if (le && le(e, null), !Se(t)) return e;
+function k(e, t) {
+	let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Te;
+	if (fe && fe(e, null), !we(t)) return e;
 	let r = t.length;
 	for (; r--;) {
 		let i = t[r];
 		if (typeof i == "string") {
 			let e = n(i);
-			e !== i && (ue(t) || (t[r] = e), i = e);
+			e !== i && (pe(t) || (t[r] = e), i = e);
 		}
 		e[i] = !0;
 	}
 	return e;
 }
-function Fe(e) {
-	for (let t = 0; t < e.length; t++) D(e, t) || (e[t] = null);
+function Re(e) {
+	for (let t = 0; t < e.length; t++) E(e, t) || (e[t] = null);
 	return e;
 }
-function j(e) {
-	let t = pe(null);
-	for (let r of ce(e)) {
-		var n = oe(r, 2);
+function A(e) {
+	let t = ge(null);
+	for (let r of de(e)) {
+		var n = ce(r, 2);
 		let i = n[0], a = n[1];
-		D(e, i) && (t[i] = Se(a) ? Fe(a) : a && typeof a == "object" && a.constructor === Object ? j(a) : a);
+		E(e, i) && (t[i] = we(a) ? Re(a) : a && typeof a == "object" && a.constructor === Object ? A(a) : a);
 	}
 	return t;
 }
-function Ie(e) {
+function ze(e) {
 	switch (typeof e) {
 		case "string": return e;
-		case "number": return E(e);
-		case "boolean": return ke(e);
-		case "bigint": return Ae ? Ae(e) : "0";
-		case "symbol": return je ? je(e) : "Symbol()";
-		case "undefined": return Me(e);
+		case "number": return je(e);
+		case "boolean": return Me(e);
+		case "bigint": return Ne ? Ne(e) : "0";
+		case "symbol": return Pe ? Pe(e) : "Symbol()";
+		case "undefined": return Fe(e);
 		case "function":
 		case "object": {
-			if (e === null) return Me(e);
-			let t = e, n = M(t, "toString");
+			if (e === null) return Fe(e);
+			let t = e, n = j(t, "toString");
 			if (typeof n == "function") {
 				let e = n(t);
-				return typeof e == "string" ? e : Me(e);
+				return typeof e == "string" ? e : Fe(e);
 			}
-			return Me(e);
+			return Fe(e);
 		}
-		default: return Me(e);
+		default: return Fe(e);
 	}
 }
-function M(e, t) {
+function j(e, t) {
 	for (; e !== null;) {
-		let n = fe(e, t);
+		let n = he(e, t);
 		if (n) {
-			if (n.get) return k(n.get);
-			if (typeof n.value == "function") return k(n.value);
+			if (n.get) return O(n.get);
+			if (typeof n.value == "function") return O(n.value);
 		}
-		e = de(e);
+		e = me(e);
 	}
 	function n() {
 		return null;
 	}
 	return n;
 }
-function Le(e) {
+function Be(e) {
 	try {
-		return O(e, ""), !0;
+		return D(e, ""), !0;
 	} catch {
 		return !1;
 	}
 }
-var Re = w(/* @__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(".")), ze = w(/* @__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(".")), Be = w([
+var Ve = C(/* @__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(".")), He = C(/* @__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(".")), Ue = C([
 	"feBlend",
 	"feColorMatrix",
 	"feComponentTransfer",
@@ -592,7 +649,7 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"feSpotLight",
 	"feTile",
 	"feTurbulence"
-]), Ve = w([
+]), We = C([
 	"animate",
 	"color-profile",
 	"cursor",
@@ -615,7 +672,7 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"solidcolor",
 	"unknown",
 	"use"
-]), He = w(/* @__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(".")), Ue = w([
+]), Ge = C(/* @__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(".")), Ke = C([
 	"maction",
 	"maligngroup",
 	"malignmark",
@@ -631,13 +688,13 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"annotation-xml",
 	"mprescripts",
 	"none"
-]), We = w(["#text"]), Ge = w(/* @__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(".")), Ke = w(/* @__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(".")), qe = w(/* @__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(".")), Je = w([
+]), qe = C(["#text"]), Je = C(/* @__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(".")), Ye = C(/* @__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(".")), Xe = C(/* @__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(".")), Ze = C([
 	"xlink:href",
 	"xml:id",
 	"xlink:title",
 	"xml:space",
 	"xmlns:xlink"
-]), Ye = T(/{{[\w\W]*|^[\w\W]*}}/g), Xe = T(/<%[\w\W]*|^[\w\W]*%>/g), Ze = T(/\${[\w\W]*/g), Qe = T(/^data-[\-\w.\u00B7-\uFFFF]+$/), $e = T(/^aria-[\-\w]+$/), et = T(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), tt = T(/^(?:\w+script|data):/i), nt = T(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), rt = T(/^html$/i), it = T(/^[a-z][.\w]*(-[.\w]+)+$/i), at = T(/<[/\w!]/g), ot = T(/<[/\w]/g), st = T(/<\/no(script|embed|frames)/i), ct = T(/\/>/i), N = {
+]), Qe = w(/{{[\w\W]*|^[\w\W]*}}/g), $e = w(/<%[\w\W]*|^[\w\W]*%>/g), et = w(/\${[\w\W]*/g), tt = w(/^data-[\-\w.\u00B7-\uFFFF]+$/), nt = w(/^aria-[\-\w]+$/), rt = w(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), it = w(/^(?:\w+script|data):/i), at = w(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), ot = w(/^html$/i), st = w(/^[a-z][.\w]*(-[.\w]+)+$/i), ct = w(/<[/\w!]/g), lt = w(/<[/\w]/g), ut = w(/<\/no(script|embed|frames)/i), dt = w(/\/>/i), M = {
 	element: 1,
 	attribute: 2,
 	text: 3,
@@ -650,7 +707,7 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	documentType: 10,
 	documentFragment: 11,
 	notation: 12
-}, lt = [
+}, ft = [
 	"style",
 	"script",
 	"xmp",
@@ -659,14 +716,14 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	"noframes",
 	"plaintext",
 	"noscript"
-], ut = w(A({}, lt)), dt = function() {
+], pt = C(k({}, ft)), mt = function() {
 	let e = {};
-	return _e(lt, (t) => {
-		e[t] = T(RegExp("</" + t + "(?=[\\t\\n\\f\\r />])", "i"));
-	}), w(e);
-}(), ft = function() {
+	return ye(ft, (t) => {
+		e[t] = w(RegExp("</" + t + "(?=[\\t\\n\\f\\r />])", "i"));
+	}), C(e);
+}(), ht = function() {
 	return typeof window > "u" ? null : window;
-}, pt = function(e, t) {
+}, gt = 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));
@@ -683,7 +740,7 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 	} catch {
 		return console.warn("TrustedTypes policy " + i + " could not be created."), null;
 	}
-}, mt = function() {
+}, _t = function() {
 	return {
 		afterSanitizeAttributes: [],
 		afterSanitizeElements: [],
@@ -695,60 +752,60 @@ var Re = w(/* @__PURE__ */ "a.abbr.acronym.address.area.article.aside.audio.b.bd
 		uponSanitizeElement: [],
 		uponSanitizeShadowNode: []
 	};
-}, ht = function(e, t, n, r) {
-	return D(e, t) && Se(e[t]) ? A(r.base ? j(r.base) : {}, e[t], r.transform) : n;
-}, gt = function(e, t, n) {
-	let r = D(e, t) ? e[t] : void 0;
-	return r && typeof r == "object" ? j(r) : n();
+}, N = function(e, t, n, r) {
+	return E(e, t) && we(e[t]) ? k(r.base ? A(r.base) : {}, e[t], r.transform) : n;
+}, vt = function(e, t, n) {
+	let r = E(e, t) ? e[t] : void 0;
+	return r && typeof r == "object" ? A(r) : n();
 };
-function _t() {
-	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ft(), t = (e) => _t(e);
-	if (t.version = "3.4.14", t.removed = [], !e || !e.document || e.document.nodeType !== N.document || !e.Element) return t.isSupported = !1, t;
+function yt() {
+	let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ht(), t = (e) => yt(e);
+	if (t.version = "3.4.16", t.removed = [], !e || !e.document || e.document.nodeType !== M.document || !e.Element) return t.isSupported = !1, t;
 	let n = e.document, r = n, i = r.currentScript;
 	e.DocumentFragment;
 	let a = e.HTMLTemplateElement, o = e.Node, s = e.Element, c = e.NodeFilter;
 	e.NamedNodeMap === void 0 && (e.NamedNodeMap || e.MozNamedAttrMap), e.HTMLFormElement;
-	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = M(d, "cloneNode"), p = M(d, "remove"), m = M(d, "nextSibling"), h = M(d, "childNodes"), g = M(d, "parentNode"), ee = M(d, "shadowRoot"), te = M(d, "attributes"), _ = o && o.prototype ? M(o.prototype, "nodeType") : null, v = o && o.prototype ? M(o.prototype, "nodeName") : null, y = o && o.prototype ? M(o.prototype, "ownerDocument") : null, b = function(e) {
-		return _ ? _(e) : e.nodeType;
-	}, x = function(e) {
-		return v ? v(e) : e.nodeName;
+	let l = e.DOMParser, u = e.trustedTypes, d = s.prototype, f = j(d, "cloneNode"), p = j(d, "remove"), m = j(d, "removeAttributeNode"), ee = j(d, "nextSibling"), h = j(d, "childNodes"), g = j(d, "parentNode"), te = j(d, "shadowRoot"), _ = j(d, "attributes"), v = o && o.prototype ? j(o.prototype, "nodeType") : null, y = o && o.prototype ? j(o.prototype, "nodeName") : null, b = o && o.prototype ? j(o.prototype, "ownerDocument") : null, x = function(e) {
+		return v ? v(e) : e.nodeType;
+	}, ne = function(e) {
+		return y ? y(e) : e.nodeName;
 	};
 	if (typeof a == "function") {
 		let e = n.createElement("template");
 		e.content && e.content.ownerDocument && (n = e.content.ownerDocument);
 	}
-	let S, C = "", ne, re = !1, ie = 0, ae = function() {
-		if (ie > 0) throw Ne("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.");
-	}, oe = function(e) {
-		ae(), ie++;
+	let S, re = "", ie, ae = !1, oe = 0, se = function() {
+		if (oe > 0) throw Ie("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.");
+	}, ce = function(e) {
+		se(), oe++;
 		try {
 			return S.createHTML(e);
 		} finally {
-			ie--;
+			oe--;
 		}
-	}, se = function(e) {
-		ae(), ie++;
+	}, le = function(e) {
+		se(), oe++;
 		try {
 			return S.createScriptURL(e);
 		} finally {
-			ie--;
+			oe--;
 		}
-	}, le = function() {
-		return re ||= (ne = pt(u, i), !0), ne;
-	}, ue = n, de = ue.implementation, fe = ue.createNodeIterator, me = ue.createDocumentFragment, he = ue.getElementsByTagName, ge = r.importNode, E = mt();
-	t.isSupported = typeof ce == "function" && typeof g == "function" && de && de.createHTMLDocument !== void 0;
-	let ke = Ye, Ae = Xe, je = Ze, Me = Qe, k = $e, Pe = tt, Fe = nt, lt = it, vt = et, P = null, F = A({}, [
-		...Re,
-		...ze,
-		...Be,
+	}, ue = function() {
+		return ae ||= (ie = gt(u, i), !0), ie;
+	}, fe = n, pe = fe.implementation, me = fe.createNodeIterator, he = fe.createDocumentFragment, _e = fe.getElementsByTagName, ve = r.importNode, T = _t();
+	t.isSupported = typeof de == "function" && typeof g == "function" && pe && pe.createHTMLDocument !== void 0;
+	let je = Qe, Me = $e, Ne = et, Pe = tt, Fe = nt, O = it, Le = at, Re = st, ft = rt, P = null, bt = k({}, [
+		...Ve,
 		...He,
-		...We
-	]), I = null, L = A({}, [
+		...Ue,
 		...Ge,
-		...Ke,
-		...qe,
-		...Je
-	]), R = Object.seal(pe(null, {
+		...qe
+	]), F = null, xt = k({}, [
+		...Je,
+		...Ye,
+		...Xe,
+		...Ze
+	]), I = Object.seal(ge(null, {
 		tagNameCheck: {
 			writable: !0,
 			configurable: !1,
@@ -767,7 +824,7 @@ function _t() {
 			enumerable: !0,
 			value: !1
 		}
-	})), yt = null, bt = null, z = Object.seal(pe(null, {
+	})), St = null, Ct = null, L = Object.seal(ge(null, {
 		tagCheck: {
 			writable: !0,
 			configurable: !1,
@@ -780,14 +837,14 @@ function _t() {
 			enumerable: !0,
 			value: null
 		}
-	})), xt = !0, St = !0, Ct = !1, wt = !0, B = !1, Tt = !0, Et = !1, Dt = !1, Ot = null, kt = null, At = !1, jt = !1, Mt = !1, Nt = !1, Pt = !0, Ft = !1, It = "user-content-", Lt = !0, V = !1, H = {}, U = null, Rt = A({}, /* @__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(".")), zt = null, Bt = A({}, [
+	})), wt = !0, Tt = !0, Et = !1, Dt = !0, R = !1, z = !0, B = !1, V = !1, H = null, U = null, Ot = !1, W = !1, kt = !1, At = !1, jt = !0, Mt = !1, Nt = "user-content-", Pt = !0, Ft = !1, It = {}, Lt = null, Rt = k({}, /* @__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(".")), zt = null, Bt = k({}, [
 		"audio",
 		"video",
 		"img",
 		"source",
 		"image",
 		"track"
-	]), Vt = null, Ht = A({}, [
+	]), Vt = null, Ht = k({}, [
 		"alt",
 		"class",
 		"for",
@@ -802,101 +859,101 @@ function _t() {
 		"value",
 		"style",
 		"xmlns"
-	]), W = "http://www.w3.org/1998/Math/MathML", Ut = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xhtml", K = G, q = !1, Wt = null, Gt = A({}, [
-		W,
+	]), Ut = "http://www.w3.org/1998/Math/MathML", Wt = "http://www.w3.org/2000/svg", G = "http://www.w3.org/1999/xhtml", Gt = G, Kt = !1, qt = null, Jt = k({}, [
 		Ut,
+		Wt,
 		G
-	], we), Kt = w([
+	], Ee), K = C([
 		"mi",
 		"mo",
 		"mn",
 		"ms",
 		"mtext"
-	]), qt = A({}, Kt), Jt = w(["annotation-xml"]), Yt = A({}, Jt), Xt = A({}, [
+	]), q = k({}, K), Yt = C(["annotation-xml"]), Xt = k({}, Yt), Zt = k({}, [
 		"title",
 		"style",
 		"font",
 		"a",
 		"script"
-	]), Zt = null, Qt = ["application/xhtml+xml", "text/html"], J = null, $t = null, en = n.createElement("form"), tn = function(e) {
+	]), Qt = null, $t = ["application/xhtml+xml", "text/html"], J = null, en = null, tn = n.createElement("form"), nn = function(e) {
 		return e instanceof RegExp || e instanceof Function;
-	}, nn = function() {
+	}, rn = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		if ($t && $t === e) return;
-		(!e || typeof e != "object") && (e = {}), e = j(e), Zt = Qt.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, J = Zt === "application/xhtml+xml" ? we : Ce, P = ht(e, "ALLOWED_TAGS", F, { transform: J }), I = ht(e, "ALLOWED_ATTR", L, { transform: J }), Wt = ht(e, "ALLOWED_NAMESPACES", Gt, { transform: we }), Vt = ht(e, "ADD_URI_SAFE_ATTR", Ht, {
+		if (en && en === e) return;
+		(!e || typeof e != "object") && (e = {}), e = A(e), Qt = $t.indexOf(e.PARSER_MEDIA_TYPE) === -1 ? "text/html" : e.PARSER_MEDIA_TYPE, J = Qt === "application/xhtml+xml" ? Ee : Te, P = N(e, "ALLOWED_TAGS", bt, { transform: J }), F = N(e, "ALLOWED_ATTR", xt, { transform: J }), qt = N(e, "ALLOWED_NAMESPACES", Jt, { transform: Ee }), Vt = N(e, "ADD_URI_SAFE_ATTR", Ht, {
 			transform: J,
 			base: Ht
-		}), zt = ht(e, "ADD_DATA_URI_TAGS", Bt, {
+		}), zt = N(e, "ADD_DATA_URI_TAGS", Bt, {
 			transform: J,
 			base: Bt
-		}), U = ht(e, "FORBID_CONTENTS", Rt, { transform: J }), yt = ht(e, "FORBID_TAGS", j({}), { transform: J }), bt = ht(e, "FORBID_ATTR", j({}), { transform: J }), H = D(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? j(e.USE_PROFILES) : e.USE_PROFILES : !1, xt = e.ALLOW_ARIA_ATTR !== !1, St = e.ALLOW_DATA_ATTR !== !1, Ct = e.ALLOW_UNKNOWN_PROTOCOLS || !1, wt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, B = e.SAFE_FOR_TEMPLATES || !1, Tt = e.SAFE_FOR_XML !== !1, Et = e.WHOLE_DOCUMENT || !1, jt = e.RETURN_DOM || !1, Mt = e.RETURN_DOM_FRAGMENT || !1, Nt = e.RETURN_TRUSTED_TYPE || !1, At = e.FORCE_BODY || !1, Pt = e.SANITIZE_DOM !== !1, Ft = e.SANITIZE_NAMED_PROPS || !1, Lt = e.KEEP_CONTENT !== !1, V = e.IN_PLACE || !1, vt = Le(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : et, K = typeof e.NAMESPACE == "string" ? e.NAMESPACE : G, qt = gt(e, "MATHML_TEXT_INTEGRATION_POINTS", () => A({}, Kt)), Yt = gt(e, "HTML_INTEGRATION_POINTS", () => A({}, Jt));
-		let t = gt(e, "CUSTOM_ELEMENT_HANDLING", () => pe(null));
-		if (R = pe(null), D(t, "tagNameCheck") && tn(t.tagNameCheck) && (R.tagNameCheck = t.tagNameCheck), D(t, "attributeNameCheck") && tn(t.attributeNameCheck) && (R.attributeNameCheck = t.attributeNameCheck), D(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (R.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), T(R), B && (St = !1), Mt && (jt = !0), H && (P = A({}, We), I = pe(null), H.html === !0 && (A(P, Re), A(I, Ge)), H.svg === !0 && (A(P, ze), A(I, Ke), A(I, Je)), H.svgFilters === !0 && (A(P, Be), A(I, Ke), A(I, Je)), H.mathMl === !0 && (A(P, He), A(I, qe), A(I, Je))), z.tagCheck = null, z.attributeCheck = null, D(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? z.tagCheck = e.ADD_TAGS : Se(e.ADD_TAGS) && (P === F && (P = j(P)), A(P, e.ADD_TAGS, J))), D(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? z.attributeCheck = e.ADD_ATTR : Se(e.ADD_ATTR) && (I === L && (I = j(I)), A(I, e.ADD_ATTR, J))), D(e, "ADD_FORBID_CONTENTS") && Se(e.ADD_FORBID_CONTENTS) && (U === Rt && (U = j(U)), A(U, e.ADD_FORBID_CONTENTS, J)), Lt && (P["#text"] = !0), Et && A(P, [
+		}), Lt = N(e, "FORBID_CONTENTS", Rt, { transform: J }), St = N(e, "FORBID_TAGS", A({}), { transform: J }), Ct = N(e, "FORBID_ATTR", A({}), { transform: J }), It = E(e, "USE_PROFILES") ? e.USE_PROFILES && typeof e.USE_PROFILES == "object" ? A(e.USE_PROFILES) : e.USE_PROFILES : !1, wt = e.ALLOW_ARIA_ATTR !== !1, Tt = e.ALLOW_DATA_ATTR !== !1, Et = e.ALLOW_UNKNOWN_PROTOCOLS || !1, Dt = e.ALLOW_SELF_CLOSE_IN_ATTR !== !1, R = e.SAFE_FOR_TEMPLATES || !1, z = e.SAFE_FOR_XML !== !1, B = e.WHOLE_DOCUMENT || !1, W = e.RETURN_DOM || !1, kt = e.RETURN_DOM_FRAGMENT || !1, At = e.RETURN_TRUSTED_TYPE || !1, Ot = e.FORCE_BODY || !1, jt = e.SANITIZE_DOM !== !1, Mt = e.SANITIZE_NAMED_PROPS || !1, Pt = e.KEEP_CONTENT !== !1, Ft = e.IN_PLACE || !1, ft = Be(e.ALLOWED_URI_REGEXP) ? e.ALLOWED_URI_REGEXP : rt, Gt = typeof e.NAMESPACE == "string" ? e.NAMESPACE : G, q = vt(e, "MATHML_TEXT_INTEGRATION_POINTS", () => k({}, K)), Xt = vt(e, "HTML_INTEGRATION_POINTS", () => k({}, Yt));
+		let t = vt(e, "CUSTOM_ELEMENT_HANDLING", () => ge(null));
+		if (I = ge(null), E(t, "tagNameCheck") && nn(t.tagNameCheck) && (I.tagNameCheck = t.tagNameCheck), E(t, "attributeNameCheck") && nn(t.attributeNameCheck) && (I.attributeNameCheck = t.attributeNameCheck), E(t, "allowCustomizedBuiltInElements") && typeof t.allowCustomizedBuiltInElements == "boolean" && (I.allowCustomizedBuiltInElements = t.allowCustomizedBuiltInElements), w(I), R && (Tt = !1), kt && (W = !0), It && (P = k({}, qe), F = ge(null), It.html === !0 && (k(P, Ve), k(F, Je)), It.svg === !0 && (k(P, He), k(F, Ye), k(F, Ze)), It.svgFilters === !0 && (k(P, Ue), k(F, Ye), k(F, Ze)), It.mathMl === !0 && (k(P, Ge), k(F, Xe), k(F, Ze))), L.tagCheck = null, L.attributeCheck = null, E(e, "ADD_TAGS") && (typeof e.ADD_TAGS == "function" ? L.tagCheck = e.ADD_TAGS : we(e.ADD_TAGS) && (P === bt && (P = A(P)), k(P, e.ADD_TAGS, J))), E(e, "ADD_ATTR") && (typeof e.ADD_ATTR == "function" ? L.attributeCheck = e.ADD_ATTR : we(e.ADD_ATTR) && (F === xt && (F = A(F)), k(F, e.ADD_ATTR, J))), E(e, "ADD_FORBID_CONTENTS") && we(e.ADD_FORBID_CONTENTS) && (Lt === Rt && (Lt = A(Lt)), k(Lt, e.ADD_FORBID_CONTENTS, J)), Pt && (P["#text"] = !0), B && k(P, [
 			"html",
 			"head",
 			"body"
-		]), P.table && (A(P, ["tbody"]), delete yt.tbody), e.TRUSTED_TYPES_POLICY) {
-			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Ne("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
-			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Ne("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
+		]), P.table && (k(P, ["tbody"]), delete St.tbody), e.TRUSTED_TYPES_POLICY) {
+			if (typeof e.TRUSTED_TYPES_POLICY.createHTML != "function") throw Ie("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
+			if (typeof e.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw Ie("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
 			let t = S;
 			S = e.TRUSTED_TYPES_POLICY;
 			try {
-				C = oe("");
+				re = ce("");
 			} catch (e) {
 				throw S = t, e;
 			}
-		} else e.TRUSTED_TYPES_POLICY === null ? (S = void 0, C = "") : (S === void 0 && (S = le()), S && typeof C == "string" && (C = oe("")));
-		w && w(e), $t = e;
-	}, rn = A({}, [
-		...ze,
-		...Be,
-		...Ve
-	]), an = A({}, [...He, ...Ue]), on = function(e, t, n) {
-		return t.namespaceURI === G ? e === "svg" : t.namespaceURI === W ? e === "svg" && (n === "annotation-xml" || qt[n]) : !!rn[e];
-	}, sn = function(e, t, n) {
-		return t.namespaceURI === G ? e === "math" : t.namespaceURI === Ut ? e === "math" && Yt[n] : !!an[e];
+		} else e.TRUSTED_TYPES_POLICY === null ? (S = void 0, re = "") : (S === void 0 && (S = ue()), S && typeof re == "string" && (re = ce("")));
+		C && C(e), en = e;
+	}, an = k({}, [
+		...He,
+		...Ue,
+		...We
+	]), on = k({}, [...Ge, ...Ke]), sn = function(e, t, n) {
+		return t.namespaceURI === G ? e === "svg" : t.namespaceURI === Ut ? e === "svg" && (n === "annotation-xml" || q[n]) : !!an[e];
 	}, cn = function(e, t, n) {
-		return t.namespaceURI === Ut && !Yt[n] || t.namespaceURI === W && !qt[n] ? !1 : !an[e] && (Xt[e] || !rn[e]);
-	}, ln = function(e) {
+		return t.namespaceURI === G ? e === "math" : t.namespaceURI === Wt ? e === "math" && Xt[n] : !!on[e];
+	}, ln = function(e, t, n) {
+		return t.namespaceURI === Wt && !Xt[n] || t.namespaceURI === Ut && !q[n] ? !1 : !on[e] && (Zt[e] || !an[e]);
+	}, un = function(e) {
 		let t = g(e);
 		(!t || !t.tagName) && (t = {
-			namespaceURI: K,
+			namespaceURI: Gt,
 			tagName: "template"
 		});
-		let n = Ce(e.tagName), r = Ce(t.tagName);
-		return Wt[e.namespaceURI] ? e.namespaceURI === Ut ? on(n, t, r) : e.namespaceURI === W ? sn(n, t, r) : e.namespaceURI === G ? cn(n, t, r) : !!(Zt === "application/xhtml+xml" && Wt[e.namespaceURI]) : !1;
+		let n = Te(e.tagName), r = Te(t.tagName);
+		return qt[e.namespaceURI] ? e.namespaceURI === Wt ? sn(n, t, r) : e.namespaceURI === Ut ? cn(n, t, r) : e.namespaceURI === G ? ln(n, t, r) : !!(Qt === "application/xhtml+xml" && qt[e.namespaceURI]) : !1;
 	}, Y = function(e) {
-		be(t.removed, { element: e });
+		Se(t.removed, { element: e });
 		try {
 			g(e).removeChild(e);
 		} catch {
-			if (p(e), !g(e)) throw Ne("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+			if (p(e), !g(e)) throw Ie("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
 		}
-	}, un = function(e, t, n) {
+	}, dn = function(e, t, n) {
 		try {
-			e.removeAttributeNode(t);
+			m(e, t);
 		} catch {
 			try {
 				e.removeAttribute(n);
 			} catch {}
 		}
-	}, dn = function(e) {
-		pn(e);
+	}, fn = function(e) {
+		Z(e);
 		let t = h(e);
 		if (t) {
 			let e = [];
-			_e(t, (t) => {
-				be(e, t);
-			}), _e(e, (e) => {
+			ye(t, (t) => {
+				Se(e, t);
+			}), ye(e, (e) => {
 				try {
 					p(e);
 				} catch {}
 			});
 		}
-		let n = te(e);
+		let n = _(e);
 		if (n) for (let t = n.length - 1; t >= 0; --t) {
 			let r = n[t], i = r && r.name;
-			typeof i == "string" && un(e, r, i);
+			typeof i == "string" && dn(e, r, i);
 		}
 	}, X = function(e, n, r) {
 		if (!r) try {
@@ -904,54 +961,54 @@ function _t() {
 		} catch {
 			r = null;
 		}
-		be(t.removed, {
+		Se(t.removed, {
 			attribute: r || null,
 			from: n
 		});
 		try {
-			r ? n.removeAttributeNode(r) : n.removeAttribute(e);
+			r ? m(n, r) : n.removeAttribute(e);
 		} catch {
 			try {
 				n.removeAttribute(e);
 			} catch {}
 		}
 		if (e === "is") {
-			if (jt || Mt) try {
+			if (W || kt) try {
 				Y(n);
 			} catch {}
 			else try {
 				n.setAttribute(e, "");
 			} catch {}
 		}
-	}, fn = function(e) {
-		let t = te(e);
+	}, pn = function(e) {
+		let t = _(e);
 		if (t) for (let n = t.length - 1; n >= 0; --n) {
 			let r = t[n], i = r && r.name;
-			typeof i != "string" || I[J(i)] || un(e, r, i);
+			typeof i != "string" || F[J(i)] || dn(e, r, i);
 		}
-	}, pn = function(e) {
+	}, Z = function(e) {
 		let t = [e];
 		for (; t.length > 0;) {
 			let e = t.pop();
-			b(e) === N.element && fn(e);
+			x(e) === M.element && pn(e);
 			let n = h(e);
 			if (n) for (let e = n.length - 1; e >= 0; --e) t.push(n[e]);
 		}
 	}, mn = function(e, t) {
-		return Tt ? e === "patchsrc" || e === "for" && t !== "label" && t !== "output" : !1;
+		return z ? e === "patchsrc" || e === "for" && t !== "label" && t !== "output" : !1;
 	}, hn = function(e) {
-		if (!Tt) return;
+		if (!z) return;
 		let t = [e];
 		for (; t.length > 0;) {
-			let e = t.pop(), n = b(e);
-			if (n === N.processingInstruction || n === N.comment && O(ot, e.data)) {
+			let e = t.pop(), n = x(e);
+			if (n === M.processingInstruction || n === M.comment && D(lt, e.data)) {
 				try {
 					p(e);
 				} catch {}
 				continue;
 			}
-			if (n === N.element) {
-				let t = e, n = J(x(e));
+			if (n === M.element) {
+				let t = e, n = J(ne(e));
 				try {
 					t.hasAttribute && t.hasAttribute("patchsrc") && t.removeAttribute("patchsrc"), t.hasAttribute && t.hasAttribute("for") && mn("for", n) && t.removeAttribute("for");
 				} catch {}
@@ -959,107 +1016,107 @@ function _t() {
 			let r = h(e);
 			if (r) for (let e = r.length - 1; e >= 0; --e) t.push(r[e]);
 		}
-	}, Z = function(e) {
+	}, gn = function(e) {
 		let t = null, r = null;
-		if (At) e = "<remove></remove>" + e;
+		if (Ot) e = "<remove></remove>" + e;
 		else {
-			let t = Te(e, /^[\r\n\t ]+/);
+			let t = De(e, /^[\r\n\t ]+/);
 			r = t && t[0];
 		}
-		Zt === "application/xhtml+xml" && K === G && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
-		let i = S ? oe(e) : e;
-		if (K === G) try {
-			t = new l().parseFromString(i, Zt);
+		Qt === "application/xhtml+xml" && Gt === G && (e = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + e + "</body></html>");
+		let i = S ? ce(e) : e;
+		if (Gt === G) try {
+			t = new l().parseFromString(i, Qt);
 		} catch {}
 		if (!t || !t.documentElement) {
-			t = de.createDocument(K, "template", null);
+			t = pe.createDocument(Gt, "template", null);
 			try {
-				t.documentElement.innerHTML = q ? C : i;
+				t.documentElement.innerHTML = Kt ? re : i;
 			} catch {}
 		}
 		let a = t.body || t.documentElement;
-		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), K === G ? he.call(t, Et ? "html" : "body")[0] : Et ? t.documentElement : a;
-	}, gn = function(e) {
-		let t = y ? y(e) : e.ownerDocument;
-		return fe.call(t || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
+		return e && r && a.insertBefore(n.createTextNode(r), a.childNodes[0] || null), Gt === G ? _e.call(t, B ? "html" : "body")[0] : B ? t.documentElement : a;
 	}, _n = function(e) {
-		return e = Ee(e, ke, " "), e = Ee(e, Ae, " "), e = Ee(e, je, " "), e;
+		let t = b ? b(e) : e.ownerDocument;
+		return me.call(t || e, e, c.SHOW_ELEMENT | c.SHOW_COMMENT | c.SHOW_TEXT | c.SHOW_PROCESSING_INSTRUCTION | c.SHOW_CDATA_SECTION, null);
 	}, vn = function(e) {
+		return e = Oe(e, je, " "), e = Oe(e, Me, " "), e = Oe(e, Ne, " "), e;
+	}, yn = function(e) {
 		e.normalize();
-		let t = y ? y(e) : e.ownerDocument, n = fe.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 t = b ? b(e) : e.ownerDocument, n = me.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 = vn(r.data), r = n.nextNode();
 		let i = e.querySelectorAll?.call(e, "template");
-		i && _e(i, (e) => {
-			bn(e.content) && vn(e.content);
+		i && ye(i, (e) => {
+			xn(e.content) && yn(e.content);
 		});
-	}, yn = function(e) {
-		let t = v ? v(e) : null;
-		return typeof t != "string" || J(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== te(e) || typeof e.removeAttribute != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== _(e) || e.childNodes !== h(e);
 	}, bn = function(e) {
-		if (!_ || typeof e != "object" || !e) return !1;
+		let t = y ? y(e) : null;
+		return typeof t != "string" || J(t) !== "form" ? !1 : typeof e.nodeName != "string" || typeof e.textContent != "string" || typeof e.removeChild != "function" || e.attributes !== _(e) || typeof e.removeAttribute != "function" || typeof e.removeAttributeNode != "function" || typeof e.getAttributeNode != "function" || typeof e.setAttribute != "function" || typeof e.namespaceURI != "string" || typeof e.insertBefore != "function" || typeof e.hasChildNodes != "function" || e.nodeType !== v(e) || e.childNodes !== h(e);
+	}, xn = function(e) {
+		if (!v || typeof e != "object" || !e) return !1;
 		try {
-			return _(e) === N.documentFragment;
+			return v(e) === M.documentFragment;
 		} catch {
 			return !1;
 		}
 	}, Q = function(e) {
-		if (!_ || typeof e != "object" || !e) return !1;
+		if (!v || typeof e != "object" || !e) return !1;
 		try {
-			return typeof _(e) == "number";
+			return typeof v(e) == "number";
 		} catch {
 			return !1;
 		}
 	};
 	function $(e, n, r) {
-		e.length !== 0 && _e(e, (e) => {
-			e.call(t, n, r, $t);
+		e.length !== 0 && ye(e, (e) => {
+			e.call(t, n, r, en);
 		});
 	}
-	let xn = function(e, t) {
-		return !!(Tt && e.hasChildNodes() && !Q(e.firstElementChild) && O(at, e.textContent) && O(at, e.innerHTML) || Tt && e.namespaceURI === G && ut[t] && (Q(e.firstElementChild) || typeof e.textContent == "string" && O(dt[t], e.textContent)) || e.nodeType === N.processingInstruction || Tt && e.nodeType === N.comment && O(ot, e.data));
-	}, Sn = function(e, t) {
-		return e instanceof RegExp ? O(e, t) : e instanceof Function && !!e(t, ...[...arguments].slice(2));
-	}, Cn = function(e, t, n) {
-		if (!yt[t] && kn(t) && Sn(R.tagNameCheck, t)) return !1;
-		if (Lt && !U[t]) {
+	let Sn = function(e, t) {
+		return !!(z && e.hasChildNodes() && !Q(e.firstElementChild) && D(ct, e.textContent) && D(ct, e.innerHTML) || z && e.namespaceURI === G && pt[t] && (Q(e.firstElementChild) || typeof e.textContent == "string" && D(mt[t], e.textContent)) || e.nodeType === M.processingInstruction || z && e.nodeType === M.comment && D(lt, e.data));
+	}, Cn = function(e, t) {
+		return e instanceof RegExp ? D(e, t) : e instanceof Function && !!e(t, ...[...arguments].slice(2));
+	}, wn = function(e, t, n) {
+		if (!St[t] && An(t) && Cn(I.tagNameCheck, t)) return !1;
+		if (Pt && !Lt[t]) {
 			let t = g(e), r = h(e);
 			if (r && t) {
 				let i = r.length;
 				for (let a = i - 1; a >= 0; --a) {
 					let i = e === n ? f(r[a], !0) : r[a];
-					t.insertBefore(i, m(e));
+					t.insertBefore(i, ee(e));
 				}
 			}
 		}
 		return Y(e), !0;
-	}, wn = function(e, t, n, r) {
-		return e.length === 0 ? t : t === n || t === r ? j(t) : t;
-	}, Tn = function(e, t) {
-		return e === t || g(e) !== null ? !1 : (V && pn(e), !0);
-	}, En = function(e, n) {
-		if ($(E.beforeSanitizeElements, e, null), Tn(e, n)) return !0;
-		if (yn(e)) return Y(e), !0;
-		let r = J(x(e));
-		if (P = wn(E.uponSanitizeElement, P, F, Ot), $(E.uponSanitizeElement, e, {
+	}, Tn = function(e, t, n, r) {
+		return e.length === 0 ? t : t === n || t === r ? A(t) : t;
+	}, En = function(e, t) {
+		return e === t || g(e) !== null ? !1 : (Ft && Z(e), !0);
+	}, Dn = function(e, n) {
+		if ($(T.beforeSanitizeElements, e, null), En(e, n)) return !0;
+		if (bn(e)) return Y(e), !0;
+		let r = J(ne(e));
+		if (P = Tn(T.uponSanitizeElement, P, bt, H), $(T.uponSanitizeElement, e, {
 			tagName: r,
 			allowedTags: P
-		}), Tn(e, n)) return !0;
-		if (xn(e, r)) return Y(e), !0;
-		if (yt[r] || !(z.tagCheck instanceof Function && z.tagCheck(r)) && !P[r]) {
-			let t = Cn(e, r, n);
-			return t === !1 && $(E.afterSanitizeElements, e, null), t;
+		}), En(e, n)) return !0;
+		if (Sn(e, r)) return Y(e), !0;
+		if (St[r] || !(L.tagCheck instanceof Function && L.tagCheck(r)) && !P[r]) {
+			let t = wn(e, r, n);
+			return t === !1 && ($(T.afterSanitizeElements, e, null), En(e, n)) ? !0 : t;
 		}
-		if (b(e) === N.element && !ln(e) || (r === "noscript" || r === "noembed" || r === "noframes") && O(st, e.innerHTML)) return Y(e), !0;
-		if (B && e.nodeType === N.text) {
-			let n = _n(e.textContent);
-			e.textContent !== n && (be(t.removed, { element: e.cloneNode() }), e.textContent = n);
+		if (x(e) === M.element && !un(e) || (r === "noscript" || r === "noembed" || r === "noframes") && D(ut, e.innerHTML)) return Y(e), !0;
+		if (R && e.nodeType === M.text) {
+			let n = vn(e.textContent);
+			e.textContent !== n && (Se(t.removed, { element: e.cloneNode() }), e.textContent = n);
 		}
-		return $(E.afterSanitizeElements, e, null), !1;
-	}, Dn = function(e, t, r) {
-		if (bt[t] || mn(t, e) || Pt && (t === "id" || t === "name") && (r in n || r in en)) return !1;
-		let i = I[t] || z.attributeCheck instanceof Function && z.attributeCheck(t, e);
-		return St && O(Me, t) || xt && O(k, t) ? !0 : i ? Vt[t] || O(vt, Ee(r, Fe, "")) || (t === "src" || t === "xlink:href" || t === "href") && e !== "script" && De(r, "data:") === 0 && zt[e] || Ct && !O(Pe, Ee(r, Fe, "")) ? !0 : !r : kn(e) && Sn(R.tagNameCheck, e) && Sn(R.attributeNameCheck, t, e) || t === "is" && R.allowCustomizedBuiltInElements && Sn(R.tagNameCheck, r);
-	}, On = A({}, [
+		return $(T.afterSanitizeElements, e, null), En(e, n);
+	}, On = function(e, t, r) {
+		if (Ct[t] || mn(t, e) || jt && (t === "id" || t === "name") && (r in n || r in tn)) return !1;
+		let i = F[t] || L.attributeCheck instanceof Function && L.attributeCheck(t, e);
+		return Tt && D(Pe, t) || wt && D(Fe, t) ? !0 : i ? Vt[t] || D(ft, Oe(r, Le, "")) || (t === "src" || t === "xlink:href" || t === "href") && e !== "script" && ke(r, "data:") === 0 && zt[e] || Et && !D(O, Oe(r, Le, "")) ? !0 : !r : An(e) && Cn(I.tagNameCheck, e) && Cn(I.attributeNameCheck, t, e) || t === "is" && I.allowCustomizedBuiltInElements && Cn(I.tagNameCheck, r);
+	}, kn = k({}, [
 		"annotation-xml",
 		"color-profile",
 		"font-face",
@@ -1068,67 +1125,67 @@ function _t() {
 		"font-face-src",
 		"font-face-uri",
 		"missing-glyph"
-	]), kn = function(e) {
-		return !On[Ce(e)] && O(lt, e);
-	}, An = function(e, t, n, r) {
+	]), An = function(e) {
+		return !kn[Te(e)] && D(Re, e);
+	}, jn = function(e, t, n, r) {
 		if (S && typeof u == "object" && typeof u.getAttributeType == "function" && !n) switch (u.getAttributeType(e, t)) {
-			case "TrustedHTML": return oe(r);
-			case "TrustedScriptURL": return se(r);
+			case "TrustedHTML": return ce(r);
+			case "TrustedScriptURL": return le(r);
 		}
 		return r;
-	}, jn = function(e, n, r, i) {
+	}, Mn = function(e, t, n, r) {
 		try {
-			r ? e.setAttributeNS(r, n, i) : e.setAttribute(n, i), yn(e) ? Y(e) : ye(t.removed);
+			return n ? e.setAttributeNS(n, t, r) : e.setAttribute(t, r), !bn(e) || (Y(e), !1);
 		} catch {
-			X(n, e);
+			return X(t, e), !1;
 		}
-	}, Mn = function(e) {
-		$(E.beforeSanitizeAttributes, e, null);
-		let t = e.attributes;
-		if (!t || yn(e)) return;
-		I = wn(E.uponSanitizeAttribute, I, L, kt);
-		let n = {
+	}, Nn = function(e, n) {
+		if ($(T.beforeSanitizeAttributes, e, null), En(e, n)) return;
+		let r = e.attributes;
+		if (!r || bn(e)) return;
+		F = Tn(T.uponSanitizeAttribute, F, xt, U);
+		let i = {
 			attrName: "",
 			attrValue: "",
 			keepAttr: !0,
-			allowedAttributes: I,
+			allowedAttributes: F,
 			forceKeepAttr: void 0
-		}, r = t.length, i = J(e.nodeName);
-		for (; r--;) {
-			let a = t[r], o = a.name, s = a.namespaceURI, c = a.value, l = J(o), u = c, d = o === "value" ? u : Oe(u);
-			if (n.attrName = l, n.attrValue = d, n.keepAttr = !0, n.forceKeepAttr = void 0, $(E.uponSanitizeAttribute, e, n), d = n.attrValue, Ft && (l === "id" || l === "name") && De(d, It) !== 0 && (X(o, e, a), d = It + d), Tt && O(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, d)) {
-				X(o, e, a);
+		}, a = r.length, o = J(e.nodeName);
+		for (; a--;) {
+			let n = r[a], s = n.name, c = n.namespaceURI, l = n.value, u = J(s), d = l, f = s === "value" ? d : Ae(d), p = !1;
+			if (i.attrName = u, i.attrValue = f, i.keepAttr = !0, i.forceKeepAttr = void 0, $(T.uponSanitizeAttribute, e, i), f = i.attrValue, Mt && (u === "id" || u === "name") && ke(f, Nt) !== 0 && (X(s, e, n), f = Nt + f, p = !0), z && D(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, f)) {
+				X(s, e, n);
 				continue;
 			}
-			if (l === "attributename" && Te(d, "href")) {
-				X(o, e, a);
+			if (u === "attributename" && De(f, "href")) {
+				X(s, e, n);
 				continue;
 			}
-			if (!n.forceKeepAttr) {
-				if (!n.keepAttr) {
-					X(o, e, a);
+			if (!i.forceKeepAttr) {
+				if (!i.keepAttr) {
+					X(s, e, n);
 					continue;
 				}
-				if (!wt && O(ct, d)) {
-					X(o, e, a);
+				if (!Dt && D(dt, f)) {
+					X(s, e, n);
 					continue;
 				}
-				if (B && (d = _n(d)), !Dn(i, l, d)) {
-					X(o, e, a);
+				if (R && (f = vn(f)), !On(o, u, f)) {
+					X(s, e, n);
 					continue;
 				}
-				d = An(i, l, s, d), d !== u && jn(e, o, s, d);
+				f = jn(o, u, c, f), f !== d && Mn(e, s, c, f) && p && xe(t.removed);
 			}
 		}
-		$(E.afterSanitizeAttributes, e, null);
-	}, Nn = function(e) {
-		let t = null, n = gn(e);
-		for ($(E.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if ($(E.uponSanitizeShadowNode, t, null), En(t, e), Mn(t), bn(t.content) && Nn(t.content), b(t) === N.element) {
-			let e = ee(t);
-			bn(e) && (Pn(e), Nn(e));
-		}
-		$(E.afterSanitizeShadowDOM, e, null);
+		$(T.afterSanitizeAttributes, e, null), En(e, n);
 	}, Pn = function(e) {
+		let t = null, n = _n(e);
+		for ($(T.beforeSanitizeShadowDOM, e, null); t = n.nextNode();) if ($(T.uponSanitizeShadowNode, t, null), Dn(t, e), Nn(t, e), xn(t.content) && Pn(t.content), x(t) === M.element) {
+			let e = te(t);
+			xn(e) && (Fn(e), Pn(e));
+		}
+		$(T.afterSanitizeShadowDOM, e, null);
+	}, Fn = function(e) {
 		let t = [{
 			node: e,
 			shadow: null
@@ -1136,27 +1193,27 @@ function _t() {
 		for (; t.length > 0;) {
 			let e = t.pop();
 			if (e.shadow) {
-				Nn(e.shadow);
+				Pn(e.shadow);
 				continue;
 			}
-			let n = e.node, r = b(n) === N.element, i = h(n);
+			let n = e.node, r = x(n) === M.element, i = h(n);
 			if (i) for (let e = i.length - 1; e >= 0; --e) t.push({
 				node: i[e],
 				shadow: null
 			});
 			if (r) {
-				let e = v ? v(n) : null;
+				let e = y ? y(n) : null;
 				if (typeof e == "string" && J(e) === "template") {
 					let e = n.content;
-					bn(e) && t.push({
+					xn(e) && t.push({
 						node: e,
 						shadow: null
 					});
 				}
 			}
 			if (r) {
-				let e = ee(n);
-				bn(e) && t.push({
+				let e = te(n);
+				xn(e) && t.push({
 					node: null,
 					shadow: e
 				}, {
@@ -1168,76 +1225,137 @@ function _t() {
 	};
 	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" && !Q(e) && (e = Ie(e), typeof e != "string")) throw Ne("dirty is not a string, aborting");
+		if (Kt = !e, Kt && (e = "<!-->"), typeof e != "string" && !Q(e) && (e = ze(e), typeof e != "string")) throw Ie("dirty is not a string, aborting");
 		if (!t.isSupported) return e;
-		Dt ? (P = Ot, I = kt) : nn(n), (E.uponSanitizeElement.length > 0 || E.uponSanitizeAttribute.length > 0) && (P = j(P)), E.uponSanitizeAttribute.length > 0 && (I = j(I)), t.removed = [];
-		let c = V && typeof e != "string" && Q(e);
+		V ? (P = H, F = U) : rn(n), (T.uponSanitizeElement.length > 0 || T.uponSanitizeAttribute.length > 0) && (P = A(P)), T.uponSanitizeAttribute.length > 0 && (F = A(F)), t.removed = [];
+		let c = Ft && typeof e != "string" && Q(e);
 		if (c) {
 			hn(e);
-			let t = x(e);
+			let t = ne(e);
 			if (typeof t == "string") {
 				let n = J(t);
-				if (!P[n] || yt[n]) throw dn(e), Ne("root node is forbidden and cannot be sanitized in-place");
+				if (!P[n] || St[n]) throw fn(e), Ie("root node is forbidden and cannot be sanitized in-place");
 			}
-			if (yn(e)) throw dn(e), Ne("root node is clobbered and cannot be sanitized in-place");
+			if (bn(e)) throw fn(e), Ie("root node is clobbered and cannot be sanitized in-place");
 			try {
-				Pn(e);
+				Fn(e);
 			} catch (t) {
-				throw dn(e), t;
+				throw fn(e), t;
 			}
-		} else if (Q(e)) i = Z("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === N.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Pn(a);
+		} else if (Q(e)) i = gn("<!---->"), a = i.ownerDocument.importNode(e, !0), a.nodeType === M.element && a.nodeName === "BODY" || a.nodeName === "HTML" ? i = a : i.appendChild(a), Fn(i);
 		else {
-			if (!jt && !B && !Et && e.indexOf("<") === -1) return S && Nt ? oe(e) : e;
-			if (i = Z(e), !i) return jt ? null : Nt ? C : "";
+			if (!W && !R && !B && e.indexOf("<") === -1) return S && At ? ce(e) : e;
+			if (i = gn(e), !i) return W ? null : At ? re : "";
 		}
-		i && At && Y(i.firstChild);
+		i && Ot && Y(i.firstChild);
 		let l = c ? e : i;
 		try {
-			let e = gn(l);
-			for (; o = e.nextNode();) En(o, l), Mn(o), bn(o.content) && Nn(o.content);
+			let e = _n(l);
+			for (; o = e.nextNode();) Dn(o, l), Nn(o, l), xn(o.content) && Pn(o.content);
 		} catch (n) {
-			throw c && (dn(e), _e(t.removed, (e) => {
-				e.element && pn(e.element);
+			throw c && (fn(e), ye(t.removed, (e) => {
+				e.element && Z(e.element);
 			})), n;
 		}
-		if (c) return _e(t.removed, (e) => {
-			e.element && pn(e.element);
-		}), B && vn(e), e;
-		if (jt) {
-			if (B && vn(i), Mt) for (s = me.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
+		if (c) {
+			let n = !1;
+			if (ye(t.removed, (t) => {
+				t.element && (t.element === e && (n = !0), Z(t.element));
+			}), n) throw Ie("a node selected for removal could not be safely returned; refusing to sanitize in place");
+			return R && yn(e), e;
+		}
+		if (W) {
+			if (R && yn(i), kt) for (s = he.call(i.ownerDocument); i.firstChild;) s.appendChild(i.firstChild);
 			else s = i;
-			return (I.shadowroot || I.shadowrootmode) && (s = ge.call(r, s, !0)), s;
+			return (F.shadowroot || F.shadowrootmode) && (s = ve.call(r, s, !0)), s;
 		}
-		let u = Et ? i.outerHTML : i.innerHTML;
-		return Et && P["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && O(rt, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), B && (u = _n(u)), S && Nt ? oe(u) : u;
+		let u = B ? i.outerHTML : i.innerHTML;
+		return B && P["!doctype"] && i.ownerDocument && i.ownerDocument.doctype && i.ownerDocument.doctype.name && D(ot, i.ownerDocument.doctype.name) && (u = "<!DOCTYPE " + i.ownerDocument.doctype.name + ">\n" + u), R && (u = vn(u)), S && At ? ce(u) : u;
 	}, t.setConfig = function() {
 		let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-		nn(e), Dt = !0, Ot = P, kt = I;
+		rn(e), V = !0, H = P, U = F;
 	}, t.clearConfig = function() {
-		$t = null, Dt = !1, Ot = null, kt = null, S = ne, C = "";
+		en = null, V = !1, H = null, U = null, S = ie, re = "";
 	}, t.isValidAttribute = function(e, t, n) {
-		$t || nn({});
+		en || rn({});
 		let r = J(e), i = J(t);
-		return Dn(r, i, n);
+		return On(r, i, n);
 	}, t.addHook = function(e, t) {
-		typeof t == "function" && D(E, e) && be(E[e], t);
+		typeof t == "function" && E(T, e) && Se(T[e], t);
 	}, t.removeHook = function(e, t) {
-		if (D(E, e)) {
+		if (E(T, e)) {
 			if (t !== void 0) {
-				let n = ve(E[e], t);
-				return n === -1 ? void 0 : xe(E[e], n, 1)[0];
+				let n = be(T[e], t);
+				return n === -1 ? void 0 : Ce(T[e], n, 1)[0];
 			}
-			return ye(E[e]);
+			return xe(T[e]);
 		}
 	}, t.removeHooks = function(e) {
-		D(E, e) && (E[e] = []);
+		E(T, e) && (T[e] = []);
 	}, t.removeAllHooks = function() {
-		E = mt();
+		T = _t();
 	}, t;
 }
-var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
+var P = yt(), bt = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, F = /\s/, xt = /* @__PURE__ */ e((e) => {
+	let t = "", n = 0, r = 0;
+	for (; r < e.length;) {
+		let i = e.indexOf("%%", r);
+		if (i === -1) break;
+		let a = e.indexOf("\n", i);
+		if (a === -1) break;
+		let o = i;
+		for (; o > n && F.test(e[o - 1]);) o--;
+		t += e.slice(n, o) + "\n", n = a + 1, r = n;
+	}
+	return t + e.slice(n);
+}, "stripAnyComments"), I = /* @__PURE__ */ e((e) => e === "\n" || e === "\r", "isLineBreak"), St = /* @__PURE__ */ e((e, t) => {
+	let n = -1;
+	for (let r = t; r < e.length && F.test(e[r]); r++) I(e[r]) && (n = r);
+	return n;
+}, "lastLineBreakInWhitespaceRun"), Ct = /* @__PURE__ */ e((t) => {
+	let n = 0;
+	for (; n < t.length && F.test(t[n]) && !I(t[n]);) n++;
+	let r = t.slice(0, n);
+	if (!t.startsWith("---", n)) return;
+	let i = [];
+	for (let e = n + 3; e < t.length && F.test(t[e]); e++) I(t[e]) && i.push(e);
+	if (i.length === 0) return;
+	let a = `${r}---`, o = /* @__PURE__ */ e((e) => I(t[e]) && t.startsWith(a, e + 1) ? St(t, e + 1 + a.length) : -1, "closingEnd"), s = i[0] + 1, c = -1;
+	for (let e = s; e < t.length; e++) o(e) !== -1 && (c = e);
+	if (c === -1) return;
+	let l = i[0];
+	for (let e of i) e < c && (l = e);
+	let u = l + 1;
+	for (let e = u; e <= c; e++) {
+		let n = o(e);
+		if (n !== -1) return {
+			indent: r,
+			body: t.slice(u, e),
+			length: n + 1
+		};
+	}
+}, "matchFrontMatter"), L = class extends Error {
+	static {
+		e(this, "UnknownDiagramError");
+	}
+	constructor(e) {
+		super(e), this.name = "UnknownDiagramError";
+	}
+}, wt = {}, Tt = /* @__PURE__ */ e(function(e, t) {
+	let n = Ct(e);
+	e = xt((n ? e.slice(n.length) : e).replace(bt, ""));
+	for (let [n, { detector: r }] of Object.entries(wt)) if (r(e, t)) return n;
+	throw new L(`No diagram type detected matching given configuration for text: ${e}`);
+}, "detectType"), Et = /* @__PURE__ */ e((...e) => {
+	for (let { id: t, detector: n, loader: r } of e) Dt(t, n, r);
+}, "registerLazyLoadedDiagrams"), Dt = /* @__PURE__ */ e((e, t, n) => {
+	wt[e] && r.warn(`Detector with key ${e} already exists. Overwriting.`), wt[e] = {
+		detector: t,
+		loader: n
+	}, r.debug(`Detector with key ${e} added${n ? " with loader" : ""}`);
+}, "addDetector"), R = /* @__PURE__ */ e((e) => wt[e].loader, "getDiagramLoader"), z = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 	let r = { depth: n };
-	if (Array.isArray(t) && !Array.isArray(e)) return t.forEach((t) => P(e, t, r)), e;
+	if (Array.isArray(t) && !Array.isArray(e)) return t.forEach((t) => z(e, t, r)), e;
 	if (Array.isArray(t) && Array.isArray(e)) return t.forEach((t) => {
 		e.includes(t) || e.push(t);
 	}), e;
@@ -1252,7 +1370,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 					writable: !0,
 					enumerable: !0,
 					configurable: !0
-				}), r[t] === void 0 && (r[t] = Array.isArray(i) ? [] : {}), typeof r[t] == "object" && (r[t] = P(r[t], i, { depth: n - 1 }));
+				}), r[t] === void 0 && (r[t] = Array.isArray(i) ? [] : {}), typeof r[t] == "object" && (r[t] = z(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,
@@ -1262,13 +1380,16 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		});
 	}
 	return e;
-}, "assignWithDepth"), F = P, I = "#ffffff", L = "#f2f2f2", R = /* @__PURE__ */ e((e, t) => t ? x(e, {
+}, "assignWithDepth"), B = z, V = "#ffffff", H = "#f2f2f2", U = /* @__PURE__ */ e((e, t) => t ? x(e, {
 	s: -40,
 	l: 10
 }) : x(e, {
 	s: -40,
 	l: -10
-}), "mkBorder"), yt = class {
+}), "mkBorder"), Ot = /* @__PURE__ */ e((e) => typeof e == "object" && !!e && !Array.isArray(e), "isPlainObject"), W = /* @__PURE__ */ e((e, t) => Ot(e) && Ot(t) ? {
+	...e,
+	...t
+} : t, "applyOverride"), kt = class {
 	static {
 		e(this, "Theme");
 	}
@@ -1279,12 +1400,12 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || "navy", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.darkMode ? (this.rowOdd = this.rowOdd || b(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 5)), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || this.tertiaryColor, this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || "navy", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.darkMode ? (this.rowOdd = this.rowOdd || b(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 5)), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || this.tertiaryColor, this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
 			h: 210,
 			l: 150
 		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
 		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
@@ -1409,7 +1530,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L, 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 ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1420,22 +1541,22 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
-		});
+			this[t] = W(this[t], e[t]);
+		}), Object.hasOwn(e, "nodeBorder") && !Object.hasOwn(e, "useGradient") && (this.useGradient = !1);
 	}
-}, bt = /* @__PURE__ */ e((e) => {
-	let t = new yt();
+}, At = /* @__PURE__ */ e((e) => {
+	let t = new kt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), z = class {
+}, "getThemeVariables"), jt = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(C("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = g(255, 255, 255, .25), this.arrowheadColor = "calculated", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#F9FFFE", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "calculated", this.activationBkgColor = "calculated", this.sequenceNumberColor = "black", this.clusterBkg = "#302F3D", this.sectionBkgColor = b("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = b(this.sectionBkgColor, 10), this.taskBorderColor = g(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = g(255, 255, 255, 50), this.activeTaskBkgColor = "#81B1DB", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "grey", this.critBorderColor = "#E83737", this.critBkgColor = "#E83737", this.taskTextDarkColor = "calculated", this.todayLineColor = "#DB5757", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = this.rowOdd || y(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10), this.labelColor = "calculated", this.errorBkgColor = "#a44141", this.errorTextColor = "#ddd", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = "calculated", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#F9FFFE", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "calculated", this.activationBkgColor = "calculated", this.sequenceNumberColor = "black", this.clusterBkg = "#302F3D", this.sectionBkgColor = b("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = b(this.sectionBkgColor, 10), this.taskBorderColor = h(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = h(255, 255, 255, 50), this.activeTaskBkgColor = "#81B1DB", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "grey", this.critBorderColor = "#E83737", this.critBkgColor = "#E83737", this.taskTextDarkColor = "calculated", this.todayLineColor = "#DB5757", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = this.rowOdd || y(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || b(this.mainBkg, 10), this.labelColor = "calculated", this.errorBkgColor = "#a44141", this.errorTextColor = "#ddd", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal";
 	}
 	updateColors() {
-		this.secondBkg = y(this.mainBkg, 16), this.lineColor = this.mainContrastColor, this.arrowheadColor = this.mainContrastColor, this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.edgeLabelBackground = y(this.labelBackground, 25), this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.actorTextColor = this.mainContrastColor, this.actorLineColor = this.actorBorder, this.signalColor = this.mainContrastColor, this.signalTextColor = this.mainContrastColor, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.mainContrastColor, this.loopTextColor = this.mainContrastColor, this.noteBorderColor = this.secondaryBorderColor, this.noteBkgColor = this.secondBkg, this.noteTextColor = this.secondaryTextColor, this.activationBorderColor = this.border1, this.activationBkgColor = this.secondBkg, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.background, this.taskBkgColor = y(this.mainBkg, 23), this.taskTextColor = this.darkTextColor, this.taskTextLightColor = this.mainContrastColor, this.taskTextOutsideColor = this.taskTextLightColor, this.gridColor = this.mainContrastColor, this.doneTaskBkgColor = this.mainContrastColor, this.taskTextDarkColor = C(this.doneTaskBkgColor), this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#555", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#f4f4f4", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.cScale1 = this.cScale1 || "#0b0000", this.cScale2 = this.cScale2 || "#4d1037", this.cScale3 = this.cScale3 || "#3f5258", this.cScale4 = this.cScale4 || "#4f2f1b", this.cScale5 = this.cScale5 || "#6e0a0a", this.cScale6 = this.cScale6 || "#3b0048", this.cScale7 = this.cScale7 || "#995a01", this.cScale8 = this.cScale8 || "#154706", this.cScale9 = this.cScale9 || "#161722", this.cScale10 = this.cScale10 || "#00296f", this.cScale11 = this.cScale11 || "#01629c", this.cScale12 = this.cScale12 || "#010029", this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 });
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		this.secondBkg = y(this.mainBkg, 16), this.lineColor = this.mainContrastColor, this.arrowheadColor = this.mainContrastColor, this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.edgeLabelBackground = y(this.labelBackground, 25), this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.actorTextColor = this.mainContrastColor, this.actorLineColor = this.actorBorder, this.signalColor = this.mainContrastColor, this.signalTextColor = this.mainContrastColor, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.mainContrastColor, this.loopTextColor = this.mainContrastColor, this.noteBorderColor = this.secondaryBorderColor, this.noteBkgColor = this.secondBkg, this.noteTextColor = this.secondaryTextColor, this.activationBorderColor = this.border1, this.activationBkgColor = this.secondBkg, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.background, this.taskBkgColor = y(this.mainBkg, 23), this.taskTextColor = this.darkTextColor, this.taskTextLightColor = this.mainContrastColor, this.taskTextOutsideColor = this.taskTextLightColor, this.gridColor = this.mainContrastColor, this.doneTaskBkgColor = this.mainContrastColor, this.taskTextDarkColor = S(this.doneTaskBkgColor), this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#555", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#f4f4f4", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.cScale1 = this.cScale1 || "#0b0000", this.cScale2 = this.cScale2 || "#4d1037", this.cScale3 = this.cScale3 || "#3f5258", this.cScale4 = this.cScale4 || "#4f2f1b", this.cScale5 = this.cScale5 || "#6e0a0a", this.cScale6 = this.cScale6 || "#3b0048", this.cScale7 = this.cScale7 || "#995a01", this.cScale8 = this.cScale8 || "#154706", this.cScale9 = this.cScale9 || "#161722", this.cScale10 = this.cScale10 || "#00296f", this.cScale11 = this.cScale11 || "#01629c", this.cScale12 = this.cScale12 || "#010029", this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10);
 		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
 			h: 30,
@@ -1536,7 +1657,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
 			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
 			annotationFill: this.wardley?.annotationFill || this.mainBkg
-		}, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = y(this.secondaryColor, 20), this.git1 = y(this.pie2 || this.secondaryColor, 20), this.git2 = y(this.pie3 || this.tertiaryColor, 20), this.git3 = y(this.pie4 || x(this.primaryColor, { h: -30 }), 20), this.git4 = y(this.pie5 || x(this.primaryColor, { h: -60 }), 20), this.git5 = y(this.pie6 || x(this.primaryColor, { h: -90 }), 10), this.git6 = y(this.pie7 || x(this.primaryColor, { h: 60 }), 10), this.git7 = y(this.pie8 || x(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "#2d2d2d", this.emUiStroke = this.emUiStroke || "#555", this.emProcessorFill = this.emProcessorFill || y("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || y("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || y("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || y("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || y(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || y(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || y(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+		}, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = y(this.secondaryColor, 20), this.git1 = y(this.pie2 || this.secondaryColor, 20), this.git2 = y(this.pie3 || this.tertiaryColor, 20), this.git3 = y(this.pie4 || x(this.primaryColor, { h: -30 }), 20), this.git4 = y(this.pie5 || x(this.primaryColor, { h: -60 }), 20), this.git5 = y(this.pie6 || x(this.primaryColor, { h: -90 }), 10), this.git6 = y(this.pie7 || x(this.primaryColor, { h: 60 }), 10), this.git7 = y(this.pie8 || x(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "#2d2d2d", this.emUiStroke = this.emUiStroke || "#555", this.emProcessorFill = this.emProcessorFill || y("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || y("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || y("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || y("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || y(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || y(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || y(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1547,18 +1668,18 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, xt = /* @__PURE__ */ e((e) => {
-	let t = new z();
+}, Mt = /* @__PURE__ */ e((e) => {
+	let t = new jt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), St = class {
+}, "getThemeVariables"), Nt = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = x(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = R(this.primaryColor, this.darkMode), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = R(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 = g(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 = x(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = x(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 = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = 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 = h(102, 102, 255, .49), this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#fff400", this.taskBorderColor = "#534fbc", this.taskBkgColor = "#8a90dd", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "#534fbc", this.activeTaskBkgColor = "#bfc7ff", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "navy", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = "calculated", this.rowEven = "calculated", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !1, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow(1px 2px 2px rgba(185, 185, 185, 1))", this.updateColors();
 	}
 	updateColors() {
 		this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || b(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || b(this.tertiaryColor, 40);
@@ -1572,10 +1693,10 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			l: -(7 + e * 5)
 		});
 		if (this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor, this.labelTextColor !== "calculated") {
-			this.cScaleLabel0 = this.cScaleLabel0 || C(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || C(this.labelTextColor);
+			this.cScaleLabel0 = this.cScaleLabel0 || S(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || S(this.labelTextColor);
 			for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.labelTextColor;
 		}
-		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.textColor, this.edgeLabelBackground = this.labelBackground, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.signalColor = this.textColor, this.signalTextColor = this.textColor, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || y(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.primaryColor, 1), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || x(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || x(this.primaryColor, {
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.textColor, this.edgeLabelBackground = this.labelBackground, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.signalColor = this.textColor, this.signalTextColor = this.textColor, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || y(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.primaryColor, 1), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || x(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || x(this.primaryColor, {
 			h: 60,
 			l: -20
 		}), this.pie8 = this.pie8 || x(this.primaryColor, {
@@ -1686,7 +1807,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#ECECFF,#8493A6,#FFC3A0,#DCDDE1,#B8E994,#D1A36F,#C3CDE6,#FFB6C1,#496078,#F8F3E3"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || b(C(this.git0), 25), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || b(S(this.git0), 25), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (Object.keys(this).forEach((e) => {
@@ -1699,18 +1820,18 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, Ct = /* @__PURE__ */ e((e) => {
-	let t = new St();
+}, Pt = /* @__PURE__ */ e((e) => {
+	let t = new Nt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), wt = class {
+}, "getThemeVariables"), Ft = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = y("#cde498", 10), this.primaryBorderColor = R(this.primaryColor, this.darkMode), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.primaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
+		this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.tertiaryColor = y("#cde498", 10), this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.primaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
 	}
 	updateColors() {
 		this.actorBorder = b(this.mainBkg, 20), this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || b(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || b(this.tertiaryColor, 40);
@@ -1727,7 +1848,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			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 || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 20), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, {
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.taskBorderColor = this.border1, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || y(this.mainBkg, 20), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || x(this.tertiaryColor, {
 			h: 40,
 			l: -40
 		}), this.pie7 = this.pie7 || x(this.primaryColor, {
@@ -1848,7 +1969,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#CDE498,#FF6B6B,#A0D2DB,#D7BDE2,#F0F0F0,#FFC3A0,#7FD8BE,#FF9A8B,#FAF3E0,#FFF176"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || C(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || C(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || S(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || S(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1859,27 +1980,27 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, B = /* @__PURE__ */ e((e) => {
-	let t = new wt();
+}, It = /* @__PURE__ */ e((e) => {
+	let t = new Ft();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Tt = class {
+}, "getThemeVariables"), Lt = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = y(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = R(this.primaryColor, this.darkMode), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.lineColor = C(this.background), this.textColor = C(this.background), this.mainBkg = "#eee", this.secondBkg = "calculated", this.lineColor = "#666", this.border1 = "#999", this.border2 = "calculated", this.note = "#ffa", this.text = "#333", this.critical = "#d42", this.done = "#bbb", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "white", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = this.actorBorder, this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "calculated", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBkgColor = "calculated", this.critBorderColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || "#f4f4f4", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = y(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = x(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 = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.lineColor = S(this.background), this.textColor = S(this.background), this.mainBkg = "#eee", this.secondBkg = "calculated", this.lineColor = "#666", this.border1 = "#999", this.border2 = "calculated", this.note = "#ffa", this.text = "#333", this.critical = "#d42", this.done = "#bbb", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "white", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = this.actorBorder, this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "calculated", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBkgColor = "calculated", this.critBorderColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.rowOdd = this.rowOdd || y(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || "#f4f4f4", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
 	}
 	updateColors() {
 		this.secondBkg = y(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = y(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.signalColor = this.text, this.signalTextColor = this.text, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.text, this.loopTextColor = this.text, this.noteBorderColor = "#999", this.noteBkgColor = "#666", this.noteTextColor = "#fff", this.cScale0 = this.cScale0 || "#555", this.cScale1 = this.cScale1 || "#F4F4F4", this.cScale2 = this.cScale2 || "#555", this.cScale3 = this.cScale3 || "#BBB", this.cScale4 = this.cScale4 || "#777", this.cScale5 = this.cScale5 || "#999", this.cScale6 = this.cScale6 || "#DDD", this.cScale7 = this.cScale7 || "#FFF", this.cScale8 = this.cScale8 || "#DDD", this.cScale9 = this.cScale9 || "#BBB", this.cScale10 = this.cScale10 || "#999", this.cScale11 = this.cScale11 || "#777";
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.cScaleLabel0 = this.cScaleLabel0 || this.cScale1, this.cScaleLabel2 = this.cScaleLabel2 || this.cScale1;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
 		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, { l: -(8 + e * 5) });
-		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.text, this.sectionBkgColor = y(this.contrast, 30), this.sectionBkgColor2 = y(this.contrast, 30), this.taskBorderColor = b(this.contrast, 10), this.taskBkgColor = this.contrast, this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = this.text, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.gridColor = y(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = b(this.critBkgColor, 10), this.todayLineColor = this.critBkgColor, this.vertLineColor = this.critBkgColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || "#000", this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f4f4f4", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.stateBorder = this.stateBorder || "#000", this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#222", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 });
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.text, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.sectionBkgColor = y(this.contrast, 30), this.sectionBkgColor2 = y(this.contrast, 30), this.taskBorderColor = b(this.contrast, 10), this.taskBkgColor = this.contrast, this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = this.text, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.gridColor = y(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = b(this.critBkgColor, 10), this.todayLineColor = this.critBkgColor, this.vertLineColor = this.critBkgColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || "#000", this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f4f4f4", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.stateBorder = this.stateBorder || "#000", this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#222", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = x(this.primaryColor, { h: 64 }), this.fillType3 = x(this.secondaryColor, { h: 64 }), this.fillType4 = x(this.primaryColor, { h: -64 }), this.fillType5 = x(this.secondaryColor, { h: -64 }), this.fillType6 = x(this.primaryColor, { h: 128 }), this.fillType7 = x(this.secondaryColor, { h: 128 });
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + e] = this["cScale" + e];
 		this.pie12 = this.pie0, this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
 		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this["cScale" + e];
@@ -1961,7 +2082,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			annotationStroke: this.wardley?.annotationStroke || this.lineColor,
 			annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
 			annotationFill: this.wardley?.annotationFill || this.background
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = b(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || x(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || x(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || x(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || x(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || x(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = b(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || x(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || x(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || x(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || x(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || x(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -1972,24 +2093,24 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, Et = /* @__PURE__ */ e((e) => {
-	let t = new Tt();
+}, Rt = /* @__PURE__ */ e((e) => {
+	let t = new Lt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Dt = class {
+}, "getThemeVariables"), zt = class {
 	static {
 		e(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 = R(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = U(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
 	}
 	updateColors() {
 		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
 		let e = "#ECECFE", t = "#E9E9F1", n = x(e, {
 			h: 180,
 			l: 5
@@ -1999,7 +2120,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			l: 150
 		}), this.cScale9 = this.cScale9 || x(e, { h: 270 }), this.cScale10 = this.cScale10 || x(e, { h: 300 }), this.cScale11 = this.cScale11 || x(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
 		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
@@ -2068,7 +2189,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2079,29 +2200,29 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, Ot = /* @__PURE__ */ e((e) => {
-	let t = new Dt();
+}, Bt = /* @__PURE__ */ e((e) => {
+	let t = new zt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), kt = class {
+}, "getThemeVariables"), Vt = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = g(255, 255, 255, .25), this.arrowheadColor = C(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
 	}
 	updateColors() {
 		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
 			h: 210,
 			l: 150
 		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
 		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
@@ -2170,7 +2291,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || "#0b0000", this.git1 = this.git1 || "#4d1037", this.git2 = this.git2 || "#3f5258", this.git3 = this.git3 || "#4f2f1b", this.git4 = this.git4 || "#6e0a0a", this.git5 = this.git5 || "#3b0048", this.git6 = this.git6 || "#995a01", this.git7 = this.git7 || "#154706", this.gitDarkMode = !0, this.gitDarkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || "#0b0000", this.git1 = this.git1 || "#4d1037", this.git2 = this.git2 || "#3f5258", this.git3 = this.git3 || "#4f2f1b", this.git4 = this.git4 || "#6e0a0a", this.git5 = this.git5 || "#3b0048", this.git6 = this.git6 || "#995a01", this.git7 = this.git7 || "#154706", this.gitDarkMode = !0, this.gitDarkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2181,24 +2302,24 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, At = /* @__PURE__ */ e((e) => {
-	let t = new kt();
+}, Ht = /* @__PURE__ */ e((e) => {
+	let t = new Vt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), jt = class {
+}, "getThemeVariables"), Ut = class {
 	static {
 		e(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 = R("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = U("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
 	}
 	updateColors() {
 		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.noteFontWeight = 600, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
 		let e = "#ECECFE", t = "#E9E9F1", n = x(e, {
 			h: 180,
 			l: 5
@@ -2207,7 +2328,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = this.mainBkg;
 		if (this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
 		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
@@ -2276,7 +2397,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2287,29 +2408,29 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, Mt = /* @__PURE__ */ e((e) => {
-	let t = new jt();
+}, Wt = /* @__PURE__ */ e((e) => {
+	let t = new Ut();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Nt = class {
+}, "getThemeVariables"), G = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = g(255, 255, 255, .25), this.arrowheadColor = C(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
 	}
 	updateColors() {
 		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.compositeBackground = "#16141F", this.altBackground = "#16141F", this.compositeTitleBackground = "#16141F", this.stateEdgeLabelBackground = "#16141F", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.compositeBackground = "#16141F", this.altBackground = "#16141F", this.compositeTitleBackground = "#16141F", this.stateEdgeLabelBackground = "#16141F", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || x(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || x(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || x(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || x(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || x(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || x(this.primaryColor, {
 			h: 210,
 			l: 150
 		}), this.cScale9 = this.cScale9 || x(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || x(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || x(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 75);
 		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = b(this["cScale" + e], 25);
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
@@ -2378,7 +2499,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2389,18 +2510,18 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, Pt = /* @__PURE__ */ e((e) => {
-	let t = new Nt();
+}, Gt = /* @__PURE__ */ e((e) => {
+	let t = new G();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Ft = class {
+}, "getThemeVariables"), Kt = class {
 	static {
 		e(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 = R(this.primaryColor, this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+		this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = U("#28253D", this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
 			"#E879F9",
 			"#2DD4BF",
 			"#FB923C",
@@ -2426,51 +2547,38 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			"#F7FEE7",
 			"#F0F9FF",
 			"#FFF1F2"
-		], this.filterColor = "#000000";
+		], this.usecaseActorBorder = "#A78BFA", this.usecaseActorBkg = "#F5F3FF", this.usecaseBorder = "#2DD4BF", this.usecaseBkg = "#F0FDFA", this.usecaseBoundaryBorder = "#BDBCCC", this.usecaseBoundaryBkg = "#FAFAFC", this.usecaseIncludeLine = "#38BDF8", this.usecaseExtendLine = "#FB923C", this.filterColor = "#000000";
 	}
 	updateColors() {
 		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
-		let e = "#ECECFE", t = "#E9E9F1", n = x(e, {
+		}), this.primaryBorderColor = this.primaryBorderColor || U(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || U(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || U(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || (_(this.background) ? y(this.background, 4) : b(this.background, 4));
+		let e = "#ECECFE", t = x(e, {
 			h: 180,
 			l: 5
 		});
-		this.sectionBkgColor = this.sectionBkgColor || n, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || t, this.sectionBkgColor2 = this.sectionBkgColor2 || e, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || y(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || y(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateEdgeLabelBackground = this.stateEdgeLabelBackground || "#FFFFFF", this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#F9F9FB", this.compositeTitleBackground = this.compositeTitleBackground || "#F9F9FB", this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad", this.sectionBkgColor = this.sectionBkgColor || this.cScale0, this.sectionBkgColor2 = this.sectionBkgColor2 || this.cScale1, this.altSectionBkgColor = this.altSectionBkgColor || "white";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
-		let r = this.darkMode ? -4 : -1;
+		let n = this.darkMode ? -4 : -1;
 		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || x(this.mainBkg, {
 			h: 180,
 			s: -15,
-			l: r * (5 + e * 3)
+			l: n * (5 + e * 3)
 		}), this["surfacePeer" + e] = this["surfacePeer" + e] || x(this.mainBkg, {
 			h: 180,
 			s: -15,
-			l: r * (8 + e * 3)
+			l: n * (8 + e * 3)
 		});
-		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || x(e, { h: 64 }), this.fillType3 = this.fillType3 || x(t, { h: 64 }), this.fillType4 = this.fillType4 || x(e, { h: -64 }), this.fillType5 = this.fillType5 || x(t, { h: -64 }), this.fillType6 = this.fillType6 || x(e, { h: 128 }), this.fillType7 = this.fillType7 || x(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || x(e, { l: -10 }), this.pie5 = this.pie5 || x(t, { l: -10 }), this.pie6 = this.pie6 || x(n, { l: -10 }), this.pie7 = this.pie7 || x(e, {
-			h: 60,
-			l: -10
-		}), this.pie8 = this.pie8 || x(e, {
-			h: -60,
-			l: -10
-		}), this.pie9 = this.pie9 || x(e, {
-			h: 120,
-			l: 0
-		}), this.pie10 = this.pie10 || x(e, {
-			h: 60,
-			l: -20
-		}), this.pie11 = this.pie11 || x(e, {
-			h: -60,
-			l: -20
-		}), this.pie12 = this.pie12 || x(e, {
-			h: 120,
-			l: -10
-		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || x(e, {
+		this.classText = this.classText || this.textColor;
+		for (let e = 0; e < 8; e++) this["fillType" + e] = this["fillType" + e] || this.bkgColorArray[e];
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + (e + 1)] = this["pie" + (e + 1)] || this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this.borderColorArray[e % this.borderColorArray.length];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || e, this.quadrant2Fill = this.quadrant2Fill || x(e, {
 			r: 5,
 			g: 5,
 			b: 5
@@ -2507,7 +2615,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || e, this.git1 = this.git1 || t, this.git2 = this.git2 || n, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || e, this.git1 = this.git1 || "#E9E9F1", this.git2 = this.git2 || t, this.git3 = this.git3 || x(e, { h: -30 }), this.git4 = this.git4 || x(e, { h: -60 }), this.git5 = this.git5 || x(e, { h: -90 }), this.git6 = this.git6 || x(e, { h: 60 }), this.git7 = this.git7 || x(e, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2518,18 +2626,18 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, It = /* @__PURE__ */ e((e) => {
-	let t = new Ft();
+}, qt = /* @__PURE__ */ e((e) => {
+	let t = new Kt();
 	return t.calculate(e), t;
-}, "getThemeVariables"), Lt = class {
+}, "getThemeVariables"), Jt = class {
 	static {
 		e(this, "Theme");
 	}
 	constructor() {
-		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = C(this.background), this.secondaryBorderColor = R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = R(this.tertiaryColor, this.darkMode), this.primaryTextColor = C(this.primaryColor), this.secondaryTextColor = C(this.secondaryColor), this.tertiaryTextColor = C(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(C("#323D47"), 10), this.border1 = "#ccc", this.border2 = g(255, 255, 255, .25), this.arrowheadColor = C(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = y(this.primaryColor, 16), this.tertiaryColor = x(this.primaryColor, { h: -160 }), this.primaryBorderColor = S(this.background), this.secondaryBorderColor = U(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = U(this.tertiaryColor, this.darkMode), this.primaryTextColor = S(this.primaryColor), this.secondaryTextColor = S(this.secondaryColor), this.tertiaryTextColor = S(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = y(S("#323D47"), 10), this.border1 = "#ccc", this.border2 = h(255, 255, 255, .25), this.arrowheadColor = S(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
 			"#E879F9",
 			"#2DD4BF",
 			"#FB923C",
@@ -2542,14 +2650,14 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			"#A3E635 ",
 			"#38BDF8",
 			"#FB7185"
-		], this.bkgColorArray = [], this.filterColor = "#FFFFFF";
+		], this.bkgColorArray = [], this.usecaseActorBorder = "#A78BFA", this.usecaseBorder = "#2DD4BF", this.usecaseBoundaryBorder = "#BDBCCC", this.usecaseIncludeLine = "#38BDF8", this.usecaseExtendLine = "#FB923C", this.filterColor = "#FFFFFF";
 	}
 	updateColors() {
 		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || x(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || x(this.primaryColor, {
 			h: 180,
 			l: 5
-		}), this.primaryBorderColor = this.primaryBorderColor || R(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || R(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || R(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || R(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || C(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || C(this.tertiaryColor), this.lineColor = this.lineColor || C(this.background), this.arrowheadColor = this.arrowheadColor || C(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(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 || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || C(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 || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
-		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || C(this["cScale" + e]);
+		}), 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 || S(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || S(this.tertiaryColor), this.lineColor = this.lineColor || S(this.background), this.arrowheadColor = this.arrowheadColor || S(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.secondBkg = this.secondBkg === "calculated" ? y(this.mainBkg, 16) : this.secondBkg, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.flowContainerStroke = this.flowContainerStroke || this.secondaryBorderColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || b(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || S(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.rootLabelColor = "#FFFFFF", this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || y(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || this.secondBkg, this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateEdgeLabelBackground = this.stateEdgeLabelBackground || "#16141F", this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || "#16141F", this.altBackground = this.altBackground || "#16141F", this.compositeTitleBackground = this.compositeTitleBackground || "#16141F", this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad", this.sectionBkgColor = this.sectionBkgColor || this.cScale0, this.sectionBkgColor2 = this.sectionBkgColor2 || this.cScale1, this.altSectionBkgColor = this.altSectionBkgColor || this.background;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || S(this["cScale" + e]);
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || y(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || b(this["cScale" + e], 10);
 		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
 		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = b(this["cScale" + e], 75);
@@ -2563,25 +2671,22 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			s: -15,
 			l: e * (8 + t * 3)
 		});
-		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || x(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || x(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || x(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || x(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || x(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || x(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || x(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || x(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || x(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || x(this.primaryColor, {
-			h: 60,
-			l: -10
-		}), this.pie8 = this.pie8 || x(this.primaryColor, {
-			h: -60,
-			l: -10
-		}), this.pie9 = this.pie9 || x(this.primaryColor, {
-			h: 120,
-			l: 0
-		}), this.pie10 = this.pie10 || x(this.primaryColor, {
-			h: 60,
-			l: -20
-		}), this.pie11 = this.pie11 || x(this.primaryColor, {
-			h: -60,
-			l: -20
-		}), this.pie12 = this.pie12 || x(this.primaryColor, {
-			h: 120,
-			l: -10
-		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
+		this.classText = this.classText || this.textColor, [
+			"#701a75",
+			"#134e4a",
+			"#7c2d12",
+			"#581c87",
+			"#14532d",
+			"#4c1d95",
+			"#7f1d1d",
+			"#713f12"
+		].forEach((e, t) => {
+			this["fillType" + t] = this["fillType" + t] || e;
+		});
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + (e + 1)] = this["pie" + (e + 1)] || this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || "#28253D", this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this.borderColorArray[e % this.borderColorArray.length];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || x(this.primaryColor, {
 			r: 5,
 			g: 5,
 			b: 5
@@ -2618,7 +2723,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
 			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
 			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
-		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || C(this.git0), this.gitInv1 = this.gitInv1 || C(this.git1), this.gitInv2 = this.gitInv2 || C(this.git2), this.gitInv3 = this.gitInv3 || C(this.git3), this.gitInv4 = this.gitInv4 || C(this.git4), this.gitInv5 = this.gitInv5 || C(this.git5), this.gitInv6 = this.gitInv6 || C(this.git6), this.gitInv7 = this.gitInv7 || C(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || I, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || L;
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? b(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || x(this.primaryColor, { h: -30 }), this.git4 = this.git4 || x(this.primaryColor, { h: -60 }), this.git5 = this.git5 || x(this.primaryColor, { h: -90 }), this.git6 = this.git6 || x(this.primaryColor, { h: 60 }), this.git7 = this.git7 || x(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = y(this.git0, 25), this.git1 = y(this.git1, 25), this.git2 = y(this.git2, 25), this.git3 = y(this.git3, 25), this.git4 = y(this.git4, 25), this.git5 = y(this.git5, 25), this.git6 = y(this.git6, 25), this.git7 = y(this.git7, 25)) : (this.git0 = b(this.git0, 25), this.git1 = b(this.git1, 25), this.git2 = b(this.git2, 25), this.git3 = b(this.git3, 25), this.git4 = b(this.git4, 25), this.git5 = b(this.git5, 25), this.git6 = b(this.git6, 25), this.git7 = b(this.git7, 25)), this.gitInv0 = this.gitInv0 || S(this.git0), this.gitInv1 = this.gitInv1 || S(this.git1), this.gitInv2 = this.gitInv2 || S(this.git2), this.gitInv3 = this.gitInv3 || S(this.git3), this.gitInv4 = this.gitInv4 || S(this.git4), this.gitInv5 = this.gitInv5 || S(this.git5), this.gitInv6 = this.gitInv6 || S(this.git6), this.gitInv7 = this.gitInv7 || S(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || V, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || H;
 	}
 	calculate(e) {
 		if (typeof e != "object") {
@@ -2629,27 +2734,29 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		t.forEach((t) => {
 			this[t] = e[t];
 		}), this.updateColors(), t.forEach((t) => {
-			this[t] = e[t];
+			this[t] = W(this[t], e[t]);
 		});
 	}
-}, V = {
-	base: { getThemeVariables: bt },
-	dark: { getThemeVariables: xt },
-	default: { getThemeVariables: Ct },
-	forest: { getThemeVariables: B },
-	neutral: { getThemeVariables: Et },
-	neo: { getThemeVariables: Ot },
-	"neo-dark": { getThemeVariables: At },
-	redux: { getThemeVariables: Mt },
-	"redux-dark": { getThemeVariables: Pt },
-	"redux-color": { getThemeVariables: It },
+}, K = {
+	base: { getThemeVariables: At },
+	dark: { getThemeVariables: Mt },
+	default: { getThemeVariables: Pt },
+	forest: { getThemeVariables: It },
+	neutral: { getThemeVariables: Rt },
+	neo: { getThemeVariables: Bt },
+	"neo-dark": { getThemeVariables: Ht },
+	redux: { getThemeVariables: Wt },
+	"redux-dark": { getThemeVariables: Gt },
+	"redux-color": { getThemeVariables: qt },
 	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ e((e) => {
-		let t = new Lt();
+		let t = new Jt();
 		return t.calculate(e), t;
 	}, "getThemeVariables") }
-}, H = {
+}, q = {
 	flowchart: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		titleTopMargin: 25,
 		subGraphTitleMargin: {
 			top: 0,
@@ -2661,19 +2768,35 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		rankSpacing: 50,
 		curve: "basis",
 		padding: 15,
-		defaultRenderer: "dagre-wrapper",
-		wrappingWidth: 200,
+		wrappingWidth: 120,
+		minNodeWidth: 120,
 		inheritDir: !1
 	},
 	swimlane: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		layout: "swimlane",
 		lineHops: "arc",
 		ignoreCrossLaneEdges: !0,
 		optimizeRanksByCrossings: !0,
 		automaticLaneOrdering: !1
 	},
+	agentflow: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		titleTopMargin: 25,
+		diagramPadding: 8,
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		wrappingWidth: 120,
+		minNodeWidth: 120
+	},
 	sequence: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		hideUnusedParticipants: !1,
 		activationWidth: 10,
 		diagramMarginX: 50,
@@ -2767,18 +2890,24 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 	},
 	class: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		titleTopMargin: 25,
 		arrowMarkerAbsolute: !1,
 		dividerMargin: 10,
 		padding: 5,
 		textHeight: 10,
-		defaultRenderer: "dagre-wrapper",
 		htmlLabels: !1,
 		hideEmptyMembersBox: !1,
 		hierarchicalNamespaces: !0
 	},
 	state: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		layout: "elk",
+		wrappingWidth: 120,
+		minNodeWidth: 120,
 		titleTopMargin: 25,
 		dividerMargin: 10,
 		sizeUnit: 5,
@@ -2794,11 +2923,12 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		labelHeight: 16,
 		edgeLengthFactor: "20",
 		compositTitleSize: 35,
-		radius: 5,
-		defaultRenderer: "dagre-wrapper"
+		radius: 5
 	},
 	er: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		titleTopMargin: 25,
 		diagramPadding: 20,
 		layoutDirection: "TB",
@@ -2886,6 +3016,8 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 	},
 	requirement: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		rect_fill: "#f9f9f9",
 		text_color: "#333",
 		rect_border_size: "0.5px",
@@ -3113,6 +3245,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		bitWidth: 32,
 		bitsPerRow: 32,
 		showBits: !0,
+		bitOrder: "ascending",
 		paddingX: 5,
 		paddingY: 5
 	},
@@ -3156,8 +3289,27 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		axisLabelFactor: 1.05,
 		curveTension: .17
 	},
+	usecase: {
+		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
+		wrappingWidth: 120,
+		minNodeWidth: 120,
+		actorFontSize: 14,
+		actorFontFamily: "\"Open Sans\", sans-serif",
+		actorFontWeight: "normal",
+		usecaseFontSize: 12,
+		usecaseFontFamily: "\"Open Sans\", sans-serif",
+		usecaseFontWeight: "normal",
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		diagramPadding: 20,
+		colorScheme: "role"
+	},
 	venn: {
 		useMaxWidth: !0,
+		theme: "redux-color",
+		look: "neo",
 		width: 800,
 		height: 450,
 		padding: 8,
@@ -3175,7 +3327,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 	theme: "default",
 	look: "classic",
 	handDrawnSeed: 0,
-	layout: "dagre",
+	layout: "elk",
 	maxTextSize: 5e4,
 	maxEdges: 500,
 	darkMode: !1,
@@ -3198,21 +3350,28 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 	fontSize: 16,
 	markdownAutoWrap: !0,
 	suppressErrorRendering: !1
-}, U = {
-	...H,
+}, Yt = {
+	...q,
 	deterministicIDSeed: void 0,
 	elk: {
 		mergeEdges: !1,
-		nodePlacementStrategy: "BRANDES_KOEPF",
-		nodePlacementAlignment: "NONE",
+		straightenEdges: !0,
+		lineHops: !0,
+		preset: "default",
+		nodePlacementStrategy: void 0,
+		layeringStrategy: void 0,
+		cycleBreakingStrategy: void 0,
+		layeringLayerBound: 4,
+		nodePlacementAlignment: void 0,
 		forceNodeModelOrder: !1,
 		considerModelOrder: "NODES_AND_EDGES",
-		keepEntryNodeOnTop: !1
+		keepEntryNodeOnTop: !1,
+		orientFeedbackEdges: !0
 	},
 	themeCSS: void 0,
-	themeVariables: V.default.getThemeVariables(),
+	themeVariables: K.default.getThemeVariables(),
 	sequence: {
-		...H.sequence,
+		...q.sequence,
 		messageFont: /* @__PURE__ */ e(function() {
 			return {
 				fontFamily: this.messageFontFamily,
@@ -3236,17 +3395,19 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		}, "actorFont")
 	},
 	class: {
-		defaultRenderer: "dagre-wrapper",
+		theme: q.class?.theme,
+		look: q.class?.look,
+		layout: q.class?.layout,
 		hideEmptyMembersBox: !1,
 		hierarchicalNamespaces: !0
 	},
 	gantt: {
-		...H.gantt,
+		...q.gantt,
 		tickInterval: void 0,
 		useWidth: void 0
 	},
 	c4: {
-		...H.c4,
+		...q.c4,
 		useWidth: void 0,
 		personFont: /* @__PURE__ */ e(function() {
 			return {
@@ -3256,7 +3417,7 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 			};
 		}, "personFont"),
 		flowchart: {
-			...H.flowchart,
+			...q.flowchart,
 			inheritDir: !1
 		},
 		external_personFont: /* @__PURE__ */ e(function() {
@@ -3408,26 +3569,27 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		}, "messageFont")
 	},
 	pie: {
-		...H.pie,
+		...q.pie,
 		useWidth: 984
 	},
 	xyChart: {
-		...H.xyChart,
+		...q.xyChart,
 		useWidth: void 0
 	},
 	requirement: {
-		...H.requirement,
+		...q.requirement,
 		useWidth: void 0
 	},
-	packet: { ...H.packet },
-	eventmodeling: { ...H.eventmodeling },
+	packet: { ...q.packet },
+	eventmodeling: { ...q.eventmodeling },
 	treeView: {
-		...H.treeView,
+		...q.treeView,
 		useWidth: void 0
 	},
-	radar: { ...H.radar },
+	radar: { ...q.radar },
+	usecase: { ...q.usecase },
 	railroad: {
-		...H.railroad,
+		...q.railroad,
 		fontSize: void 0,
 		fontFamily: void 0,
 		terminalFill: void 0,
@@ -3445,9 +3607,9 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		specialStroke: void 0,
 		ruleNameColor: void 0
 	},
-	ishikawa: { ...H.ishikawa },
+	ishikawa: { ...q.ishikawa },
 	sankey: {
-		...H.sankey,
+		...q.sankey,
 		nodeColors: void 0
 	},
 	treemap: {
@@ -3462,42 +3624,51 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		labelFontSize: 14,
 		valueFormat: ","
 	},
-	venn: { ...H.venn },
-	cynefin: { ...H.cynefin }
-}, Rt = /* @__PURE__ */ e((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
+	venn: { ...q.venn },
+	cynefin: { ...q.cynefin }
+}, Xt = /* @__PURE__ */ e((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
 	...n,
 	t + r,
-	...Rt(e[r], "")
-] : [...n, t + r], []), "keyify"), zt = new Set(Rt(U, "")), Bt = U, Vt = {
+	...Xt(e[r], "")
+] : [...n, t + r], []), "keyify"), Zt = new Set(Xt(Yt, "")), Qt = Yt, $t = {
+	"flowchart-v2": "flowchart",
+	"flowchart-elk": "flowchart",
+	classDiagram: "class",
+	stateDiagram: "state",
+	xychart: "xyChart",
+	railroadAbnf: "railroad",
+	railroadEbnf: "railroad",
+	railroadPeg: "railroad"
+}, J = /* @__PURE__ */ e((e) => $t[e] ?? e, "getDiagramConfigKey"), en = {
 	nodeColors: /^#[\da-f]{3,8}$|^rgb\([\d\s%,.]+\)$|^hsl\([\d\s%,.]+\)$|^[a-z]+$/i,
 	filenameIcons: /^[\w-]+(?::[\w-]+)?$/,
 	extensionIcons: /^[\w-]+(?::[\w-]+)?$/
-}, Ht = /* @__PURE__ */ e((e, t) => {
+}, tn = /* @__PURE__ */ e((e, t) => {
 	for (let n of Object.keys(e)) {
 		let i = e[n];
 		(n.startsWith("__") || n.includes("proto") || n.includes("constr") || typeof i != "string" || !t.test(i)) && (r.debug("sanitize deleting dictionary entry:", n, i), delete e[n]);
 	}
-}, "sanitizeDictionaryConfig"), W = /* @__PURE__ */ e((e) => {
+}, "sanitizeDictionaryConfig"), nn = /* @__PURE__ */ e((e) => {
 	if (r.debug("sanitizeDirective called with", e), !(typeof e != "object" || !e)) {
 		if (Array.isArray(e)) {
-			e.forEach((e) => W(e));
+			e.forEach((e) => nn(e));
 			return;
 		}
 		for (let t of Object.keys(e)) {
-			if (r.debug("Checking key", t), t.startsWith("__") || t.includes("proto") || t.includes("constr") || !zt.has(t) || e[t] == null) {
+			if (r.debug("Checking key", t), t.startsWith("__") || t.includes("proto") || t.includes("constr") || !Zt.has(t) || e[t] == null) {
 				r.debug("sanitize deleting key: ", t), delete e[t];
 				continue;
 			}
 			if (typeof e[t] == "object") {
-				let n = Vt[t];
-				n ? Ht(e[t], n) : (r.debug("sanitizing object", t), W(e[t]));
+				let n = en[t];
+				n ? tn(e[t], n) : (r.debug("sanitizing object", t), nn(e[t]));
 				continue;
 			}
 			for (let n of [
 				"themeCSS",
 				"fontFamily",
 				"altFontFamily"
-			]) t.includes(n) && (r.debug("sanitizing css option", t), e[t] = Ut(e[t]));
+			]) t.includes(n) && (r.debug("sanitizing css option", t), e[t] = rn(e[t]));
 		}
 		if (e.themeVariables) for (let t of Object.keys(e.themeVariables)) {
 			let n = e.themeVariables[t];
@@ -3505,176 +3676,185 @@ var vt = _t(), P = /* @__PURE__ */ e((e, t, { depth: n = 2 } = {}) => {
 		}
 		r.debug("After sanitization", e);
 	}
-}, "sanitizeDirective"), Ut = /* @__PURE__ */ e((e) => {
+}, "sanitizeDirective"), rn = /* @__PURE__ */ e((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"), G = Object.freeze(Bt), K = /* @__PURE__ */ e((e) => !(e === !1 || [
+}, "sanitizeCss"), an = Object.freeze(Qt), on = [
+	"theme",
+	"look",
+	"layout"
+], sn = /* @__PURE__ */ new Set([
+	"classic",
+	"handDrawn",
+	"neo"
+]), cn = /* @__PURE__ */ e((e, t) => e === "theme" ? t === "null" || Object.hasOwn(K, t) : e !== "look" || sn.has(t), "isUsableAppearance"), ln = /* @__PURE__ */ e((e, t, n) => {
+	if (e) return [e[t]?.[n], e[n]].find((e) => e !== void 0 && cn(n, e));
+}, "readAppearance"), un = /* @__PURE__ */ e((e) => !(e === !1 || [
 	"false",
 	"null",
 	"0"
-].includes(String(e).trim().toLowerCase())), "evaluate"), q = F({}, G), Wt, Gt = [], Kt = F({}, G), qt = /* @__PURE__ */ e((e, t) => {
-	let n = F({}, e), r = {};
-	for (let e of t) $t(e), r = F(r, e);
-	if (n = F(n, r), r.theme && r.theme in V) {
-		let e = F(F({}, Wt).themeVariables || {}, r.themeVariables);
-		n.theme && n.theme in V && (n.themeVariables = V[n.theme].getThemeVariables(e));
-	}
-	return Kt = n, on(Kt), Kt;
-}, "updateCurrentConfig"), Jt = /* @__PURE__ */ e((e) => (q = F({}, G), q = F(q, e), e.theme && V[e.theme] && (q.themeVariables = V[e.theme].getThemeVariables(e.themeVariables)), qt(q, Gt), q), "setSiteConfig"), Yt = /* @__PURE__ */ e((e) => {
-	Wt = F({}, e);
-}, "saveConfigFromInitialize"), Xt = /* @__PURE__ */ e((e) => (q = F(q, e), qt(q, Gt), q), "updateSiteConfig"), Zt = /* @__PURE__ */ e(() => F({}, q), "getSiteConfig"), Qt = /* @__PURE__ */ e((e) => (qt(Kt, [e]), J()), "setConfig"), J = /* @__PURE__ */ e(() => F({}, Kt), "getConfig"), $t = /* @__PURE__ */ e((e) => {
-	e && (["secure", ...q.secure ?? []].forEach((t) => {
+].includes(String(e).trim().toLowerCase())), "evaluate"), Y = B({}, an), dn, fn = {}, X = [], pn = B({}, an), Z, mn = /* @__PURE__ */ e((e, t) => {
+	if (!Z) return;
+	let n = [
+		t,
+		...[...X].reverse(),
+		fn,
+		an
+	], r = e[Z];
+	for (let t of on) for (let i of n) {
+		let n = ln(i, Z, t);
+		if (n !== void 0) {
+			e[t] = n, r?.[t] !== void 0 && (r[t] = n);
+			break;
+		}
+	}
+}, "resolveAppearance"), hn = /* @__PURE__ */ e((e, t) => {
+	let n = B({}, e), r = {};
+	for (let e of t) $(e), r = B(r, e);
+	if (n = B(n, r), mn(n, r), (r.theme || n.theme !== e.theme) && n.theme && Object.hasOwn(K, n.theme)) {
+		let e = B(B({}, dn).themeVariables || {}, r.themeVariables);
+		n.themeVariables = K[n.theme].getThemeVariables(e);
+	}
+	return pn = n, Dn(pn), pn;
+}, "updateCurrentConfig"), gn = /* @__PURE__ */ e((e) => {
+	Z = e === void 0 ? void 0 : J(e), hn(Y, X);
+}, "setDiagramConfigScope"), _n = /* @__PURE__ */ e((e) => (Y = B({}, an), Y = B(Y, e), fn = B({}, e), e.theme && Object.hasOwn(K, e.theme) && (Y.themeVariables = K[e.theme].getThemeVariables(e.themeVariables)), hn(Y, X), Y), "setSiteConfig"), vn = /* @__PURE__ */ e((e) => {
+	dn = B({}, e);
+}, "saveConfigFromInitialize"), yn = /* @__PURE__ */ e((e) => (Y = B(Y, e), fn = B(fn, e), hn(Y, X), Y), "updateSiteConfig"), bn = /* @__PURE__ */ e(() => B({}, Y), "getSiteConfig"), xn = /* @__PURE__ */ e((e) => (hn(pn, [e]), Q()), "setConfig"), Q = /* @__PURE__ */ e(() => B({}, pn), "getConfig"), $ = /* @__PURE__ */ e((e) => {
+	e && (["secure", ...Y.secure ?? []].forEach((t) => {
 		Object.hasOwn(e, t) && (r.debug(`Denied attempt to modify a secure key ${t}`, e[t]), delete e[t]);
 	}), Object.keys(e).forEach((t) => {
 		t.startsWith("__") && delete e[t];
 	}), Object.keys(e).forEach((t) => {
-		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && $t(e[t]);
+		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && $(e[t]);
 	}));
-}, "sanitize"), en = /* @__PURE__ */ e((e) => {
-	W(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
+}, "sanitize"), Sn = /* @__PURE__ */ e((e) => {
+	nn(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
 		...e.themeVariables,
 		fontFamily: e.fontFamily
-	}), Gt.push(e), qt(q, Gt);
-}, "addDirective"), tn = /* @__PURE__ */ e((e = q) => {
-	Gt = [], qt(e, Gt);
-}, "reset"), nn = {
+	}), X.push(e), hn(Y, X);
+}, "addDirective"), Cn = /* @__PURE__ */ e((e = Y) => {
+	X = [], Z = void 0, hn(e, X);
+}, "reset"), wn = {
 	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."
-}, rn = {}, an = /* @__PURE__ */ e((e) => {
-	rn[e] || (r.warn(nn[e]), rn[e] = !0);
-}, "issueWarning"), on = /* @__PURE__ */ e((e) => {
-	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && an("LAZY_LOAD_DEPRECATED");
-}, "checkConfig"), sn = /* @__PURE__ */ e(() => {
+}, Tn = {}, En = /* @__PURE__ */ e((e) => {
+	Tn[e] || (r.warn(wn[e]), Tn[e] = !0);
+}, "issueWarning"), Dn = /* @__PURE__ */ e((e) => {
+	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && En("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), On = /* @__PURE__ */ e(() => {
 	let e = {};
-	Wt && (e = F(e, Wt));
-	for (let t of Gt) e = F(e, t);
+	dn && (e = B(e, dn));
+	for (let t of X) e = B(e, t);
 	return e;
-}, "getUserDefinedConfig"), cn = /* @__PURE__ */ e((e) => (e.flowchart?.htmlLabels != null && an("FLOWCHART_HTML_LABELS_DEPRECATED"), K(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), ln = /^([^\S\n\r]*)-{3}\s*[\n\r](.*?)[\n\r]\1-{3}\s*[\n\r]+/s, Y = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, un = /\s*%%.*\n/gm, dn = class extends Error {
-	static {
-		e(this, "UnknownDiagramError");
-	}
-	constructor(e) {
-		super(e), this.name = "UnknownDiagramError";
-	}
-}, X = {}, fn = /* @__PURE__ */ e(function(e, t) {
-	e = e.replace(ln, "").replace(Y, "").replace(un, "\n");
-	for (let [n, { detector: r }] of Object.entries(X)) if (r(e, t)) return n;
-	throw new dn(`No diagram type detected matching given configuration for text: ${e}`);
-}, "detectType"), pn = /* @__PURE__ */ e((...e) => {
-	for (let { id: t, detector: n, loader: r } of e) mn(t, n, r);
-}, "registerLazyLoadedDiagrams"), mn = /* @__PURE__ */ e((e, t, n) => {
-	X[e] && r.warn(`Detector with key ${e} already exists. Overwriting.`), X[e] = {
-		detector: t,
-		loader: n
-	}, r.debug(`Detector with key ${e} added${n ? " with loader" : ""}`);
-}, "addDetector"), hn = /* @__PURE__ */ e((e) => X[e].loader, "getDiagramLoader"), Z = /<br\s*\/?>/gi, gn = /* @__PURE__ */ e((e) => e ? wn(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), _n = /* @__PURE__ */ (() => {
+}, "getUserDefinedConfig"), kn = /* @__PURE__ */ e((e) => (e.flowchart?.htmlLabels != null && En("FLOWCHART_HTML_LABELS_DEPRECATED"), un(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), An = /<\/?br\s*\/?>/gi, jn = new RegExp(An.source, "i"), Mn = /* @__PURE__ */ e((e) => e ? Hn(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), Nn = /* @__PURE__ */ (() => {
 	let e = !1;
 	return () => {
-		e ||= (vn(), !0);
+		e ||= (Pn(), !0);
 	};
 })();
-function vn() {
+function Pn() {
 	let e = "data-temp-href-target";
-	vt.addHook("beforeSanitizeAttributes", (t) => {
+	P.addHook("beforeSanitizeAttributes", (t) => {
 		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
-	}), vt.addHook("afterSanitizeAttributes", (t) => {
+	}), P.addHook("afterSanitizeAttributes", (t) => {
 		t.tagName === "A" && t.hasAttribute(e) && (t.setAttribute("target", t.getAttribute(e) ?? ""), t.removeAttribute(e), t.getAttribute("target") === "_blank" && t.setAttribute("rel", "noopener"));
 	});
 }
-e(vn, "setupDompurifyHooks");
-var yn = /* @__PURE__ */ e((e) => (_n(), vt.sanitize(e)), "removeScript"), bn = /* @__PURE__ */ e((e, t) => {
-	if (cn(t)) {
+e(Pn, "setupDompurifyHooks");
+var Fn = /* @__PURE__ */ e((e) => (Nn(), P.sanitize(e)), "removeScript"), In = /* @__PURE__ */ e((e, t) => {
+	if (kn(t)) {
 		let n = t.securityLevel;
-		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));
+		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Fn(e) : n !== "loose" && (e = Hn(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Vn(e));
 	}
 	return e;
-}, "sanitizeMore"), Q = /* @__PURE__ */ e((e, t) => e && (e = t.dompurifyConfig ? vt.sanitize(bn(e, t), t.dompurifyConfig).toString() : vt.sanitize(bn(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), $ = /* @__PURE__ */ e((e, t) => typeof e == "string" ? Q(e, t) : e.flat().map((e) => Q(e, t)), "sanitizeTextOrArray"), xn = /* @__PURE__ */ e((e) => Z.test(e), "hasBreaks"), Sn = /* @__PURE__ */ e((e) => e.split(Z), "splitBreaks"), Cn = /* @__PURE__ */ e((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), wn = /* @__PURE__ */ e((e) => e.replace(Z, "#br#"), "breakToPlaceholder"), Tn = /* @__PURE__ */ e((e) => {
+}, "sanitizeMore"), Ln = /* @__PURE__ */ e((e, t) => e && (e = t.dompurifyConfig ? P.sanitize(In(e, t), t.dompurifyConfig).toString() : P.sanitize(In(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), Rn = /* @__PURE__ */ e((e, t) => typeof e == "string" ? Ln(e, t) : e.flat().map((e) => Ln(e, t)), "sanitizeTextOrArray"), zn = /* @__PURE__ */ e((e) => jn.test(e), "hasBreaks"), Bn = /* @__PURE__ */ e((e) => e.split(An), "splitBreaks"), Vn = /* @__PURE__ */ e((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), Hn = /* @__PURE__ */ e((e) => e.replace(An, "#br#"), "breakToPlaceholder"), Un = /* @__PURE__ */ e((e) => {
 	let t = "";
 	return e && (t = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, t = CSS.escape(t)), t;
-}, "getUrl"), En = /* @__PURE__ */ e(function(...e) {
+}, "getUrl"), Wn = /* @__PURE__ */ e(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.max(...t);
-}, "getMax"), Dn = /* @__PURE__ */ e(function(...e) {
+}, "getMax"), Gn = /* @__PURE__ */ e(function(...e) {
 	let t = e.filter((e) => !isNaN(e));
 	return Math.min(...t);
-}, "getMin"), On = /* @__PURE__ */ e(function(e) {
+}, "getMin"), Kn = /* @__PURE__ */ e(function(e) {
 	let t = e.split(/(,)/), n = [];
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e];
 		if (r === "," && e > 0 && e + 1 < t.length) {
 			let i = t[e - 1], a = t[e + 1];
-			An(i, a) && (r = i + "," + a, e++, n.pop());
+			Jn(i, a) && (r = i + "," + a, e++, n.pop());
 		}
-		n.push(jn(r));
+		n.push(Yn(r));
 	}
 	return n.join("");
-}, "parseGenericTypes"), kn = /* @__PURE__ */ e((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), An = /* @__PURE__ */ e((e, t) => {
-	let n = kn(e, "~"), r = kn(t, "~");
+}, "parseGenericTypes"), qn = /* @__PURE__ */ e((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), Jn = /* @__PURE__ */ e((e, t) => {
+	let n = qn(e, "~"), r = qn(t, "~");
 	return n === 1 && r === 1;
-}, "shouldCombineSets"), jn = /* @__PURE__ */ e((e) => {
-	let t = kn(e, "~"), n = !1;
+}, "shouldCombineSets"), Yn = /* @__PURE__ */ e((e) => {
+	let t = qn(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"), Mn = /* @__PURE__ */ e(() => window.MathMLElement !== void 0, "isMathMLSupported"), Nn = /\$\$(.*?)\$\$/g, Pn = /* @__PURE__ */ e((e) => (e.match(Nn)?.length ?? 0) > 0, "hasKatex"), Fn = /* @__PURE__ */ e(async (e, t) => {
+}, "processSet"), Xn = /* @__PURE__ */ e(() => window.MathMLElement !== void 0, "isMathMLSupported"), Zn = /\$\$(.*?)\$\$/g, Qn = /* @__PURE__ */ e((e) => (e.match(Zn)?.length ?? 0) > 0, "hasKatex"), $n = /* @__PURE__ */ e(async (e, t) => {
 	let n = document.createElement("div");
-	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);
+	n.innerHTML = await tr(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"), In = /* @__PURE__ */ e(async (e, t) => {
-	if (!Pn(e)) return e;
-	if (!(Mn() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(Nn, "MathML is unsupported in this environment.");
+}, "calculateMathMLDimensions"), er = /* @__PURE__ */ e(async (e, t) => {
+	if (!Qn(e)) return e;
+	if (!(Xn() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(Zn, "MathML is unsupported in this environment.");
 	{
-		let { default: n } = await import("./katex-ohtLbxXc.js"), r = t.forceLegacyMathML || !Mn() && t.legacyMathML ? "htmlAndMathml" : "mathml";
-		return e.split(Z).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, {
+		let { default: n } = await import("./katex-ohtLbxXc.js"), r = t.forceLegacyMathML || !Xn() && t.legacyMathML ? "htmlAndMathml" : "mathml";
+		return e.split(An).map((e) => Qn(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(Zn, (e, t) => n.renderToString(t, {
 			throwOnError: !0,
 			displayMode: !0,
 			output: r
 		}).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
 	}
-}, "renderKatexUnsanitized"), Ln = /* @__PURE__ */ e(async (e, t) => Q(await In(e, t), t), "renderKatexSanitized"), Rn = {
-	getRows: gn,
-	sanitizeText: Q,
-	sanitizeTextOrArray: $,
-	hasBreaks: xn,
-	splitBreaks: Sn,
-	lineBreakRegex: Z,
-	removeScript: yn,
-	getUrl: Tn,
-	evaluate: K,
-	getMax: En,
-	getMin: Dn
-}, zn = /* @__PURE__ */ e(function(e, t) {
+}, "renderKatexUnsanitized"), tr = /* @__PURE__ */ e(async (e, t) => Ln(await er(e, t), t), "renderKatexSanitized"), nr = {
+	getRows: Mn,
+	sanitizeText: Ln,
+	sanitizeTextOrArray: Rn,
+	hasBreaks: zn,
+	splitBreaks: Bn,
+	lineBreakRegex: An,
+	removeScript: Fn,
+	getUrl: Un,
+	evaluate: un,
+	getMax: Wn,
+	getMin: Gn
+}, rr = /* @__PURE__ */ e(function(e, t) {
 	for (let n of t) e.attr(n[0], n[1]);
-}, "d3Attrs"), Bn = /* @__PURE__ */ e(function(e, t, n) {
+}, "d3Attrs"), ir = /* @__PURE__ */ e(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"), Vn = /* @__PURE__ */ e(function(e, t, n, r) {
-	zn(e, Bn(t, n, r));
-}, "configureSvgSize"), Hn = /* @__PURE__ */ e(function(e, t, n, i) {
+}, "calculateSvgSizeAttrs"), ar = /* @__PURE__ */ e(function(e, t, n, r) {
+	rr(e, ir(t, n, r));
+}, "configureSvgSize"), or = /* @__PURE__ */ e(function(e, t, n, i) {
 	let a = t.node().getBBox(), o = a.width, s = a.height;
 	r.info(`SVG bounds: ${o}x${s}`, a);
 	let c = 0, l = 0;
-	r.info(`Graph bounds: ${c}x${l}`, e), c = o + n * 2, l = s + n * 2, r.info(`Calculated bounds: ${c}x${l}`), Vn(t, l, c, i);
+	r.info(`Graph bounds: ${c}x${l}`, e), c = o + n * 2, l = s + n * 2, r.info(`Calculated bounds: ${c}x${l}`), ar(t, l, c, i);
 	let u = `${a.x - n} ${a.y - n} ${a.width + 2 * n} ${a.height + 2 * n}`;
 	t.attr("viewBox", u);
-}, "setupGraphViewbox"), Un = {};
-function Wn(e) {
+}, "setupGraphViewbox"), sr = {};
+function cr(e) {
 	return [...e.cssRules].map((e) => e.cssText).join("\n");
 }
-e(Wn, "cssStyleSheetToString");
-var Gn = /* @__PURE__ */ e((e, t, n, i) => {
+e(cr, "cssStyleSheetToString");
+var lr = /* @__PURE__ */ e((e, t, n, i) => {
 	let a = "";
-	return e in Un && Un[e] ? a = Un[e]({
+	return e in sr && sr[e] ? a = sr[e]({
 		...n,
 		svgId: i
 	}) : r.warn(`No theme found for ${e}`), `& {
@@ -3799,32 +3979,32 @@ var Gn = /* @__PURE__ */ e((e, t, n, i) => {
 
   ${t}
 `;
-}, "getStyles"), Kn = /* @__PURE__ */ e((e, t) => {
-	t !== void 0 && (Un[e] = t);
-}, "addStylesForDiagram"), qn = Gn, Jn = {};
-t(Jn, {
-	clear: () => $n,
-	getAccDescription: () => rr,
-	getAccTitle: () => tr,
-	getDiagramTitle: () => ar,
-	setAccDescription: () => nr,
-	setAccTitle: () => er,
-	setDiagramTitle: () => ir
+}, "getStyles"), ur = /* @__PURE__ */ e((e, t) => {
+	t !== void 0 && (sr[e] = t);
+}, "addStylesForDiagram"), dr = lr, fr = {};
+t(fr, {
+	clear: () => _r,
+	getAccDescription: () => xr,
+	getAccTitle: () => yr,
+	getDiagramTitle: () => Cr,
+	setAccDescription: () => br,
+	setAccTitle: () => vr,
+	setDiagramTitle: () => Sr
 });
-var Yn = "", Xn = "", Zn = "", Qn = /* @__PURE__ */ e((e) => Q(e, J()), "sanitizeText"), $n = /* @__PURE__ */ e(() => {
-	Yn = "", Zn = "", Xn = "";
-}, "clear"), er = /* @__PURE__ */ e((e) => {
-	Yn = Qn(e).replace(/^\s+/g, "");
-}, "setAccTitle"), tr = /* @__PURE__ */ e(() => Yn, "getAccTitle"), nr = /* @__PURE__ */ e((e) => {
-	Zn = Qn(e).replace(/\n\s+/g, "\n");
-}, "setAccDescription"), rr = /* @__PURE__ */ e(() => Zn, "getAccDescription"), ir = /* @__PURE__ */ e((e) => {
-	Xn = Qn(e);
-}, "setDiagramTitle"), ar = /* @__PURE__ */ e(() => Xn, "getDiagramTitle"), or = r, sr = n, cr = J, lr = Qt, ur = G, dr = /* @__PURE__ */ e((e) => Q(e, cr()), "sanitizeText"), fr = Hn, pr = /* @__PURE__ */ e(() => Jn, "getCommonDb"), mr = {}, hr = /* @__PURE__ */ e((e, t, n) => {
-	mr[e] && or.warn(`Diagram with id ${e} already registered. Overwriting.`), mr[e] = t, n && mn(e, n), Kn(e, t.styles), t.injectUtils?.(or, sr, cr, dr, fr, pr(), () => {});
-}, "registerDiagram"), gr = /* @__PURE__ */ e((e) => {
-	if (e in mr) return mr[e];
-	throw new _r(e);
-}, "getDiagram"), _r = class extends Error {
+var pr = "", mr = "", hr = "", gr = /* @__PURE__ */ e((e) => Ln(e, Q()), "sanitizeText"), _r = /* @__PURE__ */ e(() => {
+	pr = "", hr = "", mr = "";
+}, "clear"), vr = /* @__PURE__ */ e((e) => {
+	pr = gr(e).replace(/^\s+/g, "");
+}, "setAccTitle"), yr = /* @__PURE__ */ e(() => pr, "getAccTitle"), br = /* @__PURE__ */ e((e) => {
+	hr = gr(e).replace(/\n\s+/g, "\n");
+}, "setAccDescription"), xr = /* @__PURE__ */ e(() => hr, "getAccDescription"), Sr = /* @__PURE__ */ e((e) => {
+	mr = gr(e);
+}, "setDiagramTitle"), Cr = /* @__PURE__ */ e(() => mr, "getDiagramTitle"), wr = r, Tr = n, Er = Q, Dr = xn, Or = an, kr = /* @__PURE__ */ e((e) => Ln(e, Er()), "sanitizeText"), Ar = or, jr = /* @__PURE__ */ e(() => fr, "getCommonDb"), Mr = {}, Nr = /* @__PURE__ */ e((e, t, n) => {
+	Mr[e] && wr.warn(`Diagram with id ${e} already registered. Overwriting.`), Mr[e] = t, n && Dt(e, n), ur(e, t.styles), t.injectUtils?.(wr, Tr, Er, kr, Ar, jr(), () => {});
+}, "registerDiagram"), Pr = /* @__PURE__ */ e((e) => {
+	if (e in Mr) return Mr[e];
+	throw new Fr(e);
+}, "getDiagram"), Fr = class extends Error {
 	static {
 		e(this, "DiagramNotFoundError");
 	}
@@ -3833,4 +4013,4 @@ var Yn = "", Xn = "", Zn = "", Qn = /* @__PURE__ */ e((e) => Q(e, J()), "sanitiz
 	}
 };
 //#endregion
-export { vt as $, Pn as A, dr as B, hn as C, Ct as D, Zt as E, Ln as F, lr as G, nr as H, tn as I, Hn as J, ir as K, Ut as L, On as M, hr as N, Tn as O, pn as P, Xt as Q, W as R, gr as S, cn as T, er as U, Yt as V, Qt as W, qn as X, fr as Y, V as Z, ln as _, $n as a, m as at, J as b, Vn as c, ur as d, b as et, Bt as f, K as g, Y as h, Fn as i, g as it, Z as j, sn as k, Wn as l, X as m, en as n, v as nt, Jn as o, a as ot, fn as p, Jt as q, F as r, _ as rt, Rn as s, dn as t, y as tt, G as u, rr as v, ar as w, cr as x, tr as y, Q as z };
+export { yn as $, An as A, kr as B, Cr as C, Un as D, Pt as E, tr as F, Dr as G, br as H, Cn as I, _n as J, gn as K, rn as L, Kn as M, Nr as N, On as O, Et as P, K as Q, nn as R, R as S, bn as T, vr as U, vn as V, xn as W, Ar as X, or as Y, dr as Z, xr as _, _r as a, h as at, Er as b, ar as c, Or as d, P as et, Qt as f, un as g, bt as h, $n as i, _ as it, Ct as j, Qn as k, cr as l, wt as m, Sn as n, y as nt, fr as o, m as ot, Tt as p, Sr as q, B as r, v as rt, nr as s, a as st, L as t, b as tt, an as u, yr as v, kn as w, Pr as x, Q as y, Ln as z };