npm - @loopstack/loopstack-studio - Versions diffs - 0.25.0 → 0.25.1 - Mend

@loopstack/loopstack-studio 0.25.0 → 0.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1746) hide show

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/chunk-ICPOFSXX.js ADDED Viewed

@@ -0,0 +1,2348 @@
+import { __export as e, __name as t, log as n, setLogLevel as r } from "./chunk-AGHRB4JF.js";
+import i from "../../../../khroma/dist/methods/rgba.js";
+import a from "../../../../khroma/dist/methods/is_dark.js";
+import o from "../../../../khroma/dist/methods/lighten.js";
+import s from "../../../../khroma/dist/methods/darken.js";
+import c from "../../../../khroma/dist/methods/adjust.js";
+import l from "../../../../khroma/dist/methods/invert.js";
+import { purify as u } from "../../../../dompurify/dist/purify.es.js";
+//#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-ICPOFSXX.mjs
+var d = /^-{3}\s*[\n\r](.*?)[\n\r]-{3}\s*[\n\r]+/s, f = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, ee = /\s*%%.*\n/gm, p = class extends Error {
+	static {
+		t(this, "UnknownDiagramError");
+	}
+	constructor(e) {
+		super(e), this.name = "UnknownDiagramError";
+	}
+}, m = {}, te = /* @__PURE__ */ t(function(e, t) {
+	e = e.replace(d, "").replace(f, "").replace(ee, "\n");
+	for (let [n, { detector: r }] of Object.entries(m)) if (r(e, t)) return n;
+	throw new p(`No diagram type detected matching given configuration for text: ${e}`);
+}, "detectType"), ne = /* @__PURE__ */ t((...e) => {
+	for (let { id: t, detector: n, loader: r } of e) h(t, n, r);
+}, "registerLazyLoadedDiagrams"), h = /* @__PURE__ */ t((e, t, r) => {
+	m[e] && n.warn(`Detector with key ${e} already exists. Overwriting.`), m[e] = {
+		detector: t,
+		loader: r
+	}, n.debug(`Detector with key ${e} added${r ? " with loader" : ""}`);
+}, "addDetector"), re = /* @__PURE__ */ t((e) => m[e].loader, "getDiagramLoader"), g = /* @__PURE__ */ t((e, t, { depth: n = 2, clobber: r = !1 } = {}) => {
+	let i = {
+		depth: n,
+		clobber: r
+	};
+	return Array.isArray(t) && !Array.isArray(e) ? (t.forEach((t) => g(e, t, i)), e) : Array.isArray(t) && Array.isArray(e) ? (t.forEach((t) => {
+		e.includes(t) || e.push(t);
+	}), e) : e === void 0 || n <= 0 ? typeof e == "object" && e && typeof t == "object" ? Object.assign(e, t) : t : (t !== void 0 && typeof e == "object" && typeof t == "object" && Object.keys(t).forEach((i) => {
+		typeof t[i] == "object" && t[i] !== null && (e[i] === void 0 || typeof e[i] == "object") ? (e[i] === void 0 && (e[i] = Array.isArray(t[i]) ? [] : {}), e[i] = g(e[i], t[i], {
+			depth: n - 1,
+			clobber: r
+		})) : (r || typeof e[i] != "object" && typeof t[i] != "object") && (e[i] = t[i]);
+	}), e);
+}, "assignWithDepth"), _ = g, v = "#ffffff", y = "#f2f2f2", b = /* @__PURE__ */ t((e, t) => t ? c(e, {
+	s: -40,
+	l: 10
+}) : c(e, {
+	s: -40,
+	l: -10
+}), "mkBorder"), ie = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#f4f4f4", this.primaryColor = "#fff4dd", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.useGradient = !0, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor), this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || o(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 || s(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || s(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || o(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || o(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 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || c(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || c(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || c(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || c(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || c(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || c(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 || c(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || c(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(this.primaryColor, {
+			h: 120,
+			l: -10
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? c(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? c(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? c(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? c(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? c(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? c(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? c(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? c(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.archEdgeColor = this.archEdgeColor || "#777", this.archEdgeArrowColor = this.archEdgeArrowColor || "#777", this.archEdgeWidth = this.archEdgeWidth || "3", this.archGroupBorderColor = this.archGroupBorderColor || "#000", this.archGroupBorderWidth = this.archGroupBorderWidth || "2px", this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(this.primaryColor, { h: -30 }), this.git4 = this.git4 || c(this.primaryColor, { h: -60 }), this.git5 = this.git5 || c(this.primaryColor, { h: -90 }), this.git6 = this.git6 || c(this.primaryColor, { h: 60 }), this.git7 = this.git7 || c(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, ae = /* @__PURE__ */ t((e) => {
+	let t = new ie();
+	return t.calculate(e), t;
+}, "getThemeVariables"), oe = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = o(this.primaryColor, 16), this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = l(this.background), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.lineColor = l(this.background), this.textColor = l(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = o(l("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = i(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 = s("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = s(this.sectionBkgColor, 10), this.taskBorderColor = i(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = i(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 || o(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || s(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 = o(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 = o(this.labelBackground, 25), this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.actorTextColor = this.mainContrastColor, this.actorLineColor = this.actorBorder, this.signalColor = this.mainContrastColor, this.signalTextColor = this.mainContrastColor, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.mainContrastColor, this.loopTextColor = this.mainContrastColor, this.noteBorderColor = this.secondaryBorderColor, this.noteBkgColor = this.secondBkg, this.noteTextColor = this.secondaryTextColor, this.activationBorderColor = this.border1, this.activationBkgColor = this.secondBkg, this.altSectionBkgColor = this.background, this.taskBkgColor = o(this.mainBkg, 23), this.taskTextColor = this.darkTextColor, this.taskTextLightColor = this.mainContrastColor, this.taskTextOutsideColor = this.taskTextLightColor, this.gridColor = this.mainContrastColor, this.doneTaskBkgColor = this.mainContrastColor, this.taskTextDarkColor = l(this.doneTaskBkgColor), this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#555", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#f4f4f4", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = c(this.primaryColor, { h: 64 }), this.fillType3 = c(this.secondaryColor, { h: 64 }), this.fillType4 = c(this.primaryColor, { h: -64 }), this.fillType5 = c(this.secondaryColor, { h: -64 }), this.fillType6 = c(this.primaryColor, { h: 128 }), this.fillType7 = c(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 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10);
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(-10 + e * 4)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(-7 + e * 4)
+		});
+		this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + e] = this["cScale" + e];
+		this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.mainContrastColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.mainContrastColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? o(this["cScale" + e], 30);
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#3498db,#2ecc71,#e74c3c,#f1c40f,#bdc3c7,#ffffff,#34495e,#9b59b6,#1abc9c,#e67e22"
+		}, this.packet = {
+			startByteColor: this.primaryTextColor,
+			endByteColor: this.primaryTextColor,
+			labelColor: this.primaryTextColor,
+			titleColor: this.primaryTextColor,
+			blockStrokeColor: this.primaryTextColor,
+			blockFillColor: this.background
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.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 ? s(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = o(this.secondaryColor, 20), this.git1 = o(this.pie2 || this.secondaryColor, 20), this.git2 = o(this.pie3 || this.tertiaryColor, 20), this.git3 = o(this.pie4 || c(this.primaryColor, { h: -30 }), 20), this.git4 = o(this.pie5 || c(this.primaryColor, { h: -60 }), 20), this.git5 = o(this.pie6 || c(this.primaryColor, { h: -90 }), 10), this.git6 = o(this.pie7 || c(this.primaryColor, { h: 60 }), 10), this.git7 = o(this.pie8 || c(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || l(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || l(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || o(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || o(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, se = /* @__PURE__ */ t((e) => {
+	let t = new oe();
+	return t.calculate(e), t;
+}, "getThemeVariables"), ce = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = c(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = b(this.primaryColor, this.darkMode), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.lineColor = l(this.background), this.textColor = l(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = b(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 = i(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 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || s(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || s(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || c(this["cScale" + e], { h: 180 });
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 30,
+			l: -(5 + e * 5)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 30,
+			l: -(7 + e * 5)
+		});
+		if (this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor, this.labelTextColor !== "calculated") {
+			this.cScaleLabel0 = this.cScaleLabel0 || l(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || l(this.labelTextColor);
+			for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.labelTextColor;
+		}
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.textColor, this.edgeLabelBackground = this.labelBackground, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.signalColor = this.textColor, this.signalTextColor = this.textColor, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || o(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || o(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 = c(this.primaryColor, { h: 64 }), this.fillType3 = c(this.secondaryColor, { h: 64 }), this.fillType4 = c(this.primaryColor, { h: -64 }), this.fillType5 = c(this.secondaryColor, { h: -64 }), this.fillType6 = c(this.primaryColor, { h: 128 }), this.fillType7 = c(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || c(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || c(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || c(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -40
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: -40
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -40
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -90,
+			l: -40
+		}), this.pie12 = this.pie12 || c(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? c(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? c(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? c(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? c(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? c(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? c(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? c(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? c(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#ECECFF,#8493A6,#FFC3A0,#DCDDE1,#B8E994,#D1A36F,#C3CDE6,#FFB6C1,#496078,#F8F3E3"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || c(this.primaryColor, { h: -30 }), this.git4 = this.git4 || c(this.primaryColor, { h: -60 }), this.git5 = this.git5 || c(this.primaryColor, { h: -90 }), this.git6 = this.git6 || c(this.primaryColor, { h: 60 }), this.git7 = this.git7 || c(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || s(l(this.git0), 25), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || l(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || l(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (Object.keys(this).forEach((e) => {
+			this[e] === "calculated" && (this[e] = void 0);
+		}), typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, le = /* @__PURE__ */ t((e) => {
+	let t = new ce();
+	return t.calculate(e), t;
+}, "getThemeVariables"), ue = class {
+	static {
+		t(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 = o("#cde498", 10), this.primaryBorderColor = b(this.primaryColor, this.darkMode), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.primaryColor), this.lineColor = l(this.background), this.textColor = l(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
+	}
+	updateColors() {
+		this.actorBorder = s(this.mainBkg, 20), this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || s(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || s(this.tertiaryColor, 40);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 10), this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || c(this["cScale" + e], { h: 180 });
+		this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(5 + e * 5)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 30,
+			s: -30,
+			l: -(8 + e * 5)
+		});
+		this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.taskBorderColor = this.border1, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || o(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || o(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 = c(this.primaryColor, { h: 64 }), this.fillType3 = c(this.secondaryColor, { h: 64 }), this.fillType4 = c(this.primaryColor, { h: -64 }), this.fillType5 = c(this.secondaryColor, { h: -64 }), this.fillType6 = c(this.primaryColor, { h: 128 }), this.fillType7 = c(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 || c(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || c(this.tertiaryColor, {
+			h: 40,
+			l: -40
+		}), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -50
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -60,
+			l: -50
+		}), this.pie12 = this.pie12 || c(this.primaryColor, {
+			h: 120,
+			l: -50
+		}), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? c(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? c(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? c(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? c(this.primaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn5 = this.venn5 ?? c(this.primaryColor, {
+			h: -60,
+			l: -30
+		}), this.venn6 = this.venn6 ?? c(this.secondaryColor, {
+			h: 60,
+			l: -30
+		}), this.venn7 = this.venn7 ?? c(this.primaryColor, {
+			h: 120,
+			l: -30
+		}), this.venn8 = this.venn8 ?? c(this.secondaryColor, {
+			h: 120,
+			l: -30
+		}), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.packet = {
+			startByteColor: this.primaryTextColor,
+			endByteColor: this.primaryTextColor,
+			labelColor: this.primaryTextColor,
+			titleColor: this.primaryTextColor,
+			blockStrokeColor: this.primaryTextColor,
+			blockFillColor: this.mainBkg
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#CDE498,#FF6B6B,#A0D2DB,#D7BDE2,#F0F0F0,#FFC3A0,#7FD8BE,#FF9A8B,#FAF3E0,#FFF176"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || c(this.primaryColor, { h: -30 }), this.git4 = this.git4 || c(this.primaryColor, { h: -60 }), this.git5 = this.git5 || c(this.primaryColor, { h: -90 }), this.git6 = this.git6 || c(this.primaryColor, { h: 60 }), this.git7 = this.git7 || c(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || l(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || l(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, de = /* @__PURE__ */ t((e) => {
+	let t = new ue();
+	return t.calculate(e), t;
+}, "getThemeVariables"), fe = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = o(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = b(this.primaryColor, this.darkMode), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.lineColor = l(this.background), this.textColor = l(this.background), this.mainBkg = "#eee", this.secondBkg = "calculated", this.lineColor = "#666", this.border1 = "#999", this.border2 = "calculated", this.note = "#ffa", this.text = "#333", this.critical = "#d42", this.done = "#bbb", this.arrowheadColor = "#333333", this.fontFamily = "\"trebuchet ms\", verdana, arial, sans-serif", this.fontSize = "16px", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "white", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = this.actorBorder, this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "calculated", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBkgColor = "calculated", this.critBorderColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.rowOdd = this.rowOdd || o(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 = o(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = o(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, this.signalColor = this.text, this.signalTextColor = this.text, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.text, this.loopTextColor = this.text, this.noteBorderColor = "#999", this.noteBkgColor = "#666", this.noteTextColor = "#fff", this.cScale0 = this.cScale0 || "#555", this.cScale1 = this.cScale1 || "#F4F4F4", this.cScale2 = this.cScale2 || "#555", this.cScale3 = this.cScale3 || "#BBB", this.cScale4 = this.cScale4 || "#777", this.cScale5 = this.cScale5 || "#999", this.cScale6 = this.cScale6 || "#DDD", this.cScale7 = this.cScale7 || "#FFF", this.cScale8 = this.cScale8 || "#DDD", this.cScale9 = this.cScale9 || "#BBB", this.cScale10 = this.cScale10 || "#999", this.cScale11 = this.cScale11 || "#777";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(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] || c(this.mainBkg, { l: -(5 + e * 5) }), this["surfacePeer" + e] = this["surfacePeer" + e] || c(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 = o(this.contrast, 30), this.sectionBkgColor2 = o(this.contrast, 30), this.taskBorderColor = s(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 = o(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = s(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 = c(this.primaryColor, { h: 64 }), this.fillType3 = c(this.secondaryColor, { h: 64 }), this.fillType4 = c(this.primaryColor, { h: -64 }), this.fillType5 = c(this.secondaryColor, { h: -64 }), this.fillType6 = c(this.primaryColor, { h: 128 }), this.fillType7 = c(this.secondaryColor, { h: 128 });
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["pie" + e] = this["cScale" + e];
+		this.pie12 = this.pie0, this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+		for (let e = 0; e < 8; e++) this["venn" + (e + 1)] = this["venn" + (e + 1)] ?? this["cScale" + e];
+		this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#EEE,#6BB8E4,#8ACB88,#C7ACD6,#E8DCC2,#FFB2A8,#FFF380,#7E8D91,#FFD8B1,#FAF3E0"
+		}, this.radar = {
+			axisColor: this.radar?.axisColor || this.lineColor,
+			axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+			axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+			curveOpacity: this.radar?.curveOpacity || .5,
+			curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+			graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+			graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+			graticuleOpacity: this.radar?.graticuleOpacity || .3,
+			legendBoxSize: this.radar?.legendBoxSize || 12,
+			legendFontSize: this.radar?.legendFontSize || 12
+		}, this.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 = s(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || c(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || c(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || c(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || c(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || c(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, pe = /* @__PURE__ */ t((e) => {
+	let t = new fe();
+	return t.calculate(e), t;
+}, "getThemeVariables"), me = class {
+	static {
+		t(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 = b(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 || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = c(e, {
+			h: 180,
+			l: 5
+		});
+		if (this.sectionBkgColor = this.sectionBkgColor || n, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || t, this.sectionBkgColor2 = this.sectionBkgColor2 || e, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || e, this.activeTaskBorderColor = this.activeTaskBorderColor || e, this.activeTaskBkgColor = this.activeTaskBkgColor || o(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || e, this.cScale1 = this.cScale1 || t, this.cScale2 = this.cScale2 || n, this.cScale3 = this.cScale3 || c(e, { h: 30 }), this.cScale4 = this.cScale4 || c(e, { h: 60 }), this.cScale5 = this.cScale5 || c(e, { h: 90 }), this.cScale6 = this.cScale6 || c(e, { h: 120 }), this.cScale7 = this.cScale7 || c(e, { h: 150 }), this.cScale8 = this.cScale8 || c(e, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || c(e, { h: 270 }), this.cScale10 = this.cScale10 || c(e, { h: 300 }), this.cScale11 = this.cScale11 || c(e, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let r = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || c(e, { h: 64 }), this.fillType3 = this.fillType3 || c(t, { h: 64 }), this.fillType4 = this.fillType4 || c(e, { h: -64 }), this.fillType5 = this.fillType5 || c(t, { h: -64 }), this.fillType6 = this.fillType6 || c(e, { h: 128 }), this.fillType7 = this.fillType7 || c(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || c(e, { l: -10 }), this.pie5 = this.pie5 || c(t, { l: -10 }), this.pie6 = this.pie6 || c(n, { l: -10 }), this.pie7 = this.pie7 || c(e, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(e, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(e, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(e, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(e, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(e, { h: -30 }), this.git4 = this.git4 || c(e, { h: -60 }), this.git5 = this.git5 || c(e, { h: -90 }), this.git6 = this.git6 || c(e, { h: 60 }), this.git7 = this.git7 || c(e, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, he = /* @__PURE__ */ t((e) => {
+	let t = new me();
+	return t.calculate(e), t;
+}, "getThemeVariables"), ge = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = o(this.primaryColor, 16), this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = l(this.background), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = o(l("#323D47"), 10), this.border1 = "#ccc", this.border2 = i(255, 255, 255, .25), this.arrowheadColor = l(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor), this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || o(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 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || c(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || c(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || c(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || c(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || c(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || c(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 || c(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || c(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, _e = /* @__PURE__ */ t((e) => {
+	let t = new ge();
+	return t.calculate(e), t;
+}, "getThemeVariables"), ve = class {
+	static {
+		t(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 = b("#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 || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = c(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 || o(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.compositeTitleBackground = "#F9F9FB", this.altBackground = "#F9F9FB", this.stateEdgeLabelBackground = "#FFFFFF", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = this.mainBkg;
+		if (this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let r = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || c(e, { h: 64 }), this.fillType3 = this.fillType3 || c(t, { h: 64 }), this.fillType4 = this.fillType4 || c(e, { h: -64 }), this.fillType5 = this.fillType5 || c(t, { h: -64 }), this.fillType6 = this.fillType6 || c(e, { h: 128 }), this.fillType7 = this.fillType7 || c(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || c(e, { l: -10 }), this.pie5 = this.pie5 || c(t, { l: -10 }), this.pie6 = this.pie6 || c(n, { l: -10 }), this.pie7 = this.pie7 || c(e, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(e, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(e, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(e, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(e, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(e, { h: -30 }), this.git4 = this.git4 || c(e, { h: -60 }), this.git5 = this.git5 || c(e, { h: -90 }), this.git6 = this.git6 || c(e, { h: 60 }), this.git7 = this.git7 || c(e, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, ye = /* @__PURE__ */ t((e) => {
+	let t = new ve();
+	return t.calculate(e), t;
+}, "getThemeVariables"), be = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = o(this.primaryColor, 16), this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = l(this.background), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = o(l("#323D47"), 10), this.border1 = "#ccc", this.border2 = i(255, 255, 255, .25), this.arrowheadColor = l(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
+	}
+	updateColors() {
+		if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor), this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || o(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 || c(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || c(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || c(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || c(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || c(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || c(this.primaryColor, {
+			h: 210,
+			l: 150
+		}), this.cScale9 = this.cScale9 || c(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || c(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || c(this.primaryColor, { h: 330 }), this.darkMode) for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 75);
+		else for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScale" + e] = s(this["cScale" + e], 25);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || c(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || c(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || c(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || c(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || c(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || c(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 || c(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || c(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(this.primaryColor, { h: -30 }), this.git4 = this.git4 || c(this.primaryColor, { h: -60 }), this.git5 = this.git5 || c(this.primaryColor, { h: -90 }), this.git6 = this.git6 || c(this.primaryColor, { h: 60 }), this.git7 = this.git7 || c(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, xe = /* @__PURE__ */ t((e) => {
+	let t = new be();
+	return t.calculate(e), t;
+}, "getThemeVariables"), Se = class {
+	static {
+		t(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 = b(this.primaryColor, this.darkMode), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+			"#E879F9",
+			"#2DD4BF",
+			"#FB923C",
+			"#22D3EE",
+			"#4ADE80",
+			"#A78BFA",
+			"#F87171",
+			"#FACC15",
+			"#818CF8",
+			"#A3E635 ",
+			"#38BDF8",
+			"#FB7185"
+		], this.bkgColorArray = [
+			"#FDF4FF",
+			"#F0FDFA",
+			"#FFF7ED",
+			"#ECFEFF",
+			"#F0FDF4",
+			"#F5F3FF",
+			"#FEF2F2",
+			"#FEFCE8",
+			"#EEF2FF",
+			"#F7FEE7",
+			"#F0F9FF",
+			"#FFF1F2"
+		], this.filterColor = "#000000";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor);
+		let e = "#ECECFE", t = "#E9E9F1", n = c(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 || o(e, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = this["cScaleLabel" + e] || this.scaleLabelColor;
+		let r = this.darkMode ? -4 : -1;
+		for (let e = 0; e < 5; e++) this["surface" + e] = this["surface" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (5 + e * 3)
+		}), this["surfacePeer" + e] = this["surfacePeer" + e] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: r * (8 + e * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || e, this.fillType1 = this.fillType1 || t, this.fillType2 = this.fillType2 || c(e, { h: 64 }), this.fillType3 = this.fillType3 || c(t, { h: 64 }), this.fillType4 = this.fillType4 || c(e, { h: -64 }), this.fillType5 = this.fillType5 || c(t, { h: -64 }), this.fillType6 = this.fillType6 || c(e, { h: 128 }), this.fillType7 = this.fillType7 || c(t, { h: 128 }), this.pie1 = this.pie1 || e, this.pie2 = this.pie2 || t, this.pie3 = this.pie3 || n, this.pie4 = this.pie4 || c(e, { l: -10 }), this.pie5 = this.pie5 || c(t, { l: -10 }), this.pie6 = this.pie6 || c(n, { l: -10 }), this.pie7 = this.pie7 || c(e, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(e, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(e, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(e, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(e, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(e, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(e, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(e, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || e, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(e, { h: -30 }), this.git4 = this.git4 || c(e, { h: -60 }), this.git5 = this.git5 || c(e, { h: -90 }), this.git6 = this.git6 || c(e, { h: 60 }), this.git7 = this.git7 || c(e, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, Ce = /* @__PURE__ */ t((e) => {
+	let t = new Se();
+	return t.calculate(e), t;
+}, "getThemeVariables"), we = class {
+	static {
+		t(this, "Theme");
+	}
+	constructor() {
+		this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = o(this.primaryColor, 16), this.tertiaryColor = c(this.primaryColor, { h: -160 }), this.primaryBorderColor = l(this.background), this.secondaryBorderColor = b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = b(this.tertiaryColor, this.darkMode), this.primaryTextColor = l(this.primaryColor), this.secondaryTextColor = l(this.secondaryColor), this.tertiaryTextColor = l(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = o(l("#323D47"), 10), this.border1 = "#ccc", this.border2 = i(255, 255, 255, .25), this.arrowheadColor = l(this.background), this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "\"Recursive Variable\", arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+			"#E879F9",
+			"#2DD4BF",
+			"#FB923C",
+			"#22D3EE",
+			"#4ADE80",
+			"#A78BFA",
+			"#F87171",
+			"#FACC15",
+			"#818CF8",
+			"#A3E635 ",
+			"#38BDF8",
+			"#FB7185"
+		], this.bkgColorArray = [], this.filterColor = "#FFFFFF";
+	}
+	updateColors() {
+		this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || c(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || c(this.primaryColor, {
+			h: 180,
+			l: 5
+		}), this.primaryBorderColor = this.primaryBorderColor || b(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || b(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || b(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || b(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || l(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || l(this.tertiaryColor), this.lineColor = this.lineColor || l(this.background), this.arrowheadColor = this.arrowheadColor || l(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? s(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 || s(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || l(this.lineColor), this.rootLabelColor = "#FFFFFF", this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || o(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleInv" + e] = this["cScaleInv" + e] || l(this["cScale" + e]);
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this.darkMode ? this["cScalePeer" + e] = this["cScalePeer" + e] || o(this["cScale" + e], 10) : this["cScalePeer" + e] = this["cScalePeer" + e] || s(this["cScale" + e], 10);
+		this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+		for (let e = 0; e < this.THEME_COLOR_LIMIT; e++) this["cScaleLabel" + e] = s(this["cScale" + e], 75);
+		let e = this.darkMode ? -4 : -1;
+		for (let t = 0; t < 5; t++) this["surface" + t] = this["surface" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (5 + t * 3)
+		}), this["surfacePeer" + t] = this["surfacePeer" + t] || c(this.mainBkg, {
+			h: 180,
+			s: -15,
+			l: e * (8 + t * 3)
+		});
+		this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || c(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || c(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || c(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || c(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || c(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || c(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 || c(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || c(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || c(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || c(this.primaryColor, {
+			h: 60,
+			l: -10
+		}), this.pie8 = this.pie8 || c(this.primaryColor, {
+			h: -60,
+			l: -10
+		}), this.pie9 = this.pie9 || c(this.primaryColor, {
+			h: 120,
+			l: 0
+		}), this.pie10 = this.pie10 || c(this.primaryColor, {
+			h: 60,
+			l: -20
+		}), this.pie11 = this.pie11 || c(this.primaryColor, {
+			h: -60,
+			l: -20
+		}), this.pie12 = this.pie12 || c(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 || c(this.primaryColor, {
+			r: 5,
+			g: 5,
+			b: 5
+		}), this.quadrant3Fill = this.quadrant3Fill || c(this.primaryColor, {
+			r: 10,
+			g: 10,
+			b: 10
+		}), this.quadrant4Fill = this.quadrant4Fill || c(this.primaryColor, {
+			r: 15,
+			g: 15,
+			b: 15
+		}), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || c(this.primaryTextColor, {
+			r: -5,
+			g: -5,
+			b: -5
+		}), this.quadrant3TextFill = this.quadrant3TextFill || c(this.primaryTextColor, {
+			r: -10,
+			g: -10,
+			b: -10
+		}), this.quadrant4TextFill = this.quadrant4TextFill || c(this.primaryTextColor, {
+			r: -15,
+			g: -15,
+			b: -15
+		}), this.quadrantPointFill = this.quadrantPointFill || a(this.quadrant1Fill) ? o(this.quadrant1Fill) : s(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+			backgroundColor: this.xyChart?.backgroundColor || this.background,
+			titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+			xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+			xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+			xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+			xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+			yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+			yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+			yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+			yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+			plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+		}, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? s(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 || c(this.primaryColor, { h: -30 }), this.git4 = this.git4 || c(this.primaryColor, { h: -60 }), this.git5 = this.git5 || c(this.primaryColor, { h: -90 }), this.git6 = this.git6 || c(this.primaryColor, { h: 60 }), this.git7 = this.git7 || c(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = o(this.git0, 25), this.git1 = o(this.git1, 25), this.git2 = o(this.git2, 25), this.git3 = o(this.git3, 25), this.git4 = o(this.git4, 25), this.git5 = o(this.git5, 25), this.git6 = o(this.git6, 25), this.git7 = o(this.git7, 25)) : (this.git0 = s(this.git0, 25), this.git1 = s(this.git1, 25), this.git2 = s(this.git2, 25), this.git3 = s(this.git3, 25), this.git4 = s(this.git4, 25), this.git5 = s(this.git5, 25), this.git6 = s(this.git6, 25), this.git7 = s(this.git7, 25)), this.gitInv0 = this.gitInv0 || l(this.git0), this.gitInv1 = this.gitInv1 || l(this.git1), this.gitInv2 = this.gitInv2 || l(this.git2), this.gitInv3 = this.gitInv3 || l(this.git3), this.gitInv4 = this.gitInv4 || l(this.git4), this.gitInv5 = this.gitInv5 || l(this.git5), this.gitInv6 = this.gitInv6 || l(this.git6), this.gitInv7 = this.gitInv7 || l(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || v, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || y;
+	}
+	calculate(e) {
+		if (typeof e != "object") {
+			this.updateColors();
+			return;
+		}
+		let t = Object.keys(e);
+		t.forEach((t) => {
+			this[t] = e[t];
+		}), this.updateColors(), t.forEach((t) => {
+			this[t] = e[t];
+		});
+	}
+}, x = {
+	base: { getThemeVariables: ae },
+	dark: { getThemeVariables: se },
+	default: { getThemeVariables: le },
+	forest: { getThemeVariables: de },
+	neutral: { getThemeVariables: pe },
+	neo: { getThemeVariables: he },
+	"neo-dark": { getThemeVariables: _e },
+	redux: { getThemeVariables: ye },
+	"redux-dark": { getThemeVariables: xe },
+	"redux-color": { getThemeVariables: Ce },
+	"redux-dark-color": { getThemeVariables: /* @__PURE__ */ t((e) => {
+		let t = new we();
+		return t.calculate(e), t;
+	}, "getThemeVariables") }
+}, S = {
+	flowchart: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		subGraphTitleMargin: {
+			top: 0,
+			bottom: 0
+		},
+		diagramPadding: 8,
+		htmlLabels: null,
+		nodeSpacing: 50,
+		rankSpacing: 50,
+		curve: "basis",
+		padding: 15,
+		defaultRenderer: "dagre-wrapper",
+		wrappingWidth: 200,
+		inheritDir: !1
+	},
+	sequence: {
+		useMaxWidth: !0,
+		hideUnusedParticipants: !1,
+		activationWidth: 10,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		actorMargin: 50,
+		width: 150,
+		height: 65,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		mirrorActors: !0,
+		forceMenus: !1,
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		showSequenceNumbers: !1,
+		actorFontSize: 14,
+		actorFontFamily: "\"Open Sans\", sans-serif",
+		actorFontWeight: 400,
+		noteFontSize: 14,
+		noteFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		noteFontWeight: 400,
+		noteAlign: "center",
+		messageFontSize: 16,
+		messageFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		messageFontWeight: 400,
+		wrap: !1,
+		wrapPadding: 10,
+		labelBoxWidth: 50,
+		labelBoxHeight: 20
+	},
+	gantt: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		barHeight: 20,
+		barGap: 4,
+		topPadding: 50,
+		rightPadding: 75,
+		leftPadding: 75,
+		gridLineStartPadding: 35,
+		fontSize: 11,
+		sectionFontSize: 11,
+		numberSectionStyles: 4,
+		axisFormat: "%Y-%m-%d",
+		topAxis: !1,
+		displayMode: "",
+		weekday: "sunday"
+	},
+	journey: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		leftMargin: 150,
+		maxLabelWidth: 360,
+		width: 150,
+		height: 50,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		taskFontSize: 14,
+		taskFontFamily: "\"Open Sans\", sans-serif",
+		taskMargin: 50,
+		activationWidth: 10,
+		textPlacement: "fo",
+		actorColours: [
+			"#8FBC8F",
+			"#7CFC00",
+			"#00FFFF",
+			"#20B2AA",
+			"#B0E0E6",
+			"#FFFFE0"
+		],
+		sectionFills: [
+			"#191970",
+			"#8B008B",
+			"#4B0082",
+			"#2F4F4F",
+			"#800000",
+			"#8B4513",
+			"#00008B"
+		],
+		sectionColours: ["#fff"],
+		titleColor: "",
+		titleFontFamily: "\"trebuchet ms\", verdana, arial, sans-serif",
+		titleFontSize: "4ex"
+	},
+	class: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		arrowMarkerAbsolute: !1,
+		dividerMargin: 10,
+		padding: 5,
+		textHeight: 10,
+		defaultRenderer: "dagre-wrapper",
+		htmlLabels: !1,
+		hideEmptyMembersBox: !1
+	},
+	state: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		dividerMargin: 10,
+		sizeUnit: 5,
+		padding: 8,
+		textHeight: 10,
+		titleShift: -15,
+		noteMargin: 10,
+		forkWidth: 70,
+		forkHeight: 7,
+		miniPadding: 2,
+		fontSizeFactor: 5.02,
+		fontSize: 24,
+		labelHeight: 16,
+		edgeLengthFactor: "20",
+		compositTitleSize: 35,
+		radius: 5,
+		defaultRenderer: "dagre-wrapper"
+	},
+	er: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		diagramPadding: 20,
+		layoutDirection: "TB",
+		minEntityWidth: 100,
+		minEntityHeight: 75,
+		entityPadding: 15,
+		nodeSpacing: 140,
+		rankSpacing: 80,
+		stroke: "gray",
+		fill: "honeydew",
+		fontSize: 12
+	},
+	pie: {
+		useMaxWidth: !0,
+		textPosition: .75
+	},
+	quadrantChart: {
+		useMaxWidth: !0,
+		chartWidth: 500,
+		chartHeight: 500,
+		titleFontSize: 20,
+		titlePadding: 10,
+		quadrantPadding: 5,
+		xAxisLabelPadding: 5,
+		yAxisLabelPadding: 5,
+		xAxisLabelFontSize: 16,
+		yAxisLabelFontSize: 16,
+		quadrantLabelFontSize: 16,
+		quadrantTextTopPadding: 5,
+		pointTextPadding: 5,
+		pointLabelFontSize: 12,
+		pointRadius: 5,
+		xAxisPosition: "top",
+		yAxisPosition: "left",
+		quadrantInternalBorderStrokeWidth: 1,
+		quadrantExternalBorderStrokeWidth: 2
+	},
+	xyChart: {
+		useMaxWidth: !0,
+		width: 700,
+		height: 500,
+		titleFontSize: 20,
+		titlePadding: 10,
+		showDataLabel: !1,
+		showDataLabelOutsideBar: !1,
+		showTitle: !0,
+		xAxis: {
+			$ref: "#/$defs/XYChartAxisConfig",
+			showLabel: !0,
+			labelFontSize: 14,
+			labelPadding: 5,
+			showTitle: !0,
+			titleFontSize: 16,
+			titlePadding: 5,
+			showTick: !0,
+			tickLength: 5,
+			tickWidth: 2,
+			showAxisLine: !0,
+			axisLineWidth: 2
+		},
+		yAxis: {
+			$ref: "#/$defs/XYChartAxisConfig",
+			showLabel: !0,
+			labelFontSize: 14,
+			labelPadding: 5,
+			showTitle: !0,
+			titleFontSize: 16,
+			titlePadding: 5,
+			showTick: !0,
+			tickLength: 5,
+			tickWidth: 2,
+			showAxisLine: !0,
+			axisLineWidth: 2
+		},
+		chartOrientation: "vertical",
+		plotReservedSpacePercent: 50
+	},
+	requirement: {
+		useMaxWidth: !0,
+		rect_fill: "#f9f9f9",
+		text_color: "#333",
+		rect_border_size: "0.5px",
+		rect_border_color: "#bbb",
+		rect_min_width: 200,
+		rect_min_height: 200,
+		fontSize: 14,
+		rect_padding: 10,
+		line_height: 20
+	},
+	mindmap: {
+		useMaxWidth: !0,
+		padding: 10,
+		maxNodeWidth: 200,
+		layoutAlgorithm: "cose-bilkent"
+	},
+	ishikawa: {
+		useMaxWidth: !0,
+		diagramPadding: 20
+	},
+	kanban: {
+		useMaxWidth: !0,
+		padding: 8,
+		sectionWidth: 200,
+		ticketBaseUrl: ""
+	},
+	timeline: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		leftMargin: 150,
+		width: 150,
+		height: 50,
+		boxMargin: 10,
+		boxTextMargin: 5,
+		noteMargin: 10,
+		messageMargin: 35,
+		messageAlign: "center",
+		bottomMarginAdj: 1,
+		rightAngles: !1,
+		taskFontSize: 14,
+		taskFontFamily: "\"Open Sans\", sans-serif",
+		taskMargin: 50,
+		activationWidth: 10,
+		textPlacement: "fo",
+		actorColours: [
+			"#8FBC8F",
+			"#7CFC00",
+			"#00FFFF",
+			"#20B2AA",
+			"#B0E0E6",
+			"#FFFFE0"
+		],
+		sectionFills: [
+			"#191970",
+			"#8B008B",
+			"#4B0082",
+			"#2F4F4F",
+			"#800000",
+			"#8B4513",
+			"#00008B"
+		],
+		sectionColours: ["#fff"],
+		disableMulticolor: !1
+	},
+	gitGraph: {
+		useMaxWidth: !0,
+		titleTopMargin: 25,
+		diagramPadding: 8,
+		nodeLabel: {
+			width: 75,
+			height: 100,
+			x: -25,
+			y: 0
+		},
+		mainBranchName: "main",
+		mainBranchOrder: 0,
+		showCommitLabel: !0,
+		showBranches: !0,
+		rotateCommitLabel: !0,
+		parallelCommits: !1,
+		arrowMarkerAbsolute: !1
+	},
+	c4: {
+		useMaxWidth: !0,
+		diagramMarginX: 50,
+		diagramMarginY: 10,
+		c4ShapeMargin: 50,
+		c4ShapePadding: 20,
+		width: 216,
+		height: 60,
+		boxMargin: 10,
+		c4ShapeInRow: 4,
+		nextLinePaddingX: 0,
+		c4BoundaryInRow: 2,
+		personFontSize: 14,
+		personFontFamily: "\"Open Sans\", sans-serif",
+		personFontWeight: "normal",
+		external_personFontSize: 14,
+		external_personFontFamily: "\"Open Sans\", sans-serif",
+		external_personFontWeight: "normal",
+		systemFontSize: 14,
+		systemFontFamily: "\"Open Sans\", sans-serif",
+		systemFontWeight: "normal",
+		external_systemFontSize: 14,
+		external_systemFontFamily: "\"Open Sans\", sans-serif",
+		external_systemFontWeight: "normal",
+		system_dbFontSize: 14,
+		system_dbFontFamily: "\"Open Sans\", sans-serif",
+		system_dbFontWeight: "normal",
+		external_system_dbFontSize: 14,
+		external_system_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_system_dbFontWeight: "normal",
+		system_queueFontSize: 14,
+		system_queueFontFamily: "\"Open Sans\", sans-serif",
+		system_queueFontWeight: "normal",
+		external_system_queueFontSize: 14,
+		external_system_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_system_queueFontWeight: "normal",
+		boundaryFontSize: 14,
+		boundaryFontFamily: "\"Open Sans\", sans-serif",
+		boundaryFontWeight: "normal",
+		messageFontSize: 12,
+		messageFontFamily: "\"Open Sans\", sans-serif",
+		messageFontWeight: "normal",
+		containerFontSize: 14,
+		containerFontFamily: "\"Open Sans\", sans-serif",
+		containerFontWeight: "normal",
+		external_containerFontSize: 14,
+		external_containerFontFamily: "\"Open Sans\", sans-serif",
+		external_containerFontWeight: "normal",
+		container_dbFontSize: 14,
+		container_dbFontFamily: "\"Open Sans\", sans-serif",
+		container_dbFontWeight: "normal",
+		external_container_dbFontSize: 14,
+		external_container_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_container_dbFontWeight: "normal",
+		container_queueFontSize: 14,
+		container_queueFontFamily: "\"Open Sans\", sans-serif",
+		container_queueFontWeight: "normal",
+		external_container_queueFontSize: 14,
+		external_container_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_container_queueFontWeight: "normal",
+		componentFontSize: 14,
+		componentFontFamily: "\"Open Sans\", sans-serif",
+		componentFontWeight: "normal",
+		external_componentFontSize: 14,
+		external_componentFontFamily: "\"Open Sans\", sans-serif",
+		external_componentFontWeight: "normal",
+		component_dbFontSize: 14,
+		component_dbFontFamily: "\"Open Sans\", sans-serif",
+		component_dbFontWeight: "normal",
+		external_component_dbFontSize: 14,
+		external_component_dbFontFamily: "\"Open Sans\", sans-serif",
+		external_component_dbFontWeight: "normal",
+		component_queueFontSize: 14,
+		component_queueFontFamily: "\"Open Sans\", sans-serif",
+		component_queueFontWeight: "normal",
+		external_component_queueFontSize: 14,
+		external_component_queueFontFamily: "\"Open Sans\", sans-serif",
+		external_component_queueFontWeight: "normal",
+		wrap: !0,
+		wrapPadding: 10,
+		person_bg_color: "#08427B",
+		person_border_color: "#073B6F",
+		external_person_bg_color: "#686868",
+		external_person_border_color: "#8A8A8A",
+		system_bg_color: "#1168BD",
+		system_border_color: "#3C7FC0",
+		system_db_bg_color: "#1168BD",
+		system_db_border_color: "#3C7FC0",
+		system_queue_bg_color: "#1168BD",
+		system_queue_border_color: "#3C7FC0",
+		external_system_bg_color: "#999999",
+		external_system_border_color: "#8A8A8A",
+		external_system_db_bg_color: "#999999",
+		external_system_db_border_color: "#8A8A8A",
+		external_system_queue_bg_color: "#999999",
+		external_system_queue_border_color: "#8A8A8A",
+		container_bg_color: "#438DD5",
+		container_border_color: "#3C7FC0",
+		container_db_bg_color: "#438DD5",
+		container_db_border_color: "#3C7FC0",
+		container_queue_bg_color: "#438DD5",
+		container_queue_border_color: "#3C7FC0",
+		external_container_bg_color: "#B3B3B3",
+		external_container_border_color: "#A6A6A6",
+		external_container_db_bg_color: "#B3B3B3",
+		external_container_db_border_color: "#A6A6A6",
+		external_container_queue_bg_color: "#B3B3B3",
+		external_container_queue_border_color: "#A6A6A6",
+		component_bg_color: "#85BBF0",
+		component_border_color: "#78A8D8",
+		component_db_bg_color: "#85BBF0",
+		component_db_border_color: "#78A8D8",
+		component_queue_bg_color: "#85BBF0",
+		component_queue_border_color: "#78A8D8",
+		external_component_bg_color: "#CCCCCC",
+		external_component_border_color: "#BFBFBF",
+		external_component_db_bg_color: "#CCCCCC",
+		external_component_db_border_color: "#BFBFBF",
+		external_component_queue_bg_color: "#CCCCCC",
+		external_component_queue_border_color: "#BFBFBF"
+	},
+	sankey: {
+		useMaxWidth: !0,
+		width: 600,
+		height: 400,
+		linkColor: "gradient",
+		nodeAlignment: "justify",
+		showValues: !0,
+		prefix: "",
+		suffix: ""
+	},
+	block: {
+		useMaxWidth: !0,
+		padding: 8
+	},
+	packet: {
+		useMaxWidth: !0,
+		rowHeight: 32,
+		bitWidth: 32,
+		bitsPerRow: 32,
+		showBits: !0,
+		paddingX: 5,
+		paddingY: 5
+	},
+	treeView: {
+		useMaxWidth: !0,
+		rowIndent: 10,
+		paddingX: 5,
+		paddingY: 5,
+		lineThickness: 1
+	},
+	architecture: {
+		useMaxWidth: !0,
+		padding: 40,
+		iconSize: 80,
+		fontSize: 16,
+		randomize: !1
+	},
+	radar: {
+		useMaxWidth: !0,
+		width: 600,
+		height: 600,
+		marginTop: 50,
+		marginRight: 50,
+		marginBottom: 50,
+		marginLeft: 50,
+		axisScaleFactor: 1,
+		axisLabelFactor: 1.05,
+		curveTension: .17
+	},
+	venn: {
+		useMaxWidth: !0,
+		width: 800,
+		height: 450,
+		padding: 8,
+		useDebugLayout: !1
+	},
+	theme: "default",
+	look: "classic",
+	handDrawnSeed: 0,
+	layout: "dagre",
+	maxTextSize: 5e4,
+	maxEdges: 500,
+	darkMode: !1,
+	fontFamily: "\"trebuchet ms\", verdana, arial, sans-serif;",
+	logLevel: 5,
+	securityLevel: "strict",
+	startOnLoad: !0,
+	arrowMarkerAbsolute: !1,
+	secure: [
+		"secure",
+		"securityLevel",
+		"startOnLoad",
+		"maxTextSize",
+		"suppressErrorRendering",
+		"maxEdges"
+	],
+	legacyMathML: !1,
+	forceLegacyMathML: !1,
+	deterministicIds: !1,
+	fontSize: 16,
+	markdownAutoWrap: !0,
+	suppressErrorRendering: !1
+}, C = {
+	...S,
+	deterministicIDSeed: void 0,
+	elk: {
+		mergeEdges: !1,
+		nodePlacementStrategy: "BRANDES_KOEPF",
+		forceNodeModelOrder: !1,
+		considerModelOrder: "NODES_AND_EDGES"
+	},
+	themeCSS: void 0,
+	themeVariables: x.default.getThemeVariables(),
+	sequence: {
+		...S.sequence,
+		messageFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.messageFontFamily,
+				fontSize: this.messageFontSize,
+				fontWeight: this.messageFontWeight
+			};
+		}, "messageFont"),
+		noteFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.noteFontFamily,
+				fontSize: this.noteFontSize,
+				fontWeight: this.noteFontWeight
+			};
+		}, "noteFont"),
+		actorFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.actorFontFamily,
+				fontSize: this.actorFontSize,
+				fontWeight: this.actorFontWeight
+			};
+		}, "actorFont")
+	},
+	class: { hideEmptyMembersBox: !1 },
+	gantt: {
+		...S.gantt,
+		tickInterval: void 0,
+		useWidth: void 0
+	},
+	c4: {
+		...S.c4,
+		useWidth: void 0,
+		personFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.personFontFamily,
+				fontSize: this.personFontSize,
+				fontWeight: this.personFontWeight
+			};
+		}, "personFont"),
+		flowchart: {
+			...S.flowchart,
+			inheritDir: !1
+		},
+		external_personFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_personFontFamily,
+				fontSize: this.external_personFontSize,
+				fontWeight: this.external_personFontWeight
+			};
+		}, "external_personFont"),
+		systemFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.systemFontFamily,
+				fontSize: this.systemFontSize,
+				fontWeight: this.systemFontWeight
+			};
+		}, "systemFont"),
+		external_systemFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_systemFontFamily,
+				fontSize: this.external_systemFontSize,
+				fontWeight: this.external_systemFontWeight
+			};
+		}, "external_systemFont"),
+		system_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.system_dbFontFamily,
+				fontSize: this.system_dbFontSize,
+				fontWeight: this.system_dbFontWeight
+			};
+		}, "system_dbFont"),
+		external_system_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_system_dbFontFamily,
+				fontSize: this.external_system_dbFontSize,
+				fontWeight: this.external_system_dbFontWeight
+			};
+		}, "external_system_dbFont"),
+		system_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.system_queueFontFamily,
+				fontSize: this.system_queueFontSize,
+				fontWeight: this.system_queueFontWeight
+			};
+		}, "system_queueFont"),
+		external_system_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_system_queueFontFamily,
+				fontSize: this.external_system_queueFontSize,
+				fontWeight: this.external_system_queueFontWeight
+			};
+		}, "external_system_queueFont"),
+		containerFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.containerFontFamily,
+				fontSize: this.containerFontSize,
+				fontWeight: this.containerFontWeight
+			};
+		}, "containerFont"),
+		external_containerFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_containerFontFamily,
+				fontSize: this.external_containerFontSize,
+				fontWeight: this.external_containerFontWeight
+			};
+		}, "external_containerFont"),
+		container_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.container_dbFontFamily,
+				fontSize: this.container_dbFontSize,
+				fontWeight: this.container_dbFontWeight
+			};
+		}, "container_dbFont"),
+		external_container_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_container_dbFontFamily,
+				fontSize: this.external_container_dbFontSize,
+				fontWeight: this.external_container_dbFontWeight
+			};
+		}, "external_container_dbFont"),
+		container_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.container_queueFontFamily,
+				fontSize: this.container_queueFontSize,
+				fontWeight: this.container_queueFontWeight
+			};
+		}, "container_queueFont"),
+		external_container_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_container_queueFontFamily,
+				fontSize: this.external_container_queueFontSize,
+				fontWeight: this.external_container_queueFontWeight
+			};
+		}, "external_container_queueFont"),
+		componentFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.componentFontFamily,
+				fontSize: this.componentFontSize,
+				fontWeight: this.componentFontWeight
+			};
+		}, "componentFont"),
+		external_componentFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_componentFontFamily,
+				fontSize: this.external_componentFontSize,
+				fontWeight: this.external_componentFontWeight
+			};
+		}, "external_componentFont"),
+		component_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.component_dbFontFamily,
+				fontSize: this.component_dbFontSize,
+				fontWeight: this.component_dbFontWeight
+			};
+		}, "component_dbFont"),
+		external_component_dbFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_component_dbFontFamily,
+				fontSize: this.external_component_dbFontSize,
+				fontWeight: this.external_component_dbFontWeight
+			};
+		}, "external_component_dbFont"),
+		component_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.component_queueFontFamily,
+				fontSize: this.component_queueFontSize,
+				fontWeight: this.component_queueFontWeight
+			};
+		}, "component_queueFont"),
+		external_component_queueFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.external_component_queueFontFamily,
+				fontSize: this.external_component_queueFontSize,
+				fontWeight: this.external_component_queueFontWeight
+			};
+		}, "external_component_queueFont"),
+		boundaryFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.boundaryFontFamily,
+				fontSize: this.boundaryFontSize,
+				fontWeight: this.boundaryFontWeight
+			};
+		}, "boundaryFont"),
+		messageFont: /* @__PURE__ */ t(function() {
+			return {
+				fontFamily: this.messageFontFamily,
+				fontSize: this.messageFontSize,
+				fontWeight: this.messageFontWeight
+			};
+		}, "messageFont")
+	},
+	pie: {
+		...S.pie,
+		useWidth: 984
+	},
+	xyChart: {
+		...S.xyChart,
+		useWidth: void 0
+	},
+	requirement: {
+		...S.requirement,
+		useWidth: void 0
+	},
+	packet: { ...S.packet },
+	treeView: {
+		...S.treeView,
+		useWidth: void 0
+	},
+	radar: { ...S.radar },
+	ishikawa: { ...S.ishikawa },
+	treemap: {
+		useMaxWidth: !0,
+		padding: 10,
+		diagramPadding: 8,
+		showValues: !0,
+		nodeWidth: 100,
+		nodeHeight: 40,
+		borderWidth: 1,
+		valueFontSize: 12,
+		labelFontSize: 14,
+		valueFormat: ","
+	},
+	venn: { ...S.venn }
+}, w = /* @__PURE__ */ t((e, t = "") => Object.keys(e).reduce((n, r) => Array.isArray(e[r]) ? n : typeof e[r] == "object" && e[r] !== null ? [
+	...n,
+	t + r,
+	...w(e[r], "")
+] : [...n, t + r], []), "keyify"), Te = new Set(w(C, "")), T = C, E = /* @__PURE__ */ t((e) => {
+	if (n.debug("sanitizeDirective called with", e), !(typeof e != "object" || !e)) {
+		if (Array.isArray(e)) {
+			e.forEach((e) => E(e));
+			return;
+		}
+		for (let t of Object.keys(e)) {
+			if (n.debug("Checking key", t), t.startsWith("__") || t.includes("proto") || t.includes("constr") || !Te.has(t) || e[t] == null) {
+				n.debug("sanitize deleting key: ", t), delete e[t];
+				continue;
+			}
+			if (typeof e[t] == "object") {
+				n.debug("sanitizing object", t), E(e[t]);
+				continue;
+			}
+			for (let r of [
+				"themeCSS",
+				"fontFamily",
+				"altFontFamily"
+			]) t.includes(r) && (n.debug("sanitizing css option", t), e[t] = Ee(e[t]));
+		}
+		if (e.themeVariables) for (let t of Object.keys(e.themeVariables)) {
+			let n = e.themeVariables[t];
+			n?.match && !n.match(/^[\d "#%(),.;A-Za-z]+$/) && (e.themeVariables[t] = "");
+		}
+		n.debug("After sanitization", e);
+	}
+}, "sanitizeDirective"), Ee = /* @__PURE__ */ t((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"), D = Object.freeze(T), O = /* @__PURE__ */ t((e) => !(e === !1 || [
+	"false",
+	"null",
+	"0"
+].includes(String(e).trim().toLowerCase())), "evaluate"), k = _({}, D), A, j = [], M = _({}, D), N = /* @__PURE__ */ t((e, t) => {
+	let n = _({}, e), r = {};
+	for (let e of t) I(e), r = _(r, e);
+	if (n = _(n, r), r.theme && r.theme in x) {
+		let e = _(_({}, A).themeVariables || {}, r.themeVariables);
+		n.theme && n.theme in x && (n.themeVariables = x[n.theme].getThemeVariables(e));
+	}
+	return M = n, Pe(M), M;
+}, "updateCurrentConfig"), De = /* @__PURE__ */ t((e) => (k = _({}, D), k = _(k, e), e.theme && x[e.theme] && (k.themeVariables = x[e.theme].getThemeVariables(e.themeVariables)), N(k, j), k), "setSiteConfig"), Oe = /* @__PURE__ */ t((e) => {
+	A = _({}, e);
+}, "saveConfigFromInitialize"), ke = /* @__PURE__ */ t((e) => (k = _(k, e), N(k, j), k), "updateSiteConfig"), Ae = /* @__PURE__ */ t(() => _({}, k), "getSiteConfig"), P = /* @__PURE__ */ t((e) => (Pe(e), _(M, e), F()), "setConfig"), F = /* @__PURE__ */ t(() => _({}, M), "getConfig"), I = /* @__PURE__ */ t((e) => {
+	e && (["secure", ...k.secure ?? []].forEach((t) => {
+		Object.hasOwn(e, t) && (n.debug(`Denied attempt to modify a secure key ${t}`, e[t]), delete e[t]);
+	}), Object.keys(e).forEach((t) => {
+		t.startsWith("__") && delete e[t];
+	}), Object.keys(e).forEach((t) => {
+		typeof e[t] == "string" && (e[t].includes("<") || e[t].includes(">") || e[t].includes("url(data:")) && delete e[t], typeof e[t] == "object" && I(e[t]);
+	}));
+}, "sanitize"), je = /* @__PURE__ */ t((e) => {
+	E(e), e.fontFamily && !e.themeVariables?.fontFamily && (e.themeVariables = {
+		...e.themeVariables,
+		fontFamily: e.fontFamily
+	}), j.push(e), N(k, j);
+}, "addDirective"), Me = /* @__PURE__ */ t((e = k) => {
+	j = [], N(e, j);
+}, "reset"), Ne = {
+	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."
+}, L = {}, R = /* @__PURE__ */ t((e) => {
+	L[e] || (n.warn(Ne[e]), L[e] = !0);
+}, "issueWarning"), Pe = /* @__PURE__ */ t((e) => {
+	e && (e.lazyLoadedDiagrams || e.loadExternalDiagramsAtStartup) && R("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), Fe = /* @__PURE__ */ t(() => {
+	let e = {};
+	A && (e = _(e, A));
+	for (let t of j) e = _(e, t);
+	return e;
+}, "getUserDefinedConfig"), Ie = /* @__PURE__ */ t((e) => (e.flowchart?.htmlLabels != null && R("FLOWCHART_HTML_LABELS_DEPRECATED"), O(e.htmlLabels ?? e.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), z = /<br\s*\/?>/gi, Le = /* @__PURE__ */ t((e) => e ? Ke(e).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), Re = /* @__PURE__ */ (() => {
+	let e = !1;
+	return () => {
+		e ||= (ze(), !0);
+	};
+})();
+function ze() {
+	let e = "data-temp-href-target";
+	u.addHook("beforeSanitizeAttributes", (t) => {
+		t.tagName === "A" && t.hasAttribute("target") && t.setAttribute(e, t.getAttribute("target") ?? "");
+	}), u.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"));
+	});
+}
+t(ze, "setupDompurifyHooks");
+var Be = /* @__PURE__ */ t((e) => (Re(), u.sanitize(e)), "removeScript"), Ve = /* @__PURE__ */ t((e, t) => {
+	if (Ie(t)) {
+		let n = t.securityLevel;
+		n === "antiscript" || n === "strict" || n === "sandbox" ? e = Be(e) : n !== "loose" && (e = Ke(e), e = e.replace(/</g, "&lt;").replace(/>/g, "&gt;"), e = e.replace(/=/g, "&equals;"), e = Ge(e));
+	}
+	return e;
+}, "sanitizeMore"), B = /* @__PURE__ */ t((e, t) => e && (e = t.dompurifyConfig ? u.sanitize(Ve(e, t), t.dompurifyConfig).toString() : u.sanitize(Ve(e, t), { FORBID_TAGS: ["style"] }).toString(), e), "sanitizeText"), He = /* @__PURE__ */ t((e, t) => typeof e == "string" ? B(e, t) : e.flat().map((e) => B(e, t)), "sanitizeTextOrArray"), Ue = /* @__PURE__ */ t((e) => z.test(e), "hasBreaks"), We = /* @__PURE__ */ t((e) => e.split(z), "splitBreaks"), Ge = /* @__PURE__ */ t((e) => e.replace(/#br#/g, "<br/>"), "placeholderToBreak"), Ke = /* @__PURE__ */ t((e) => e.replace(z, "#br#"), "breakToPlaceholder"), qe = /* @__PURE__ */ t((e) => {
+	let t = "";
+	return e && (t = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, t = CSS.escape(t)), t;
+}, "getUrl"), Je = /* @__PURE__ */ t(function(...e) {
+	let t = e.filter((e) => !isNaN(e));
+	return Math.max(...t);
+}, "getMax"), Ye = /* @__PURE__ */ t(function(...e) {
+	let t = e.filter((e) => !isNaN(e));
+	return Math.min(...t);
+}, "getMin"), Xe = /* @__PURE__ */ t(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];
+			Ze(i, a) && (r = i + "," + a, e++, n.pop());
+		}
+		n.push(Qe(r));
+	}
+	return n.join("");
+}, "parseGenericTypes"), V = /* @__PURE__ */ t((e, t) => Math.max(0, e.split(t).length - 1), "countOccurrence"), Ze = /* @__PURE__ */ t((e, t) => {
+	let n = V(e, "~"), r = V(t, "~");
+	return n === 1 && r === 1;
+}, "shouldCombineSets"), Qe = /* @__PURE__ */ t((e) => {
+	let t = V(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"), $e = /* @__PURE__ */ t(() => window.MathMLElement !== void 0, "isMathMLSupported"), H = /\$\$(.*)\$\$/g, U = /* @__PURE__ */ t((e) => (e.match(H)?.length ?? 0) > 0, "hasKatex"), et = /* @__PURE__ */ t(async (e, t) => {
+	let n = document.createElement("div");
+	n.innerHTML = await nt(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"), tt = /* @__PURE__ */ t(async (e, t) => {
+	if (!U(e)) return e;
+	if (!($e() || t.legacyMathML || t.forceLegacyMathML)) return e.replace(H, "MathML is unsupported in this environment.");
+	{
+		let { default: n } = await import("../../../../katex/dist/katex.js"), r = t.forceLegacyMathML || !$e() && t.legacyMathML ? "htmlAndMathml" : "mathml";
+		return e.split(z).map((e) => U(e) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${e}</div>` : `<div>${e}</div>`).join("").replace(H, (e, t) => n.renderToString(t, {
+			throwOnError: !0,
+			displayMode: !0,
+			output: r
+		}).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
+	}
+	return e.replace(H, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
+}, "renderKatexUnsanitized"), nt = /* @__PURE__ */ t(async (e, t) => B(await tt(e, t), t), "renderKatexSanitized"), rt = {
+	getRows: Le,
+	sanitizeText: B,
+	sanitizeTextOrArray: He,
+	hasBreaks: Ue,
+	splitBreaks: We,
+	lineBreakRegex: z,
+	removeScript: Be,
+	getUrl: qe,
+	evaluate: O,
+	getMax: Je,
+	getMin: Ye
+}, it = /* @__PURE__ */ t(function(e, t) {
+	for (let n of t) e.attr(n[0], n[1]);
+}, "d3Attrs"), at = /* @__PURE__ */ t(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"), ot = /* @__PURE__ */ t(function(e, t, n, r) {
+	it(e, at(t, n, r));
+}, "configureSvgSize"), st = /* @__PURE__ */ t(function(e, t, r, i) {
+	let a = t.node().getBBox(), o = a.width, s = a.height;
+	n.info(`SVG bounds: ${o}x${s}`, a);
+	let c = 0, l = 0;
+	n.info(`Graph bounds: ${c}x${l}`, e), c = o + r * 2, l = s + r * 2, n.info(`Calculated bounds: ${c}x${l}`), ot(t, l, c, i);
+	let u = `${a.x - r} ${a.y - r} ${a.width + 2 * r} ${a.height + 2 * r}`;
+	t.attr("viewBox", u);
+}, "setupGraphViewbox"), W = {}, ct = /* @__PURE__ */ t((e, t, r, i) => {
+	let a = "";
+	return e in W && W[e] ? a = W[e]({
+		...r,
+		svgId: i
+	}) : n.warn(`No theme found for ${e}`), ` & {
+    font-family: ${r.fontFamily};
+    font-size: ${r.fontSize};
+    fill: ${r.textColor}
+  }
+  @keyframes edge-animation-frame {
+    from {
+      stroke-dashoffset: 0;
+    }
+  }
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0;
+    }
+  }
+  & .edge-animation-slow {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 50s linear infinite;
+    stroke-linecap: round;
+  }
+  & .edge-animation-fast {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 20s linear infinite;
+    stroke-linecap: round;
+  }
+  /* Classes common for multiple diagrams */
+  & .error-icon {
+    fill: ${r.errorBkgColor};
+  }
+  & .error-text {
+    fill: ${r.errorTextColor};
+    stroke: ${r.errorTextColor};
+  }
+  & .edge-thickness-normal {
+    stroke-width: ${r.strokeWidth ?? 1}px;
+  }
+  & .edge-thickness-thick {
+    stroke-width: 3.5px
+  }
+  & .edge-pattern-solid {
+    stroke-dasharray: 0;
+  }
+  & .edge-thickness-invisible {
+    stroke-width: 0;
+    fill: none;
+  }
+  & .edge-pattern-dashed{
+    stroke-dasharray: 3;
+  }
+  .edge-pattern-dotted {
+    stroke-dasharray: 2;
+  }
+  & .marker {
+    fill: ${r.lineColor};
+    stroke: ${r.lineColor};
+  }
+  & .marker.cross {
+    stroke: ${r.lineColor};
+  }
+  & svg {
+    font-family: ${r.fontFamily};
+    font-size: ${r.fontSize};
+  }
+   & p {
+    margin: 0
+   }
+  ${a}
+  .node .neo-node {
+    stroke: ${r.nodeBorder};
+  }
+  [data-look="neo"].node rect, [data-look="neo"].cluster rect, [data-look="neo"].node polygon {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+  [data-look="neo"].node path {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    stroke-width: ${r.strokeWidth ?? 1}px;
+  }
+  [data-look="neo"].node .outer-path {
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+  [data-look="neo"].node .neo-line path {
+    stroke: ${r.nodeBorder};
+    filter: none;
+  }
+  [data-look="neo"].node circle{
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+  [data-look="neo"].node circle .state-start{
+    fill: #000000;
+  }
+  [data-look="neo"].icon-shape .icon {
+    fill: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+    [data-look="neo"].icon-shape .icon-neo path {
+    stroke: ${r.useGradient ? "url(" + i + "-gradient)" : r.nodeBorder};
+    filter: ${r.dropShadow ? r.dropShadow.replace("url(#drop-shadow)", `url(${i}-drop-shadow)`) : "none"};
+  }
+  ${t}
+`;
+}, "getStyles"), lt = /* @__PURE__ */ t((e, t) => {
+	t !== void 0 && (W[e] = t);
+}, "addStylesForDiagram"), ut = ct, G = {};
+e(G, {
+	clear: () => dt,
+	getAccDescription: () => ht,
+	getAccTitle: () => pt,
+	getDiagramTitle: () => gt,
+	setAccDescription: () => mt,
+	setAccTitle: () => ft,
+	setDiagramTitle: () => X
+});
+var K = "", q = "", J = "", Y = /* @__PURE__ */ t((e) => B(e, F()), "sanitizeText"), dt = /* @__PURE__ */ t(() => {
+	K = "", J = "", q = "";
+}, "clear"), ft = /* @__PURE__ */ t((e) => {
+	K = Y(e).replace(/^\s+/g, "");
+}, "setAccTitle"), pt = /* @__PURE__ */ t(() => K, "getAccTitle"), mt = /* @__PURE__ */ t((e) => {
+	J = Y(e).replace(/\n\s+/g, "\n");
+}, "setAccDescription"), ht = /* @__PURE__ */ t(() => J, "getAccDescription"), X = /* @__PURE__ */ t((e) => {
+	q = Y(e);
+}, "setDiagramTitle"), gt = /* @__PURE__ */ t(() => q, "getDiagramTitle"), _t = n, vt = r, Z = F, yt = P, bt = D, xt = /* @__PURE__ */ t((e) => B(e, Z()), "sanitizeText"), Q = st, St = /* @__PURE__ */ t(() => G, "getCommonDb"), $ = {}, Ct = /* @__PURE__ */ t((e, t, n) => {
+	$[e] && _t.warn(`Diagram with id ${e} already registered. Overwriting.`), $[e] = t, n && h(e, n), lt(e, t.styles), t.injectUtils?.(_t, vt, Z, xt, Q, St(), () => {});
+}, "registerDiagram"), wt = /* @__PURE__ */ t((e) => {
+	if (e in $) return $[e];
+	throw new Tt(e);
+}, "getDiagram"), Tt = class extends Error {
+	static {
+		t(this, "DiagramNotFoundError");
+	}
+	constructor(e) {
+		super(`Diagram ${e} not found.`);
+	}
+};
+//#endregion
+export { p as UnknownDiagramError, je as addDirective, _ as assignWithDepth_default, et as calculateMathMLDimensions, dt as clear, G as commonDb_exports, rt as common_default, ot as configureSvgSize, D as defaultConfig, bt as defaultConfig2, T as defaultConfig_default, te as detectType, m as detectors, f as directiveRegex, O as evaluate, d as frontMatterRegex, ht as getAccDescription, pt as getAccTitle, F as getConfig, Z as getConfig2, wt as getDiagram, re as getDiagramLoader, gt as getDiagramTitle, Ie as getEffectiveHtmlLabels, Ae as getSiteConfig, le as getThemeVariables3, qe as getUrl, Fe as getUserDefinedConfig, U as hasKatex, z as lineBreakRegex, Xe as parseGenericTypes, Ct as registerDiagram, ne as registerLazyLoadedDiagrams, nt as renderKatexSanitized, Me as reset, E as sanitizeDirective, B as sanitizeText, xt as sanitizeText3, Oe as saveConfigFromInitialize, mt as setAccDescription, ft as setAccTitle, P as setConfig, yt as setConfig2, X as setDiagramTitle, De as setSiteConfig, st as setupGraphViewbox, Q as setupGraphViewbox2, ut as styles_default, x as themes_default, ke as updateSiteConfig };