vue-data-ui 3.22.7 → 3.22.8

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

@@ -1,8 +1,8 @@
-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 { B as e, D as t, F as n, G as r, J as i, Kt as a, Lt as o, M as s, Mt as c, O as l, P as u, R as d, Rt as f, U as p, V as m, Wt as h, a as g, b as _, c as v, et as y, g as b, gt as x, h as S, i as C, j as w, s as ee, t as te, z as T, zt as E } from "./lib-JqW18y5I.js";
 import { t as D } from "./useTimeLabels-BmBRv27Y.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-DMai0gHB.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-CLn1VXJ9.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {
@@ -23,7 +23,7 @@ function re({ config: e = {}, dataset: t = [] } = {}) {
 	let i = r.theme;
 	if (!i) return {
 		...r,
-		customPalette: r.customPalette?.length ? r.customPalette : C
+		customPalette: r.customPalette?.length ? r.customPalette : c
 	};
 	let o = a({
 		userConfig: n,
@@ -34,7 +34,7 @@ function re({ config: e = {}, dataset: t = [] } = {}) {
 	});
 	return {
 		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : m[i] || C
+		customPalette: o.customPalette?.length ? o.customPalette : h[i] || c
 	};
 }
 function B(e) {
@@ -54,7 +54,7 @@ function oe({ dataset: e, config: t }) {
 		ticks: [0, 1]
 	};
 	let r = t?.chart?.grid?.labels?.xAxis?.scaleMin, i = t?.chart?.grid?.labels?.xAxis?.scaleMax, a = ie(r) ? Number(r) : Math.min(...n), o = ie(i) ? Number(i) : Math.max(...n);
-	return b(a === o ? a - 1 : a, a === o ? o + 1 : o, Number.isFinite(Number(t?.chart?.grid?.labels?.xAxis?.scaleSteps)) ? Number(t.chart.grid.labels.xAxis.scaleSteps) : 6);
+	return S(a === o ? a - 1 : a, a === o ? o + 1 : o, Number.isFinite(Number(t?.chart?.grid?.labels?.xAxis?.scaleSteps)) ? Number(t.chart.grid.labels.xAxis.scaleSteps) : 6);
 }
 function se({ xValue: e, xScale: t, drawingArea: n, config: r }) {
 	let i = (Number(e) - t.min) / (t.max - t.min || 1), a = r?.chart?.grid?.labels?.xAxis?.reverse ? 1 - i : i;
@@ -64,41 +64,41 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 	let s = re({
 		config: t,
 		dataset: e
-	}), c = {
+	}), l = {
 		top: s.chart.padding.top,
 		left: s.chart.padding.left,
 		right: n - s.chart.padding.right,
 		bottom: r - s.chart.padding.bottom
 	};
-	c.width = c.right - c.left, c.height = c.bottom - c.top;
-	let l = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), u = b(Math.min(0, ...l), Math.max(1, ...l), 6), d = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), f = d ? oe({
+	l.width = l.right - l.left, l.height = l.bottom - l.top;
+	let u = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), d = S(Math.min(0, ...u), Math.max(1, ...u), 6), f = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), p = f ? oe({
 		dataset: e,
 		config: s
-	}) : null, p = Math.max(0, ...e.map((e) => e.series?.length || 0)), m = (e) => p <= 1 ? c.left + c.width / 2 : c.left + e / (p - 1) * c.width, h = (e, t) => d ? B(e) ? se({
+	}) : null, m = Math.max(0, ...e.map((e) => e.series?.length || 0)), h = (e) => m <= 1 ? l.left + l.width / 2 : l.left + e / (m - 1) * l.width, g = (e, t) => f ? B(e) ? se({
 		xValue: e.x,
-		xScale: f,
-		drawingArea: c,
+		xScale: p,
+		drawingArea: l,
 		config: s
-	}) : 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;
+	}) : null : h(t), v = (e) => {
+		let t = (Number(e) - d.min) / (d.max - d.min || 1);
+		return l.bottom - t * l.height;
+	}, y = Array.isArray(s.customPalette) ? s.customPalette : [], b = y.length ? y : c;
 	return {
 		width: n,
 		height: r,
 		selectedXIndex: i,
 		dataset: e,
 		config: s,
-		drawingArea: c,
-		scale: u,
-		xScale: f,
-		isContinuous: d,
+		drawingArea: l,
+		scale: d,
+		xScale: p,
+		isContinuous: f,
 		series: e.map((e, t) => {
-			let n = (e.color ? _(e.color) : "") || y[t % y.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? _(e.color) : "") || b[t % b.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 : g(n),
+					x: g(e, t),
+					y: n === null || !Number.isFinite(Number(n)) ? null : v(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 = h();
+var ve = r();
 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)})` : l(t.color, k(I(r, "line.area.opacity", 30), 30));
+	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : f(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;
@@ -227,11 +227,11 @@ function Te(e, t) {
 			}),
 			A("stop", {
 				offset: "62%",
-				"stop-color": p(_(t.color), .02)
+				"stop-color": E(_(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": p(_(t.color), .05)
+				"stop-color": E(_(t.color), .05)
 			})
 		].join(""))), r.push(L("linearGradient", {
 			id: G(e, n, "neg"),
@@ -240,11 +240,11 @@ function Te(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": p(_(t.color), .05)
+				"stop-color": E(_(t.color), .05)
 			}),
 			A("stop", {
 				offset: "38%",
-				"stop-color": p(_(t.color), .02)
+				"stop-color": E(_(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
@@ -261,7 +261,7 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": p(_(t.color), .05)
+			"stop-color": E(_(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
 			"stop-color": _(t.color)
@@ -269,7 +269,7 @@ function Te(e, t) {
 			id: be(e, i),
 			gradientTransform: "rotate(90)"
 		}, t.temperatureColors.map((e, n) => A("stop", {
-			offset: s(n, t.temperatureColors.length),
+			offset: o(n, t.temperatureColors.length),
 			"stop-color": _(e)
 		})).join("")));
 	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
@@ -282,7 +282,7 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": p(_(t.color), .05)
+			"stop-color": E(_(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
 			"stop-color": _(t.color)
@@ -308,13 +308,13 @@ function J(e) {
 	return I(e, "chart.grid.labels.yAxis.position", "left") === "right";
 }
 function De(e, t) {
-	let n = w({
+	let n = i({
 		p: I(t, "chart.labels.prefix", ""),
 		v: e,
 		s: I(t, "chart.labels.suffix", ""),
 		r: I(t, "chart.grid.labels.yAxis.rounding", 0)
 	});
-	return S(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+	return C(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
 }
 function Y(e) {
 	return !!I(e, "chart.grid.labels.yAxis.stacked", !1);
@@ -323,7 +323,7 @@ function X(e) {
 	return e != null && Number.isFinite(Number(e));
 }
 function Oe(e, t, n, r) {
-	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? b(t, n, r) : y(t, n, r);
+	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? S(t, n, r) : b(t, n, r);
 }
 function ke(e, t) {
 	let n = M(t.plots).map((e) => Number(e.value)).filter(Number.isFinite), r = I(e, "chart.grid.labels.yAxis.scaleMin", null), i = I(e, "chart.grid.labels.yAxis.scaleMax", null), a = X(r) ? Number(r) : X(t.scaleMin) ? Number(t.scaleMin) : Math.min(0, ...n), o = X(i) ? Number(i) : X(t.scaleMax) ? Number(t.scaleMax) : Math.max(1, ...n);
@@ -361,15 +361,15 @@ 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, 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 = {
+	}, 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), C = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), w = s.left, ee = s.right, te = i - w - ee - 6 - x - y, T = {
 		top: v + _ + d,
-		right: C + (J(n) ? 0 : ee) + x + te,
+		right: w + (J(n) ? 0 : C) + x + te,
 		bottom: a - h - b - S - f,
-		left: C + (J(n) ? 0 : ee) + x,
+		left: w + (J(n) ? 0 : C) + x,
 		width: Math.max(1, te),
 		height: 1,
-		scaleLabelX: C,
-		rightScaleLabelX: w,
+		scaleLabelX: w,
+		rightScaleLabelX: ee,
 		scaleLabelsOffset: s.scaleLabelsOffset,
 		yAxisLabelWidth: s.yAxisLabelWidth,
 		individualOffsetX: 36
@@ -708,13 +708,13 @@ function We(e, t) {
 	return n.left + n.width * o;
 }
 function Ge(e, t, n) {
-	let { config: r } = e, i = w({
+	let { config: r } = e, a = i({
 		v: t,
 		p: I(r, "chart.labels.prefix", ""),
 		s: I(r, "chart.labels.suffix", ""),
 		r: I(r, "chart.grid.labels.xAxis.rounding", 0)
 	});
-	return S(I(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
+	return C(I(r, "chart.grid.labels.xAxis.formatter", null), t, a, {
 		datapoint: t,
 		seriesIndex: null
 	});
@@ -752,7 +752,7 @@ async function Je(e, t) {
 		start: 0,
 		end: i
 	}), s = a.map((e) => e?.text ?? ""), c = o.map((e) => e?.text ?? ""), l = Math.min(k(r.modulo, 1), Math.max(1, new Set(s).size));
-	return te(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+	return ee(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -767,31 +767,31 @@ 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), 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 "";
-		let d = `translate(${Xe(e, t, n, c)}, ${r.bottom + i * 1.5}), rotate(${s})`;
-		return String(l).includes("\n") ? L("text", {
+	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")), o = Ze(e), s = Math.max(1, t[0].plots.length), c = await Ye(e, t), l = o > 0 ? "start" : o < 0 ? "end" : "middle";
+	return L("g", { "data-layer": "x-axis-labels" }, c.map((t, n) => {
+		let c = typeof t == "string" ? t : t?.text;
+		if (!c) return "";
+		let u = `translate(${Xe(e, t, n, s)}, ${r.bottom + i * 1.5}), rotate(${o})`;
+		return String(c).includes("\n") ? L("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
-			"text-anchor": u,
+			"text-anchor": l,
 			"font-size": i,
 			fill: a,
-			transform: d
-		}, o({
-			content: String(l),
+			transform: u
+		}, p({
+			content: String(c),
 			fontSize: i,
 			fill: a,
 			x: 0,
 			y: 0
-		})) : R(l, {
+		})) : R(c, {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
-			"text-anchor": u,
+			"text-anchor": l,
 			"font-size": i,
 			fill: a,
-			transform: d
+			transform: u
 		});
 	}).join(""));
 }
@@ -895,7 +895,7 @@ function it(e, t) {
 		y2: "100%"
 	}, [A("stop", {
 		offset: "0%",
-		"stop-color": l(p(_(t.color), .03), r),
+		"stop-color": f(E(_(t.color), .03), r),
 		"stop-opacity": 1
 	}), A("stop", {
 		offset: "100%",
@@ -905,29 +905,29 @@ function it(e, t) {
 	return i ? L("defs", {}, i) : "";
 }
 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(n.__zeroY)) ? Number(n.__zeroY) : U(e), f = we(e, n, a);
+	let { config: r } = e, i = !!I(r, "line.cutNullValues", !1), a = [];
+	return n.filter((e) => e.type === "line" && e.useArea).forEach((n, r) => {
+		let o = M(n.plots), s = o.filter((e) => e && e.value !== null);
+		if (s.length < 2) return;
+		let c = Number.isFinite(Number(n.__zeroY)) ? Number(n.__zeroY) : U(e), u = we(e, n, r);
 		if (n.smooth && !n.useStepper) {
-			t(o ? l : u, d, o).forEach((e) => {
-				e && s.push(A("path", {
+			w(i ? o : s, c, i).forEach((e) => {
+				e && a.push(A("path", {
 					d: e,
-					fill: f,
+					fill: u,
 					"data-cy": "datapoint-line-area-smooth"
 				}));
 			});
 			return;
 		}
-		(n.useStepper ? c(o ? l : u, d) : o ? r(l, d) : i(u, d)).split(";").filter(Boolean).forEach((e) => {
-			s.push(A("path", {
+		(n.useStepper ? d(i ? o : s, c) : i ? l(o, c) : t(s, c)).split(";").filter(Boolean).forEach((e) => {
+			a.push(A("path", {
 				d: `M${e}Z`,
-				fill: f,
+				fill: u,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
-	}), L("g", { "data-layer": "line-areas" }, s.join(""));
+	}), L("g", { "data-layer": "line-areas" }, a.join(""));
 }
 function ot(e, t) {
 	let n = k(t.slotStartIndex ?? t.startAbs, 0);
@@ -945,23 +945,23 @@ function st(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-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));
+function ct(t, r) {
+	let { config: i } = t, a = r.filter((e) => e.type === "line"), o = !!I(i, "line.cutNullValues", !1), c = [];
+	return a.forEach((r, a) => {
+		let l = o ? M(r.plots) : M(r.plots).filter((e) => e.value !== null), f = l.filter((e) => e.value !== null);
+		if (!(f.length < 2)) {
+			if (M(r.dashIndices).length > 0 && !r.useStepper) {
+				let e = ot(r, t);
+				(r.smooth || I(i, "line.smooth", !1) ? n(l, e) : m(l, e)).forEach((e) => {
+					e?.path && c.push(st(t, r, a, e.path, !!e.dashed));
 				});
 				return;
 			}
-			(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));
+			(r.useStepper ? d(l).split(";").filter(Boolean) : [r.smooth || I(i, "line.smooth", !1) ? o ? u(l) : s(f) : o ? e(l) : T(f, !1, !0)]).forEach((e) => {
+				e && c.push(st(t, r, a, e, !!r.dashed));
 			});
 		}
-	}), L("g", { "data-layer": "lines" }, o.join(""));
+	}), L("g", { "data-layer": "lines" }, c.join(""));
 }
 function lt(e, t, n) {
 	let { config: r } = e;
@@ -1095,21 +1095,21 @@ 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, 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", ""),
+	let { config: a } = e, o = k(I(a, `${r}.labels.fontSize`, I(a, "chart.labels.fontSize", 12)), 12), s = I(a, `${r}.labels.color`, I(a, "chart.color", "#2A2A2A")), c = i({
+		p: t.prefix || I(a, "chart.labels.prefix", ""),
 		v: n.value,
-		s: t.suffix || I(i, "chart.labels.suffix", ""),
-		r: I(i, `${r}.labels.rounding`, 0)
+		s: t.suffix || I(a, "chart.labels.suffix", ""),
+		r: I(a, `${r}.labels.rounding`, 0)
 	});
-	return o({
-		content: Z(e) && Number.isFinite(Number(n.x)) ? `x: ${w({
+	return p({
+		content: Z(e) && Number.isFinite(Number(n.x)) ? `x: ${i({
 			v: n.x,
-			r: I(i, "chart.grid.labels.xAxis.rounding", 0)
-		})}\ny: ${c}` : S(I(i, `${r}.labels.formatter`, null), n.value, c, {
+			r: I(a, "chart.grid.labels.xAxis.rounding", 0)
+		})}\ny: ${c}` : C(I(a, `${r}.labels.formatter`, null), n.value, c, {
 			datapoint: n,
 			serie: t
 		}),
-		fontSize: a,
+		fontSize: o,
 		fill: s,
 		x: 0,
 		y: 0
@@ -1166,28 +1166,28 @@ function Ot(e, t, n) {
 function kt(e, t) {
 	return Dt(e, t);
 }
-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);
+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);
 	return L("foreignObject", {
-		"data-key": `highlight_area_caption_${r}`,
-		x: d,
-		y: f,
-		width: u,
+		"data-key": `highlight_area_caption_${n}`,
+		x: u,
+		y: d,
+		width: l,
 		height: 1,
 		overflow: "visible"
 	}, L("div", {
 		xmlns: "http://www.w3.org/1999/xhtml",
 		"data-cy": "highlight-area-caption",
 		style: [
-			`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"}`
+			`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"}`
 		].join(";")
-	}, e(c.text)));
+	}, y(s.text)));
 }
 function jt(e, t) {
 	let { config: n, drawingArea: r } = e, i = M(I(n, "chart.highlightArea", []));
@@ -1195,24 +1195,24 @@ function jt(e, t) {
 	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);
-		if (u < i) return;
-		for (let d = i; d <= u; d += 1) {
-			if (d < o || d > s - 1) continue;
-			let i = d - o;
+		let i = k(t.from, 0), l = Math.min(k(t.to, i), a - 1);
+		if (l < i) return;
+		for (let u = i; u <= l; u += 1) {
+			if (u < o || u > s - 1) continue;
+			let i = u - o;
 			c.push(A("rect", {
 				"data-cy": "highlight-area",
-				"data-key": `highlight_area_${n}_${d}`,
+				"data-key": `highlight_area_${n}_${u}`,
 				x: Ot(e, i, a),
 				y: r.top,
 				width: kt(e, a),
 				height: Math.max(1, r.height),
-				fill: l(t.color, k(t.opacity, 20)),
+				fill: f(t.color, k(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
-		let d = Math.max(i, o);
-		d <= Math.min(u, s - 1) && c.push(At(e, t, n, d - o, u - i + 1, a));
+		let u = Math.max(i, o);
+		u <= Math.min(l, s - 1) && c.push(At(e, t, n, u - o, l - i + 1, a));
 	}), c.length ? L("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
 }
 function Mt(e, t) {
@@ -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 ?? {}, 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);
+		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, c = a.area ?? {}, l = a.yTop, u = a.yBottom, d = l != null && u != null && l !== u, p = Mt(e, l), m = Mt(e, u), h = Number.isFinite(p), g = Number.isFinite(m);
 		if (!h && !g) return;
 		let _ = [];
 		if (h && _.push(A("line", {
@@ -1267,12 +1267,12 @@ function Ft(e) {
 			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
-		})), f && h && g && _.push(A("rect", {
+		})), d && h && g && _.push(A("rect", {
 			x: n.left,
 			y: Math.min(p, m),
 			width: n.width,
 			height: Math.abs(p - m),
-			fill: l(c.fill, k(c.opacity, 20)),
+			fill: f(c.fill, k(c.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
 		})), o.text) {
@@ -1326,7 +1326,7 @@ async function Lt(e) {
 	}, i), o = a.series;
 	return `
 <svg
-    xmlns="${T}"
+    xmlns="${te}"
     width="100%"
     viewBox="0 0 ${n} ${r}"
     role="img"