vue-data-ui 3.18.5 → 3.19.0

package/dist/{vue-ui-sparkline-DE8Z8Ciy.js → vue-ui-sparkline-CuYL1Whh.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { At as t, G as n, H as r, I as i, M as a, Mt as o, Q as s, R as c, St as l, X as u, et as d, f, i as p, jt as m, k as ee, l as te, ot as ne, t as re, vt as h, y as ie, zt as ae } from "./lib-BkiwukKO.js";
 import { t as oe } from "./useTimeLabels-C0x7zUXP.js";
-import { t as se } from "./useConfig-Bc9KHPF4.js";
+import { t as se } from "./useConfig-nXlOKvBq.js";
 import { n as ce, t as le } from "./BaseScanner-C7dmAref.js";
 import { t as ue } from "./useNestedProp-Ck4hsrpu.js";
 import { t as de } from "./useThemeCheck-rFK9Zlb_.js";
@@ -12,7 +12,7 @@ import { t as me } from "./A11yDataTable-q2-8fSlJ.js";
 import { t as he } from "./useChartAccessibility-Do37qcw2.js";
 import { t as ge } from "./usePrefersMotion-BywLbIko.js";
 import { t as _e } from "./vue_ui_sparkline-wgk7yO7E.js";
-import { Fragment as _, computed as v, createBlock as ve, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as ye, createVNode as be, defineAsyncComponent as xe, guardReactiveProps as Se, nextTick as S, normalizeProps as Ce, normalizeStyle as C, onBeforeUnmount as we, onMounted as Te, openBlock as w, ref as T, renderList as E, renderSlot as Ee, shallowRef as De, toDisplayString as Oe, toRefs as ke, unref as D, watch as O, watchEffect as Ae, withCtx as je } from "vue";
+import { Fragment as _, computed as v, createBlock as ve, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as ye, createVNode as be, defineAsyncComponent as xe, guardReactiveProps as Se, nextTick as S, normalizeProps as Ce, normalizeStyle as C, onBeforeUnmount as we, onMounted as Te, openBlock as w, ref as T, renderList as Ee, renderSlot as E, shallowRef as De, toDisplayString as Oe, toRefs as ke, unref as D, watch as O, watchEffect as Ae, withCtx as je } from "vue";
 //#region src/atoms/SparklinePulse.vue
 var Me = {
 	key: 0,
@@ -141,7 +141,7 @@ var Me = {
 			await S(), i();
 		}), we(() => {
 			i();
-		}), (t, i) => r.value ? (w(), b("g", Me, [(w(!0), b(_, null, E(n.value, (t, n) => (w(), b(_, null, [n % 3 == 0 ? (w(), b("circle", {
+		}), (t, i) => r.value ? (w(), b("g", Me, [(w(!0), b(_, null, Ee(n.value, (t, n) => (w(), b(_, null, [n % 3 == 0 ? (w(), b("circle", {
 			key: `sparkline_dot_${n}_${e.pulsePathId}`,
 			r: o(n),
 			fill: e.pulse.color,
@@ -371,16 +371,16 @@ function B(e, t, n, r) {
 	for (a < 0 && (a = 0), a > e.length - 2 && (a = e.length - 2); a > 0 && i < e[a].position;) --a;
 	for (; a < e.length - 2 && i > e[a + 1].position;) a += 1;
 	let o = e[a], s = e[a + 1], c = s.position - o.position, l = c > 0 ? (i - o.position) / c : 0;
-	return W(V(o.rgba, s.rgba, l, n));
+	return H(nt(o.rgba, s.rgba, l, n));
 }
-function V(e, t, n, r) {
+function nt(e, t, n, r) {
 	let i = L(n, 0, 1);
 	if (r === "linearRGB") {
-		let n = H(e.red), r = H(e.green), a = H(e.blue), o = H(t.red), s = H(t.green), c = H(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
+		let n = V(e.red), r = V(e.green), a = V(e.blue), o = V(t.red), s = V(t.green), c = V(t.blue), l = n + (o - n) * i, u = r + (s - r) * i, d = a + (c - a) * i;
 		return {
-			red: U(l),
-			green: U(u),
-			blue: U(d),
+			red: rt(l),
+			green: rt(u),
+			blue: rt(d),
 			alpha: e.alpha + (t.alpha - e.alpha) * i
 		};
 	}
@@ -391,19 +391,19 @@ function V(e, t, n, r) {
 		alpha: e.alpha + (t.alpha - e.alpha) * i
 	};
 }
-function H(e) {
+function V(e) {
 	let t = L(e / 255, 0, 1);
 	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function U(e) {
+function rt(e) {
 	let t = L(e, 0, 1), n;
 	return n = t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055, L(Math.round(n * 255), 0, 255);
 }
-function W(e) {
+function H(e) {
 	let t = L(e.alpha, 0, 1), n = L(Math.round(e.red), 0, 255), r = L(Math.round(e.green), 0, 255), i = L(Math.round(e.blue), 0, 255);
 	return t >= 1 ? `#${Ge(n)}${Ge(r)}${Ge(i)}` : `rgba(${n}, ${r}, ${i}, ${R(t, 4).toString()})`;
 }
-function nt(e) {
+function U(e) {
 	let t = `fill="${G(e.fill ?? "none")}"`, n = Object.keys(e);
 	for (let r = 0; r < n.length; r += 1) {
 		let i = n[r];
@@ -413,7 +413,7 @@ function nt(e) {
 	}
 	return t;
 }
-function rt(e, t, n) {
+function W(e, t, n) {
 	return `<path d="${G(e)}" stroke="${G(t)}" ${n} />`;
 }
 function it(e) {
@@ -448,7 +448,7 @@ function ot(e, t = null, n = {}) {
 			if (i === null && (!(p > 0) || m.length === 1)) {
 				let t = at([it({
 					pathData: e,
-					stroke: W(m[0]),
+					stroke: H(m[0]),
 					segmentAttributeMap: c
 				})], l);
 				Xe(a), r(t);
@@ -468,7 +468,7 @@ function ot(e, t = null, n = {}) {
 				return t;
 			})() : [], re = Ze(p, d, n.maxSegmentLength), h = Qe(p, n.segments, re), ie = p / h, ae = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : d * .5, oe = ie * .45;
 			ae > oe && (ae = oe);
-			let se = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ce = nt(c), le = [], ue = i === null ? null : [], de = i === null ? null : [], fe = 0, pe = i === null ? ne.length - 2 : 0, g = 0, me = () => {
+			let se = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, ce = U(c), le = [], ue = i === null ? null : [], de = i === null ? null : [], fe = 0, pe = i === null ? ne.length - 2 : 0, g = 0, me = () => {
 				let e = performance.now(), t = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
 				for (; g < h && performance.now() - e < t;) {
 					let e = g * ie, t = (g + 1) * ie, n = e, r = t;
@@ -479,7 +479,7 @@ function ot(e, t = null, n = {}) {
 						let e = (n + r) * .5 / p;
 						for (; fe < pe && e > ne[fe + 1].position;) fe += 1;
 						let t = B(ne, e, ee, fe), i = $e(f, n, r, s, o, se);
-						le.push(rt(i, t, ce));
+						le.push(W(i, t, ce));
 					}
 					g += 1;
 				}
@@ -496,8 +496,8 @@ function ot(e, t = null, n = {}) {
 					let n = te[0], r = te[1];
 					le.length = 0;
 					for (let a = 0; a < de.length; a += 1) {
-						let o = de[a], s = qe(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = W(i === "vertical" ? We(n, r, s, ee) : We(r, n, s, ee)), l = ue[a];
-						le.push(rt(l, c, ce));
+						let o = de[a], s = qe(((i === "vertical" ? o.minY : o.minX) + (i === "vertical" ? o.maxY : o.maxX)) * .5, e, t, !0), c = H(i === "vertical" ? We(n, r, s, ee) : We(r, n, s, ee)), l = ue[a];
+						le.push(W(l, c, ce));
 					}
 				}
 				let c = at(le, l);
@@ -568,7 +568,7 @@ var st = ["innerHTML"], ct = {
 			i === r && (n.value = a);
 		}, { immediate: !0 }), (e, t) => (w(), b("g", { innerHTML: n.value }, null, 8, st));
 	}
-}, lt = /* @__PURE__ */ e({ default: () => K }), ut = ["id"], dt = ["id"], ft = { style: { position: "relative" } }, pt = [
+}, lt = /* @__PURE__ */ e({ default: () => Ut }), ut = ["id"], dt = ["id"], ft = { style: { position: "relative" } }, pt = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
@@ -652,7 +652,7 @@ var st = ["innerHTML"], ct = {
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, K = /* @__PURE__ */ fe({
+}, Ut = /* @__PURE__ */ fe({
 	__name: "vue-ui-sparkline",
 	props: {
 		config: {
@@ -686,7 +686,7 @@ var st = ["innerHTML"], ct = {
 	},
 	emits: ["hoverIndex", "selectDatapoint"],
 	setup(e, { emit: fe }) {
-		let Me = xe(() => import("./PackageVersion-sdNn_SJC.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
+		let Me = xe(() => import("./PackageVersion-D5dkifa6.js").then((e) => e.t)), Ne = xe(() => import("./SparkTooltip-c2DL7gqD.js")), { vue_ui_sparkline: Pe } = se(), { isThemeValid: Fe, warnInvalidTheme: Ie } = de(), Le = ge(), k = e, Re = v(() => Array.isArray(k.dataset) && k.dataset.length > 0), A = T(r()), j = T(null), Be = T(null), Ve = T(null), M = T(null), N = T(null), P = T(R());
 		function He(e) {
 			return k.config?.skeletonDataset && Array.isArray(k.config.skeletonDataset) ? k.config.skeletonDataset.map((e) => ({
 				period: "-",
@@ -724,7 +724,7 @@ var st = ["innerHTML"], ct = {
 			prepareConfig: R,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await S(), st();
+					await S(), lt();
 				});
 			},
 			skeletonDataset: He(12),
@@ -752,7 +752,7 @@ var st = ["innerHTML"], ct = {
 			else t = e;
 			return t;
 		}
-		let z = v(() => P.value?.style?.line.pulse || {}), Ge = v(() => `${Math.max(200, Number(z.value.durationMs) || 4e3) / 1e3}s`), Ke = T(0), qe = v(() => z.value?.begin || "0ms"), Je = T("0;1"), Ye = v(() => z.value?.loop === !1 ? "1" : "indefinite"), Xe = v(() => z.value?.loop === !1 ? "freeze" : void 0), Ze = v(() => z.value.trail.show && tt.value.lengthPx || 1), Qe = v(() => !!z.value?.show && !Q.value && !Le.value && !F.value && (Y.value?.length || 0) > 1);
+		let z = v(() => P.value?.style?.line.pulse || {}), Ge = v(() => `${Math.max(200, Number(z.value.durationMs) || 4e3) / 1e3}s`), Ke = T(0), qe = v(() => z.value?.begin || "0ms"), Je = T("0;1"), Ye = v(() => z.value?.loop === !1 ? "1" : "indefinite"), Xe = v(() => z.value?.loop === !1 ? "freeze" : void 0), Ze = v(() => z.value.trail.show && tt.value.lengthPx || 1), Qe = v(() => !!z.value?.show && !Q.value && !Le.value && !F.value && (J.value?.length || 0) > 1);
 		function $e() {
 			if (!Qe.value) {
 				Ke.value = 0;
@@ -760,7 +760,7 @@ var st = ["innerHTML"], ct = {
 			}
 			let e = L.value;
 			if (!e) return;
-			let t = `#${K.value}`, n = e.querySelector?.(t);
+			let t = `#${Wt.value}`, n = e.querySelector?.(t);
 			if (n && typeof n.getTotalLength == "function") {
 				let e = n.getTotalLength();
 				Number.isFinite(e) && e > 0 && (Ke.value = e);
@@ -832,9 +832,13 @@ var st = ["innerHTML"], ct = {
 		}), B = v(() => h({
 			data: I.value,
 			threshold: P.value.downsample.threshold
-		}));
+		})), nt = v(() => {
+			if (!P.value.temperatureColors.show) return !1;
+			let e = I.value.map(({ value: e }) => e).filter((e) => Number.isFinite(e));
+			return new Set(e).size <= 1;
+		});
 		O(() => k.config, (e) => {
-			F.value || (P.value = R()), Kt(), q.value.chartWidth = P.value.style.chartWidth;
+			F.value || (P.value = R()), Jt(), K.value.chartWidth = P.value.style.chartWidth;
 		}, { deep: !0 }), O(() => k.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (We.value = !1), V.value = h({
 				data: I.value.map((e) => ({
@@ -844,8 +848,8 @@ var st = ["innerHTML"], ct = {
 				threshold: P.value.downsample.threshold
 			});
 		}, { deep: !0 });
-		let V = T(H());
-		function H() {
+		let V = T(rt());
+		function rt() {
 			return h({
 				data: I.value.map((e) => P.value.style.animation.show && I.value.length > 1 ? {
 					...e,
@@ -857,59 +861,59 @@ var st = ["innerHTML"], ct = {
 				threshold: P.value.downsample.threshold
 			});
 		}
-		let U = De(null), W = De(null), nt = T(!1), rt = T(0), it = T([]), at = T(""), G = v(() => {
+		let H = De(null), U = De(null), W = T(!1), it = T(0), at = T([]), G = T(""), ot = v(() => {
 			let e = (B.value || []).map((e) => `${e.period}::${Number.isFinite(e.value) ? e.value : 0}`).join("|"), t = P.value?.style?.animation || {}, n = !!P.value?.gradientPath?.show && !P.value.temperatureColors.show;
 			return `${e}#${!!t.show}#${t.animationFrames || 0}#${n}`;
 		});
-		function ot() {
-			rt.value &&= (cancelAnimationFrame(rt.value), 0), it.value.forEach((e) => clearTimeout(e)), it.value = [], nt.value = !1;
-		}
 		function st() {
-			let e = P.value?.style?.animation || {}, t = B.value || [], n = G.value, r = !!P.value.gradientPath.show && !P.value.temperatureColors.show;
-			if (n && n === at.value && (nt.value || V.value.length === t.length)) return;
-			if (ot(), r || !e.show || F.value || t.length <= 1) {
-				V.value = t, at.value = n;
+			it.value &&= (cancelAnimationFrame(it.value), 0), at.value.forEach((e) => clearTimeout(e)), at.value = [], W.value = !1;
+		}
+		function lt() {
+			let e = P.value?.style?.animation || {}, t = B.value || [], n = ot.value, r = !!P.value.gradientPath.show && !P.value.temperatureColors.show;
+			if (n && n === G.value && (W.value || V.value.length === t.length)) return;
+			if (st(), r || !e.show || F.value || t.length <= 1) {
+				V.value = t, G.value = n;
 				return;
 			}
-			nt.value = !0, at.value = n, V.value = [];
+			W.value = !0, G.value = n, V.value = [];
 			let i = Math.max(1, Number(e.animationFrames) || 1), a = Math.max(1, Math.floor(i / t.length)), o = 0, s = () => {
-				if (n !== G.value) {
-					ot();
+				if (n !== ot.value) {
+					st();
 					return;
 				}
 				if (o < t.length) {
 					V.value.push(t[o]);
 					let e = setTimeout(() => {
-						rt.value = requestAnimationFrame(s);
+						it.value = requestAnimationFrame(s);
 					}, a);
-					it.value.push(e), o += 1;
-				} else V.value = t, ot();
+					at.value.push(e), o += 1;
+				} else V.value = t, st();
 			};
-			rt.value = requestAnimationFrame(s);
+			it.value = requestAnimationFrame(s);
 		}
-		O(G, () => {
-			st();
+		O(ot, () => {
+			lt();
 		}), Te(() => {
-			Kt(), st();
+			Jt(), lt();
 		}), we(() => {
-			ot();
+			st();
 		});
-		let lt = T(0);
+		let Ut = T(0);
 		O(() => F.value, async (e) => {
-			e || (await S(), lt.value += 1);
-		}), O(() => nt.value, async (e) => {
-			e || F.value || (await S(), lt.value += 1);
+			e || (await S(), Ut.value += 1);
+		}), O(() => W.value, async (e) => {
+			e || F.value || (await S(), Ut.value += 1);
 		});
-		let K = v(() => `sparkline_line_path_${A.value}`), Ut = T(!0);
-		async function Wt() {
-			Ut.value = !1, await S(), Ut.value = !0, await S(), $e();
+		let Wt = v(() => `sparkline_line_path_${A.value}`), Gt = T(!0);
+		async function Kt() {
+			Gt.value = !1, await S(), Gt.value = !0, await S(), $e();
 		}
-		let Gt = v(() => !!P.value.debug);
-		function Kt() {
+		let qt = v(() => !!P.value.debug);
+		function Jt() {
 			if (l(k.dataset) ? (u({
 				componentName: "VueUiSparkline",
 				type: "dataset",
-				debug: Gt.value
+				debug: qt.value
 			}), We.value = !0) : k.dataset.forEach((e, t) => {
 				ne({
 					datasetObject: e,
@@ -920,7 +924,7 @@ var st = ["innerHTML"], ct = {
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Gt.value
+						debug: qt.value
 					});
 				});
 			}), l(k.dataset) || (We.value = P.value.loading), P.value.responsive) {
@@ -931,55 +935,55 @@ var st = ["innerHTML"], ct = {
 						source: Ve.value
 					});
 					requestAnimationFrame(() => {
-						q.value.width = e, q.value.height = t, q.value.chartWidth = P.value.style.chartWidth / 500 * e, q.value.padding = k.forcedPadding / 500 * e;
+						K.value.width = e, K.value.height = t, K.value.chartWidth = P.value.style.chartWidth / 500 * e, K.value.padding = k.forcedPadding / 500 * e;
 					});
 				});
-				U.value && (W.value && U.value.unobserve(W.value), U.value.disconnect()), U.value = new ResizeObserver(e), W.value = j.value.parentNode, U.value.observe(W.value);
+				H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect()), H.value = new ResizeObserver(e), U.value = j.value.parentNode, H.value.observe(U.value);
 			}
 		}
 		we(() => {
-			U.value && (W.value && U.value.unobserve(W.value), U.value.disconnect());
+			H.value && (U.value && H.value.unobserve(U.value), H.value.disconnect());
 		});
-		let q = T({
+		let K = T({
 			height: 80 * k.heightRatio,
 			width: 500,
 			chartWidth: P.value.style.chartWidth,
 			padding: k.forcedPadding
-		}), qt = fe, J = v(() => {
+		}), Yt = fe, q = v(() => {
 			let { top: e, right: t, bottom: n, left: r } = P.value.style.padding;
 			return {
 				top: e,
 				left: r,
-				right: q.value.width - t,
-				bottom: q.value.height - n,
-				start: k.showInfo && P.value.style.dataLabel.show && P.value.style.dataLabel.position === "left" ? q.value.width - q.value.chartWidth + r : q.value.padding + r,
-				width: k.showInfo && P.value.style.dataLabel.show ? q.value.chartWidth - r - t : q.value.width - q.value.padding - r - t,
-				height: q.value.height - e - n
+				right: K.value.width - t,
+				bottom: K.value.height - n,
+				start: k.showInfo && P.value.style.dataLabel.show && P.value.style.dataLabel.position === "left" ? K.value.width - K.value.chartWidth + r : K.value.padding + r,
+				width: k.showInfo && P.value.style.dataLabel.show ? K.value.chartWidth - r - t : K.value.width - K.value.padding - r - t,
+				height: K.value.height - e - n
 			};
-		}), Jt = v(() => [null, void 0].includes(P.value.style.scaleMin) ? Math.min(...V.value.map((e) => isNaN(e.value) || [
+		}), Xt = v(() => [null, void 0].includes(P.value.style.scaleMin) ? Math.min(...V.value.map((e) => isNaN(e.value) || [
 			void 0,
 			null,
 			"NaN",
 			NaN,
 			Infinity,
 			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : P.value.style.scaleMin), Yt = v(() => [null, void 0].includes(P.value.style.scaleMax) ? Math.max(...V.value.map((e) => isNaN(e.value) || [
+		].includes(e.value) ? 0 : e.value || 0)) : P.value.style.scaleMin), Zt = v(() => [null, void 0].includes(P.value.style.scaleMax) ? Math.max(...V.value.map((e) => isNaN(e.value) || [
 			void 0,
 			null,
 			"NaN",
 			NaN,
 			Infinity,
 			-Infinity
-		].includes(e.value) ? 0 : e.value || 0)) : P.value.style.scaleMax), Xt = v(() => {
-			let e = Jt.value >= 0 ? 0 : Jt.value;
+		].includes(e.value) ? 0 : e.value || 0)) : P.value.style.scaleMax), Qt = v(() => {
+			let e = Xt.value >= 0 ? 0 : Xt.value;
 			return Math.abs(e);
-		}), Zt = v(() => Yt.value + Xt.value), Qt = v(() => J.value.bottom - J.value.height * $t(Xt.value));
-		function $t(e) {
-			return isNaN(e / Zt.value) ? 0 : e / Zt.value;
+		}), $t = v(() => Zt.value + Qt.value), en = v(() => q.value.bottom - q.value.height * tn(Qt.value));
+		function tn(e) {
+			return isNaN(e / $t.value) ? 0 : e / $t.value;
 		}
-		let en = v(() => B.value.length - 1 || 1), tn = T([]), nn = 0;
+		let nn = v(() => B.value.length - 1 || 1), rn = T([]), an = 0;
 		Ae(() => {
-			let e = ++nn;
+			let e = ++an;
 			(async () => {
 				let t = await oe({
 					values: B.value.map((e) => e.period),
@@ -988,10 +992,10 @@ var st = ["innerHTML"], ct = {
 					start: 0,
 					end: B.value.length
 				});
-				e === nn && (tn.value = t);
+				e === an && (rn.value = t);
 			})();
 		});
-		let Y = v(() => V.value.map((e, t) => {
+		let J = v(() => V.value.map((e, t) => {
 			let n = isNaN(e.value) || [
 				void 0,
 				null,
@@ -999,28 +1003,28 @@ var st = ["innerHTML"], ct = {
 				NaN,
 				Infinity,
 				-Infinity
-			].includes(e.value) ? 0 : e.value || 0, r = J.value.width / en.value;
+			].includes(e.value) ? 0 : e.value || 0, r = q.value.width / nn.value;
 			return {
 				value: e.value,
 				absoluteValue: n,
-				period: tn.value && tn.value[t] && tn.value[t].text ? tn.value[t].text : e.period,
-				plotValue: n + Xt.value,
-				toMax: $t(n + Xt.value),
-				x: J.value.start + t * r,
-				y: J.value.bottom - J.value.height * $t(n + Xt.value),
+				period: rn.value && rn.value[t] && rn.value[t].text ? rn.value[t].text : e.period,
+				plotValue: n + Qt.value,
+				toMax: tn(n + Qt.value),
+				x: q.value.start + t * r,
+				y: q.value.bottom - q.value.height * tn(n + Qt.value),
 				id: `plot_${A.value}_${t}`,
-				color: Q.value ? P.value.style.bar.color : P.value.style.area.useGradient ? o(P.value.style.line.color, .05 * (1 - t / en.value)) : P.value.style.line.color,
+				color: Q.value ? P.value.style.bar.color : P.value.style.area.useGradient ? o(P.value.style.line.color, .05 * (1 - t / nn.value)) : P.value.style.line.color,
 				width: r
 			};
-		})), rn = v(() => k.selectedIndex !== void 0 && k.selectedIndex !== null && k.selectedIndex >= 0 && k.selectedIndex < Y.value.length ? k.selectedIndex : N.value !== void 0 && N.value !== null && N.value >= 0 && N.value < Y.value.length ? N.value : null), an = v(() => {
+		})), on = v(() => k.selectedIndex !== void 0 && k.selectedIndex !== null && k.selectedIndex >= 0 && k.selectedIndex < J.value.length ? k.selectedIndex : N.value !== void 0 && N.value !== null && N.value >= 0 && N.value < J.value.length ? N.value : null), sn = v(() => {
 			let e = {
-				x: Y.value[0].x || 0,
-				y: (q.value.height || 0) - 6
+				x: J.value[0].x || 0,
+				y: (K.value.height || 0) - 6
 			}, t = {
-				x: Y.value[Y.value.length - 1].x || 0,
-				y: (q.value.height || 0) - 6
+				x: J.value[J.value.length - 1].x || 0,
+				y: (K.value.height || 0) - 6
 			}, n = [];
-			return Y.value.forEach((e) => {
+			return J.value.forEach((e) => {
 				n.push(`${e.x || 0},${e.y || 0} `);
 			}), [
 				e.x,
@@ -1029,28 +1033,28 @@ var st = ["innerHTML"], ct = {
 				t.x,
 				t.y
 			].toString();
-		}), X = T(void 0), on = T(void 0);
-		function sn(e, t) {
+		}), Y = T(void 0), X = T(void 0);
+		function cn(e, t) {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), N.value = t, M.value = t, X.value = e, on.value ||= e, qt("hoverIndex", { index: t });
+			}), N.value = t, M.value = t, Y.value = e, X.value ||= e, Yt("hoverIndex", { index: t });
 		}
-		function cn(e, t) {
+		function ln(e, t) {
 			P.value.events.datapointLeave && P.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), on.value = X.value, X.value = void 0, N.value = null, M.value = null, qt("hoverIndex", { index: void 0 });
+			}), X.value = Y.value, Y.value = void 0, N.value = null, M.value = null, Yt("hoverIndex", { index: void 0 });
 		}
 		let Z = v(() => {
 			if (Re.value) {
-				let e = Y.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
+				let e = J.value.map((e) => e.absoluteValue), t = e.reduce((e, t) => e + t, 0);
 				return {
-					latest: Y.value[Y.value.length - 1] ? Y.value[Y.value.length - 1].absoluteValue : 0,
+					latest: J.value[J.value.length - 1] ? J.value[J.value.length - 1].absoluteValue : 0,
 					sum: t,
-					average: t / Y.value.length,
+					average: t / J.value.length,
 					median: f(e),
-					trend: te(Y.value.map(({ x: e, y: t, absoluteValue: n }) => ({
+					trend: te(J.value.map(({ x: e, y: t, absoluteValue: n }) => ({
 						x: e,
 						y: t,
 						value: n
@@ -1063,72 +1067,72 @@ var st = ["innerHTML"], ct = {
 				median: null,
 				trend: null
 			};
-		}), ln = v(() => Re.value ? P.value.style.dataLabel.valueType === "latest" ? Z.value.latest : P.value.style.dataLabel.valueType === "sum" ? Z.value.sum : P.value.style.dataLabel.valueType === "average" ? Z.value.average : 0 : 0), Q = v(() => P.value.type && P.value.type === "bar");
-		function un(e, t) {
+		}), un = v(() => Re.value ? P.value.style.dataLabel.valueType === "latest" ? Z.value.latest : P.value.style.dataLabel.valueType === "sum" ? Z.value.sum : P.value.style.dataLabel.valueType === "average" ? Z.value.average : 0 : 0), Q = v(() => P.value.type && P.value.type === "bar");
+		function dn(e, t) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), qt("selectDatapoint", {
+			}), Yt("selectDatapoint", {
 				datapoint: e,
 				index: t
 			});
 		}
-		let dn = v(() => Array.isArray(P.value.style.line.dashIndices) && P.value.style.line.dashIndices.length > 0), fn = v(() => Q.value ? "" : ee(Y.value)), pn = v(() => Q.value ? "" : i(Y.value)), mn = v(() => Q.value || !dn.value ? [] : a(Y.value, P.value.style.line.dashIndices)), hn = v(() => Q.value || !dn.value ? [] : c(Y.value, P.value.style.line.dashIndices)), gn = v(() => Q.value || !P.value.gradientPath.show || P.value.temperatureColors.show ? "" : `M ${(P.value.style.line.smooth ? fn.value : pn.value) || "0,0"}`), $ = v(() => !P.value.temperatureColors.show || P.value.temperatureColors.colors.length === 0 ? null : P.value.temperatureColors.colors.map((e) => ie(e)));
+		let fn = v(() => Array.isArray(P.value.style.line.dashIndices) && P.value.style.line.dashIndices.length > 0), pn = v(() => Q.value ? "" : ee(J.value)), mn = v(() => Q.value ? "" : i(J.value)), hn = v(() => Q.value || !fn.value ? [] : a(J.value, P.value.style.line.dashIndices)), gn = v(() => Q.value || !fn.value ? [] : c(J.value, P.value.style.line.dashIndices)), _n = v(() => Q.value || !P.value.gradientPath.show || P.value.temperatureColors.show ? "" : `M ${(P.value.style.line.smooth ? pn.value : mn.value) || "0,0"}`), $ = v(() => !P.value.temperatureColors.show || nt.value || !P.value.temperatureColors.colors.length ? null : P.value.temperatureColors.colors.map((e) => ie(e)));
 		O(() => [
 			Qe.value,
-			K.value,
-			Y.value.length,
-			q.value.width,
-			q.value.height,
+			Wt.value,
+			J.value.length,
+			K.value.width,
+			K.value.height,
 			P.value?.style?.line?.smooth
 		], async () => {
 			await S(), $e();
 		}, { immediate: !0 }), Te(async () => {
 			await S(), $e();
 		}), O(() => F.value, async (e) => {
-			e || await Wt();
-		}), O(() => nt.value, async (e) => {
-			e || F.value || await Wt();
+			e || await Kt();
+		}), O(() => W.value, async (e) => {
+			e || F.value || await Kt();
 		}), O(() => k.selectedIndex, (e) => {
 			if (e == null) {
-				N.value = null, M.value = null, X.value = void 0;
+				N.value = null, M.value = null, Y.value = void 0;
 				return;
 			}
-			if (e < 0 || e >= Y.value.length) return;
-			let t = Y.value[e];
-			t && (N.value = e, M.value = e, X.value = t);
+			if (e < 0 || e >= J.value.length) return;
+			let t = J.value[e];
+			t && (N.value = e, M.value = e, Y.value = t);
 		});
-		let _n = T(!1);
-		function vn() {
-			let e = rn.value;
-			if (e !== null && e >= 0 && e < Y.value.length) {
-				let t = Y.value[e];
+		let vn = T(!1);
+		function yn() {
+			let e = on.value;
+			if (e !== null && e >= 0 && e < J.value.length) {
+				let t = J.value[e];
 				if (t) {
-					M.value = e, X.value = t, N.value = e, _n.value = !0;
+					M.value = e, Y.value = t, N.value = e, vn.value = !0;
 					return;
 				}
 			}
-			M.value = null, !X.value && Y.value.length && sn(Y.value.at(-1), Y.value.length - 1), _n.value = !0;
+			M.value = null, !Y.value && J.value.length && cn(J.value.at(-1), J.value.length - 1), vn.value = !0;
 		}
-		function yn() {
-			on.value = X.value, (k.selectedIndex === void 0 || k.selectedIndex === null) && (M.value = null, X.value = void 0, N.value = null, qt("hoverIndex", { index: void 0 })), _n.value = !1;
+		function bn() {
+			X.value = Y.value, (k.selectedIndex === void 0 || k.selectedIndex === null) && (M.value = null, Y.value = void 0, N.value = null, Yt("hoverIndex", { index: void 0 })), vn.value = !1;
 		}
-		function bn(e) {
+		function xn(e) {
 			if (!L.value || document.activeElement !== L.value) return;
-			on.value = X.value;
+			X.value = Y.value;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight";
 			if (!t && !n) return;
-			let r = Y.value.length;
+			let r = J.value.length;
 			if (!r) return;
 			e.preventDefault(), e.stopPropagation();
-			let i = M.value, a = i !== null && i >= 0 && i < r, o = X.value ? Y.value.findIndex((e) => e.id === X.value.id) : -1;
+			let i = M.value, a = i !== null && i >= 0 && i < r, o = Y.value ? J.value.findIndex((e) => e.id === Y.value.id) : -1;
 			a ? n ? (i += 1, i >= r && (i = 0)) : t && (--i, i < 0 && (i = r - 1)) : o !== null && o >= 0 && o < r ? (i = n ? o + 1 : o - 1, i >= r && (i = 0), i < 0 && (i = r - 1)) : i = n ? 0 : r - 1;
-			let s = Y.value[i];
-			s && (M.value = i, sn(s, i));
+			let s = J.value[i];
+			s && (M.value = i, cn(s, i));
 		}
-		let xn = v(() => ({
+		let Sn = v(() => ({
 			headers: [P.value.translations.period, P.value.translations.value],
-			rows: Y.value.map((e) => [e.period, e.absoluteValue])
+			rows: J.value.map((e) => [e.period, e.absoluteValue])
 		}));
 		return (r, i) => (w(), b("div", {
 			ref_key: "sparklineChart",
@@ -1141,11 +1145,11 @@ var st = ["innerHTML"], ct = {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
 			}, Oe(P.value.a11y.translations.keyboardNavigation), 9, dt),
-			xn.value?.rows?.length ? (w(), ve(me, {
+			Sn.value?.rows?.length ? (w(), ve(me, {
 				key: 0,
 				uid: A.value,
-				head: xn.value.headers,
-				body: xn.value.rows,
+				head: Sn.value.headers,
+				body: Sn.value.rows,
 				notice: P.value.a11y.translations.tableAvailable,
 				caption: P.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1155,8 +1159,8 @@ var st = ["innerHTML"], ct = {
 				"notice",
 				"caption"
 			])) : y("", !0),
-			Ee(r.$slots, "before", Ce(Se({
-				selected: X.value,
+			E(r.$slots, "before", Ce(Se({
+				selected: Y.value,
 				latest: Z.value.latest,
 				sum: Z.value.sum,
 				average: Z.value.average,
@@ -1169,29 +1173,29 @@ var st = ["innerHTML"], ct = {
 				ref: Be,
 				class: "vue-ui-sparkline-title",
 				style: C(`display:flex;align-items:center;width:100%;color:${P.value.style.title.color};background:${P.value.style.backgroundColor};justify-content:${P.value.style.title.textAlign === "left" ? "flex-start" : P.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${P.value.style.title.fontSize * 2}px;font-size:${P.value.style.title.fontSize}px;font-weight:${P.value.style.title.bold ? "bold" : "normal"};`)
-			}, [x("span", { style: C(`padding:${P.value.style.title.textAlign === "left" ? "0 0 0 12px" : P.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Oe(X.value ? X.value.period : P.value.style.title.text), 5)], 4)) : y("", !0),
+			}, [x("span", { style: C(`padding:${P.value.style.title.textAlign === "left" ? "0 0 0 12px" : P.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`) }, Oe(Y.value ? Y.value.period : P.value.style.title.text), 5)], 4)) : y("", !0),
 			x("div", ft, [(w(), b("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				xmlns: D(re),
-				viewBox: `0 0 ${q.value.width} ${q.value.height}`,
+				viewBox: `0 0 ${K.value.width} ${K.value.height}`,
 				style: C(`background:${P.value.style.backgroundColor};overflow:visible;direction:ltr`),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${A.value}`,
-				onMouseleave: i[0] ||= (e) => on.value = void 0,
-				onFocus: vn,
-				onBlur: yn,
-				onKeydown: bn
+				onMouseleave: i[0] ||= (e) => X.value = void 0,
+				onFocus: yn,
+				onBlur: bn,
+				onKeydown: xn
 			}, [
 				be(D(Me)),
 				r.$slots["chart-background"] ? (w(), b("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: q.value.width <= 0 ? 10 : q.value.width,
-					height: q.value.height <= 0 ? 10 : q.value.height,
+					width: K.value.width <= 0 ? 10 : K.value.width,
+					height: K.value.height <= 0 ? 10 : K.value.height,
 					style: { pointerEvents: "none" }
-				}, [Ee(r.$slots, "chart-background", {}, void 0, !0)], 8, mt)) : y("", !0),
+				}, [E(r.$slots, "chart-background", {}, void 0, !0)], 8, mt)) : y("", !0),
 				x("defs", null, [
 					x("linearGradient", {
 						x1: "0%",
@@ -1240,20 +1244,20 @@ var st = ["innerHTML"], ct = {
 						stdDeviation: "3",
 						result: "blur"
 					}, null, -1), x("feMerge", null, [x("feMergeNode", { in: "blur" }), x("feMergeNode", { in: "SourceGraphic" })], -1)]], 8, wt),
-					P.value.temperatureColors.show && $.value ? (w(), b("linearGradient", {
+					P.value.temperatureColors.show && $.value && !nt.value ? (w(), b("linearGradient", {
 						key: 0,
 						id: `temperature_grad_sparkline_${A.value}`,
 						gradientTransform: "rotate(90)"
-					}, [(w(!0), b(_, null, E($.value, (e, n) => (w(), b("stop", {
+					}, [(w(!0), b(_, null, Ee($.value, (e, n) => (w(), b("stop", {
 						key: `temperature_grad_stop_${n}_${A.value}`,
 						"stop-color": e,
 						offset: D(t)(n, $.value.length)
 					}, null, 8, Et))), 128))], 8, Tt)) : y("", !0)
 				]),
-				P.value.style.area.show && !Q.value && Y.value[0] && Y.value.length > 1 ? (w(), b("g", Dt, [P.value.style.line.smooth ? (w(), b("path", {
+				P.value.style.area.show && !Q.value && J.value[0] && J.value.length > 1 ? (w(), b("g", Dt, [P.value.style.line.smooth ? (w(), b("path", {
 					key: 0,
 					class: "vue-ui-sparkline-area",
-					d: `M ${Y.value[0].x},${J.value.bottom} ${D(ee)(Y.value)} L ${Y.value.at(-1).x},${J.value.bottom} Z`,
+					d: `M ${J.value[0].x},${q.value.bottom} ${D(ee)(J.value)} L ${J.value.at(-1).x},${q.value.bottom} Z`,
 					fill: P.value.style.area.useGradient ? `url(#sparkline_gradient_${A.value})` : D(m)(P.value.style.area.color, P.value.style.area.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
@@ -1261,21 +1265,21 @@ var st = ["innerHTML"], ct = {
 				}, null, 12, Ot)) : (w(), b("path", {
 					key: 1,
 					class: "vue-ui-sparkline-area",
-					d: `M${an.value}Z`,
+					d: `M${sn.value}Z`,
 					fill: P.value.style.area.useGradient ? `url(#sparkline_gradient_${A.value})` : D(m)(P.value.style.area.color, P.value.style.area.opacity),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: C({ transition: D(F) ? void 0 : "all 0.2s" })
 				}, null, 12, kt))])) : y("", !0),
 				P.value.style.line.smooth && !Q.value ? (w(), b(_, { key: 2 }, [x("path", {
-					id: K.value,
-					d: `M ${fn.value || "0,0"}`,
+					id: Wt.value,
+					d: `M ${pn.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
 					"stroke-width": P.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, At), dn.value ? (w(!0), b(_, { key: 0 }, E(mn.value, (e) => (w(), b("path", {
+				}, null, 8, At), fn.value ? (w(!0), b(_, { key: 0 }, Ee(hn.value, (e) => (w(), b("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1289,7 +1293,7 @@ var st = ["innerHTML"], ct = {
 				}, null, 12, jt))), 128)) : (w(), b("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${fn.value || "0,0"}`,
+					d: `M ${pn.value || "0,0"}`,
 					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
 					fill: "none",
 					"stroke-width": P.value.style.line.strokeWidth,
@@ -1298,14 +1302,14 @@ var st = ["innerHTML"], ct = {
 					style: C({ transition: D(F) ? void 0 : "all 0.2s" })
 				}, null, 12, Mt))], 64)) : y("", !0),
 				!P.value.style.line.smooth && !Q.value ? (w(), b(_, { key: 3 }, [x("path", {
-					id: K.value,
-					d: `M ${pn.value || "0,0"}`,
+					id: Wt.value,
+					d: `M ${mn.value || "0,0"}`,
 					fill: "none",
 					stroke: "transparent",
 					"stroke-width": P.value.style.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Nt), dn.value ? (w(!0), b(_, { key: 0 }, E(hn.value, (e) => (w(), b("path", {
+				}, null, 8, Nt), fn.value ? (w(!0), b(_, { key: 0 }, Ee(gn.value, (e) => (w(), b("path", {
 					key: e.path,
 					class: "vue-ui-sparkline-path",
 					d: `M ${e.path}`,
@@ -1319,7 +1323,7 @@ var st = ["innerHTML"], ct = {
 				}, null, 12, Pt))), 128)) : (w(), b("path", {
 					key: 1,
 					class: "vue-ui-sparkline-path",
-					d: `M ${pn.value || "0,0"}`,
+					d: `M ${mn.value || "0,0"}`,
 					stroke: $.value ? `url(#temperature_grad_sparkline_${A.value})` : P.value.style.line.color,
 					fill: "none",
 					"stroke-width": P.value.style.line.strokeWidth,
@@ -1327,9 +1331,9 @@ var st = ["innerHTML"], ct = {
 					"stroke-linejoin": "round",
 					style: C({ transition: D(F) ? void 0 : "all 0.2s" })
 				}, null, 12, Ft))], 64)) : y("", !0),
-				gn.value && !$.value ? (w(), ve(ct, {
+				_n.value && !$.value ? (w(), ve(ct, {
 					key: 4,
-					svgPathData: gn.value,
+					svgPathData: _n.value,
 					enabled: P.value.gradientPath.show && !Q.value && !$.value,
 					strokeWidth: P.value.style.line.strokeWidth,
 					highColor: P.value.gradientPath.colors.high,
@@ -1343,11 +1347,11 @@ var st = ["innerHTML"], ct = {
 					"lowColor",
 					"segments"
 				])) : y("", !0),
-				Ut.value && Qe.value ? (w(), ve(ze, {
+				Gt.value && Qe.value ? (w(), ve(ze, {
 					key: 5,
 					uid: A.value,
 					svgRef: D(L),
-					pulsePathId: K.value,
+					pulsePathId: Wt.value,
 					pulsePathLength: Ke.value,
 					pulseDur: Ge.value,
 					pulseBegin: qe.value,
@@ -1379,37 +1383,37 @@ var st = ["innerHTML"], ct = {
 					"loading",
 					"isBar"
 				])) : y("", !0),
-				(w(!0), b(_, null, E(Y.value, (e, t) => (w(), b("g", null, [Q.value ? (w(), b("rect", {
+				(w(!0), b(_, null, Ee(J.value, (e, t) => (w(), b("g", null, [Q.value ? (w(), b("rect", {
 					key: 0,
 					x: e.x - e.width / 2,
-					y: isNaN(e.absoluteValue > 0 ? e.y : Qt.value) ? 0 : e.absoluteValue > 0 ? e.y : Qt.value,
+					y: isNaN(e.absoluteValue > 0 ? e.y : en.value) ? 0 : e.absoluteValue > 0 ? e.y : en.value,
 					width: e.width,
-					height: isNaN(Math.abs(e.y - Qt.value)) ? 0 : Math.abs(e.y - Qt.value),
+					height: isNaN(Math.abs(e.y - en.value)) ? 0 : Math.abs(e.y - en.value),
 					fill: e.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${A.value})` : `url(#sparkline_bar_gradient_neg_${A.value})`,
 					rx: P.value.style.bar.borderRadius
-				}, null, 8, It)) : y("", !0), P.value.style.verticalIndicator.show && (X.value && e.id === X.value.id || rn.value === t) ? (w(), b("line", {
+				}, null, 8, It)) : y("", !0), P.value.style.verticalIndicator.show && (Y.value && e.id === Y.value.id || on.value === t) ? (w(), b("line", {
 					key: 1,
 					x1: e.x,
 					x2: e.x,
-					y1: J.value.top - 6,
-					y2: J.value.bottom,
+					y1: q.value.top - 6,
+					y2: q.value.bottom,
 					stroke: P.value.style.verticalIndicator.color || e.color,
 					"stroke-width": P.value.style.verticalIndicator.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-dasharray": P.value.style.verticalIndicator.strokeDasharray || 0
 				}, null, 8, Lt)) : y("", !0)]))), 256)),
-				Jt.value < 0 ? (w(), b("line", {
+				Xt.value < 0 ? (w(), b("line", {
 					key: 6,
-					x1: J.value.start,
-					x2: J.value.start + J.value.width,
-					y1: D(d)(Qt.value, J.value.bottom),
-					y2: D(d)(Qt.value, J.value.bottom),
+					x1: q.value.start,
+					x2: q.value.start + q.value.width,
+					y1: D(d)(en.value, q.value.bottom),
+					y2: D(d)(en.value, q.value.bottom),
 					stroke: P.value.style.zeroLine.color,
 					"stroke-dasharray": P.value.style.zeroLine.strokeWidth * 2,
 					"stroke-width": P.value.style.zeroLine.strokeWidth,
 					"stroke-linecap": "round"
 				}, null, 8, Rt)) : y("", !0),
-				P.value.style.plot.show ? (w(!0), b(_, { key: 7 }, E(Y.value, (t, n) => (w(), b("g", null, [X.value && t.id === X.value.id || e.selectedIndex === n || D(I).length === 1 ? (w(), b("circle", {
+				P.value.style.plot.show ? (w(!0), b(_, { key: 7 }, Ee(J.value, (t, n) => (w(), b("g", null, [Y.value && t.id === Y.value.id || e.selectedIndex === n || D(I).length === 1 ? (w(), b("circle", {
 					key: 0,
 					cx: t.x,
 					cy: t.y,
@@ -1420,43 +1424,43 @@ var st = ["innerHTML"], ct = {
 				}, null, 8, zt)) : y("", !0)]))), 256)) : y("", !0),
 				e.showInfo && P.value.style.dataLabel.show ? (w(), b("text", {
 					key: 8,
-					x: P.value.style.dataLabel.position === "left" ? 12 + P.value.style.dataLabel.offsetX : J.value.width + 12 + P.value.style.dataLabel.offsetX,
-					y: q.value.height / 2 + P.value.style.dataLabel.fontSize / 2.5 + P.value.style.dataLabel.offsetY,
+					x: P.value.style.dataLabel.position === "left" ? 12 + P.value.style.dataLabel.offsetX : q.value.width + 12 + P.value.style.dataLabel.offsetX,
+					y: K.value.height / 2 + P.value.style.dataLabel.fontSize / 2.5 + P.value.style.dataLabel.offsetY,
 					"font-size": P.value.style.dataLabel.fontSize,
 					"font-weight": P.value.style.dataLabel.bold ? "bold" : "normal",
 					fill: P.value.style.dataLabel.color
-				}, Oe(X.value ? D(p)(P.value.style.dataLabel.formatter, X.value.absoluteValue, D(n)({
+				}, Oe(Y.value ? D(p)(P.value.style.dataLabel.formatter, Y.value.absoluteValue, D(n)({
 					p: P.value.style.dataLabel.prefix,
-					v: X.value.absoluteValue,
+					v: Y.value.absoluteValue,
 					s: P.value.style.dataLabel.suffix,
 					r: P.value.style.dataLabel.roundingValue
-				}), { datapoint: X.value }) : D(p)(P.value.style.dataLabel.formatter, ln.value, D(n)({
+				}), { datapoint: Y.value }) : D(p)(P.value.style.dataLabel.formatter, un.value, D(n)({
 					p: P.value.style.dataLabel.prefix,
-					v: ln.value,
+					v: un.value,
 					s: P.value.style.dataLabel.suffix,
 					r: P.value.style.dataLabel.roundingValue
 				}))), 9, Bt)) : y("", !0),
-				(w(!0), b(_, null, E(Y.value, (e, t) => (w(), b("rect", {
-					x: e.x - (J.value.width / (en.value + 1) > q.value.padding ? q.value.padding : J.value.width / (en.value + 1)) / 2,
-					y: J.value.top - 6,
-					height: J.value.height + 6,
-					width: J.value.width / (en.value + 1) > q.value.padding ? q.value.padding : J.value.width / (en.value + 1),
+				(w(!0), b(_, null, Ee(J.value, (e, t) => (w(), b("rect", {
+					x: e.x - (q.value.width / (nn.value + 1) > K.value.padding ? K.value.padding : q.value.width / (nn.value + 1)) / 2,
+					y: q.value.top - 6,
+					height: q.value.height + 6,
+					width: q.value.width / (nn.value + 1) > K.value.padding ? K.value.padding : q.value.width / (nn.value + 1),
 					fill: "transparent",
-					onMouseenter: () => sn(e, t),
-					onMouseleave: () => cn(e, t),
-					onClick: () => un(e, t)
+					onMouseenter: () => cn(e, t),
+					onMouseleave: () => ln(e, t),
+					onClick: () => dn(e, t)
 				}, null, 40, Vt))), 256)),
-				Ee(r.$slots, "svg", { svg: q.value }, void 0, !0)
-			], 44, pt)), r.$slots.hint ? (w(), b("div", Ht, [Ee(r.$slots, "hint", Ce(Se({
+				E(r.$slots, "svg", { svg: K.value }, void 0, !0)
+			], 44, pt)), r.$slots.hint ? (w(), b("div", Ht, [E(r.$slots, "hint", Ce(Se({
 				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: _n.value
+				isVisible: vn.value
 			})), void 0, !0)])) : y("", !0)]),
-			X.value && P.value.style.tooltip.show ? (w(), ve(D(Ne), {
+			Y.value && P.value.style.tooltip.show ? (w(), ve(D(Ne), {
 				key: 2,
-				x: X.value.x,
-				y: X.value.y,
-				prevX: on.value.x,
-				prevY: on.value.y,
+				x: Y.value.x,
+				y: Y.value.y,
+				prevX: X.value.x,
+				prevY: X.value.y,
 				offsetY: P.value.style.plot.radius * 3 + P.value.style.tooltip.offsetY,
 				svgRef: D(L),
 				background: P.value.style.tooltip.backgroundColor,
@@ -1467,12 +1471,12 @@ var st = ["innerHTML"], ct = {
 				borderRadius: P.value.style.tooltip.borderRadius,
 				backgroundOpacity: P.value.style.tooltip.backgroundOpacity
 			}, {
-				default: je(() => [Ee(r.$slots, "tooltip", Ce(Se({ ...X.value })), () => [ye(Oe(X.value.period) + ": " + Oe(D(p)(P.value.style.dataLabel.formatter, X.value.absoluteValue, D(n)({
+				default: je(() => [E(r.$slots, "tooltip", Ce(Se({ ...Y.value })), () => [ye(Oe(Y.value.period) + ": " + Oe(D(p)(P.value.style.dataLabel.formatter, Y.value.absoluteValue, D(n)({
 					p: P.value.style.dataLabel.prefix,
-					v: X.value.absoluteValue,
+					v: Y.value.absoluteValue,
 					s: P.value.style.dataLabel.suffix,
 					r: P.value.style.dataLabel.roundingValue
-				}), { datapoint: X.value })), 1)], !0)]),
+				}), { datapoint: Y.value })), 1)], !0)]),
 				_: 3
 			}, 8, [
 				"x",
@@ -1494,10 +1498,10 @@ var st = ["innerHTML"], ct = {
 				ref_key: "source",
 				ref: Ve,
 				dir: "auto"
-			}, [Ee(r.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
-			Ee(r.$slots, "skeleton", {}, () => [D(F) ? (w(), ve(le, { key: 0 })) : y("", !0)], !0)
+			}, [E(r.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
+			E(r.$slots, "skeleton", {}, () => [D(F) ? (w(), ve(le, { key: 0 })) : y("", !0)], !0)
 		], 12, ut));
 	}
-}, [["__scopeId", "data-v-66022e99"]]);
+}, [["__scopeId", "data-v-274de18b"]]);
 //#endregion
-export { lt as n, K as t };
+export { lt as n, Ut as t };