@marimo-team/islands 0.24.3-dev9 → 0.25.0

package/dist/{vennDiagram-T6HMQDX7-D-Rcq3Iu.js → vennDiagram-4TSXK5OY-CTUlJ2PK.js}

@@ -1,9 +1,9 @@
-import { i as e } from "./chunk-NSK5VX7P-CDTMcJB0.js";
-import { t } from "./src-C31ngt98.js";
-import { n } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { $ as r, H as i, K as a, U as o, a as s, b as c, c as l, et as u, f as d, nt as f, tt as p, v as m, w as h, y as g } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { t as _ } from "./chunk-3NCLNEKW-BIp_lB_4.js";
-import { t as v } from "./rough.esm-CtV9AnV1.js";
+import { i as e } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { t } from "./src-CA_m4ONl.js";
+import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { $ as r, H as i, K as a, U as o, a as s, b as c, c as l, et as u, f as d, nt as f, tt as p, v as m, w as h, y as g } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { t as _ } from "./rough.esm-CtV9AnV1.js";
+import { p as v } from "./mermaid-DPNuhemn.js";
 //#region ../node_modules/.pnpm/khroma@2.1.0/node_modules/khroma/dist/methods/transparentize.js
 var y = (e, t) => p(e, "a", -t), b = 1e-10;
 function x(e, t) {
@@ -908,7 +908,7 @@ function we(e, t = {}) {
 	}));
 }
 //#endregion
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/vennDiagram-T6HMQDX7.mjs
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/vennDiagram-4TSXK5OY.mjs
 var W = (function() {
 	var e = /* @__PURE__ */ n(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
@@ -1751,11 +1751,11 @@ var He = /* @__PURE__ */ n((e, n, i, a) => {
 		d.venn6,
 		d.venn7,
 		d.venn8
-	].filter(Boolean), b = o.getDiagramTitle?.(), x = o.getSubsetData(), S = o.getTextData(), C = Ve(o.getStyleData()), w = We(x), T = s?.width ?? 800, E = s?.height ?? 450, D = T / 1600, O = b ? 48 * D : 0, k = d.primaryTextColor ?? d.textColor, A = _(n);
+	].filter(Boolean), b = o.getDiagramTitle?.(), x = o.getSubsetData(), S = o.getTextData(), C = Ve(o.getStyleData()), w = We(x), T = s?.width ?? 800, E = s?.height ?? 450, D = T / 1600, O = b ? 48 * D : 0, k = d.primaryTextColor ?? d.textColor, A = v(n);
 	A.attr("viewBox", `0 0 ${T} ${E}`), b && A.append("text").text(b).attr("class", "venn-title").attr("font-size", `${32 * D}px`).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("x", "50%").attr("y", 32 * D).style("fill", d.vennTitleTextColor || d.titleColor);
 	let j = t(document.createElement("div")), M = he().width(T).height(E - O);
 	j.datum(w).call(M);
-	let N = h ? v.svg(j.select("svg").node()) : void 0, P = we(w, {
+	let N = h ? _.svg(j.select("svg").node()) : void 0, P = we(w, {
 		width: T,
 		height: E - O,
 		padding: s?.padding ?? 15

package/dist/wardley-WFR3VGLG-Na-tFhQJ.js

@@ -0,0 +1,3 @@
+import "./chunk-FOHPRMQF-BpYR8RqP.js";
+import { i as e } from "./mermaid-parser.core-DxuSfYwJ.js";
+export { e as createWardleyServices };

package/dist/{wardleyDiagram-T6FBY63Y-Z-Og7_Wd.js → wardleyDiagram-VM6X3IG4-3evLUb0M.js}

@@ -1,11 +1,11 @@
-import { i as e } from "./chunk-NSK5VX7P-CDTMcJB0.js";
-import { n as t } from "./src-C31ngt98.js";
-import { n } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { t as m } from "./chunk-3NCLNEKW-BIp_lB_4.js";
-import { t as h } from "./chunk-JWPE2WC7-BJwjGUnF.js";
-import { n as g } from "./mermaid-parser.core-Din9FvSi.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-T6FBY63Y.mjs
+import { i as e } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { n as t } from "./src-CA_m4ONl.js";
+import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { p as m } from "./mermaid-DPNuhemn.js";
+import { n as h } from "./mermaid-parser.core-DxuSfYwJ.js";
+import { t as g } from "./chunk-JWPE2WC7-DJvv1t8U.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VM6X3IG4.mjs
 var _ = /* @__PURE__ */ n((e, t) => {
 	let n = e <= 1 ? e * 100 : e;
 	if (n < 0 || n > 100) throw Error(`${t} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${e}`);
@@ -33,7 +33,7 @@ var _ = /* @__PURE__ */ n((e, t) => {
 		label: t
 	} : { label: t };
 }, "extractFlowFromArrow"), x = /* @__PURE__ */ n((e, t) => {
-	if (h(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
+	if (g(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
 		let n = e.evolution.stages.map((e) => e.secondName ? `${e.name.trim()} / ${e.secondName.trim()}` : e.name.trim()), r = e.evolution.stages.filter((e) => e.boundary !== void 0).map((e) => e.boundary);
 		t.updateAxes({
 			stages: n,
@@ -88,7 +88,7 @@ var _ = /* @__PURE__ */ n((e, t) => {
 }, "populateDb"), S = {
 	parser: { yy: void 0 },
 	parse: /* @__PURE__ */ n(async (e) => {
-		let n = await g("wardley", e);
+		let n = await h("wardley", e);
 		t.debug(n);
 		let r = S.parser?.yy;
 		if (!r || typeof r.addNode != "function") throw Error("parser.parser?.yy was not a WardleyDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");

package/dist/{xychartDiagram-ELKLHX3M-BDJ2dITA.js → xychartDiagram-S5SC5T6Z-DL2E3K8-.js}

@@ -1,15 +1,15 @@
-import { t as e } from "./linear-D5r_1YqD.js";
+import { t as e } from "./linear-Cnaq3Tfb.js";
 import { n as t } from "./ordinal-c7efuCSS.js";
 import { t as n } from "./range-BAIvbVHp.js";
-import { t as r } from "./line-CuKjIQa1.js";
-import { i } from "./chunk-NSK5VX7P-CDTMcJB0.js";
+import { q as r } from "./cubic-OaEBhQPK.js";
+import { i } from "./chunk-75Z2AOVW-5_HsvXwr.js";
 import { n as a } from "./init-Ix4LXMlt.js";
-import { n as o } from "./src-C31ngt98.js";
-import { n as s } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { D as c, H as l, K as u, U as d, a as f, b as p, c as m, f as h, v as g, w as _, y as v, z as y } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { t as b } from "./chunk-3NCLNEKW-BIp_lB_4.js";
-import "./chunk-4I5QYGJK-DpytHuZQ.js";
-import { t as x } from "./chunk-WRU74C26-BpWsbiDK.js";
+import { n as o } from "./src-CA_m4ONl.js";
+import { n as s } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { D as c, H as l, K as u, U as d, a as f, b as p, c as m, f as h, v as g, w as _, y as v, z as y } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import "./chunk-PWAF6VOD-CTFCL0jI.js";
+import { t as b } from "./chunk-GMAD6QVW-Czynz8aA.js";
+import { p as x } from "./mermaid-DPNuhemn.js";
 //#region ../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/band.js
 function S() {
 	var e = t().unknown(void 0), r = e.domain, i = e.range, o = 0, s = 1, c, l, u = !1, d = 0, f = 0, p = .5;
@@ -47,7 +47,7 @@ function S() {
 	}, a.apply(m(), arguments);
 }
 //#endregion
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/xychartDiagram-ELKLHX3M.mjs
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/xychartDiagram-S5SC5T6Z.mjs
 var C = (function() {
 	var e = /* @__PURE__ */ s(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
@@ -1277,7 +1277,7 @@ var O = class {
 			height: 0
 		}, r = this.parentGroup.append("g").attr("visibility", "hidden").attr("font-size", t);
 		for (let i of e) {
-			let e = x(r, 1, i), a = e ? e.width : i.length * t, o = e ? e.height : t;
+			let e = b(r, 1, i), a = e ? e.width : i.length * t, o = e ? e.height : t;
 			n.width = Math.max(n.width, a), n.height = Math.max(n.height, o);
 		}
 		return r.remove(), n;
@@ -1611,11 +1611,99 @@ var te = class {
 		}), e;
 	}
 };
-function ne(e, t, n, r) {
+function P(e, t, n, r) {
 	return new te(new O(r), e, t, n);
 }
-s(ne, "getChartTitleComponent");
-var re = class {
+s(P, "getChartTitleComponent");
+var ne = .75, re = .5, ie = .35;
+function F(e) {
+	return {
+		fontSize: e,
+		markerSize: e * ne,
+		markerSpacing: e * ie,
+		itemSpacing: e * re
+	};
+}
+s(F, "getLegendLayout");
+var ae = class {
+	constructor(e, t, n, r) {
+		this.textDimensionCalculator = e, this.chartConfig = t, this.chartData = n, this.chartThemeConfig = r, this.boundingRect = {
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		}, this.visiblePlots = [];
+	}
+	static {
+		s(this, "ChartLegend");
+	}
+	setBoundingBoxXY(e) {
+		this.boundingRect.x = e.x, this.boundingRect.y = e.y;
+	}
+	calculateSpace(e) {
+		if (this.visiblePlots = this.chartConfig.showLegend ? this.chartData.plots.filter((e) => e.title) : [], this.visiblePlots.length === 0) return this.boundingRect.width = 0, this.boundingRect.height = 0, {
+			width: 0,
+			height: 0
+		};
+		let { fontSize: t, markerSize: n, markerSpacing: r, itemSpacing: i } = F(this.chartConfig.legendFontSize), a = this.textDimensionCalculator.getMaxDimension(this.visiblePlots.map((e) => e.title), t), o = this.chartConfig.legendPadding * 2 + n + r + a.width, s = this.chartConfig.legendPadding * 2 + this.visiblePlots.length * t + (this.visiblePlots.length - 1) * i;
+		return o <= e.width && s <= e.height ? (this.boundingRect.width = o, this.boundingRect.height = s) : (this.visiblePlots = [], this.boundingRect.width = 0, this.boundingRect.height = 0), {
+			width: this.boundingRect.width,
+			height: this.boundingRect.height
+		};
+	}
+	getDrawableElements() {
+		if (this.visiblePlots.length === 0) return [];
+		let { fontSize: e, markerSize: t, markerSpacing: n, itemSpacing: r } = F(this.chartConfig.legendFontSize), i = e + r, a = this.boundingRect.x + this.chartConfig.legendPadding, o = this.boundingRect.y + this.chartConfig.legendPadding, s = [], c = [];
+		for (let [e, n] of this.visiblePlots.entries()) if (T(n)) s.push({
+			x: a,
+			y: o + e * i,
+			width: t,
+			height: t,
+			fill: n.fill,
+			strokeFill: n.fill,
+			strokeWidth: 0
+		});
+		else {
+			let r = o + e * i + t / 2;
+			c.push({
+				path: `M ${a},${r} L ${a + t},${r}`,
+				strokeFill: n.strokeFill,
+				strokeWidth: n.strokeWidth
+			});
+		}
+		return [
+			{
+				groupTexts: ["legend", "markers"],
+				type: "rect",
+				data: s
+			},
+			{
+				groupTexts: ["legend", "markers"],
+				type: "path",
+				data: c
+			},
+			{
+				groupTexts: ["legend", "label"],
+				type: "text",
+				data: this.visiblePlots.map((r, s) => ({
+					text: r.title,
+					x: a + t + n,
+					y: o + s * i + t / 2,
+					fill: this.chartThemeConfig.legendTextColor,
+					fontSize: e,
+					rotation: 0,
+					verticalPos: "middle",
+					horizontalPos: "left"
+				}))
+			}
+		];
+	}
+};
+function I(e, t, n, r) {
+	return new ae(new O(r), e, t, n);
+}
+s(I, "getChartLegendComponent");
+var oe = class {
 	constructor(e, t, n, r, i) {
 		this.plotData = e, this.xAxis = t, this.yAxis = n, this.orientation = r, this.plotIndex = i;
 	}
@@ -1670,7 +1758,7 @@ var re = class {
 		}
 		return n;
 	}
-}, ie = class {
+}, se = class {
 	constructor(e, t, n, r, i, a) {
 		this.barData = e, this.boundingRect = t, this.xAxis = n, this.yAxis = r, this.orientation = i, this.plotIndex = a;
 	}
@@ -1705,7 +1793,7 @@ var re = class {
 			}))
 		}];
 	}
-}, ae = class {
+}, ce = class {
 	constructor(e, t, n) {
 		this.chartConfig = e, this.chartData = t, this.chartThemeConfig = n, this.boundingRect = {
 			x: 0,
@@ -1735,27 +1823,28 @@ var re = class {
 		for (let [t, n] of this.chartData.plots.entries()) switch (n.type) {
 			case "line":
 				{
-					let r = new re(n, this.xAxis, this.yAxis, this.chartConfig.chartOrientation, t);
+					let r = new oe(n, this.xAxis, this.yAxis, this.chartConfig.chartOrientation, t);
 					e.push(...r.getDrawableElement());
 				}
 				break;
 			case "bar": {
-				let r = new ie(n, this.boundingRect, this.xAxis, this.yAxis, this.chartConfig.chartOrientation, t);
+				let r = new se(n, this.boundingRect, this.xAxis, this.yAxis, this.chartConfig.chartOrientation, t);
 				e.push(...r.getDrawableElement());
 			}
 		}
 		return e;
 	}
 };
-function P(e, t, n) {
-	return new ae(e, t, n);
+function le(e, t, n) {
+	return new ce(e, t, n);
 }
-s(P, "getPlotComponent");
-var oe = class {
+s(le, "getPlotComponent");
+var ue = class {
 	constructor(e, t, n, r) {
 		this.chartConfig = e, this.chartData = t, this.componentStore = {
-			title: ne(e, t, n, r),
-			plot: P(e, t, n),
+			title: P(e, t, n, r),
+			plot: le(e, t, n),
+			legend: I(e, t, n, r),
 			xAxis: N(t.xAxis, e.xAxis, {
 				titleColor: n.xAxisTitleColor,
 				labelColor: n.xAxisLabelColor,
@@ -1774,57 +1863,75 @@ var oe = class {
 		s(this, "Orchestrator");
 	}
 	calculateVerticalSpace() {
-		let e = this.chartConfig.width, t = this.chartConfig.height, n = 0, r = 0, i = Math.floor(e * this.chartConfig.plotReservedSpacePercent / 100), a = Math.floor(t * this.chartConfig.plotReservedSpacePercent / 100), o = this.componentStore.plot.calculateSpace({
-			width: i,
-			height: a
+		let e = this.chartConfig.width, t = this.chartConfig.height, n = 0, r = 0, i = {
+			width: 0,
+			height: 0
+		}, a = Math.floor(e * this.chartConfig.plotReservedSpacePercent / 100), o = Math.floor(t * this.chartConfig.plotReservedSpacePercent / 100), s = this.componentStore.plot.calculateSpace({
+			width: a,
+			height: o
 		});
-		e -= o.width, t -= o.height, o = this.componentStore.title.calculateSpace({
+		e -= s.width, t -= s.height, s = this.componentStore.title.calculateSpace({
 			width: this.chartConfig.width,
 			height: t
-		}), r = o.height, t -= o.height, this.componentStore.xAxis.setAxisPosition("bottom"), o = this.componentStore.xAxis.calculateSpace({
+		}), r = s.height, t -= s.height, this.componentStore.xAxis.setAxisPosition("bottom"), s = this.componentStore.xAxis.calculateSpace({
 			width: e,
 			height: t
-		}), t -= o.height, this.componentStore.yAxis.setAxisPosition("left"), o = this.componentStore.yAxis.calculateSpace({
+		}), t -= s.height, this.componentStore.yAxis.setAxisPosition("left"), s = this.componentStore.yAxis.calculateSpace({
 			width: e,
 			height: t
-		}), n = o.width, e -= o.width, e > 0 && (i += e, e = 0), t > 0 && (a += t, t = 0), this.componentStore.plot.calculateSpace({
-			width: i,
-			height: a
+		}), n = s.width, e -= s.width, i = this.componentStore.legend.calculateSpace({
+			width: e,
+			height: o
+		}), e -= i.width, e > 0 && (a += e, e = 0), t > 0 && (o += t, t = 0), this.componentStore.plot.calculateSpace({
+			width: a,
+			height: o
 		}), this.componentStore.plot.setBoundingBoxXY({
 			x: n,
 			y: r
-		}), this.componentStore.xAxis.setRange([n, n + i]), this.componentStore.xAxis.setBoundingBoxXY({
+		}), this.componentStore.legend.setBoundingBoxXY({
+			x: n + a,
+			y: r + Math.max((o - i.height) / 2, 0)
+		}), this.componentStore.xAxis.setRange([n, n + a]), this.componentStore.xAxis.setBoundingBoxXY({
 			x: n,
-			y: r + a
-		}), this.componentStore.yAxis.setRange([r, r + a]), this.componentStore.yAxis.setBoundingBoxXY({
+			y: r + o
+		}), this.componentStore.yAxis.setRange([r, r + o]), this.componentStore.yAxis.setBoundingBoxXY({
 			x: 0,
 			y: r
 		}), this.chartData.plots.some((e) => T(e)) && this.componentStore.xAxis.recalculateOuterPaddingToDrawBar();
 	}
 	calculateHorizontalSpace() {
-		let e = this.chartConfig.width, t = this.chartConfig.height, n = 0, r = 0, i = 0, a = Math.floor(e * this.chartConfig.plotReservedSpacePercent / 100), o = Math.floor(t * this.chartConfig.plotReservedSpacePercent / 100), s = this.componentStore.plot.calculateSpace({
-			width: a,
-			height: o
+		let e = this.chartConfig.width, t = this.chartConfig.height, n = 0, r = 0, i = 0, a = {
+			width: 0,
+			height: 0
+		}, o = Math.floor(e * this.chartConfig.plotReservedSpacePercent / 100), s = Math.floor(t * this.chartConfig.plotReservedSpacePercent / 100), c = this.componentStore.plot.calculateSpace({
+			width: o,
+			height: s
 		});
-		e -= s.width, t -= s.height, s = this.componentStore.title.calculateSpace({
+		e -= c.width, t -= c.height, c = this.componentStore.title.calculateSpace({
 			width: this.chartConfig.width,
 			height: t
-		}), n = s.height, t -= s.height, this.componentStore.xAxis.setAxisPosition("left"), s = this.componentStore.xAxis.calculateSpace({
+		}), n = c.height, t -= c.height, this.componentStore.xAxis.setAxisPosition("left"), c = this.componentStore.xAxis.calculateSpace({
 			width: e,
 			height: t
-		}), e -= s.width, r = s.width, this.componentStore.yAxis.setAxisPosition("top"), s = this.componentStore.yAxis.calculateSpace({
+		}), e -= c.width, r = c.width, this.componentStore.yAxis.setAxisPosition("top"), c = this.componentStore.yAxis.calculateSpace({
 			width: e,
 			height: t
-		}), t -= s.height, i = n + s.height, e > 0 && (a += e, e = 0), t > 0 && (o += t, t = 0), this.componentStore.plot.calculateSpace({
-			width: a,
-			height: o
+		}), t -= c.height, i = n + c.height, a = this.componentStore.legend.calculateSpace({
+			width: e,
+			height: s
+		}), e -= a.width, e > 0 && (o += e, e = 0), t > 0 && (s += t, t = 0), this.componentStore.plot.calculateSpace({
+			width: o,
+			height: s
 		}), this.componentStore.plot.setBoundingBoxXY({
 			x: r,
 			y: i
-		}), this.componentStore.yAxis.setRange([r, r + a]), this.componentStore.yAxis.setBoundingBoxXY({
+		}), this.componentStore.legend.setBoundingBoxXY({
+			x: r + o,
+			y: i + Math.max((s - a.height) / 2, 0)
+		}), this.componentStore.yAxis.setRange([r, r + o]), this.componentStore.yAxis.setBoundingBoxXY({
 			x: r,
 			y: n
-		}), this.componentStore.xAxis.setRange([i, i + o]), this.componentStore.xAxis.setBoundingBoxXY({
+		}), this.componentStore.xAxis.setRange([i, i + s]), this.componentStore.xAxis.setBoundingBoxXY({
 			x: 0,
 			y: i
 		}), this.chartData.plots.some((e) => T(e)) && this.componentStore.xAxis.recalculateOuterPaddingToDrawBar();
@@ -1839,25 +1946,25 @@ var oe = class {
 		for (let t of Object.values(this.componentStore)) e.push(...t.getDrawableElements());
 		return e;
 	}
-}, se = class {
+}, de = class {
 	static {
 		s(this, "XYChartBuilder");
 	}
 	static build(e, t, n, r) {
-		return new oe(e, t, n, r).getDrawableElement();
+		return new ue(e, t, n, r).getDrawableElement();
 	}
-}, F = 0, I, L = W(), R = U(), z = G(), B = R.plotColorPalette.split(",").map((e) => e.trim()), V = !1, H = !1;
-function U() {
+}, L = 0, R, z = K(), B = G(), V = q(), H = B.plotColorPalette.split(",").map((e) => e.trim()), U = !1, W = !1;
+function G() {
 	let e = c(), t = p();
 	return i(e.xyChart, t.themeVariables.xyChart);
 }
-s(U, "getChartDefaultThemeConfig");
-function W() {
+s(G, "getChartDefaultThemeConfig");
+function K() {
 	let e = p();
 	return i(h.xyChart, e.xyChart);
 }
-s(W, "getChartDefaultConfig");
-function G() {
+s(K, "getChartDefaultConfig");
+function q() {
 	return {
 		yAxis: {
 			type: "linear",
@@ -1874,73 +1981,73 @@ function G() {
 		plots: []
 	};
 }
-s(G, "getChartDefaultData");
-function K(e) {
+s(q, "getChartDefaultData");
+function J(e) {
 	let t = p();
 	return y(e.trim(), t);
 }
-s(K, "textSanitizer");
-function q(e) {
-	I = e;
+s(J, "textSanitizer");
+function Y(e) {
+	R = e;
 }
-s(q, "setTmpSVGG");
-function J(e) {
-	e === "horizontal" ? L.chartOrientation = "horizontal" : L.chartOrientation = "vertical";
+s(Y, "setTmpSVGG");
+function fe(e) {
+	e === "horizontal" ? z.chartOrientation = "horizontal" : z.chartOrientation = "vertical";
 }
-s(J, "setOrientation");
-function Y(e) {
-	z.xAxis.title = K(e.text);
+s(fe, "setOrientation");
+function pe(e) {
+	V.xAxis.title = J(e.text);
 }
-s(Y, "setXAxisTitle");
+s(pe, "setXAxisTitle");
 function X(e, t) {
-	z.xAxis = {
+	V.xAxis = {
 		type: "linear",
-		title: z.xAxis.title,
+		title: V.xAxis.title,
 		min: e,
 		max: t
-	}, V = !0;
+	}, U = !0;
 }
 s(X, "setXAxisRangeData");
-function ce(e) {
-	z.xAxis = {
+function me(e) {
+	V.xAxis = {
 		type: "band",
-		title: z.xAxis.title,
-		categories: e.map((e) => K(e.text))
-	}, V = !0;
+		title: V.xAxis.title,
+		categories: e.map((e) => J(e.text))
+	}, U = !0;
 }
-s(ce, "setXAxisBand");
-function le(e) {
-	z.yAxis.title = K(e.text);
+s(me, "setXAxisBand");
+function he(e) {
+	V.yAxis.title = J(e.text);
 }
-s(le, "setYAxisTitle");
-function ue(e, t) {
-	z.yAxis = {
+s(he, "setYAxisTitle");
+function Z(e, t) {
+	V.yAxis = {
 		type: "linear",
-		title: z.yAxis.title,
+		title: V.yAxis.title,
 		min: e,
 		max: t
-	}, H = !0;
+	}, W = !0;
 }
-s(ue, "setYAxisRangeData");
-function de(e) {
-	let t = Math.min(...e), n = Math.max(...e), r = D(z.yAxis) ? z.yAxis.min : Infinity, i = D(z.yAxis) ? z.yAxis.max : -Infinity;
-	z.yAxis = {
+s(Z, "setYAxisRangeData");
+function ge(e) {
+	let t = Math.min(...e), n = Math.max(...e), r = D(V.yAxis) ? V.yAxis.min : Infinity, i = D(V.yAxis) ? V.yAxis.max : -Infinity;
+	V.yAxis = {
 		type: "linear",
-		title: z.yAxis.title,
+		title: V.yAxis.title,
 		min: Math.min(r, t),
 		max: Math.max(i, n)
 	};
 }
-s(de, "setYAxisRangeFromPlotData");
-function Z(e) {
+s(ge, "setYAxisRangeFromPlotData");
+function Q(e) {
 	let t = [];
 	if (e.length === 0) return t;
-	if (!V) {
-		let t = D(z.xAxis) ? z.xAxis.min : Infinity, n = D(z.xAxis) ? z.xAxis.max : -Infinity;
+	if (!U) {
+		let t = D(V.xAxis) ? V.xAxis.min : Infinity, n = D(V.xAxis) ? V.xAxis.max : -Infinity;
 		X(Math.min(t, 1), Math.max(n, e.length));
 	}
-	if (E(z.xAxis) && e.length > z.xAxis.categories.length && (e = e.slice(0, z.xAxis.categories.length)), H || de(e), E(z.xAxis) && (t = z.xAxis.categories.map((t, n) => [t, e[n]])), D(z.xAxis)) {
-		let n = z.xAxis.min, r = z.xAxis.max;
+	if (E(V.xAxis) && e.length > V.xAxis.categories.length && (e = e.slice(0, V.xAxis.categories.length)), W || ge(e), E(V.xAxis) && (t = V.xAxis.categories.map((t, n) => [t, e[n]])), D(V.xAxis)) {
+		let n = V.xAxis.min, r = V.xAxis.max;
 		if (e.length === 1) t = [[`${n}`, e[0]]];
 		else {
 			let i = (r - n) / (e.length - 1);
@@ -1949,54 +2056,56 @@ function Z(e) {
 	}
 	return t;
 }
-s(Z, "transformDataWithoutCategory");
-function Q(e) {
-	return B[e === 0 ? 0 : e % B.length];
+s(Q, "transformDataWithoutCategory");
+function $(e) {
+	return H[e === 0 ? 0 : e % H.length];
 }
-s(Q, "getPlotColorFromPalette");
-function fe(e, t) {
-	let n = t.map((e) => e.value), r = t.map((e) => e.label ? K(e.label) : ""), i = Z(n), a = r.some((e) => e !== "");
-	z.plots.push({
+s($, "getPlotColorFromPalette");
+function _e(e, t) {
+	let n = t.map((e) => e.value), r = t.map((e) => e.label ? J(e.label) : ""), i = Q(n), a = r.some((e) => e !== "");
+	V.plots.push({
 		type: "line",
-		strokeFill: Q(F),
+		title: J(e.text),
+		strokeFill: $(L),
 		strokeWidth: 2,
 		data: i,
 		...a ? { pointLabels: r } : {}
-	}), F++;
+	}), L++;
 }
-s(fe, "setLineData");
-function pe(e, t) {
-	let n = Z(t.map((e) => e.value));
-	z.plots.push({
+s(_e, "setLineData");
+function ve(e, t) {
+	let n = Q(t.map((e) => e.value));
+	V.plots.push({
 		type: "bar",
-		fill: Q(F),
+		title: J(e.text),
+		fill: $(L),
 		data: n
-	}), F++;
+	}), L++;
 }
-s(pe, "setBarData");
-function me() {
-	if (z.plots.length === 0) throw Error("No Plot to render, please provide a plot with some data");
-	return z.title = _(), se.build(L, z, R, I);
+s(ve, "setBarData");
+function ye() {
+	if (V.plots.length === 0) throw Error("No Plot to render, please provide a plot with some data");
+	return V.title = _(), de.build(z, V, B, R);
 }
-s(me, "getDrawableElem");
-function he() {
-	return R;
+s(ye, "getDrawableElem");
+function be() {
+	return B;
 }
-s(he, "getChartThemeConfig");
-function ge() {
-	return L;
-}
-s(ge, "getChartConfig");
-function $() {
+s(be, "getChartThemeConfig");
+function xe() {
 	return z;
 }
-s($, "getXYChartData");
-var _e = {
+s(xe, "getChartConfig");
+function Se() {
+	return V;
+}
+s(Se, "getXYChartData");
+var Ce = {
 	parser: w,
 	db: {
-		getDrawableElem: me,
+		getDrawableElem: ye,
 		clear: /* @__PURE__ */ s(function() {
-			f(), F = 0, L = W(), z = G(), R = U(), B = R.plotColorPalette.split(",").map((e) => e.trim()), V = !1, H = !1;
+			f(), L = 0, z = K(), V = q(), B = G(), H = B.plotColorPalette.split(",").map((e) => e.trim()), U = !1, W = !1;
 		}, "clear"),
 		setAccTitle: d,
 		getAccTitle: v,
@@ -2004,18 +2113,18 @@ var _e = {
 		getDiagramTitle: _,
 		getAccDescription: g,
 		setAccDescription: l,
-		setOrientation: J,
-		setXAxisTitle: Y,
+		setOrientation: fe,
+		setXAxisTitle: pe,
 		setXAxisRangeData: X,
-		setXAxisBand: ce,
-		setYAxisTitle: le,
-		setYAxisRangeData: ue,
-		setLineData: fe,
-		setBarData: pe,
-		setTmpSVGG: q,
-		getChartThemeConfig: he,
-		getChartConfig: ge,
-		getXYChartData: $
+		setXAxisBand: me,
+		setYAxisTitle: he,
+		setYAxisRangeData: Z,
+		setLineData: _e,
+		setBarData: ve,
+		setTmpSVGG: Y,
+		getChartThemeConfig: be,
+		getChartConfig: xe,
+		getXYChartData: Se
 	},
 	renderer: { draw: /* @__PURE__ */ s((e, t, n, r) => {
 		let i = r.db, a = i.getChartThemeConfig(), c = i.getChartConfig(), l = i.getXYChartData().plots[0].data.map((e) => e[1]);
@@ -2031,7 +2140,7 @@ var _e = {
 			return `translate(${e.x}, ${e.y}) rotate(${e.rotation || 0})`;
 		}
 		s(f, "getTextTransformation"), o.debug("Rendering xychart chart\n" + e);
-		let p = b(t), h = p.append("g").attr("class", "main"), g = h.append("rect").attr("width", c.width).attr("height", c.height).attr("class", "background");
+		let p = x(t), h = p.append("g").attr("class", "main"), g = h.append("rect").attr("width", c.width).attr("height", c.height).attr("class", "background");
 		m(p, c.height, c.width, !0), p.attr("viewBox", `0 0 ${c.width} ${c.height}`), g.attr("fill", a.backgroundColor), i.setTmpSVGG(p.append("g").attr("class", "mermaid-tmp-group"));
 		let _ = i.getDrawableElem(), v = {};
 		function y(e) {
@@ -2092,4 +2201,4 @@ var _e = {
 	}, "draw") }
 };
 //#endregion
-export { _e as diagram };
+export { Ce as diagram };