vue-data-ui 3.22.5 → 3.22.7

package/dist/{vue-ui-xy-DpRqQ09J.js → vue-ui-xy-OhwS0kcZ.js}

@@ -1,40 +1,40 @@
-import { A as e, B as t, D as n, E as r, Gt as i, H as a, It as o, L as s, Lt as c, N as l, P as u, R as d, Rt as f, Ut as p, W as m, a as h, b as g, c as _, et as v, g as y, h as b, ht as x, i as S, j as ee, jt as C, q as w, s as te, t as T, z as E } from "./lib-CuwHGt1j.js";
+import { $ as e, A as t, B as n, D as r, E as i, Gt as a, H as o, It as s, L as c, Lt as l, N as u, P as d, R as f, Rt as p, Ut as m, W as h, a as g, b as _, c as v, g as y, h as b, ht as x, i as S, j as ee, jt as C, q as w, s as te, t as T, z as E } from "./lib-EAmk-PgA.js";
 import { t as D } from "./useTimeLabels-BmBRv27Y.js";
-import { t as O } from "./useConfig-pVLia3dt.js";
+import { t as O } from "./useConfig-DYM3f6EI.js";
 import { t as ne } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-B80rr2N_.js";
+import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-DMai0gHB.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {
-	let n = e ?? {}, r = i({
+	let n = e ?? {}, r = a({
 		userConfig: n,
 		defaultConfig: z
 	});
-	x(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => i({
+	x(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => a({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: e
-	})) : r.chart.highlightArea = [i({
+	})) : r.chart.highlightArea = [a({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: n.chart.highlightArea
-	})]), x(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => i({
+	})]), x(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => a({
 		defaultConfig: z.chart.annotations[0],
 		userConfig: e
 	})) : r.chart.annotations = [], x(n, "chart.grid.position") && n.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (r.chart.grid.position = "middle");
-	let a = r.theme;
-	if (!a) return {
+	let i = r.theme;
+	if (!i) return {
 		...r,
 		customPalette: r.customPalette?.length ? r.customPalette : C
 	};
-	let o = i({
+	let o = a({
 		userConfig: n,
-		defaultConfig: i({
-			userConfig: ne[a] || {},
+		defaultConfig: a({
+			userConfig: ne[i] || {},
 			defaultConfig: r
 		})
 	});
 	return {
 		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : p[a] || C
+		customPalette: o.customPalette?.length ? o.customPalette : m[i] || C
 	};
 }
 function B(e) {
@@ -79,7 +79,7 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		xScale: f,
 		drawingArea: c,
 		config: s
-	}) : null : m(t), _ = (e) => {
+	}) : null : m(t), g = (e) => {
 		let t = (Number(e) - u.min) / (u.max - u.min || 1);
 		return c.bottom - t * c.height;
 	}, v = Array.isArray(s.customPalette) ? s.customPalette : [], y = v.length ? v : C;
@@ -94,11 +94,11 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		xScale: f,
 		isContinuous: d,
 		series: e.map((e, t) => {
-			let n = (e.color ? g(e.color) : "") || y[t % y.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? _(e.color) : "") || y[t % y.length], r = (e.series || []).map((e, t) => {
 				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
 				return {
 					x: h(e, t),
-					y: n === null || !Number.isFinite(Number(n)) ? null : _(n),
+					y: n === null || !Number.isFinite(Number(n)) ? null : g(n),
 					value: n,
 					index: t,
 					rawX: B(e) ? Number(e.x) : null,
@@ -183,7 +183,7 @@ function U(e) {
 	let { drawingArea: t, scale: n } = e, r = (0 - n.min) / (n.max - n.min || 1);
 	return t.bottom - r * t.height;
 }
-var ve = m();
+var ve = h();
 function W(e) {
 	return ve;
 }
@@ -208,7 +208,7 @@ function Ce(e, t, n) {
 }
 function we(e, t, n) {
 	let { config: r } = e;
-	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : c(t.color, k(I(r, "line.area.opacity", 30), 30));
+	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : l(t.color, k(I(r, "line.area.opacity", 30), 30));
 }
 function K(e, t, n, r) {
 	return I(e.config, "bar.useGradient", !1) ? r >= 0 ? `url(#${G(e, n, "pos")})` : `url(#${G(e, n, "neg")})` : t.color;
@@ -223,15 +223,15 @@ function Te(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": g(t.color)
+				"stop-color": _(t.color)
 			}),
 			A("stop", {
 				offset: "62%",
-				"stop-color": f(g(t.color), .02)
+				"stop-color": p(_(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": f(g(t.color), .05)
+				"stop-color": p(_(t.color), .05)
 			})
 		].join(""))), r.push(L("linearGradient", {
 			id: G(e, n, "neg"),
@@ -240,15 +240,15 @@ function Te(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": f(g(t.color), .05)
+				"stop-color": p(_(t.color), .05)
 			}),
 			A("stop", {
 				offset: "38%",
-				"stop-color": f(g(t.color), .02)
+				"stop-color": p(_(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": g(t.color)
+				"stop-color": _(t.color)
 			})
 		].join("")));
 	}), t.filter((e) => e.type === "line").forEach((t, i) => {
@@ -261,16 +261,16 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": f(g(t.color), .05)
+			"stop-color": p(_(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": g(t.color)
+			"stop-color": _(t.color)
 		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(L("linearGradient", {
 			id: be(e, i),
 			gradientTransform: "rotate(90)"
 		}, t.temperatureColors.map((e, n) => A("stop", {
-			offset: o(n, t.temperatureColors.length),
-			"stop-color": g(e)
+			offset: s(n, t.temperatureColors.length),
+			"stop-color": _(e)
 		})).join("")));
 	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
 		I(n, "plot.useGradient", !1) && r.push(L("radialGradient", {
@@ -282,10 +282,10 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": f(g(t.color), .05)
+			"stop-color": p(_(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": g(t.color)
+			"stop-color": _(t.color)
 		})].join("")));
 	}), r.length ? L("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
@@ -361,10 +361,10 @@ function je(e, t) {
 		...e,
 		width: i,
 		height: a
-	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, g = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, _ = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, v = k(I(n, "chart.padding.top", 12), 12), y = k(I(n, "chart.padding.right", 12), 12), b = k(I(n, "chart.padding.bottom", 12), 12), x = k(I(n, "chart.padding.left", 12), 12), S = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), ee = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, w = s.right, te = i - C - w - 6 - x - y, T = {
+	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, _ = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, v = k(I(n, "chart.padding.top", 12), 12), y = k(I(n, "chart.padding.right", 12), 12), b = k(I(n, "chart.padding.bottom", 12), 12), x = k(I(n, "chart.padding.left", 12), 12), S = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), ee = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, w = s.right, te = i - C - w - 6 - x - y, T = {
 		top: v + _ + d,
 		right: C + (J(n) ? 0 : ee) + x + te,
-		bottom: a - g - b - S - f,
+		bottom: a - h - b - S - f,
 		left: C + (J(n) ? 0 : ee) + x,
 		width: Math.max(1, te),
 		height: 1,
@@ -375,7 +375,7 @@ function je(e, t) {
 		individualOffsetX: 36
 	};
 	T.height = Math.max(1, T.bottom - T.top);
-	let E = Y(n), D = E ? h(t) : t, O = Math.max(1, D.length), ne = E ? k(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, A = ne * Math.max(0, O - 1), j = Math.max(1, T.height - A), N = V(n), P = me(n, t), F = Math.max(1, ...t.map((e) => M(e.plots).length));
+	let E = Y(n), D = E ? g(t) : t, O = Math.max(1, D.length), ne = E ? k(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, A = ne * Math.max(0, O - 1), j = Math.max(1, T.height - A), N = V(n), P = me(n, t), F = Math.max(1, ...t.map((e) => M(e.plots).length));
 	function L(t, n) {
 		if (Z(e)) {
 			let n = Number(t.rawX);
@@ -767,7 +767,7 @@ async function Qe(e, t) {
 	let { config: n, drawingArea: r } = e;
 	if (!t[0] || !I(n, "chart.grid.labels.xAxisLabels.show", !0)) return "";
 	I(n, "chart.grid.labels.xAxisLabels", {});
-	let i = k(I(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = I(n, "chart.grid.labels.xAxisLabels.color", I(n, "chart.grid.labels.color", "#2A2A2A")), s = Ze(e), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle";
+	let i = k(I(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), a = I(n, "chart.grid.labels.xAxisLabels.color", I(n, "chart.grid.labels.color", "#2A2A2A")), s = Ze(e), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle";
 	return L("g", { "data-layer": "x-axis-labels" }, l.map((t, n) => {
 		let l = typeof t == "string" ? t : t?.text;
 		if (!l) return "";
@@ -777,12 +777,12 @@ async function Qe(e, t) {
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": i,
-			fill: o,
+			fill: a,
 			transform: d
-		}, a({
+		}, o({
 			content: String(l),
 			fontSize: i,
-			fill: o,
+			fill: a,
 			x: 0,
 			y: 0
 		})) : R(l, {
@@ -790,7 +790,7 @@ async function Qe(e, t) {
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": i,
-			fill: o,
+			fill: a,
 			transform: d
 		});
 	}).join(""));
@@ -895,7 +895,7 @@ function it(e, t) {
 		y2: "100%"
 	}, [A("stop", {
 		offset: "0%",
-		"stop-color": c(f(g(t.color), .03), r),
+		"stop-color": l(p(_(t.color), .03), r),
 		"stop-opacity": 1
 	}), A("stop", {
 		offset: "100%",
@@ -904,15 +904,15 @@ function it(e, t) {
 	})].join(""))).join("");
 	return i ? L("defs", {}, i) : "";
 }
-function at(t, i) {
-	let { config: a } = t, o = !!I(a, "line.cutNullValues", !1), c = [];
-	return i.filter((e) => e.type === "line" && e.useArea).forEach((i, a) => {
-		let l = M(i.plots), u = l.filter((e) => e && e.value !== null);
+function at(e, n) {
+	let { config: a } = e, o = !!I(a, "line.cutNullValues", !1), s = [];
+	return n.filter((e) => e.type === "line" && e.useArea).forEach((n, a) => {
+		let l = M(n.plots), u = l.filter((e) => e && e.value !== null);
 		if (u.length < 2) return;
-		let d = Number.isFinite(Number(i.__zeroY)) ? Number(i.__zeroY) : U(t), f = we(t, i, a);
-		if (i.smooth && !i.useStepper) {
-			e(o ? l : u, d, o).forEach((e) => {
-				e && c.push(A("path", {
+		let d = Number.isFinite(Number(n.__zeroY)) ? Number(n.__zeroY) : U(e), f = we(e, n, a);
+		if (n.smooth && !n.useStepper) {
+			t(o ? l : u, d, o).forEach((e) => {
+				e && s.push(A("path", {
 					d: e,
 					fill: f,
 					"data-cy": "datapoint-line-area-smooth"
@@ -920,14 +920,14 @@ function at(t, i) {
 			});
 			return;
 		}
-		(i.useStepper ? s(o ? l : u, d) : o ? n(l, d) : r(u, d)).split(";").filter(Boolean).forEach((e) => {
-			c.push(A("path", {
+		(n.useStepper ? c(o ? l : u, d) : o ? r(l, d) : i(u, d)).split(";").filter(Boolean).forEach((e) => {
+			s.push(A("path", {
 				d: `M${e}Z`,
 				fill: f,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
-	}), L("g", { "data-layer": "line-areas" }, c.join(""));
+	}), L("g", { "data-layer": "line-areas" }, s.join(""));
 }
 function ot(e, t) {
 	let n = k(t.slotStartIndex ?? t.startAbs, 0);
@@ -945,20 +945,20 @@ function st(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-function ct(e, n) {
-	let { config: r } = e, i = n.filter((e) => e.type === "line"), a = !!I(r, "line.cutNullValues", !1), o = [];
-	return i.forEach((n, i) => {
-		let c = a ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), f = c.filter((e) => e.value !== null);
-		if (!(f.length < 2)) {
-			if (M(n.dashIndices).length > 0 && !n.useStepper) {
-				let a = ot(n, e);
-				(n.smooth || I(r, "line.smooth", !1) ? u(c, a) : t(c, a)).forEach((t) => {
-					t?.path && o.push(st(e, n, i, t.path, !!t.dashed));
+function ct(e, t) {
+	let { config: r } = e, i = t.filter((e) => e.type === "line"), a = !!I(r, "line.cutNullValues", !1), o = [];
+	return i.forEach((t, i) => {
+		let s = a ? M(t.plots) : M(t.plots).filter((e) => e.value !== null), l = s.filter((e) => e.value !== null);
+		if (!(l.length < 2)) {
+			if (M(t.dashIndices).length > 0 && !t.useStepper) {
+				let a = ot(t, e);
+				(t.smooth || I(r, "line.smooth", !1) ? d(s, a) : n(s, a)).forEach((n) => {
+					n?.path && o.push(st(e, t, i, n.path, !!n.dashed));
 				});
 				return;
 			}
-			(n.useStepper ? s(c).split(";").filter(Boolean) : [n.smooth || I(r, "line.smooth", !1) ? a ? l(c) : ee(f) : a ? E(c) : d(f, !1, !0)]).forEach((t) => {
-				t && o.push(st(e, n, i, t, !!n.dashed));
+			(t.useStepper ? c(s).split(";").filter(Boolean) : [t.smooth || I(r, "line.smooth", !1) ? a ? u(s) : ee(l) : a ? E(s) : f(l, !1, !0)]).forEach((n) => {
+				n && o.push(st(e, t, i, n, !!t.dashed));
 			});
 		}
 	}), L("g", { "data-layer": "lines" }, o.join(""));
@@ -1038,7 +1038,7 @@ function ht(e, t) {
 		let i = o.find((e) => e.name === n), u = o.find((e) => e.name === r);
 		if (!i || !u) return;
 		let d = a?.[t]?.[0] ?? i.color, f = a?.[t]?.[1] ?? u.color;
-		_({
+		v({
 			lineA: M(i.plots),
 			lineB: M(u.plots),
 			smoothA: !!i.smooth,
@@ -1095,13 +1095,13 @@ function yt(e, t, n, r, i) {
 	return !n || n.value === null || n.value === void 0 || !Number.isFinite(Number(n.value)) || !I(e.config, "dataLabels.show", !0) || !I(e.config, `${i}.labels.show`, !1) ? !1 : !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || e.selectedSerieIndex === r || e.selectedMinimapIndex === r;
 }
 function bt(e, t, n, r) {
-	let { config: i } = e, o = k(I(i, `${r}.labels.fontSize`, I(i, "chart.labels.fontSize", 12)), 12), s = I(i, `${r}.labels.color`, I(i, "chart.color", "#2A2A2A")), c = w({
+	let { config: i } = e, a = k(I(i, `${r}.labels.fontSize`, I(i, "chart.labels.fontSize", 12)), 12), s = I(i, `${r}.labels.color`, I(i, "chart.color", "#2A2A2A")), c = w({
 		p: t.prefix || I(i, "chart.labels.prefix", ""),
 		v: n.value,
 		s: t.suffix || I(i, "chart.labels.suffix", ""),
 		r: I(i, `${r}.labels.rounding`, 0)
 	});
-	return a({
+	return o({
 		content: Z(e) && Number.isFinite(Number(n.x)) ? `x: ${w({
 			v: n.x,
 			r: I(i, "chart.grid.labels.xAxis.rounding", 0)
@@ -1109,7 +1109,7 @@ function bt(e, t, n, r) {
 			datapoint: n,
 			serie: t
 		}),
-		fontSize: o,
+		fontSize: a,
 		fill: s,
 		x: 0,
 		y: 0
@@ -1166,33 +1166,33 @@ function Ot(e, t, n) {
 function kt(e, t) {
 	return Dt(e, t);
 }
-function At(e, t, n, r, i, a) {
-	let { drawingArea: o } = e, s = t.caption ?? {};
-	if (!s.text) return "";
-	let c = kt(e, a) * i, l = s.width === "auto" ? c : k(s.width, c), u = Ot(e, r, a) - (s.width === "auto" ? 0 : l / 2 - c / 2), d = o.top + k(s.offsetY, 0);
+function At(t, n, r, i, a, o) {
+	let { drawingArea: s } = t, c = n.caption ?? {};
+	if (!c.text) return "";
+	let l = kt(t, o) * a, u = c.width === "auto" ? l : k(c.width, l), d = Ot(t, i, o) - (c.width === "auto" ? 0 : u / 2 - l / 2), f = s.top + k(c.offsetY, 0);
 	return L("foreignObject", {
-		"data-key": `highlight_area_caption_${n}`,
-		x: u,
-		y: d,
-		width: l,
+		"data-key": `highlight_area_caption_${r}`,
+		x: d,
+		y: f,
+		width: u,
 		height: 1,
 		overflow: "visible"
 	}, L("div", {
 		xmlns: "http://www.w3.org/1999/xhtml",
 		"data-cy": "highlight-area-caption",
 		style: [
-			`padding:${k(s.padding, 0)}px`,
-			`text-align:${s.textAlign || "center"}`,
-			`font-size:${k(s.fontSize, 12)}px`,
-			`color:${s.color || "#2A2A2A"}`,
-			`font-weight:${s.bold ? "bold" : "normal"}`
+			`padding:${k(c.padding, 0)}px`,
+			`text-align:${c.textAlign || "center"}`,
+			`font-size:${k(c.fontSize, 12)}px`,
+			`color:${c.color || "#2A2A2A"}`,
+			`font-weight:${c.bold ? "bold" : "normal"}`
 		].join(";")
-	}, v(s.text)));
+	}, e(c.text)));
 }
 function jt(e, t) {
 	let { config: n, drawingArea: r } = e, i = M(I(n, "chart.highlightArea", []));
 	if (!i.length) return "";
-	let a = Math.max(1, ...t.map((e) => M(e.plots).length)), o = Tt(e), s = Et(e, t), l = [];
+	let a = Math.max(1, ...t.map((e) => M(e.plots).length)), o = Tt(e), s = Et(e, t), c = [];
 	return i.forEach((t, n) => {
 		if (!t?.show) return;
 		let i = k(t.from, 0), u = Math.min(k(t.to, i), a - 1);
@@ -1200,20 +1200,20 @@ function jt(e, t) {
 		for (let d = i; d <= u; d += 1) {
 			if (d < o || d > s - 1) continue;
 			let i = d - o;
-			l.push(A("rect", {
+			c.push(A("rect", {
 				"data-cy": "highlight-area",
 				"data-key": `highlight_area_${n}_${d}`,
 				x: Ot(e, i, a),
 				y: r.top,
 				width: kt(e, a),
 				height: Math.max(1, r.height),
-				fill: c(t.color, k(t.opacity, 20)),
+				fill: l(t.color, k(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
 		let d = Math.max(i, o);
-		d <= Math.min(u, s - 1) && l.push(At(e, t, n, d - o, u - i + 1, a));
-	}), l.length ? L("g", { "data-layer": "highlight-areas" }, l.join("")) : "";
+		d <= Math.min(u, s - 1) && c.push(At(e, t, n, d - o, u - i + 1, a));
+	}), c.length ? L("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
 }
 function Mt(e, t) {
 	if (t == null) return null;
@@ -1244,7 +1244,7 @@ function Ft(e) {
 	if (!r.length) return "";
 	let i = [];
 	return r.forEach((t, r) => {
-		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, l = a.area ?? {}, u = a.yTop, d = a.yBottom, f = u != null && d != null && u !== d, p = Mt(e, u), m = Mt(e, d), h = Number.isFinite(p), g = Number.isFinite(m);
+		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, c = a.area ?? {}, u = a.yTop, d = a.yBottom, f = u != null && d != null && u !== d, p = Mt(e, u), m = Mt(e, d), h = Number.isFinite(p), g = Number.isFinite(m);
 		if (!h && !g) return;
 		let _ = [];
 		if (h && _.push(A("line", {
@@ -1272,7 +1272,7 @@ function Ft(e) {
 			y: Math.min(p, m),
 			width: n.width,
 			height: Math.abs(p - m),
-			fill: c(l.fill, k(l.opacity, 20)),
+			fill: l(c.fill, k(c.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
 		})), o.text) {